@builder.io/sdk-react 0.13.1 → 0.13.3

package/lib/browser/index.mjs

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as l, Fragment as h, jsxs as W } from "react/jsx-runtime";
-import { createContext as Ie, useState as v, useEffect as T, useContext as fe, useRef as te, createElement as je } from "react";
-import { T as _, i as $, k as V, l as _e, m as M, n as D, o as ne, p as K, q as he, a as He, u as Ue, v as Me, w as Ke, c as ze, e as Te, x as qe, y as ge, z as be, A as Ye } from "./server-entry-290b7c02.js";
-import { _ as En, f as Pn, d as An, h as Bn, g as Wn, j as $n, r as Nn, s as Vn, b as Fn, t as Ln } from "./server-entry-290b7c02.js";
+import { jsx as l, Fragment as m, jsxs as F } from "react/jsx-runtime";
+import { createContext as Te, useState as v, useEffect as V, useContext as he, useRef as ee, createElement as ae } from "react";
+import { T as z, i as M, k as j, l as je, m as G, n as _, o as re, p as X, q as ge, a as He, u as _e, v as Ke, w as qe, c as ze, e as Ee, x as Je, y as be, z as ye, A as Ye } from "./server-entry-143700d6.js";
+import { _ as On, f as Un, d as jn, h as Hn, g as _n, j as Kn, r as qn, s as zn, b as Jn, t as Yn } from "./server-entry-143700d6.js";
 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 ie(e) {
-  return /* @__PURE__ */ l(h, { children: Ge(e.TagName) ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(h, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
+function le(e) {
+  return /* @__PURE__ */ l(m, { children: Ge(e.TagName) ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(m, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
 }
-const O = () => {
-  switch (_) {
+const K = () => {
+  switch (z) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -20,14 +20,14 @@ const O = () => {
       return "class";
   }
 };
-function Je(e) {
+function Xe(e) {
   return /* @__PURE__ */ l(
-    ie,
+    le,
     {
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
       attributes: {
         ...e.attributes,
-        [O()]: `${e.link ? "" : "builder-button"} ${e.attributes[O()] || ""}`,
+        [K()]: `${e.link ? "" : "builder-button"} ${e.attributes[K()] || ""}`,
         ...e.link ? {
           href: e.link,
           target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -41,7 +41,7 @@ function Je(e) {
     }
   );
 }
-const oe = Ie({
+const se = Te({
   content: null,
   context: {},
   localState: void 0,
@@ -54,8 +54,8 @@ const oe = Ie({
   inheritedStyles: {},
   BlocksWrapper: "div",
   BlocksWrapperProps: {}
-}), Re = Ie({ registeredComponents: {} });
-function Xe(e) {
+}), Re = Te({ registeredComponents: {} });
+function Ze(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -66,7 +66,7 @@ function Xe(e) {
     builderBlock: e
   };
 }
-const Ze = ({
+const et = ({
   builder: e,
   context: t,
   event: n,
@@ -78,14 +78,14 @@ const Ze = ({
   builder: e,
   context: t,
   event: n
-}), et = () => ({
-  isEditing: $(),
-  isBrowser: V(),
-  isServer: !V(),
-  getUserAttributes: () => _e()
-}), tt = (e, {
+}), tt = () => ({
+  isEditing: M(),
+  isBrowser: j(),
+  isServer: !j(),
+  getUserAttributes: () => je()
+}), nt = (e, {
   isExpression: t = !0
-}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ye = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, pe = ({
   code: e,
   builder: t,
   context: n,
@@ -94,19 +94,19 @@ const Ze = ({
   rootSetState: a,
   rootState: r
 }) => {
-  const c = Ze({
+  const s = et({
     builder: t,
     context: n,
     event: i,
-    state: Ee({
+    state: Pe({
       rootState: r,
       localState: o,
       rootSetState: a
     })
   });
-  return new Function(...c.map(([s]) => s), e)(...c.map(([, s]) => s));
+  return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
-function Ee({
+function Pe({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -116,7 +116,7 @@ function Ee({
       if (t && o in t)
         return t[o];
       const a = i[o];
-      return typeof a == "object" ? Ee({
+      return typeof a == "object" ? Pe({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (r) => {
@@ -131,18 +131,18 @@ function Ee({
     }
   });
 }
-function nt() {
+function it() {
   var e;
-  return typeof process != "undefined" && M((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process != "undefined" && G((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const it = () => {
+const ot = () => {
   var i;
-  if (!nt())
+  if (!it())
     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 ? (D.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;
-}, ot = (e) => (V() || it(), ye(e));
-function j({
+  return e && t && !n ? (_.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;
+}, at = (e) => (j() || ot(), pe(e));
+function q({
   code: e,
   context: t,
   localState: n,
@@ -152,14 +152,14 @@ function j({
   isExpression: r = !0
 }) {
   if (e === "") {
-    D.warn("Skipping evaluation of empty code block.");
+    _.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const c = {
-    code: tt(e, {
+  const s = {
+    code: nt(e, {
       isExpression: r
     }),
-    builder: et(),
+    builder: tt(),
     context: t,
     event: a,
     rootSetState: o,
@@ -167,15 +167,15 @@ function j({
     localState: n
   };
   try {
-    return ot(c);
-  } catch (s) {
-    D.error("Failed code evaluation: " + s.message, {
+    return at(s);
+  } catch (c) {
+    _.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
   }
 }
-const at = (e, t, n) => {
+const Ve = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -190,7 +190,7 @@ const rt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const a = ne(e), r = {
+  const a = re(e), r = {
     ...a,
     properties: {
       ...a.properties
@@ -199,19 +199,19 @@ const rt = ({
       ...a.actions
     }
   };
-  for (const c in e.bindings) {
-    const s = e.bindings[c], d = j({
-      code: s,
+  for (const s in e.bindings) {
+    const c = e.bindings[s], d = q({
+      code: c,
       localState: n,
       rootState: i,
       rootSetState: o,
       context: t
     });
-    at(r, c, d);
+    Ve(r, s, d);
   }
   return r;
 };
-function z({
+function Z({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -229,18 +229,18 @@ function z({
   }) : r;
 }
 function lt(e, t, n = {}) {
-  let i, o, a, r = null, c = 0;
-  const s = function() {
-    c = n.leading === !1 ? 0 : Date.now(), r = null, a = e.apply(i, o), r || (i = o = null);
+  let i, o, a, r = null, s = 0;
+  const c = function() {
+    s = n.leading === !1 ? 0 : Date.now(), r = null, a = e.apply(i, o), r || (i = o = null);
   };
   return function() {
     const d = Date.now();
-    !c && n.leading === !1 && (c = d);
-    const u = t - (d - c);
-    return i = this, o = arguments, u <= 0 || u > t ? (r && (clearTimeout(r), r = null), c = d, a = e.apply(i, o), r || (i = o = null)) : !r && n.trailing !== !1 && (r = setTimeout(s, u)), a;
+    !s && n.leading === !1 && (s = d);
+    const u = t - (d - s);
+    return i = this, o = arguments, u <= 0 || u > t ? (r && (clearTimeout(r), r = null), s = d, a = e.apply(i, o), r || (i = o = null)) : !r && n.trailing !== !1 && (r = setTimeout(c, u)), a;
   };
 }
-function N(e, ...t) {
+function O(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -250,12 +250,12 @@ function N(e, ...t) {
   }
   return n;
 }
-const ae = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function ct(e) {
+const ce = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
+function st(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Pe(t);
+        Ae(t);
         break;
       case "hover":
         dt(t);
@@ -265,31 +265,31 @@ function ct(e) {
         break;
     }
 }
-function re(e) {
+function de(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function le(e, t) {
-  const n = st(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
-  for (const c of r)
-    for (const s of n)
-      s in c || (c[s] = i[s]);
+function ue(e, t) {
+  const n = ct(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
+  for (const s of r)
+    for (const c of n)
+      c in s || (s[c] = i[c]);
 }
-function st(e) {
+function ct(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 Pe(e) {
+function Ae(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    re(e.elementId || e.id || "");
+    de(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    le(e, n), n.style.transition = "none", n.style.transitionDelay = "0", N(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), N(n.style, e.steps[1].styles), setTimeout(() => {
+    ue(e, n), n.style.transition = "none", n.style.transitionDelay = "0", O(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${ce(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), O(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -298,52 +298,52 @@ function Pe(e) {
 function dt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    re(e.elementId || e.id || "");
+    de(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    le(e, n);
+    ue(e, n);
     const i = e.steps[0].styles, o = e.steps[1].styles;
     function a() {
-      N(n.style, i);
+      O(n.style, i);
     }
     function r() {
-      N(n.style, o);
+      O(n.style, o);
     }
     a(), n.addEventListener("mouseenter", r), n.addEventListener("mouseleave", a), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${ce(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     });
   });
 }
 function ut(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    re(e.elementId || e.id || "");
+    de(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    le(e, n);
+    ue(e, n);
     let i = !1, o = !1;
     function a() {
-      !i && c(n) ? (i = !0, o = !0, setTimeout(() => {
-        N(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", r), setTimeout(() => {
+      !i && s(n) ? (i = !0, o = !0, setTimeout(() => {
+        O(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", r), setTimeout(() => {
           o = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && i && !o && !c(n) && (i = !1, N(n.style, e.steps[0].styles));
+      })) : e.repeat && i && !o && !s(n) && (i = !1, O(n.style, e.steps[0].styles));
     }
     const r = lt(a, 200, {
       leading: !1
     });
-    function c(u) {
-      const b = u.getBoundingClientRect(), k = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * k;
-      return b.bottom > y && b.top < k - y;
+    function s(u) {
+      const x = u.getBoundingClientRect(), C = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * C;
+      return x.bottom > y && x.top < C - y;
     }
-    const s = e.steps[0].styles;
+    const c = e.steps[0].styles;
     function d() {
-      N(n.style, s);
+      O(n.style, c);
     }
     d(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${ce(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", r, {
       capture: !0,
       passive: !0
@@ -356,7 +356,7 @@ const mt = ({
   registeredComponents: n
 }) => {
   var a;
-  const i = (a = z({
+  const i = (a = Z({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -382,7 +382,7 @@ const mt = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const o = j({
+  const o = q({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -392,20 +392,20 @@ const mt = ({
   if (!Array.isArray(o))
     return;
   const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
-  return o.map((s, d) => ({
+  return o.map((c, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: d,
-        $item: s,
-        [r]: s,
+        $item: c,
+        [r]: c,
         [`$${r}Index`]: d
       }
     },
     block: i
   }));
-}, Ae = {
+}, Be = {
   small: {
     min: 320,
     default: 321,
@@ -421,11 +421,11 @@ const mt = ({
     default: 991,
     max: 1200
   }
-}, Se = (e, t = Ae) => `@media (max-width: ${t[e].max}px)`, Be = ({
+}, xe = (e, t = Be) => `@media (max-width: ${t[e].max}px)`, We = ({
   small: e,
   medium: t
 }) => {
-  const n = ne(Ae);
+  const n = re(Be);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -447,11 +447,11 @@ const mt = ({
     min: a,
     default: a + 1
   }, n;
-}, ht = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), We = (e) => Object.entries(e).map(([n, i]) => {
+}, ht = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${ht(n)}: ${i};`;
-}).filter(M), gt = (e) => We(e).join(`
-`), X = ({
+}).filter(G), gt = (e) => Fe(e).join(`
+`), ne = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -463,12 +463,12 @@ const mt = ({
       ${i}
     }` : i;
 };
-function q(e) {
+function te(e) {
   return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
 }
 function bt(e) {
   function t() {
-    const i = z({
+    const i = Z({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -476,48 +476,48 @@ function bt(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     });
-    return M(i.hide) ? !i.hide : M(i.show) ? i.show : !0;
+    return G(i.hide) ? !i.hide : G(i.show) ? i.show : !0;
   }
   function n() {
     var y;
-    const i = z({
+    const i = Z({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), o = i.responsiveStyles, a = e.context.content, r = Be(
+    }), o = i.responsiveStyles, a = e.context.content, r = We(
       ((y = a == null ? void 0 : a.meta) == null ? void 0 : y.breakpoints) || {}
-    ), c = o == null ? void 0 : o.large, s = o == null ? void 0 : o.medium, d = o == null ? void 0 : o.small, u = i.id;
+    ), s = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, d = o == null ? void 0 : o.small, u = i.id;
     if (!u)
       return "";
-    const b = c ? X({
+    const x = s ? ne({
       className: u,
-      styles: c
-    }) : "", k = s ? X({
+      styles: s
+    }) : "", C = c ? ne({
       className: u,
-      styles: s,
-      mediaQuery: Se(
+      styles: c,
+      mediaQuery: xe(
         "medium",
         r
       )
-    }) : "", S = d ? X({
+    }) : "", f = d ? ne({
       className: u,
       styles: d,
-      mediaQuery: Se(
+      mediaQuery: xe(
         "small",
         r
       )
     }) : "";
-    return [b, k, S].join(" ");
+    return [x, C, f].join(" ");
   }
-  return /* @__PURE__ */ l(h, { children: n() && t() ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(q, { styles: n() }) }) : null });
+  return /* @__PURE__ */ l(m, { children: n() && t() ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(te, { styles: n() }) }) : null });
 }
 function yt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const St = (e) => `on${yt(e)}`, xt = (e, t) => (n) => j({
+const pt = (e) => `on${yt(e)}`, xt = (e, t) => (n) => q({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -526,16 +526,16 @@ const St = (e) => `on${yt(e)}`, xt = (e, t) => (n) => j({
   event: n,
   isExpression: !1
 });
-function $e(e) {
+function Ne(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const a = n[o];
-    let r = St(o);
+    let r = pt(o);
     if (e.stripPrefix)
-      switch (_) {
+      switch (z) {
         case "vue":
           r = r.replace("v-on:", "");
           break;
@@ -547,25 +547,25 @@ function $e(e) {
   }
   return t;
 }
-function vt({
+function St({
   style: e
 }) {
   return e;
 }
-const pt = ({
+const vt = ({
   block: e,
   context: t
-}) => Ne(vt({
+}) => $e(St({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Ne(e) {
-  switch (_) {
+function $e(e) {
+  switch (z) {
     case "svelte":
     case "vue":
     case "solid":
-      return We(e).join(" ");
+      return Fe(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -581,7 +581,7 @@ function kt({
 const Ct = (e) => ({
   href: e.href
 });
-function ce({
+function me({
   block: e,
   context: t
 }) {
@@ -590,11 +590,11 @@ function ce({
     ...Ct(e),
     ...e.properties,
     "builder-id": e.id,
-    style: pt({
+    style: vt({
       block: e,
       context: t
     }),
-    [O()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [K()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
   return kt({
     properties: n,
@@ -604,14 +604,14 @@ function ce({
 }
 function wt(e) {
   return /* @__PURE__ */ l(
-    ie,
+    le,
     {
       TagName: e.Wrapper,
-      attributes: ce({
+      attributes: me({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: $e({
+      actionAttributes: Ne({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -629,11 +629,11 @@ function It(e) {
     {
       ...e.wrapperProps,
       attributes: e.includeBlockProps ? {
-        ...ce({
+        ...me({
           block: e.block,
           context: e.context
         }),
-        ...$e({
+        ...Ne({
           block: e.block,
           rootState: e.context.rootState,
           rootSetState: e.context.rootSetState,
@@ -654,14 +654,14 @@ const Tt = ({
   isInteractive: a,
   contextValue: r
 }) => {
-  const c = {
+  const s = {
     ...e,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...o ? {
-      attributes: ce({
+      attributes: me({
         block: t,
         context: r
       })
@@ -673,14 +673,14 @@ const Tt = ({
     context: n,
     wrapperProps: e,
     includeBlockProps: o
-  } : c;
+  } : s;
 };
-function xe(e) {
+function Se(e) {
   var i;
   const [t, n] = v(
     () => e.isInteractive ? It : e.componentRef
   );
-  return /* @__PURE__ */ l(h, { children: e.componentRef ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(m, { children: e.componentRef ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
     t,
     {
       ...Tt({
@@ -694,7 +694,7 @@ function xe(e) {
         contextValue: e.context
       }),
       children: (i = e.blockChildren) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
-        Y,
+        J,
         {
           block: o,
           context: e.context,
@@ -706,10 +706,10 @@ function xe(e) {
     }
   ) }) : null });
 }
-function Rt(e) {
+function Et(e) {
   const [t, n] = v(() => e.repeatContext);
-  return /* @__PURE__ */ l(oe.Provider, { value: t, children: /* @__PURE__ */ l(
-    Y,
+  return /* @__PURE__ */ l(se.Provider, { value: t, children: /* @__PURE__ */ l(
+    J,
     {
       block: e.block,
       context: t,
@@ -718,8 +718,8 @@ function Rt(e) {
     }
   ) });
 }
-function Y(e) {
-  var u, b, k;
+function J(e) {
+  var u, x, C;
   function t() {
     return mt({
       block: e.block,
@@ -734,8 +734,8 @@ function Y(e) {
     });
   }
   function i() {
-    var S;
-    return (S = e.block.repeat) != null && S.collection ? e.block : z({
+    var f;
+    return (f = e.block.repeat) != null && f.collection ? e.block : Z({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -749,73 +749,73 @@ function Y(e) {
     return e.block.tagName === "a" || ((y = i().properties) == null ? void 0 : y.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function a() {
-    var x, R;
-    if ((x = e.block.repeat) != null && x.collection)
-      return !!((R = n == null ? void 0 : n()) != null && R.length);
-    const S = "hide" in i() ? i().hide : !1;
-    return ("show" in i() ? i().show : !0) && !S;
+    var p, E;
+    if ((p = e.block.repeat) != null && p.collection)
+      return !!((E = n == null ? void 0 : n()) != null && E.length);
+    const f = "hide" in i() ? i().hide : !1;
+    return ("show" in i() ? i().show : !0) && !f;
   }
   function r() {
-    var y, x;
-    return !((y = t == null ? void 0 : t()) != null && y.component) && !n() ? (x = i().children) != null ? x : [] : [];
+    var y, p;
+    return !((y = t == null ? void 0 : t()) != null && y.component) && !n() ? (p = i().children) != null ? p : [] : [];
   }
-  function c() {
-    var S, y, x, R, P, C, w, E, B;
+  function s() {
+    var f, y, p, E, B, k, I, A, P, $, L;
     return {
-      blockChildren: (S = i().children) != null ? S : [],
+      blockChildren: (f = i().children) != null ? f : [],
       componentRef: (y = t == null ? void 0 : t()) == null ? void 0 : y.component,
       componentOptions: {
-        ...Xe(i()),
+        ...Ze(i()),
         builderContext: e.context,
-        ...((x = t == null ? void 0 : t()) == null ? void 0 : x.name) === "Core:Button" || ((R = t == null ? void 0 : t()) == null ? void 0 : R.name) === "Symbol" || ((P = t == null ? void 0 : t()) == null ? void 0 : P.name) === "Columns" ? {
+        ...((p = t == null ? void 0 : t()) == null ? void 0 : p.name) === "Core:Button" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Symbol" || ((B = t == null ? void 0 : t()) == null ? void 0 : B.name) === "Columns" || ((k = t == null ? void 0 : t()) == null ? void 0 : k.name) === "Form:Form" ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...((C = t == null ? void 0 : t()) == null ? void 0 : C.name) === "Symbol" || ((w = t == null ? void 0 : t()) == null ? void 0 : w.name) === "Columns" ? {
+        ...((I = t == null ? void 0 : t()) == null ? void 0 : I.name) === "Symbol" || ((A = t == null ? void 0 : t()) == null ? void 0 : A.name) === "Columns" || ((P = t == null ? void 0 : t()) == null ? void 0 : P.name) === "Form:Form" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
-      context: s,
+      context: c,
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((E = t == null ? void 0 : t()) == null ? void 0 : E.noWrap) === !0,
-      isInteractive: !((B = t == null ? void 0 : t()) != null && B.isRSC)
+      includeBlockProps: (($ = t == null ? void 0 : t()) == null ? void 0 : $.noWrap) === !0,
+      isInteractive: !((L = t == null ? void 0 : t()) != null && L.isRSC)
     };
   }
-  const [s, d] = v(() => e.context);
-  return T(() => {
-    const S = i().id, y = i().animations;
-    y && S && ct(
-      y.filter((x) => x.trigger !== "hover").map((x) => ({
-        ...x,
-        elementId: S
+  const [c, d] = v(() => e.context);
+  return V(() => {
+    const f = i().id, y = i().animations;
+    y && f && st(
+      y.filter((p) => p.trigger !== "hover").map((p) => ({
+        ...p,
+        elementId: f
       }))
     );
-  }, []), /* @__PURE__ */ l(h, { children: a() ? /* @__PURE__ */ W(h, { children: [
+  }, []), /* @__PURE__ */ l(m, { children: a() ? /* @__PURE__ */ F(m, { children: [
     /* @__PURE__ */ l(bt, { block: e.block, context: e.context }),
-    (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(
-      xe,
+    (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
+      Se,
       {
-        componentRef: c().componentRef,
-        componentOptions: c().componentOptions,
-        blockChildren: c().blockChildren,
-        context: c().context,
-        registeredComponents: c().registeredComponents,
-        linkComponent: c().linkComponent,
-        builderBlock: c().builderBlock,
-        includeBlockProps: c().includeBlockProps,
-        isInteractive: c().isInteractive
+        componentRef: s().componentRef,
+        componentOptions: s().componentOptions,
+        blockChildren: s().blockChildren,
+        context: s().context,
+        registeredComponents: s().registeredComponents,
+        linkComponent: s().linkComponent,
+        builderBlock: s().builderBlock,
+        includeBlockProps: s().includeBlockProps,
+        isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(h, { children: n() ? /* @__PURE__ */ l(h, { children: (k = n()) == null ? void 0 : k.map((S, y) => /* @__PURE__ */ l(
-      Rt,
+    ) }) : /* @__PURE__ */ l(m, { children: n() ? /* @__PURE__ */ l(m, { children: (C = n()) == null ? void 0 : C.map((f, y) => /* @__PURE__ */ l(
+      Et,
       {
-        repeatContext: S.context,
-        block: S.block,
+        repeatContext: f.context,
+        block: f.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
       y
-    )) }) : /* @__PURE__ */ l(h, { children: /* @__PURE__ */ W(
+    )) }) : /* @__PURE__ */ l(m, { children: /* @__PURE__ */ F(
       wt,
       {
         Wrapper: o(),
@@ -824,42 +824,42 @@ function Y(e) {
         linkComponent: e.linkComponent,
         children: [
           /* @__PURE__ */ l(
-            xe,
+            Se,
             {
-              componentRef: c().componentRef,
-              componentOptions: c().componentOptions,
-              blockChildren: c().blockChildren,
-              context: c().context,
-              registeredComponents: c().registeredComponents,
-              linkComponent: c().linkComponent,
-              builderBlock: c().builderBlock,
-              includeBlockProps: c().includeBlockProps,
-              isInteractive: c().isInteractive
+              componentRef: s().componentRef,
+              componentOptions: s().componentOptions,
+              blockChildren: s().blockChildren,
+              context: s().context,
+              registeredComponents: s().registeredComponents,
+              linkComponent: s().linkComponent,
+              builderBlock: s().builderBlock,
+              includeBlockProps: s().includeBlockProps,
+              isInteractive: s().isInteractive
             }
           ),
-          (b = r()) == null ? void 0 : b.map((S) => /* @__PURE__ */ l(
-            Y,
+          (x = r()) == null ? void 0 : x.map((f) => /* @__PURE__ */ l(
+            J,
             {
-              block: S,
-              context: s,
+              block: f,
+              context: c,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent
             },
-            S.id
+            f.id
           ))
         ]
       }
     ) }) })
   ] }) : null });
 }
-function Et(e) {
+function Rt(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(
+    M() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -872,7 +872,7 @@ function Et(e) {
   }
   function i() {
     var o, a;
-    $() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
+    M() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -883,11 +883,11 @@ function Et(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ W(h, { children: [
+  return /* @__PURE__ */ F(m, { children: [
     /* @__PURE__ */ l(
       e.BlocksWrapper,
       {
-        className: t() + " props-blocks-wrapper-4f2c12d8",
+        className: t() + " props-blocks-wrapper-7354e098",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -898,18 +898,18 @@ function Et(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-4f2c12d8 {
+    /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-7354e098 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }` })
   ] });
 }
-function Q(e) {
+function U(e) {
   var i, o, a;
-  const t = fe(oe), n = fe(Re);
+  const t = he(se), n = he(Re);
   return /* @__PURE__ */ l(
-    Et,
+    Rt,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -917,8 +917,8 @@ function Q(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (i = e.context) == null ? void 0 : i.BlocksWrapper,
       BlocksWrapperProps: (o = e.context) == null ? void 0 : o.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(h, { children: (a = e.blocks) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
-        Y,
+      children: e.blocks ? /* @__PURE__ */ l(m, { children: (a = e.blocks) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
+        J,
         {
           block: r,
           linkComponent: e.linkComponent,
@@ -931,81 +931,81 @@ function Q(e) {
   );
 }
 function Pt(e) {
-  var P;
+  var B;
   const [t, n] = v(
     () => typeof e.space == "number" ? e.space || 0 : 20
   ), [i, o] = v(() => e.columns || []), [a, r] = v(
     () => e.stackColumnsAt || "tablet"
   );
-  function c(C) {
-    var w;
-    return ((w = i[C]) == null ? void 0 : w.width) || 100 / i.length;
+  function s(k) {
+    var I;
+    return ((I = i[k]) == null ? void 0 : I.width) || 100 / i.length;
   }
-  function s(C) {
-    const w = t * (i.length - 1) / i.length;
-    return `calc(${c(C)}% - ${w}px)`;
+  function c(k) {
+    const I = t * (i.length - 1) / i.length;
+    return `calc(${s(k)}% - ${I}px)`;
   }
   function d({
-    stackedStyle: C,
-    desktopStyle: w
+    stackedStyle: k,
+    desktopStyle: I
   }) {
-    return a === "tablet" ? C : w;
+    return a === "tablet" ? k : I;
   }
   function u({
-    stackedStyle: C,
-    desktopStyle: w
+    stackedStyle: k,
+    desktopStyle: I
   }) {
-    return a === "never" ? w : C;
+    return a === "never" ? I : k;
   }
-  const [b, k] = v(
+  const [x, C] = v(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function S() {
+  function f() {
     return {
-      "--flex-dir": b,
+      "--flex-dir": x,
       "--flex-dir-tablet": d({
-        stackedStyle: b,
+        stackedStyle: x,
         desktopStyle: "row"
       })
     };
   }
-  function y(C) {
-    const w = C === 0 ? 0 : t, E = s(C), B = `${w}px`, F = "100%", L = 0;
+  function y(k) {
+    const I = k === 0 ? 0 : t, A = c(k), P = `${I}px`, $ = "100%", L = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: E,
-      ["marginLeft"]: B,
+      width: A,
+      ["marginLeft"]: P,
       "--column-width-mobile": u({
-        stackedStyle: F,
-        desktopStyle: E
+        stackedStyle: $,
+        desktopStyle: A
       }),
       "--column-margin-left-mobile": u({
         stackedStyle: L,
-        desktopStyle: B
+        desktopStyle: P
       }),
       "--column-width-tablet": d({
-        stackedStyle: F,
-        desktopStyle: E
+        stackedStyle: $,
+        desktopStyle: A
       }),
       "--column-margin-left-tablet": d({
         stackedStyle: L,
-        desktopStyle: B
+        desktopStyle: P
       })
     };
   }
-  function x(C) {
-    var E, B;
-    return Be(
-      ((B = (E = e.builderContext.content) == null ? void 0 : E.meta) == null ? void 0 : B.breakpoints) || {}
-    )[C].max;
+  function p(k) {
+    var A, P;
+    return We(
+      ((P = (A = e.builderContext.content) == null ? void 0 : A.meta) == null ? void 0 : P.breakpoints) || {}
+    )[k].max;
   }
-  function R() {
+  function E() {
     return `
-        @media (max-width: ${x("medium")}px) {
+        @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -1017,7 +1017,7 @@ function Pt(e) {
           }
         }
 
-        @media (max-width: ${x("small")}px) {
+        @media (max-width: ${p("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1030,30 +1030,30 @@ function Pt(e) {
         },
       `;
   }
-  return /* @__PURE__ */ W(h, { children: [
-    /* @__PURE__ */ W(
+  return /* @__PURE__ */ F(m, { children: [
+    /* @__PURE__ */ F(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-002fb3ba`,
-        style: S(),
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-1046d78c`,
+        style: f(),
         children: [
-          /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(q, { styles: R() }) }),
-          (P = e.columns) == null ? void 0 : P.map((C, w) => /* @__PURE__ */ l(
-            ie,
+          /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(te, { styles: E() }) }),
+          (B = e.columns) == null ? void 0 : B.map((k, I) => /* @__PURE__ */ l(
+            le,
             {
-              TagName: C.link ? e.builderLinkComponent || "a" : "div",
+              TagName: k.link ? e.builderLinkComponent || "a" : "div",
               actionAttributes: {},
               attributes: {
-                ...C.link ? {
-                  href: C.link
+                ...k.link ? {
+                  href: k.link
                 } : {},
-                [O()]: "builder-column",
-                style: Ne(y(w))
+                [K()]: "builder-column",
+                style: $e(y(I))
               },
               children: /* @__PURE__ */ l(
-                Q,
+                U,
                 {
-                  path: `component.options.columns.${w}.blocks`,
+                  path: `component.options.columns.${I}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -1061,32 +1061,32 @@ function Pt(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: C.blocks
+                  blocks: k.blocks
                 }
               )
             },
-            w
+            I
           ))
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.div-002fb3ba {
+    /* @__PURE__ */ l("style", { children: `.div-1046d78c {
   display: flex;
   line-height: normal;
 }` })
   ] });
 }
-function At(e) {
+function Vt(e) {
   return /* @__PURE__ */ l("span", { children: e.children });
 }
 function ve(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Bt(e = "", t, n) {
+function At(e = "", t, n) {
   const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
 }
-function Wt(e, t) {
+function Bt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1098,19 +1098,19 @@ function Wt(e, t) {
   }
   return null;
 }
-function Z(e) {
+function ie(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) => `${Bt(e, "width", o)} ${o}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${At(e, "width", o)} ${o}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Wt(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 $t(e) {
-  var o, a, r, c;
+function Wt(e) {
+  var o, a, r, s;
   function t() {
     var u;
     const d = e.image || e.src;
@@ -1120,29 +1120,29 @@ function $t(e) {
       return e.srcset;
     if (e.srcset && ((u = e.image) != null && u.includes("builder.io/api/v1/image"))) {
       if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), Z(d);
+        return console.debug("Removed given srcset"), ie(d);
     } else if (e.image && !e.srcset)
-      return Z(d);
-    return Z(d);
+      return ie(d);
+    return ie(d);
   }
   function n() {
-    var s;
-    return (s = t == null ? void 0 : t()) != null && s.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
+    var c;
+    return (c = t == null ? void 0 : t()) != null && c.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
   }
   function i() {
-    const s = {
+    const c = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? s : void 0;
+    return e.aspectRatio ? c : void 0;
   }
-  return /* @__PURE__ */ W(h, { children: [
-    /* @__PURE__ */ W(h, { children: [
-      /* @__PURE__ */ W("picture", { children: [
-        n() ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) }) : null,
+  return /* @__PURE__ */ F(m, { children: [
+    /* @__PURE__ */ F(m, { children: [
+      /* @__PURE__ */ F("picture", { children: [
+        n() ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) }) : null,
         /* @__PURE__ */ l(
           "img",
           {
@@ -1161,7 +1161,7 @@ function $t(e) {
           }
         )
       ] }),
-      e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(
+      e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
         "div",
         {
           className: "builder-image-sizer div-40c70c9b",
@@ -1170,8 +1170,8 @@ function $t(e) {
           }
         }
       ) }) : null,
-      (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(h, { children: e.children }) : null,
-      !e.fitContent && e.children ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l("div", { className: "div-40c70c9b-2", children: e.children }) }) : null
+      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(m, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", { className: "div-40c70c9b-2", children: e.children }) }) : null
     ] }),
     /* @__PURE__ */ l("style", { children: `.img-40c70c9b {
   opacity: 1;
@@ -1192,7 +1192,7 @@ function $t(e) {
 }` })
   ] });
 }
-function Nt(e) {
+function Ft(e) {
   return /* @__PURE__ */ l(
     "section",
     {
@@ -1213,7 +1213,7 @@ function Nt(e) {
     }
   );
 }
-const Vt = {
+const Nt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1246,7 +1246,7 @@ const Vt = {
   }],
   static: !0,
   noWrap: !0
-}, Ft = {
+}, $t = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1425,7 +1425,7 @@ const Vt = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((c, s) => c + s.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1448,130 +1448,12 @@ const Vt = {
     advanced: !0
   }]
 }, Lt = {
-  name: "Custom Code",
-  static: !0,
-  requiredPermissions: ["editCode"],
-  inputs: [{
-    name: "code",
-    type: "html",
-    required: !0,
-    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
-    code: !0
-  }, {
-    name: "replaceNodes",
-    type: "boolean",
-    helperText: "Preserve server rendered dom nodes",
-    advanced: !0
-  }, {
-    name: "scriptsClientOnly",
-    type: "boolean",
-    defaultValue: !1,
-    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
-    advanced: !0
-  }]
-};
-function Dt(e) {
-  const t = te(null), [n, i] = v(() => []), [o, a] = v(() => []);
-  return T(() => {
-    var c;
-    if (!((c = t.current) != null && c.getElementsByTagName) || typeof window == "undefined")
-      return;
-    const r = t.current.getElementsByTagName("script");
-    for (let s = 0; s < r.length; s++) {
-      const d = r[s];
-      if (d.src) {
-        if (n.includes(d.src))
-          continue;
-        n.push(d.src);
-        const u = document.createElement("script");
-        u.async = !0, u.src = d.src, document.head.appendChild(u);
-      } else if (!d.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(d.type)) {
-        if (o.includes(d.innerText))
-          continue;
-        try {
-          o.push(d.innerText), new Function(d.innerText)();
-        } catch (u) {
-          console.warn("`CustomCode`: Error running script:", u);
-        }
-      }
-    }
-  }, []), /* @__PURE__ */ l(
-    "div",
-    {
-      ref: t,
-      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
-      dangerouslySetInnerHTML: { __html: e.code }
-    }
-  );
-}
-const Ot = {
-  name: "Embed",
-  static: !0,
-  inputs: [{
-    name: "url",
-    type: "url",
-    required: !0,
-    defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (e) => {
-      const t = e.get("url");
-      if (t)
-        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((i) => i.json()).then((i) => {
-          e.get("url") === t && (i.html ? e.set("content", i.html) : e.set("content", "Invalid url, please try another"));
-        }).catch((i) => {
-          e.set("content", "There was an error embedding this URL, please try again or another URL");
-        });
-      e.delete("content");
-    }
-  }, {
-    name: "content",
-    type: "html",
-    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-    hideFromUI: !0
-  }]
-}, jt = ["text/javascript", "application/javascript", "application/ecmascript"], _t = (e) => jt.includes(e.type);
-function Ht(e) {
-  const t = te(null), [n, i] = v(() => []), [o, a] = v(() => []), [r, c] = v(() => !1);
-  function s() {
-    if (!t.current || !t.current.getElementsByTagName)
-      return;
-    const d = t.current.getElementsByTagName("script");
-    for (let u = 0; u < d.length; u++) {
-      const b = d[u];
-      if (b.src && !n.includes(b.src)) {
-        n.push(b.src);
-        const k = document.createElement("script");
-        k.async = !0, k.src = b.src, document.head.appendChild(k);
-      } else if (_t(b) && !o.includes(b.innerText))
-        try {
-          o.push(b.innerText), new Function(b.innerText)();
-        } catch (k) {
-          console.warn("`Embed`: Error running script:", k);
-        }
-    }
-  }
-  return T(() => {
-    t.current && !r && (c(!0), s());
-  }, [t.current, r]), /* @__PURE__ */ l(
-    "div",
-    {
-      className: "builder-embed",
-      ref: t,
-      dangerouslySetInnerHTML: { __html: e.content }
-    }
-  );
-}
-const Ut = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Mt = {
+}, Dt = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1591,17 +1473,17 @@ const Ut = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(r, c = 6e4) {
-        return new Promise((s, d) => {
+      function n(r, s = 6e4) {
+        return new Promise((c, d) => {
           const u = document.createElement("img");
-          let b = !1;
+          let x = !1;
           u.onload = () => {
-            b = !0, s(u);
-          }, u.addEventListener("error", (k) => {
-            console.warn("Image load failed", k.error), d(k.error);
+            x = !0, c(u);
+          }, u.addEventListener("error", (C) => {
+            console.warn("Image load failed", C.error), d(C.error);
           }), u.src = r, setTimeout(() => {
-            b || d(new Error("Image load timed out"));
-          }, c);
+            x || d(new Error("Image load timed out"));
+          }, s);
         });
       }
       function i(r) {
@@ -1612,8 +1494,8 @@ const Ut = {
         r.type.includes("svg") && e.set("noWebp", !0);
       }), o && (!a || a === 0.7041))
         return n(o).then((r) => {
-          const c = e.get("aspectRatio");
-          e.get("image") === o && (!c || c === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
+          const s = e.get("aspectRatio");
+          e.get("image") === o && (!s || s === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
         });
     }
   }, {
@@ -1671,37 +1553,7 @@ const Ut = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Kt = {
-  // friendlyName?
-  name: "Raw:Img",
-  hideFromInsertMenu: !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",
-  inputs: [{
-    name: "image",
-    bubble: !0,
-    type: "file",
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
-    required: !0
-  }],
-  noWrap: !0,
-  static: !0
-};
-function zt(e) {
-  return /* @__PURE__ */ l(
-    "img",
-    {
-      style: {
-        objectFit: e.backgroundSize || "cover",
-        objectPosition: e.backgroundPosition || "center"
-      },
-      alt: e.altText,
-      src: e.imgSrc || e.image,
-      ...e.attributes
-    },
-    $() && e.imgSrc || "default-key"
-  );
-}
-const qt = {
+}, Mt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1740,7 +1592,7 @@ const qt = {
       }
     }
   }]
-}, Yt = {
+}, Ot = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1754,7 +1606,7 @@ const qt = {
     defaultValue: "children"
   }]
 };
-function Qt(e) {
+function Ut(e) {
   var t, n, i;
   return /* @__PURE__ */ l(
     "div",
@@ -1766,7 +1618,7 @@ function Qt(e) {
         "builder-slot": e.name
       },
       children: /* @__PURE__ */ l(
-        Q,
+        U,
         {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
@@ -1777,7 +1629,7 @@ function Qt(e) {
     }
   );
 }
-const Gt = {
+const jt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1810,7 +1662,7 @@ const Gt = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Jt = {
+}, Ht = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1829,7 +1681,7 @@ const Gt = {
     textAlign: "center"
   }
 };
-function Xt(e) {
+function _t(e) {
   var t;
   return /* @__PURE__ */ l(
     "div",
@@ -1842,115 +1694,831 @@ function Xt(e) {
     }
   );
 }
-const Zt = {
-  name: "Video",
-  canHaveChildren: !0,
-  defaultStyles: {
-    minHeight: "20px",
-    minWidth: "20px"
-  },
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+const Kt = {
+  name: "Custom Code",
+  static: !0,
+  requiredPermissions: ["editCode"],
   inputs: [{
-    name: "video",
-    type: "file",
-    allowedFileTypes: ["mp4"],
-    bubble: !0,
-    defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
-    required: !0
-  }, {
-    name: "posterImage",
-    type: "file",
-    allowedFileTypes: ["jpeg", "png"],
-    helperText: "Image to show before the video plays"
-  }, {
-    name: "autoPlay",
-    type: "boolean",
-    defaultValue: !0
-  }, {
-    name: "controls",
-    type: "boolean",
-    defaultValue: !1
-  }, {
-    name: "muted",
-    type: "boolean",
-    defaultValue: !0
-  }, {
-    name: "loop",
-    type: "boolean",
-    defaultValue: !0
-  }, {
-    name: "playsInline",
-    type: "boolean",
-    defaultValue: !0
-  }, {
-    name: "fit",
-    type: "text",
-    defaultValue: "cover",
-    enum: ["contain", "cover", "fill", "auto"]
-  }, {
-    name: "preload",
-    type: "text",
-    defaultValue: "metadata",
-    enum: ["auto", "metadata", "none"]
+    name: "code",
+    type: "html",
+    required: !0,
+    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+    code: !0
   }, {
-    name: "fitContent",
+    name: "replaceNodes",
     type: "boolean",
-    helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
-    defaultValue: !0,
-    advanced: !0
-  }, {
-    name: "position",
-    type: "text",
-    defaultValue: "center",
-    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
-  }, {
-    name: "height",
-    type: "number",
-    advanced: !0
-  }, {
-    name: "width",
-    type: "number",
+    helperText: "Preserve server rendered dom nodes",
     advanced: !0
   }, {
-    name: "aspectRatio",
-    type: "number",
-    advanced: !0,
-    defaultValue: 0.7004048582995948
-  }, {
-    name: "lazyLoad",
+    name: "scriptsClientOnly",
     type: "boolean",
-    helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
-    defaultValue: !0,
+    defaultValue: !1,
+    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
 };
-function en(e) {
-  var i, o, a, r, c, s, d;
-  function t() {
-    return {
-      ...e.autoPlay === !0 ? {
-        autoPlay: !0
-      } : {},
-      ...e.muted === !0 ? {
-        muted: !0
-      } : {},
-      ...e.controls === !0 ? {
-        controls: !0
-      } : {},
-      ...e.loop === !0 ? {
-        loop: !0
-      } : {},
-      ...e.playsInline === !0 ? {
-        playsInline: !0
-      } : {}
-    };
-  }
-  function n() {
-    return {
-      ...t()
-    };
+function qt(e) {
+  const t = ee(null), [n, i] = v(() => []), [o, a] = v(() => []);
+  return V(() => {
+    var s;
+    if (!((s = t.current) != null && s.getElementsByTagName) || typeof window == "undefined")
+      return;
+    const r = t.current.getElementsByTagName("script");
+    for (let c = 0; c < r.length; c++) {
+      const d = r[c];
+      if (d.src) {
+        if (n.includes(d.src))
+          continue;
+        n.push(d.src);
+        const u = document.createElement("script");
+        u.async = !0, u.src = d.src, document.head.appendChild(u);
+      } else if (!d.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(d.type)) {
+        if (o.includes(d.innerText))
+          continue;
+        try {
+          o.push(d.innerText), new Function(d.innerText)();
+        } catch (u) {
+          console.warn("`CustomCode`: Error running script:", u);
+        }
+      }
+    }
+  }, []), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: t,
+      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
+      dangerouslySetInnerHTML: { __html: e.code }
+    }
+  );
+}
+const zt = {
+  name: "Embed",
+  static: !0,
+  inputs: [{
+    name: "url",
+    type: "url",
+    required: !0,
+    defaultValue: "",
+    helperText: "e.g. enter a youtube url, google map, etc",
+    onChange: (e) => {
+      const t = e.get("url");
+      if (t)
+        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((i) => i.json()).then((i) => {
+          e.get("url") === t && (i.html ? e.set("content", i.html) : e.set("content", "Invalid url, please try another"));
+        }).catch((i) => {
+          e.set("content", "There was an error embedding this URL, please try again or another URL");
+        });
+      e.delete("content");
+    }
+  }, {
+    name: "content",
+    type: "html",
+    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+    hideFromUI: !0
+  }]
+}, Jt = ["text/javascript", "application/javascript", "application/ecmascript"], Yt = (e) => Jt.includes(e.type);
+function Qt(e) {
+  const t = ee(null), [n, i] = v(() => []), [o, a] = v(() => []), [r, s] = v(() => !1);
+  function c() {
+    if (!t.current || !t.current.getElementsByTagName)
+      return;
+    const d = t.current.getElementsByTagName("script");
+    for (let u = 0; u < d.length; u++) {
+      const x = d[u];
+      if (x.src && !n.includes(x.src)) {
+        n.push(x.src);
+        const C = document.createElement("script");
+        C.async = !0, C.src = x.src, document.head.appendChild(C);
+      } else if (Yt(x) && !o.includes(x.innerText))
+        try {
+          o.push(x.innerText), new Function(x.innerText)();
+        } catch (C) {
+          console.warn("`Embed`: Error running script:", C);
+        }
+    }
+  }
+  return V(() => {
+    t.current && !r && (s(!0), c());
+  }, [t.current, r]), /* @__PURE__ */ l(
+    "div",
+    {
+      className: "builder-embed",
+      ref: t,
+      dangerouslySetInnerHTML: { __html: e.content }
+    }
+  );
+}
+const Gt = {
+  name: "Form:Form",
+  // editableTags: ['builder-form-error']
+  defaults: {
+    responsiveStyles: {
+      large: {
+        marginTop: "15px",
+        paddingBottom: "15px"
+      }
+    }
+  },
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",
+  inputs: [{
+    name: "sendSubmissionsTo",
+    type: "string",
+    // TODO: save to builder data and user can download as csv
+    // TODO: easy for mode too or computed add/remove fields form mode
+    // so you can edit details and high level mode at same time...
+    // Later - more integrations like mailchimp
+    // /api/v1/form-submit?to=mailchimp
+    enum: [{
+      label: "Send to email",
+      value: "email",
+      helperText: "Send form submissions to the email address of your choosing"
+    }, {
+      label: "Custom",
+      value: "custom",
+      helperText: "Handle where the form requests go manually with a little code, e.g. to your own custom backend"
+    }],
+    defaultValue: "email"
+  }, {
+    name: "sendSubmissionsToEmail",
+    type: "string",
+    required: !0,
+    // TODO: required: () => options.get("sendSubmissionsTo") === "email"
+    defaultValue: "your@email.com",
+    showIf: 'options.get("sendSubmissionsTo") === "email"'
+  }, {
+    name: "sendWithJs",
+    type: "boolean",
+    helperText: "Set to false to use basic html form action",
+    defaultValue: !0,
+    showIf: 'options.get("sendSubmissionsTo") === "custom"'
+  }, {
+    name: "name",
+    type: "string",
+    defaultValue: "My form"
+    // advanced: true
+  }, {
+    name: "action",
+    type: "string",
+    helperText: "URL to send the form data to",
+    showIf: 'options.get("sendSubmissionsTo") === "custom"'
+  }, {
+    name: "contentType",
+    type: "string",
+    defaultValue: "application/json",
+    advanced: !0,
+    // TODO: do automatically if file input
+    enum: ["application/json", "multipart/form-data", "application/x-www-form-urlencoded"],
+    showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
+  }, {
+    name: "method",
+    type: "string",
+    showIf: 'options.get("sendSubmissionsTo") === "custom"',
+    defaultValue: "POST",
+    advanced: !0
+  }, {
+    name: "previewState",
+    type: "string",
+    // TODO: persist: false flag
+    enum: ["unsubmitted", "sending", "success", "error"],
+    defaultValue: "unsubmitted",
+    helperText: 'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',
+    showIf: 'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'
+  }, {
+    name: "successUrl",
+    type: "url",
+    helperText: "Optional URL to redirect the user to on form submission success",
+    showIf: 'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'
+  }, {
+    name: "resetFormOnSubmit",
+    type: "boolean",
+    showIf: "options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",
+    advanced: !0
+  }, {
+    name: "successMessage",
+    type: "uiBlocks",
+    hideFromUI: !0,
+    defaultValue: [{
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          marginTop: "10px"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<span>Thanks!</span>"
+        }
+      }
+    }]
+  }, {
+    name: "validate",
+    type: "boolean",
+    defaultValue: !0,
+    advanced: !0
+  }, {
+    name: "errorMessagePath",
+    type: "text",
+    advanced: !0,
+    helperText: 'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'
+  }, {
+    name: "errorMessage",
+    type: "uiBlocks",
+    hideFromUI: !0,
+    defaultValue: [{
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          marginTop: "10px"
+        }
+      },
+      bindings: {
+        "component.options.text": "state.formErrorMessage || block.component.options.text"
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<span>Form submission error :( Please check your answers and try again</span>"
+        }
+      }
+    }]
+  }, {
+    name: "sendingMessage",
+    type: "uiBlocks",
+    hideFromUI: !0,
+    defaultValue: [{
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          marginTop: "10px"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<span>Sending...</span>"
+        }
+      }
+    }]
+  }, {
+    name: "customHeaders",
+    type: "map",
+    valueType: {
+      type: "string"
+    },
+    advanced: !0,
+    showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
+  }],
+  noWrap: !0,
+  canHaveChildren: !0,
+  defaultChildren: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "<span>Enter your name</span>"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Form:Input",
+      options: {
+        name: "name",
+        placeholder: "Jane Doe"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "<span>Enter your email</span>"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Form:Input",
+      options: {
+        name: "email",
+        placeholder: "jane@doe.com"
+      }
+    }
+  }, {
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        marginTop: "10px"
+      }
+    },
+    component: {
+      name: "Form:SubmitButton",
+      options: {
+        text: "Submit"
+      }
+    }
+  }]
+}, Xt = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Zt = () => {
+  const e = process.env.NODE_ENV || "production";
+  return Xt.includes(e) ? e : "production";
+}, en = (e, t, n) => {
+  const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((o, a) => o != null ? o[a] : o, e);
+  return i === void 0 || i === e ? n : i;
+};
+function tn(e) {
+  var x, C;
+  const t = ee(null), [n, i] = v(() => "unsubmitted"), [o, a] = v(() => null), [r, s] = v(() => "");
+  function c(f) {
+    var p, E;
+    const y = {
+      ...e.builderContext.rootState,
+      ...f
+    };
+    e.builderContext.rootSetState ? (E = (p = e.builderContext).rootSetState) == null || E.call(p, y) : e.builderContext.rootState = y;
+  }
+  function d() {
+    return M() && e.previewState || n;
+  }
+  function u(f) {
+    var p;
+    const y = e.sendWithJs || e.sendSubmissionsTo === "email";
+    if (e.sendSubmissionsTo === "zapier")
+      f.preventDefault();
+    else if (y) {
+      if (!(e.action || e.sendSubmissionsTo === "email")) {
+        f.preventDefault();
+        return;
+      }
+      f.preventDefault();
+      const E = f.currentTarget, B = e.customHeaders || {};
+      let k;
+      const I = new FormData(E), A = Array.from(
+        f.currentTarget.querySelectorAll("input,select,textarea")
+      ).filter((h) => !!h.name).map((h) => {
+        let T;
+        const D = h.name;
+        if (h instanceof HTMLInputElement)
+          if (h.type === "radio") {
+            if (h.checked)
+              return T = h.name, {
+                key: D,
+                value: T
+              };
+          } else if (h.type === "checkbox")
+            T = h.checked;
+          else if (h.type === "number" || h.type === "range") {
+            const W = h.valueAsNumber;
+            isNaN(W) || (T = W);
+          } else
+            h.type === "file" ? T = h.files : T = h.value;
+        else
+          T = h.value;
+        return {
+          key: D,
+          value: T
+        };
+      });
+      let P = e.contentType;
+      if (e.sendSubmissionsTo === "email" && (P = "multipart/form-data"), Array.from(A).forEach(({ value: h }) => {
+        (h instanceof File || Array.isArray(h) && h[0] instanceof File || h instanceof FileList) && (P = "multipart/form-data");
+      }), P !== "application/json")
+        k = I;
+      else {
+        const h = {};
+        Array.from(A).forEach(({ value: T, key: D }) => {
+          Ve(h, D, T);
+        }), k = JSON.stringify(h);
+      }
+      P && P !== "multipart/form-data" && (y && ((p = e.action) != null && p.includes("zapier.com")) || (B["content-type"] = P));
+      const $ = new CustomEvent("presubmit", { detail: { body: k } });
+      if (t.current && (t.current.dispatchEvent($), $.defaultPrevented))
+        return;
+      i("sending");
+      const L = `${Zt() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+        e.sendSubmissionsToEmail || ""
+      )}&name=${encodeURIComponent(e.name || "")}`;
+      fetch(
+        e.sendSubmissionsTo === "email" ? L : e.action,
+        { body: k, headers: B, method: e.method || "post" }
+      ).then(
+        async (h) => {
+          let T;
+          const D = h.headers.get("content-type");
+          if (D && D.indexOf("application/json") !== -1 ? T = await h.json() : T = await h.text(), !h.ok && e.errorMessagePath) {
+            let W = en(T, e.errorMessagePath);
+            W && (typeof W != "string" && (W = JSON.stringify(W)), s(W), c({ formErrorMessage: W }));
+          }
+          if (a(T), i(h.ok ? "success" : "error"), h.ok) {
+            const W = new CustomEvent("submit:success", {
+              detail: { res: h, body: T }
+            });
+            if (t.current) {
+              if (t.current.dispatchEvent(W), W.defaultPrevented)
+                return;
+              e.resetFormOnSubmit !== !1 && t.current.reset();
+            }
+            if (e.successUrl)
+              if (t.current) {
+                const H = new CustomEvent("route", {
+                  detail: { url: e.successUrl }
+                });
+                t.current.dispatchEvent(H), H.defaultPrevented || (location.href = e.successUrl);
+              } else
+                location.href = e.successUrl;
+          }
+        },
+        (h) => {
+          const T = new CustomEvent("submit:error", {
+            detail: { error: h }
+          });
+          t.current && (t.current.dispatchEvent(T), T.defaultPrevented) || (a(h), i("error"));
+        }
+      );
+    }
+  }
+  return /* @__PURE__ */ F(m, { children: [
+    " ",
+    /* @__PURE__ */ F(
+      "form",
+      {
+        validate: e.validate,
+        ref: t,
+        action: !e.sendWithJs && e.action,
+        method: e.method,
+        name: e.name,
+        onSubmit: (f) => u(f),
+        ...e.attributes,
+        children: [
+          " ",
+          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ l(m, { children: (C = (x = e.builderBlock) == null ? void 0 : x.children) == null ? void 0 : C.map((f, y) => /* @__PURE__ */ l(
+            J,
+            {
+              block: f,
+              context: e.builderContext,
+              registeredComponents: e.builderComponents,
+              linkComponent: e.builderLinkComponent
+            },
+            `form-block-${y}`
+          )) }) : null,
+          " ",
+          d() === "error" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
+            U,
+            {
+              path: "errorMessage",
+              blocks: e.errorMessage,
+              context: e.builderContext
+            }
+          ) }) : null,
+          " ",
+          d() === "sending" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
+            U,
+            {
+              path: "sendingMessage",
+              blocks: e.sendingMessage,
+              context: e.builderContext
+            }
+          ) }) : null,
+          " ",
+          d() === "error" && o ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ F("pre", { className: "builder-form-error-text pre-25b9edf0", children: [
+            " ",
+            JSON.stringify(o, null, 2),
+            " "
+          ] }) }) : null,
+          " ",
+          d() === "success" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
+            U,
+            {
+              path: "successMessage",
+              blocks: e.successMessage,
+              context: e.builderContext
+            }
+          ) }) : null,
+          " "
+        ]
+      }
+    ),
+    " ",
+    /* @__PURE__ */ l("style", { children: ".pre-25b9edf0 {   padding: 10px;   color: red;   text-align: center; }" }),
+    " "
+  ] });
+}
+const nn = {
+  name: "Form:Input",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
+  inputs: [
+    {
+      name: "type",
+      type: "text",
+      enum: ["text", "number", "email", "url", "checkbox", "radio", "range", "date", "datetime-local", "search", "tel", "time", "file", "month", "week", "password", "color", "hidden"],
+      defaultValue: "text"
+    },
+    {
+      name: "name",
+      type: "string",
+      required: !0,
+      helperText: 'Every input in a form needs a unique name describing what it takes, e.g. "email"'
+    },
+    {
+      name: "placeholder",
+      type: "string",
+      defaultValue: "Hello there",
+      helperText: "Text to display when there is no value"
+    },
+    // TODO: handle value vs default value automatically like ng-model
+    {
+      name: "defaultValue",
+      type: "string"
+    },
+    {
+      name: "value",
+      type: "string",
+      advanced: !0
+    },
+    {
+      name: "required",
+      type: "boolean",
+      helperText: "Is this input required to be filled out to submit a form",
+      defaultValue: !1
+    }
+  ],
+  noWrap: !0,
+  static: !0,
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  }
+};
+function on(e) {
+  return /* @__PURE__ */ ae(
+    "input",
+    {
+      ...e.attributes,
+      key: M() && e.defaultValue ? e.defaultValue : "default-key",
+      placeholder: e.placeholder,
+      type: e.type,
+      name: e.name,
+      value: e.value,
+      defaultValue: e.defaultValue,
+      required: e.required
+    }
+  );
+}
+const an = {
+  name: "Form:Select",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
+  defaultStyles: {
+    alignSelf: "flex-start"
+  },
+  inputs: [{
+    name: "options",
+    type: "list",
+    required: !0,
+    subFields: [{
+      name: "value",
+      type: "text",
+      required: !0
+    }, {
+      name: "name",
+      type: "text"
+    }],
+    defaultValue: [{
+      value: "option 1"
+    }, {
+      value: "option 2"
+    }]
+  }, {
+    name: "name",
+    type: "string",
+    required: !0,
+    helperText: 'Every select in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "value",
+    type: "string",
+    advanced: !0
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: !1
+  }],
+  static: !0,
+  noWrap: !0
+};
+function rn(e) {
+  var t;
+  return /* @__PURE__ */ ae(
+    "select",
+    {
+      ...e.attributes,
+      value: e.value,
+      key: M() && e.defaultValue ? e.defaultValue : "default-key",
+      defaultValue: e.defaultValue,
+      name: e.name
+    },
+    (t = e.options) == null ? void 0 : t.map((n) => /* @__PURE__ */ l("option", { value: n.value, children: n.name || n.value }))
+  );
+}
+const ln = {
+  name: "Form:SubmitButton",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
+  defaultStyles: {
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#3898EC",
+    color: "white",
+    borderRadius: "4px",
+    cursor: "pointer"
+  },
+  inputs: [{
+    name: "text",
+    type: "text",
+    defaultValue: "Click me"
+  }],
+  static: !0,
+  noWrap: !0
+  // TODO: optional children? maybe as optional form input
+  // that only shows if advanced setting is flipped
+  // TODO: defaultChildren
+  // canHaveChildren: true,
+};
+function sn(e) {
+  return /* @__PURE__ */ l("button", { type: "submit", ...e.attributes, children: e.text });
+}
+const cn = {
+  // friendlyName?
+  name: "Raw:Img",
+  hideFromInsertMenu: !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",
+  inputs: [{
+    name: "image",
+    bubble: !0,
+    type: "file",
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
+    required: !0
+  }],
+  noWrap: !0,
+  static: !0
+};
+function dn(e) {
+  return /* @__PURE__ */ l(
+    "img",
+    {
+      style: {
+        objectFit: e.backgroundSize || "cover",
+        objectPosition: e.backgroundPosition || "center"
+      },
+      alt: e.altText,
+      src: e.imgSrc || e.image,
+      ...e.attributes
+    },
+    M() && e.imgSrc || "default-key"
+  );
+}
+const un = {
+  name: "Video",
+  canHaveChildren: !0,
+  defaultStyles: {
+    minHeight: "20px",
+    minWidth: "20px"
+  },
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+  inputs: [{
+    name: "video",
+    type: "file",
+    allowedFileTypes: ["mp4"],
+    bubble: !0,
+    defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+    required: !0
+  }, {
+    name: "posterImage",
+    type: "file",
+    allowedFileTypes: ["jpeg", "png"],
+    helperText: "Image to show before the video plays"
+  }, {
+    name: "autoPlay",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "controls",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "muted",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "loop",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "playsInline",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "fit",
+    type: "text",
+    defaultValue: "cover",
+    enum: ["contain", "cover", "fill", "auto"]
+  }, {
+    name: "preload",
+    type: "text",
+    defaultValue: "metadata",
+    enum: ["auto", "metadata", "none"]
+  }, {
+    name: "fitContent",
+    type: "boolean",
+    helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
+    defaultValue: !0,
+    advanced: !0
+  }, {
+    name: "position",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "height",
+    type: "number",
+    advanced: !0
+  }, {
+    name: "width",
+    type: "number",
+    advanced: !0
+  }, {
+    name: "aspectRatio",
+    type: "number",
+    advanced: !0,
+    defaultValue: 0.7004048582995948
+  }, {
+    name: "lazyLoad",
+    type: "boolean",
+    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
+  }]
+};
+function mn(e) {
+  var i, o, a, r, s, c, d;
+  function t() {
+    return {
+      ...e.autoPlay === !0 ? {
+        autoPlay: !0
+      } : {},
+      ...e.muted === !0 ? {
+        muted: !0
+      } : {},
+      ...e.controls === !0 ? {
+        controls: !0
+      } : {},
+      ...e.loop === !0 ? {
+        loop: !0
+      } : {},
+      ...e.playsInline === !0 ? {
+        playsInline: !0
+      } : {}
+    };
   }
-  return /* @__PURE__ */ W(
+  function n() {
+    return {
+      ...t()
+    };
+  }
+  return /* @__PURE__ */ F(
     "div",
     {
       style: {
@@ -1982,7 +2550,7 @@ function en(e) {
             children: e.lazyLoad ? null : /* @__PURE__ */ l("source", { type: "video/mp4", src: e.video })
           }
         ),
-        e.aspectRatio && !(e.fitContent && ((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length)) ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(
+        e.aspectRatio && !(e.fitContent && ((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length)) ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -1993,7 +2561,7 @@ function en(e) {
             }
           }
         ) }) : null,
-        (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(
+        (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -2004,7 +2572,7 @@ function en(e) {
             children: e.children
           }
         ) }) : null,
-        (d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(
+        (d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -2025,43 +2593,55 @@ function en(e) {
     }
   );
 }
-const pe = () => [{
-  component: Je,
-  ...Vt
+const fn = () => [{
+  component: qt,
+  ...Kt
 }, {
-  component: Pt,
-  ...Ft
+  component: Qt,
+  ...zt
 }, {
-  component: Dt,
-  ...Lt
+  component: tn,
+  ...Gt
 }, {
-  component: Ht,
-  ...Ot
+  component: on,
+  ...nn
 }, {
-  component: At,
-  ...Ut
+  component: sn,
+  ...ln
 }, {
-  component: $t,
-  ...Mt
+  component: rn,
+  ...an
 }, {
-  component: zt,
-  ...Kt
+  component: dn,
+  ...cn
 }, {
-  component: Nt,
-  ...qt
+  component: mn,
+  ...un
+}], ke = () => [{
+  component: Xe,
+  ...Nt
 }, {
-  component: vn,
-  ...Gt
+  component: Pt,
+  ...$t
+}, {
+  component: Vt,
+  ...Lt
 }, {
-  component: Xt,
-  ...Jt
+  component: Wt,
+  ...Dt
 }, {
-  component: en,
-  ...Zt
+  component: Ft,
+  ...Mt
 }, {
-  component: Qt,
-  ...Yt
-}], tn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Ut,
+  ...Ot
+}, {
+  component: Bn,
+  ...jt
+}, {
+  component: _t,
+  ...Ht
+}, ...fn()], hn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2117,7 +2697,7 @@ const pe = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, nn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, gn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2151,26 +2731,26 @@ const pe = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Ve = "builderIoAbTest", Fe = "builderIoRenderContent", U = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Le = "builderIoAbTest", De = "builderIoRenderContent", Q = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), on = ({
+})), bn = ({
   canTrack: e,
   content: t
-}) => !(!(U(t).length > 0) || !e || V()), an = (e) => e === "react" || e === "reactNative", Le = an(_), rn = () => `
-  window.${Ve} = ${tn}
-  window.${Fe} = ${nn}
-  `, ln = (e, t) => `
-  window.${Ve}(
-    "${t}",${JSON.stringify(e)}, ${Le}
-  )`, cn = ({
+}) => !(!(Q(t).length > 0) || !e || j()), yn = (e) => e === "react" || e === "reactNative", Me = yn(z), pn = () => `
+  window.${Le} = ${hn}
+  window.${De} = ${gn}
+  `, xn = (e, t) => `
+  window.${Le}(
+    "${t}",${JSON.stringify(e)}, ${Me}
+  )`, Sn = ({
   contentId: e,
   variationId: t
-}) => `window.${Fe}(
-    "${t}", "${e}", ${Le}
+}) => `window.${De}(
+    "${t}", "${e}", ${Me}
   )`;
-function ee(e) {
+function oe(e) {
   return /* @__PURE__ */ l(
     "script",
     {
@@ -2179,10 +2759,10 @@ function ee(e) {
     }
   );
 }
-function ke(e) {
+function Ce(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const sn = (e, t, n = !0) => {
+const vn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -2193,28 +2773,28 @@ const sn = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, dn = (e) => sn(e, (t) => {
+}, kn = (e) => vn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Ce = ({
+}), we = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ke(i / n.width), r = ke(o / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = Ce(i / n.width), r = Ce(o / n.height);
   return {
     x: a,
     y: r
   };
-}, un = (e) => {
-  const t = e.target, n = t && dn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Cn = (e) => {
+  const t = e.target, n = t && kn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Ce({
+      targetOffset: t ? we({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Ce({
+      builderTargetOffset: n ? we({
         event: e,
         target: n
       }) : void 0,
@@ -2222,103 +2802,103 @@ const sn = (e, t, n = !0) => {
     }
   };
 };
-function mn(e) {
-  var L, G, J, se, de, ue, me;
-  const t = te(null), [n, i] = v(() => 0);
+function wn(e) {
+  var L, h, T, D, W, H, fe;
+  const t = ee(null), [n, i] = v(() => 0);
   v(() => !0);
-  function o(m) {
-    var g, p;
-    const f = {
+  function o(g) {
+    var S, w;
+    const b = {
       ...e.builderContextSignal.rootState,
-      ...m
+      ...g
     };
-    e.builderContextSignal.rootSetState ? (p = (g = e.builderContextSignal).rootSetState) == null || p.call(g, f) : e.setBuilderContextSignal((I) => ({
-      ...I,
-      rootState: f
+    e.builderContextSignal.rootSetState ? (w = (S = e.builderContextSignal).rootSetState) == null || w.call(S, b) : e.setBuilderContextSignal((R) => ({
+      ...R,
+      rootState: b
     }));
   }
-  function a(m) {
-    var g, p, I, A, H;
-    const f = {
+  function a(g) {
+    var S, w, R, N, Y;
+    const b = {
       ...e.builderContextSignal.content,
-      ...m,
+      ...g,
       data: {
-        ...(g = e.builderContextSignal.content) == null ? void 0 : g.data,
-        ...m == null ? void 0 : m.data
+        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
+        ...g == null ? void 0 : g.data
       },
       meta: {
-        ...(p = e.builderContextSignal.content) == null ? void 0 : p.meta,
-        ...m == null ? void 0 : m.meta,
-        breakpoints: ((I = m == null ? void 0 : m.meta) == null ? void 0 : I.breakpoints) || ((H = (A = e.builderContextSignal.content) == null ? void 0 : A.meta) == null ? void 0 : H.breakpoints)
+        ...(w = e.builderContextSignal.content) == null ? void 0 : w.meta,
+        ...g == null ? void 0 : g.meta,
+        breakpoints: ((R = g == null ? void 0 : g.meta) == null ? void 0 : R.breakpoints) || ((Y = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : Y.breakpoints)
       }
     };
-    e.setBuilderContextSignal((Oe) => ({
-      ...Oe,
-      content: f
+    e.setBuilderContextSignal((Ue) => ({
+      ...Ue,
+      content: b
     }));
   }
   v(() => 0);
-  const [r, c] = v(
+  const [r, s] = v(
     () => !1
-  ), [s, d] = v(
+  ), [c, d] = v(
     () => e.contentWrapper || "div"
   );
-  function u(m) {
-    return Ue({
+  function u(g) {
+    return _e({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (f) => {
-          var I;
-          const { breakpoints: g, contentId: p } = f;
-          !p || p !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || g && (a({
+        configureSdk: (b) => {
+          var R;
+          const { breakpoints: S, contentId: w } = b;
+          !w || w !== ((R = e.builderContextSignal.content) == null ? void 0 : R.id) || S && (a({
             meta: {
-              breakpoints: g
+              breakpoints: S
             }
           }), i(n + 1));
         },
-        animation: (f) => {
-          Pe(f);
+        animation: (b) => {
+          Ae(b);
         },
-        contentUpdate: (f) => {
-          a(f), i(n + 1);
+        contentUpdate: (b) => {
+          a(b), i(n + 1);
         }
       }
-    })(m);
+    })(g);
   }
-  function b() {
-    var f, g;
-    const m = (g = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : g.jsCode;
-    m && j({
-      code: m,
+  function x() {
+    var b, S;
+    const g = (S = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : S.jsCode;
+    g && q({
+      code: g,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [k, S] = v(() => ({})), [y, x] = v(() => !1);
-  function R(m) {
-    var f, g;
+  const [C, f] = v(() => ({})), [y, p] = v(() => !1);
+  function E(g) {
+    var b, S;
     if (e.builderContextSignal.content) {
-      const p = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, I = (g = e.builderContextSignal.content) == null ? void 0 : g.id;
-      he({
+      const w = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, R = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
+      ge({
         type: "click",
-        canTrack: K(e.canTrack),
-        contentId: I,
+        canTrack: X(e.canTrack),
+        contentId: R,
         apiKey: e.apiKey,
-        variationId: p !== I ? p : void 0,
-        ...un(m),
+        variationId: w !== R ? w : void 0,
+        ...Cn(g),
         unique: !y
       });
     }
-    y || x(!0);
+    y || p(!0);
   }
-  function P(m) {
-    return m.replace(
+  function B(g) {
+    return g.replace(
       /{{([^}]+)}}/g,
-      (f, g) => j({
-        code: g,
+      (b, S) => q({
+        code: S,
         context: e.context || {},
         localState: void 0,
         rootState: e.builderContextSignal.rootState,
@@ -2326,38 +2906,38 @@ function mn(e) {
       })
     );
   }
-  function C({ url: m, key: f }) {
-    qe(m).then((g) => g.json()).then((g) => {
-      var I, A;
-      const p = {
+  function k({ url: g, key: b }) {
+    Je(g).then((S) => S.json()).then((S) => {
+      var R, N;
+      const w = {
         ...e.builderContextSignal.rootState,
-        [f]: g
+        [b]: S
       };
-      (A = (I = e.builderContextSignal).rootSetState) == null || A.call(I, p), k[f] = !0;
-    }).catch((g) => {
-      console.error("error fetching dynamic data", m, g);
+      (N = (R = e.builderContextSignal).rootSetState) == null || N.call(R, w), C[b] = !0;
+    }).catch((S) => {
+      console.error("error fetching dynamic data", g, S);
     });
   }
-  function w() {
-    var f, g, p;
-    const m = (p = (g = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : g.httpRequests) != null ? p : {};
-    Object.entries(m).forEach(([I, A]) => {
-      if (A && (!k[I] || $())) {
-        const H = P(A);
-        C({
-          url: H,
-          key: I
+  function I() {
+    var b, S, w;
+    const g = (w = (S = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : S.httpRequests) != null ? w : {};
+    Object.entries(g).forEach(([R, N]) => {
+      if (N && (!C[R] || M())) {
+        const Y = B(N);
+        k({
+          url: Y,
+          key: R
         });
       }
     });
   }
-  function E() {
-    $() && window.dispatchEvent(
+  function A() {
+    M() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: ne(e.builderContextSignal.rootState),
+            state: re(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -2366,8 +2946,8 @@ function mn(e) {
       )
     );
   }
-  function B(m) {
-    i(n + 1), window.addEventListener("message", u), Me(), Ke({
+  function P(g) {
+    i(n + 1), window.addEventListener("message", u), Ke(), qe({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -2382,109 +2962,109 @@ function mn(e) {
       } : {}
     }), Object.values(
       e.builderContextSignal.componentInfos
-    ).forEach((f) => {
-      var p;
-      const g = ze(f);
-      (p = window.parent) == null || p.postMessage(g, "*");
+    ).forEach((b) => {
+      var w;
+      const S = ze(b);
+      (w = window.parent) == null || w.postMessage(S, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      E
+      A
     );
   }
-  function F(m) {
-    const f = new URL(location.href).searchParams, g = f.get("builder.preview"), p = f.get(
-      `builder.preview.${g}`
-    ), I = f.get("apiKey") || f.get("builder.space");
-    g === e.model && I === e.apiKey && (!e.content || p === e.content.id) && Te({
+  function $(g) {
+    const b = new URL(location.href).searchParams, S = b.get("builder.preview"), w = b.get(
+      `builder.preview.${S}`
+    ), R = b.get("apiKey") || b.get("builder.space");
+    S === e.model && R === e.apiKey && (!e.content || w === e.content.id) && Ee({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((A) => {
-      A && a(A);
+    }).then((N) => {
+      N && a(N);
     });
   }
-  return T(() => {
-    var m;
-    return (m = t.current) == null || m.addEventListener(
+  return V(() => {
+    var g;
+    return (g = t.current) == null || g.addEventListener(
       "initeditingbldr",
-      B
+      P
     ), () => {
-      var f;
-      return (f = t.current) == null ? void 0 : f.removeEventListener(
+      var b;
+      return (b = t.current) == null ? void 0 : b.removeEventListener(
         "initeditingbldr",
-        B
+        P
       );
     };
-  }, []), T(() => {
-    var m;
-    return (m = t.current) == null || m.addEventListener(
+  }, []), V(() => {
+    var g;
+    return (g = t.current) == null || g.addEventListener(
       "initpreviewingbldr",
-      F
+      $
     ), () => {
-      var f;
-      return (f = t.current) == null ? void 0 : f.removeEventListener(
+      var b;
+      return (b = t.current) == null ? void 0 : b.removeEventListener(
         "initpreviewingbldr",
-        F
+        $
       );
     };
-  }, []), T(() => {
-    var m, f;
-    if (V()) {
-      if ($() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const p = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, I = (f = e.builderContextSignal.content) == null ? void 0 : f.id, A = e.apiKey;
-        he({
+  }, []), V(() => {
+    var g, b;
+    if (j()) {
+      if (M() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && X(e.canTrack)) {
+        const w = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, R = (b = e.builderContextSignal.content) == null ? void 0 : b.id, N = e.apiKey;
+        ge({
           type: "impression",
           canTrack: !0,
-          contentId: I,
-          apiKey: A,
-          variationId: p !== I ? p : void 0
+          contentId: R,
+          apiKey: N,
+          variationId: w !== R ? w : void 0
         });
       }
       He() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
     }
-  }, []), T(() => {
-    e.apiKey || D.error(
+  }, []), V(() => {
+    e.apiKey || _.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), b(), w(), E();
-  }, []), T(() => {
+    ), x(), I(), A();
+  }, []), V(() => {
     e.content && a(e.content);
-  }, [e.content]), T(() => {
-  }, [r]), T(() => {
-    b();
-  }, [(G = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : G.jsCode]), T(() => {
-    w();
-  }, [(se = (J = e.builderContextSignal.content) == null ? void 0 : J.data) == null ? void 0 : se.httpRequests]), T(() => {
-    E();
-  }, [e.builderContextSignal.rootState]), T(() => {
+  }, [e.content]), V(() => {
+  }, [r]), V(() => {
+    x();
+  }, [(h = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : h.jsCode]), V(() => {
+    I();
+  }, [(D = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : D.httpRequests]), V(() => {
+    A();
+  }, [e.builderContextSignal.rootState]), V(() => {
     e.data && o(e.data);
-  }, [e.data]), T(() => {
+  }, [e.data]), V(() => {
     e.locale && o({
       locale: e.locale
     });
-  }, [e.locale]), T(() => () => {
-    V() && (window.removeEventListener("message", u), window.removeEventListener(
+  }, [e.locale]), V(() => () => {
+    j() && (window.removeEventListener("message", u), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      E
+      A
     ));
-  }, []), /* @__PURE__ */ l(oe.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ je(
-    s,
+  }, []), /* @__PURE__ */ l(se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ ae(
+    c,
     {
       key: n,
       ref: t,
-      onClick: (m) => R(m),
-      "builder-content-id": (de = e.builderContextSignal.content) == null ? void 0 : de.id,
+      onClick: (g) => E(g),
+      "builder-content-id": (W = e.builderContextSignal.content) == null ? void 0 : W.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
         hidden: !0,
         "aria-hidden": !0
       },
       ...e.contentWrapperProps,
-      className: `variant-${((ue = e.content) == null ? void 0 : ue.testVariationId) || ((me = e.content) == null ? void 0 : me.id)}`
+      className: `variant-${((H = e.content) == null ? void 0 : H.testVariationId) || ((fe = e.content) == null ? void 0 : fe.id)}`
     },
     e.children
   ) }) : null });
 }
-const fn = (e) => {
+const In = (e) => {
   var a, r;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
   let o = "";
@@ -2496,37 +3076,37 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const c in e.files) {
-      if (!(String(Number(c)) === c))
+    for (const s in e.files) {
+      if (!(String(Number(s)) === s))
         continue;
-      const d = e.files[c];
+      const d = e.files[s];
       d && d !== i && (o += `
 @font-face {
 font-family: "${t}";
 src: url('${d}') format('woff2');
 font-display: fallback;
-font-weight: ${c};
+font-weight: ${s};
 }
         `.trim());
     }
   return o;
-}, hn = ({
+}, Tn = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => fn(n))) == null ? void 0 : t.join(" ")) || "";
-}, gn = ({
+  return ((t = e == null ? void 0 : e.map((n) => In(n))) == null ? void 0 : t.join(" ")) || "";
+}, En = ({
   cssCode: e,
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function bn(e) {
+function Rn(e) {
   const [t, n] = v(
     () => `
-${gn({
+${En({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${hn({
+${Tn({
       customFonts: e.customFonts
     })}
 
@@ -2548,17 +3128,17 @@ ${hn({
 }
 `.trim()
   );
-  return /* @__PURE__ */ l(q, { styles: t });
+  return /* @__PURE__ */ l(te, { styles: t });
 }
-const yn = ({
+const Pn = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var a, r, c;
+  var a, r, s;
   const i = {}, o = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
-  return (c = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || c.forEach((s) => {
-    s.name && s.defaultValue !== void 0 && (i[s.name] = s.defaultValue);
+  return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((c) => {
+    c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
   }), {
     ...i,
     ...o,
@@ -2567,7 +3147,7 @@ const yn = ({
       locale: n
     } : {}
   };
-}, Sn = ({
+}, Vn = ({
   content: e,
   data: t
 }) => e ? {
@@ -2578,52 +3158,52 @@ const yn = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function we(e) {
-  var s, d, u, b, k, S, y;
+function Ie(e) {
+  var c, d, u, x, C, f, y;
   const [t, n] = v(
     () => {
-      var x, R;
-      return cn({
+      var p, E;
+      return Sn({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
+        variationId: (p = e.content) == null ? void 0 : p.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (R = e.content) == null ? void 0 : R.id
+        contentId: (E = e.content) == null ? void 0 : E.id
       });
     }
   );
-  function i(x) {
-    c((R) => ({
-      ...R,
-      rootState: x
+  function i(p) {
+    s((E) => ({
+      ...E,
+      rootState: p
     }));
   }
   const [o, a] = v(
     () => [
-      ...pe(),
+      ...ke(),
       // While this `components` object is deprecated, we must maintain support for it.
       // Since users are able to override our default components, we need to make sure that we do not break such
       // existing usage.
       // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
       // which is the new standard way of providing custom components, and must therefore take precedence.
-      ...ge,
+      ...be,
       ...e.customComponents || []
     ].reduce(
-      (x, { component: R, ...P }) => ({
-        ...x,
-        [P.name]: {
-          component: R,
-          ...be(P)
+      (p, { component: E, ...B }) => ({
+        ...p,
+        [B.name]: {
+          component: E,
+          ...ye(B)
         }
       }),
       {}
     )
-  ), [r, c] = v(() => ({
-    content: Sn({
+  ), [r, s] = v(() => ({
+    content: Vn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: yn({
+    rootState: Pn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2633,18 +3213,18 @@ function we(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...pe(),
+      ...ke(),
       // While this `components` object is deprecated, we must maintain support for it.
       // Since users are able to override our default components, we need to make sure that we do not break such
       // existing usage.
       // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
       // which is the new standard way of providing custom components, and must therefore take precedence.
-      ...ge,
+      ...be,
       ...e.customComponents || []
     ].reduce(
-      (x, { component: R, ...P }) => ({
-        ...x,
-        [P.name]: be(P)
+      (p, { component: E, ...B }) => ({
+        ...p,
+        [B.name]: ye(B)
       }),
       {}
     ),
@@ -2658,8 +3238,8 @@ function we(e) {
       value: {
         registeredComponents: o
       },
-      children: /* @__PURE__ */ W(
-        mn,
+      children: /* @__PURE__ */ F(
+        wn,
         {
           content: e.content,
           data: e.data,
@@ -2676,21 +3256,21 @@ function we(e) {
           contentWrapperProps: e.contentWrapperProps,
           linkComponent: e.linkComponent,
           trustedHosts: e.trustedHosts,
-          setBuilderContextSignal: c,
+          setBuilderContextSignal: s,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(ee, { scriptStr: t }) }) : null,
-            /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(
-              bn,
+            e.isSsrAbTest ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(oe, { scriptStr: t }) }) : null,
+            /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
+              Rn,
               {
-                contentId: (s = r.content) == null ? void 0 : s.id,
+                contentId: (c = r.content) == null ? void 0 : c.id,
                 cssCode: (u = (d = r.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
-                customFonts: (k = (b = r.content) == null ? void 0 : b.data) == null ? void 0 : k.customFonts
+                customFonts: (C = (x = r.content) == null ? void 0 : x.data) == null ? void 0 : C.customFonts
               }
             ) }),
             /* @__PURE__ */ l(
-              Q,
+              U,
               {
-                blocks: (y = (S = r.content) == null ? void 0 : S.data) == null ? void 0 : y.blocks,
+                blocks: (y = (f = r.content) == null ? void 0 : f.data) == null ? void 0 : y.blocks,
                 context: r,
                 registeredComponents: o,
                 linkComponent: e.linkComponent
@@ -2702,53 +3282,53 @@ function we(e) {
     }
   );
 }
-function De(e) {
-  var r, c;
+function Oe(e) {
+  var r, s;
   const [t, n] = v(
-    () => on({
-      canTrack: K(e.canTrack),
+    () => bn({
+      canTrack: X(e.canTrack),
       content: e.content
     })
   );
   function i() {
-    var s;
-    return ln(
-      U(e.content).map((d) => ({
+    var c;
+    return xn(
+      Q(e.content).map((d) => ({
         id: d.testVariationId,
         testRatio: d.testRatio
       })),
-      ((s = e.content) == null ? void 0 : s.id) || ""
+      ((c = e.content) == null ? void 0 : c.id) || ""
     );
   }
   function o() {
-    return U(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
+    return Q(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
   }
   function a() {
-    var s;
+    var c;
     return t ? {
       ...e.content,
-      testVariationId: (s = e.content) == null ? void 0 : s.id
+      testVariationId: (c = e.content) == null ? void 0 : c.id
     } : Ye({
       item: e.content,
-      canTrack: K(e.canTrack)
+      canTrack: X(e.canTrack)
     });
   }
-  return T(() => {
-  }, []), /* @__PURE__ */ W(h, { children: [
-    !e.__isNestedRender && _ !== "reactNative" ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(ee, { scriptStr: rn() }) }) : null,
-    t ? /* @__PURE__ */ W(h, { children: [
+  return V(() => {
+  }, []), /* @__PURE__ */ F(m, { children: [
+    !e.__isNestedRender && z !== "reactNative" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(oe, { scriptStr: pn() }) }) : null,
+    t ? /* @__PURE__ */ F(m, { children: [
       /* @__PURE__ */ l(
-        q,
+        te,
         {
           id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
           styles: o()
         }
       ),
-      /* @__PURE__ */ l(ee, { scriptStr: i() }),
-      (c = U(e.content)) == null ? void 0 : c.map((s) => /* @__PURE__ */ l(
-        we,
+      /* @__PURE__ */ l(oe, { scriptStr: i() }),
+      (s = Q(e.content)) == null ? void 0 : s.map((c) => /* @__PURE__ */ l(
+        Ie,
         {
-          content: s,
+          content: c,
           showContent: !1,
           model: e.model,
           data: e.data,
@@ -2768,11 +3348,11 @@ function De(e) {
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts
         },
-        s.testVariationId
+        c.testVariationId
       ))
     ] }) : null,
     /* @__PURE__ */ l(
-      we,
+      Ie,
       {
         content: a(),
         showContent: !0,
@@ -2797,13 +3377,13 @@ function De(e) {
     )
   ] });
 }
-const xn = async ({
+const An = 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 Te({
+    return Ee({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2813,15 +3393,15 @@ const xn = async ({
         }
       }
     }).catch((n) => {
-      D.error("Could not fetch symbol content: ", n);
+      _.error("Could not fetch symbol content: ", n);
     });
 };
-function vn(e) {
-  var a, r, c, s;
+function Bn(e) {
+  var a, r, s, c;
   function t() {
     var d, u;
     return [
-      e.attributes[O()],
+      e.attributes[K()],
       "builder-symbol",
       (d = e.symbol) != null && d.inline ? "builder-inline-symbol" : void 0,
       (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
@@ -2832,18 +3412,18 @@ function vn(e) {
     return (d = e.symbol) == null ? void 0 : d.content;
   });
   function o() {
-    n || xn({
+    n || An({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((d) => {
       d && i(d);
     });
   }
-  return T(() => {
-  }, []), T(() => {
+  return V(() => {
+  }, []), V(() => {
     o();
   }, [e.symbol]), /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
-    De,
+    Oe,
     {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -2856,40 +3436,40 @@ function vn(e) {
       data: {
         ...(r = e.symbol) == null ? void 0 : r.data,
         ...e.builderContext.localState,
-        ...(c = n == null ? void 0 : n.data) == null ? void 0 : c.state
+        ...(s = n == null ? void 0 : n.data) == null ? void 0 : s.state
       },
-      model: (s = e.symbol) == null ? void 0 : s.model,
+      model: (c = e.symbol) == null ? void 0 : c.model,
       content: n,
       linkComponent: e.builderLinkComponent
     }
   ) });
 }
-const wn = Q, In = De;
+const $n = U, Ln = Oe;
 export {
-  Q as Blocks,
-  Je as Button,
+  U as Blocks,
+  Xe as Button,
   Pt as Columns,
-  De as Content,
-  At as Fragment,
-  $t as Image,
-  wn as RenderBlocks,
-  In as RenderContent,
-  Nt as Section,
-  vn as Symbol,
-  Xt as Text,
-  en as Video,
-  En as _processContentResult,
+  Oe as Content,
+  Vt as Fragment,
+  Wt as Image,
+  $n as RenderBlocks,
+  Ln as RenderContent,
+  Ft as Section,
+  Bn as Symbol,
+  _t as Text,
+  mn as Video,
+  On as _processContentResult,
   ze as createRegisterComponentMessage,
-  Pn as fetchBuilderProps,
-  An as fetchEntries,
-  Te as fetchOneEntry,
-  Bn as getAllContent,
-  Wn as getBuilderSearchParams,
-  $n as getContent,
-  $ as isEditing,
+  Un as fetchBuilderProps,
+  jn as fetchEntries,
+  Ee as fetchOneEntry,
+  Hn as getAllContent,
+  _n as getBuilderSearchParams,
+  Kn as getContent,
+  M as isEditing,
   He as isPreviewing,
-  Nn as register,
-  Vn as setEditorSettings,
-  Fn as subscribeToEditor,
-  Ln as track
+  qn as register,
+  zn as setEditorSettings,
+  Jn as subscribeToEditor,
+  Yn as track
 };