@builder.io/sdk-react-nextjs 0.15.2 → 0.16.1

package/lib/browser/blocks-exports.mjs

@@ -1,15 +1,15 @@
 "use client";
-var Ve = Object.defineProperty;
-var $e = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var te = (e, t, n) => ($e(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as c, Fragment as C, jsxs as P } from "react/jsx-runtime";
-import { TARGET as M, isEditing as V, isBrowser as F, getUserAttributes as Le, checkIsDefined as z, logger as J, fastClone as oe, init as Fe, getDefaultCanTrack as q, _track as me, isPreviewing as Oe, createEditorListener as De, fetch as je, registerInsertMenu as He, setupBrowserForEditing as Me, createRegisterComponentMessage as Ue, fetchOneEntry as Ce, serializeComponentInfo as fe, handleABTestingSync as _e } from "./server-entry-7f981733.js";
-import { useRef as ae, useState as N, useEffect as T, createContext as Ke } from "react";
-import { useRouter as ze } from "next/navigation";
+var Ae = Object.defineProperty;
+var Ve = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ee = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { jsx as l, Fragment as w, jsxs as E } from "react/jsx-runtime";
+import { TARGET as M, isEditing as V, isBrowser as L, getUserAttributes as $e, checkIsDefined as z, logger as J, fastClone as ie, init as Fe, getDefaultCanTrack as q, _track as ue, isPreviewing as Le, createEditorListener as Oe, fetch as De, registerInsertMenu as je, setupBrowserForEditing as He, createRegisterComponentMessage as Me, fetchOneEntry as ke, serializeComponentInfo as me, handleABTestingSync as Ue } from "./server-entry-8a4d2728.js";
+import { useRef as oe, useState as N, useEffect as R, createContext as _e } from "react";
+import { useRouter as Ke } from "next/navigation";
 import "lru-cache";
-const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ye = (e) => typeof e == "string" && qe.has(e.toLowerCase());
-function re(e) {
-  return /* @__PURE__ */ c(C, { children: Ye(e.TagName) ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ c(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
+const ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), qe = (e) => typeof e == "string" && ze.has(e.toLowerCase());
+function ae(e) {
+  return /* @__PURE__ */ l(w, { children: qe(e.TagName) ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(w, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
 const j = () => {
   switch (M) {
@@ -25,7 +25,7 @@ const j = () => {
       return "class";
   }
 };
-function Je(e) {
+function Ye(e) {
   function t() {
     return {
       ...e.attributes,
@@ -39,8 +39,8 @@ function Je(e) {
       }
     };
   }
-  return /* @__PURE__ */ c(
-    re,
+  return /* @__PURE__ */ l(
+    ae,
     {
       attributes: t(),
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
@@ -49,14 +49,14 @@ function Je(e) {
     }
   );
 }
-function Qe(e) {
+function Je(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-const Ge = ({
+const Qe = ({
   builder: e,
   context: t,
   event: n,
@@ -68,14 +68,14 @@ const Ge = ({
   builder: e,
   context: t,
   event: n
-}), Xe = () => ({
+}), Ge = () => ({
   isEditing: V(),
-  isBrowser: F(),
-  isServer: !F(),
-  getUserAttributes: () => Le()
-}), Ze = (e, {
+  isBrowser: L(),
+  isServer: !L(),
+  getUserAttributes: () => $e()
+}), Xe = (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, he = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, fe = ({
   code: e,
   builder: t,
   context: n,
@@ -84,19 +84,19 @@ const Ge = ({
   rootSetState: a,
   rootState: r
 }) => {
-  const l = Ge({
+  const c = Qe({
     builder: t,
     context: n,
     event: i,
-    state: Ie({
+    state: Ce({
       rootState: r,
       localState: o,
       rootSetState: a
     })
   });
-  return new Function(...l.map(([s]) => s), e)(...l.map(([, s]) => s));
+  return new Function(...c.map(([s]) => s), e)(...c.map(([, s]) => s));
 };
-function Ie({
+function Ce({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -106,7 +106,7 @@ function Ie({
       if (t && o in t)
         return t[o];
       const a = i[o];
-      return typeof a == "object" && a !== null ? Ie({
+      return typeof a == "object" && a !== null ? Ce({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (r) => {
@@ -121,17 +121,17 @@ function Ie({
     }
   });
 }
-function et() {
+function Ze() {
   var e;
   return typeof process != "undefined" && z((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const tt = () => {
+const et = () => {
   var i;
-  if (!et())
+  if (!Ze())
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
   return e && t && !n ? (J.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, nt = (e) => (F() || tt(), he(e)), W = class W {
+}, tt = (e) => (L() || et(), fe(e)), W = class W {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -149,8 +149,8 @@ const tt = () => {
     });
   }
 };
-te(W, "cacheLimit", 20), te(W, "cache", /* @__PURE__ */ new Map());
-let L = W;
+ee(W, "cacheLimit", 20), ee(W, "cache", /* @__PURE__ */ new Map());
+let F = W;
 function H({
   code: e,
   context: t,
@@ -159,31 +159,31 @@ function H({
   rootSetState: o,
   event: a,
   isExpression: r = !0,
-  enableCache: l
+  enableCache: c
 }) {
   if (e === "")
     return;
   const s = {
-    code: Ze(e, {
+    code: Xe(e, {
       isExpression: r
     }),
-    builder: Xe(),
+    builder: Ge(),
     context: t,
     event: a,
     rootSetState: o,
     rootState: i,
     localState: n
   };
-  if (l) {
-    const d = L.getCacheKey(s), m = L.getCachedValue(d);
+  if (c) {
+    const d = F.getCacheKey(s), m = F.getCachedValue(d);
     if (m)
       return m.value;
   }
   try {
-    const d = nt(s);
-    if (l) {
-      const m = L.getCacheKey(s);
-      L.setCachedValue(m, d);
+    const d = tt(s);
+    if (c) {
+      const m = F.getCacheKey(s);
+      F.setCachedValue(m, d);
     }
     return d;
   } catch (d) {
@@ -193,13 +193,13 @@ function H({
     return;
   }
 }
-const it = (e, t, n) => {
+const nt = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
   return i.slice(0, -1).reduce((o, a, r) => Object(o[a]) === o[a] ? o[a] : o[a] = Math.abs(Number(i[r + 1])) >> 0 === +i[r + 1] ? [] : {}, e)[i[i.length - 1]] = n, e;
 };
-const ot = ({
+const it = ({
   block: e,
   context: t,
   localState: n,
@@ -208,7 +208,7 @@ const ot = ({
 }) => {
   if (!e.bindings)
     return e;
-  const a = oe(e), r = {
+  const a = ie(e), r = {
     ...a,
     properties: {
       ...a.properties
@@ -217,8 +217,8 @@ const ot = ({
       ...a.actions
     }
   };
-  for (const l in e.bindings) {
-    const s = e.bindings[l], d = H({
+  for (const c in e.bindings) {
+    const s = e.bindings[c], d = H({
       code: s,
       localState: n,
       rootState: i,
@@ -226,7 +226,7 @@ const ot = ({
       context: t,
       enableCache: !0
     });
-    it(r, l, d);
+    nt(r, c, d);
   }
   return r;
 };
@@ -239,7 +239,7 @@ function Y({
   rootSetState: a
 }) {
   const r = e;
-  return n ? ot({
+  return n ? it({
     block: r,
     localState: i,
     rootState: o,
@@ -247,36 +247,36 @@ function Y({
     context: t
   }) : r;
 }
-const le = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", we = (e) => Object.entries(e).map(([n, i]) => {
+const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", we = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
-    return `${le(n)}: ${i};`;
-}).filter(z), at = (e) => we(e).join(`
+    return `${re(n)}: ${i};`;
+}).filter(z), ot = (e) => we(e).join(`
 `), _ = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const i = `.${t} {
-    ${at(n)}
+    ${ot(n)}
   }`;
   return e ? `${e} {
       ${i}
     }` : i;
 };
-function rt({
+function at({
   style: e
 }) {
   return e;
 }
-const lt = ({
+const rt = ({
   block: e,
   context: t
-}) => Te(rt({
+}) => Ie(at({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Te(e) {
+function Ie(e) {
   switch (M) {
     case "svelte":
     case "vue":
@@ -312,7 +312,7 @@ const ct = ({
   console.warn(`
       Could not find a registered component named "${i}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, st = ({
+}, lt = ({
   block: e,
   context: t
 }) => {
@@ -346,23 +346,27 @@ const ct = ({
     },
     block: i
   }));
-}, Q = (e) => ({
-  // once we bump to a major version, toggle this to `false`.
-  builderBlock: !0,
-  // once we bump to a major version, toggle this to `false`.
-  builderContext: !0,
-  builderComponents: !1,
-  builderLinkComponent: !1,
-  ...e
-}), dt = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderLinkComponent ? {
-  builderLinkComponent: t
-} : {} : {}, ut = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderComponents ? {
-  builderComponents: t
-} : {} : {}, mt = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderBlock ? {
-  builderBlock: t
-} : {} : {}, ft = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderContext ? {
-  builderContext: t
-} : {} : {}, Re = {
+}, st = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
+    builderLinkComponent: t
+  } : {};
+}, dt = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
+    builderComponents: t
+  } : {};
+}, ut = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
+    builderBlock: t
+  } : {};
+}, mt = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
+    builderContext: t
+  } : {};
+}, Te = {
   small: {
     min: 320,
     default: 321,
@@ -378,11 +382,11 @@ const ct = ({
     default: 991,
     max: 1200
   }
-}, be = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Pe = ({
+}, he = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
   small: e,
   medium: t
 }) => {
-  const n = oe(Re);
+  const n = ie(Te);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -405,16 +409,17 @@ const ct = ({
     default: a + 1
   }, n;
 };
-function G(e) {
-  return /* @__PURE__ */ c(
+function Q(e) {
+  return /* @__PURE__ */ l(
     "style",
     {
       dangerouslySetInnerHTML: { __html: e.styles },
-      "data-id": e.id
+      "data-id": e.id,
+      nonce: e.nonce
     }
   );
 }
-function ht(e) {
+function ft(e) {
   const t = function() {
     const o = Y({
       block: e.block,
@@ -426,7 +431,7 @@ function ht(e) {
     });
     return z(o.hide) ? !o.hide : z(o.show) ? o.show : !0;
   }, n = function() {
-    var x, g, I;
+    var S, b, k;
     const o = Y({
       block: e.block,
       localState: e.context.localState,
@@ -434,56 +439,63 @@ function ht(e) {
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), a = o.responsiveStyles, r = e.context.content, l = Pe(
-      ((x = r == null ? void 0 : r.meta) == null ? void 0 : x.breakpoints) || {}
+    }), a = o.responsiveStyles, r = e.context.content, c = Re(
+      ((S = r == null ? void 0 : r.meta) == null ? void 0 : S.breakpoints) || {}
     ), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
     if (!u)
       return "";
     const h = s ? _({
       className: u,
       styles: s
-    }) : "", k = d ? _({
+    }) : "", p = d ? _({
       className: u,
       styles: d,
-      mediaQuery: be(
+      mediaQuery: he(
         "medium",
-        l
+        c
       )
-    }) : "", w = m ? _({
+    }) : "", I = m ? _({
       className: u,
       styles: m,
-      mediaQuery: be(
+      mediaQuery: he(
         "small",
-        l
+        c
       )
-    }) : "", p = o.animations && o.animations.find((R) => R.trigger === "hover");
+    }) : "", y = o.animations && o.animations.find((T) => T.trigger === "hover");
     let A = "";
-    if (p) {
-      const R = ((I = (g = p.steps) == null ? void 0 : g[1]) == null ? void 0 : I.styles) || {};
+    if (y) {
+      const T = ((k = (b = y.steps) == null ? void 0 : b[1]) == null ? void 0 : k.styles) || {};
       A = _({
         className: `${u}:hover`,
         styles: {
-          ...R,
-          transition: `all ${p.duration}s ${le(
-            p.easing
+          ...T,
+          transition: `all ${y.duration}s ${re(
+            y.easing
           )}`,
-          transitionDelay: p.delay ? `${p.delay}s` : "0s"
+          transitionDelay: y.delay ? `${y.delay}s` : "0s"
         }
       }) || "";
     }
     return [
       h,
-      k,
-      w,
+      p,
+      I,
       A
     ].join(" ");
   };
-  return /* @__PURE__ */ c(C, { children: n() && t() ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(G, { id: "builderio-block", styles: n() }) }) : null });
+  return /* @__PURE__ */ l(w, { children: n() && t() ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(
+    Q,
+    {
+      id: "builderio-block",
+      styles: n(),
+      nonce: e.context.nonce
+    }
+  ) }) : null });
 }
-function bt(e) {
+function ht(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const gt = (e) => `on${bt(e)}`, pt = (e, t) => (n) => H({
+const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => H({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -493,7 +505,7 @@ const gt = (e) => `on${bt(e)}`, pt = (e, t) => (n) => H({
   isExpression: !1,
   enableCache: !0
 });
-function Be(e) {
+function Ee(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
   for (const o in n) {
@@ -510,7 +522,7 @@ function Be(e) {
           r = r.replace("on:", "");
           break;
       }
-    t[r] = pt(a, e);
+    t[r] = bt(a, e);
   }
   return t;
 }
@@ -531,7 +543,7 @@ function ce({
     ...vt(e),
     ...e.properties,
     "builder-id": e.id,
-    style: lt({
+    style: rt({
       block: e,
       context: t
     }),
@@ -544,15 +556,15 @@ function ce({
   });
 }
 function xt(e) {
-  return /* @__PURE__ */ c(
-    re,
+  return /* @__PURE__ */ l(
+    ae,
     {
       TagName: e.Wrapper,
       attributes: ce({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: Be({
+      actionAttributes: Ee({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -564,14 +576,14 @@ function xt(e) {
     }
   );
 }
-function kt(e) {
+function St(e) {
   function t() {
     return e.includeBlockProps ? {
       ...ce({
         block: e.block,
         context: e.context
       }),
-      ...Be({
+      ...Ee({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -580,9 +592,9 @@ function kt(e) {
       })
     } : {};
   }
-  return /* @__PURE__ */ c(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
+  return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
 }
-const St = ({
+const pt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -591,7 +603,7 @@ const St = ({
   isInteractive: a,
   contextValue: r
 }) => {
-  const l = {
+  const c = {
     ...e,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -610,15 +622,15 @@ const St = ({
     context: n,
     wrapperProps: e,
     includeBlockProps: o
-  } : l;
+  } : c;
 };
 function ge(e) {
   var n;
-  const t = e.isInteractive ? kt : e.componentRef;
-  return /* @__PURE__ */ c(C, { children: e.componentRef ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(
+  const t = e.isInteractive ? St : e.componentRef;
+  return /* @__PURE__ */ l(w, { children: e.componentRef ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(
     t,
     {
-      ...St({
+      ...pt({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -628,8 +640,8 @@ function ge(e) {
         isInteractive: e.isInteractive,
         contextValue: e.context
       }),
-      children: (n = e.blockChildren) == null ? void 0 : n.map((i) => /* @__PURE__ */ c(
-        X,
+      children: (n = e.blockChildren) == null ? void 0 : n.map((i) => /* @__PURE__ */ l(
+        G,
         {
           block: i,
           context: e.context,
@@ -641,10 +653,10 @@ function ge(e) {
     }
   ) }) : null });
 }
-function Ct(e) {
+function kt(e) {
   const t = e.repeatContext;
-  return /* @__PURE__ */ c(
-    X,
+  return /* @__PURE__ */ l(
+    G,
     {
       block: e.block,
       context: t,
@@ -653,7 +665,7 @@ function Ct(e) {
     }
   );
 }
-function X(e) {
+function G(e) {
   var s, d, m;
   const t = function() {
     return ct({
@@ -662,7 +674,7 @@ function X(e) {
       registeredComponents: e.registeredComponents
     });
   }, n = function() {
-    return st({
+    return lt({
       block: e.block,
       context: e.context
     });
@@ -677,28 +689,28 @@ function X(e) {
       shouldEvaluateBindings: !0
     });
   }, o = function() {
-    var k;
-    return e.block.tagName === "a" || ((k = i().properties) == null ? void 0 : k.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var p;
+    return e.block.tagName === "a" || ((p = i().properties) == null ? void 0 : p.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, a = function() {
-    var w, p;
-    if ((w = e.block.repeat) != null && w.collection)
-      return !!((p = n()) != null && p.length);
+    var I, y;
+    if ((I = e.block.repeat) != null && I.collection)
+      return !!((y = n()) != null && y.length);
     const h = "hide" in i() ? i().hide : !1;
     return ("show" in i() ? i().show : !0) && !h;
   }, r = function() {
-    var k, w;
-    return !((k = t()) != null && k.component) && !n() ? (w = i().children) != null ? w : [] : [];
-  }, l = function() {
-    var h, k, w, p;
+    var p, I;
+    return !((p = t()) != null && p.component) && !n() ? (I = i().children) != null ? I : [] : [];
+  }, c = function() {
+    var h, p, I, y;
     return {
       blockChildren: (h = i().children) != null ? h : [],
-      componentRef: (k = t()) == null ? void 0 : k.component,
+      componentRef: (p = t()) == null ? void 0 : p.component,
       componentOptions: {
-        ...Qe(i()),
-        ...mt(t(), i()),
-        ...ft(t(), e.context),
-        ...dt(t(), e.linkComponent),
-        ...ut(
+        ...Je(i()),
+        ...ut(t(), i()),
+        ...mt(t(), e.context),
+        ...st(t(), e.linkComponent),
+        ...dt(
           t(),
           e.registeredComponents
         )
@@ -707,27 +719,27 @@ function X(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((w = t()) == null ? void 0 : w.noWrap) === !0,
-      isInteractive: !((p = t()) != null && p.isRSC)
+      includeBlockProps: ((I = t()) == null ? void 0 : I.noWrap) === !0,
+      isInteractive: !((y = t()) != null && y.isRSC)
     };
   };
-  return /* @__PURE__ */ c(C, { children: a() ? /* @__PURE__ */ P(C, { children: [
-    /* @__PURE__ */ c(ht, { block: e.block, context: e.context }),
-    (s = t()) != null && s.noWrap ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(w, { children: a() ? /* @__PURE__ */ E(w, { children: [
+    /* @__PURE__ */ l(ft, { block: e.block, context: e.context }),
+    (s = t()) != null && s.noWrap ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(
       ge,
       {
-        componentRef: l().componentRef,
-        componentOptions: l().componentOptions,
-        blockChildren: l().blockChildren,
-        context: l().context,
-        registeredComponents: l().registeredComponents,
-        linkComponent: l().linkComponent,
-        builderBlock: l().builderBlock,
-        includeBlockProps: l().includeBlockProps,
-        isInteractive: l().isInteractive
+        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
       }
-    ) }) : /* @__PURE__ */ c(C, { children: n() ? /* @__PURE__ */ c(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ c(
-      Ct,
+    ) }) : /* @__PURE__ */ l(w, { children: n() ? /* @__PURE__ */ l(w, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ l(
+      kt,
       {
         repeatContext: u.context,
         block: u.block,
@@ -735,29 +747,29 @@ function X(e) {
         linkComponent: e.linkComponent
       },
       h
-    )) }) : /* @__PURE__ */ P(
+    )) }) : /* @__PURE__ */ E(
       xt,
       {
         Wrapper: o(),
         block: i(),
         context: e.context,
         children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ l(
             ge,
             {
-              componentRef: l().componentRef,
-              componentOptions: l().componentOptions,
-              blockChildren: l().blockChildren,
-              context: l().context,
-              registeredComponents: l().registeredComponents,
-              linkComponent: l().linkComponent,
-              builderBlock: l().builderBlock,
-              includeBlockProps: l().includeBlockProps,
-              isInteractive: l().isInteractive
+              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
             }
           ),
-          (d = r()) == null ? void 0 : d.map((u) => /* @__PURE__ */ c(
-            X,
+          (d = r()) == null ? void 0 : d.map((u) => /* @__PURE__ */ l(
+            G,
             {
               block: u,
               registeredComponents: e.registeredComponents,
@@ -771,7 +783,7 @@ function X(e) {
     ) })
   ] }) : null });
 }
-function It(e) {
+function Ct(e) {
   function t() {
     var o;
     return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
@@ -802,8 +814,8 @@ function It(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ P(C, { children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ E(w, { children: [
+    /* @__PURE__ */ l(
       e.BlocksWrapper,
       {
         className: t() + " props-blocks-wrapper-7cd1560e",
@@ -817,17 +829,17 @@ function It(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ c("style", { children: `.props-blocks-wrapper-7cd1560e {
+    /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-7cd1560e {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }` })
   ] });
 }
-function se(e) {
+function le(e) {
   var t, n, i;
-  return /* @__PURE__ */ c(
-    It,
+  return /* @__PURE__ */ l(
+    Ct,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -835,8 +847,8 @@ function se(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ c(C, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ c(
-        X,
+      children: e.blocks ? /* @__PURE__ */ l(w, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
+        G,
         {
           block: o,
           linkComponent: e.linkComponent,
@@ -849,67 +861,67 @@ function se(e) {
   );
 }
 const wt = (e) => `builder-columns ${e}-breakpoints`;
-function Tt(e) {
-  var p, A;
-  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(g) {
-    return g.link ? e.builderLinkComponent || "a" : "div";
-  }, a = function(g) {
-    var I;
-    return ((I = n[g]) == null ? void 0 : I.width) || 100 / n.length;
-  }, r = function(g) {
-    const I = t * (n.length - 1) / n.length;
-    return `calc(${a(g)}% - ${I}px)`;
-  }, l = function({
-    stackedStyle: g,
-    desktopStyle: I
+function It(e) {
+  var y, A;
+  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(b) {
+    return b.link ? e.builderLinkComponent || "a" : "div";
+  }, a = function(b) {
+    var k;
+    return ((k = n[b]) == null ? void 0 : k.width) || 100 / n.length;
+  }, r = function(b) {
+    const k = a(b), T = t * (n.length - 1) * (k / 100);
+    return `calc(${k}% - ${T}px)`;
+  }, c = function({
+    stackedStyle: b,
+    desktopStyle: k
   }) {
-    return i === "tablet" ? g : I;
+    return i === "tablet" ? b : k;
   }, s = function({
-    stackedStyle: g,
-    desktopStyle: I
+    stackedStyle: b,
+    desktopStyle: k
   }) {
-    return i === "never" ? I : g;
+    return i === "never" ? k : b;
   }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
     return {
       "--flex-dir": d,
-      "--flex-dir-tablet": l({
+      "--flex-dir-tablet": c({
         stackedStyle: d,
         desktopStyle: "row"
       })
     };
-  }, u = function(g) {
-    const I = g === 0 ? 0 : t, R = r(g), E = `${I}px`, O = "100%", D = 0;
+  }, u = function(b) {
+    const k = b === 0 ? 0 : t, T = r(b), B = `${k}px`, O = "100%", D = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: R,
-      ["marginLeft"]: E,
+      width: T,
+      ["marginLeft"]: B,
       "--column-width-mobile": s({
         stackedStyle: O,
-        desktopStyle: R
+        desktopStyle: T
       }),
       "--column-margin-left-mobile": s({
         stackedStyle: D,
-        desktopStyle: E
+        desktopStyle: B
       }),
-      "--column-width-tablet": l({
+      "--column-width-tablet": c({
         stackedStyle: O,
-        desktopStyle: R
+        desktopStyle: T
       }),
-      "--column-margin-left-tablet": l({
+      "--column-margin-left-tablet": c({
         stackedStyle: D,
-        desktopStyle: E
+        desktopStyle: B
       })
     };
-  }, h = function(g) {
-    var R, E;
-    return Pe(
-      ((E = (R = e.builderContext.content) == null ? void 0 : R.meta) == null ? void 0 : E.breakpoints) || {}
-    )[g].max;
-  }, k = function() {
+  }, h = function(b) {
+    var T, B;
+    return Re(
+      ((B = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : B.breakpoints) || {}
+    )[b].max;
+  }, p = function() {
     return `
         @media (max-width: ${h("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -935,33 +947,40 @@ function Tt(e) {
           }
         },
       `;
-  }, w = function(g, I) {
+  }, I = function(b, k) {
     return {
-      ...g.link ? {
-        href: g.link
+      ...b.link ? {
+        href: b.link
       } : {},
       [j()]: "builder-column",
-      style: Te(u(I))
+      style: Ie(u(k))
     };
   };
-  return /* @__PURE__ */ P(C, { children: [
-    /* @__PURE__ */ P(
+  return /* @__PURE__ */ E(w, { children: [
+    /* @__PURE__ */ E(
       "div",
       {
-        className: wt((p = e.builderBlock) == null ? void 0 : p.id) + " div-eeca3604",
+        className: wt((y = e.builderBlock) == null ? void 0 : y.id) + " div-c89348d2",
         style: m(),
         children: [
-          /* @__PURE__ */ c(G, { id: "builderio-columns", styles: k() }),
-          (A = e.columns) == null ? void 0 : A.map((x, g) => /* @__PURE__ */ c(
-            re,
+          /* @__PURE__ */ l(
+            Q,
             {
-              TagName: o(x),
+              id: "builderio-columns",
+              styles: p(),
+              nonce: e.builderContext.nonce
+            }
+          ),
+          (A = e.columns) == null ? void 0 : A.map((S, b) => /* @__PURE__ */ l(
+            ae,
+            {
+              TagName: o(S),
               actionAttributes: {},
-              attributes: w(x, g),
-              children: /* @__PURE__ */ c(
-                se,
+              attributes: I(S, b),
+              children: /* @__PURE__ */ l(
+                le,
                 {
-                  path: `component.options.columns.${g}.blocks`,
+                  path: `component.options.columns.${b}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -969,56 +988,56 @@ function Tt(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: x.blocks
+                  blocks: S.blocks
                 }
               )
             },
-            g
+            b
           ))
         ]
       }
     ),
-    /* @__PURE__ */ c("style", { children: `.div-eeca3604 {
+    /* @__PURE__ */ l("style", { children: `.div-c89348d2 {
   display: flex;
   line-height: normal;
 }` })
   ] });
 }
-function Rt(e) {
-  return /* @__PURE__ */ c("span", { children: e.children });
+function Tt(e) {
+  return /* @__PURE__ */ l("span", { children: e.children });
 }
-function pe(e) {
+function be(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Pt(e = "", t, n) {
+function Rt(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 Bt(e, t) {
+function Et(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return pe(e);
+    return be(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const i = e.split(n[0]), o = n[3], a = t.match("x") ? t : `${t}x`;
-    return pe(`${i[0]}_${a}${o}`);
+    return be(`${i[0]}_${a}${o}`);
   }
   return null;
 }
-function ne(e) {
+function te(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) => `${Pt(e, "width", o)} ${o}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Rt(e, "width", o)} ${o}w`).concat([n]).join(", ");
   }
-  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;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Et(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
-function Et(e) {
-  var o, a, r, l, s, d;
+function Pt(e) {
+  var o, a, r, c, s, d;
   function t() {
     var h;
     const u = e.image || e.src;
@@ -1028,10 +1047,10 @@ function Et(e) {
       return e.srcset;
     if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
       if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), ne(u);
+        return console.debug("Removed given srcset"), te(u);
     } else if (e.image && !e.srcset)
-      return ne(u);
-    return ne(u);
+      return te(u);
+    return te(u);
   }
   function n() {
     var m;
@@ -1047,11 +1066,11 @@ function Et(e) {
     };
     return e.aspectRatio ? m : void 0;
   }
-  return /* @__PURE__ */ P(C, { children: [
-    /* @__PURE__ */ P(C, { children: [
-      /* @__PURE__ */ P("picture", { children: [
-        n() ? /* @__PURE__ */ c("source", { type: "image/webp", srcSet: n() }) : null,
-        /* @__PURE__ */ c(
+  return /* @__PURE__ */ E(w, { children: [
+    /* @__PURE__ */ E(w, { children: [
+      /* @__PURE__ */ E("picture", { children: [
+        n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
+        /* @__PURE__ */ l(
           "img",
           {
             loading: e.highPriority ? "eager" : "lazy",
@@ -1070,7 +1089,7 @@ function Et(e) {
           }
         )
       ] }),
-      e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ c(
+      e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ l(
         "div",
         {
           className: "builder-image-sizer div-ac3dff4a",
@@ -1079,10 +1098,10 @@ function Et(e) {
           }
         }
       ) : null,
-      (l = (r = e.builderBlock) == null ? void 0 : r.children) != null && l.length && e.fitContent ? /* @__PURE__ */ c(C, { children: e.children }) : null,
-      !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ c("div", { className: "div-ac3dff4a-2", children: e.children }) : null
+      (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(w, { children: e.children }) : null,
+      !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-ac3dff4a-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ c("style", { children: `.img-ac3dff4a {
+    /* @__PURE__ */ l("style", { children: `.img-ac3dff4a {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
 }.div-ac3dff4a {
@@ -1101,8 +1120,8 @@ function Et(e) {
 }` })
   ] });
 }
-function Wt(e) {
-  return /* @__PURE__ */ c(
+function Bt(e) {
+  return /* @__PURE__ */ l(
     "section",
     {
       ...e.attributes,
@@ -1122,7 +1141,7 @@ function Wt(e) {
     }
   );
 }
-const Nt = {
+const Wt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1156,12 +1175,9 @@ const Nt = {
   static: !0,
   noWrap: !0,
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
     builderLinkComponent: !0
   }
-}, At = {
+}, Nt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1340,7 +1356,7 @@ const Nt = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((l, s) => l + s.get("width"), 0) !== 100) && t();
+      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();
     }
   }, {
     name: "space",
@@ -1368,19 +1384,13 @@ const Nt = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Vt = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, At = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, $t = {
+}, Vt = {
   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",
@@ -1400,7 +1410,7 @@ const Nt = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(r, l = 6e4) {
+      function n(r, c = 6e4) {
         return new Promise((s, d) => {
           const m = document.createElement("img");
           let u = !1;
@@ -1410,7 +1420,7 @@ const Nt = {
             console.warn("Image load failed", h.error), d(h.error);
           }), m.src = r, setTimeout(() => {
             u || d(new Error("Image load timed out"));
-          }, l);
+          }, c);
         });
       }
       function i(r) {
@@ -1421,8 +1431,8 @@ const Nt = {
         r.type.includes("svg") && e.set("noWebp", !0);
       }), o && (!a || a === 0.7041))
         return n(o).then((r) => {
-          const l = e.get("aspectRatio");
-          e.get("image") === o && (!l || l === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
+          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));
         });
     }
   }, {
@@ -1486,18 +1496,9 @@ const Nt = {
     defaultValue: 0.7041
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !0
   }
-}, Lt = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, $t = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1550,15 +1551,12 @@ const Nt = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !0,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderContext: !0
   }
 };
-function Ot(e) {
+function Lt(e) {
   var t, n, i;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
     {
       style: {
@@ -1567,8 +1565,8 @@ function Ot(e) {
       ...!((t = e.builderContext.context) != null && t.symbolId) && {
         "builder-slot": e.name
       },
-      children: /* @__PURE__ */ c(
-        se,
+      children: /* @__PURE__ */ l(
+        le,
         {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
@@ -1579,7 +1577,7 @@ function Ot(e) {
     }
   );
 }
-const Dt = {
+const Ot = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1618,12 +1616,9 @@ const Dt = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, jt = {
+}, Dt = {
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !1
   },
   name: "Text",
   static: !0,
@@ -1643,9 +1638,9 @@ const Dt = {
     textAlign: "center"
   }
 };
-function Ht(e) {
+function jt(e) {
   var t;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: "builder-text",
@@ -1656,13 +1651,7 @@ function Ht(e) {
     }
   );
 }
-const Mt = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const Ht = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1685,11 +1674,11 @@ const Mt = {
     advanced: !0
   }]
 };
-function Ut(e) {
-  const t = ae(null), [n, i] = N(() => []), [o, a] = N(() => []);
-  return T(() => {
-    var l;
-    if (!((l = t.current) != null && l.getElementsByTagName) || typeof window == "undefined")
+function Mt(e) {
+  const t = oe(null), [n, i] = N(() => []), [o, a] = N(() => []);
+  return R(() => {
+    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++) {
@@ -1714,7 +1703,7 @@ function Ut(e) {
         }
       }
     }
-  }, []), /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ l(
     "div",
     {
       ref: t,
@@ -1723,13 +1712,7 @@ function Ut(e) {
     }
   );
 }
-const _t = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const Ut = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1744,9 +1727,9 @@ const _t = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Kt = ["text/javascript", "application/javascript", "application/ecmascript"], zt = (e) => Kt.includes(e.type);
-function qt(e) {
-  const t = ae(null), [n, i] = N(() => []), [o, a] = N(() => []), [r, l] = N(() => !1);
+}, _t = ["text/javascript", "application/javascript", "application/ecmascript"], Kt = (e) => _t.includes(e.type);
+function zt(e) {
+  const t = oe(null), [n, i] = N(() => []), [o, a] = N(() => []), [r, c] = N(() => !1);
   function s() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -1757,7 +1740,7 @@ function qt(e) {
         n.push(u.src);
         const h = document.createElement("script");
         h.async = !0, h.src = u.src, document.head.appendChild(h);
-      } else if (zt(u) && !o.includes(u.innerText))
+      } else if (Kt(u) && !o.includes(u.innerText))
         try {
           o.push(u.innerText), new Function(u.innerText)();
         } catch (h) {
@@ -1765,9 +1748,9 @@ function qt(e) {
         }
     }
   }
-  return T(() => {
-    t.current && !r && (l(!0), s());
-  }, [t.current, r]), /* @__PURE__ */ c(
+  return R(() => {
+    t.current && !r && (c(!0), s());
+  }, [t.current, r]), /* @__PURE__ */ l(
     "div",
     {
       className: "builder-embed",
@@ -1776,13 +1759,7 @@ function qt(e) {
     }
   );
 }
-const Yt = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const qt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1797,8 +1774,8 @@ const Yt = {
   noWrap: !0,
   static: !0
 };
-function Jt(e) {
-  return /* @__PURE__ */ c(
+function Yt(e) {
+  return /* @__PURE__ */ l(
     "img",
     {
       style: {
@@ -1812,7 +1789,7 @@ function Jt(e) {
     V() && e.imgSrc || "default-key"
   );
 }
-const Qt = {
+const Jt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1894,14 +1871,11 @@ const Qt = {
     advanced: !0
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !0
   }
 };
-function Gt(e) {
-  var i, o, a, r, l, s, d;
+function Qt(e) {
+  var i, o, a, r, c, s, d;
   function t() {
     return {
       ...e.autoPlay === !0 ? {
@@ -1926,14 +1900,14 @@ function Gt(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ E(
     "div",
     {
       style: {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ l(
           "video",
           {
             className: "builder-video",
@@ -1955,10 +1929,10 @@ function Gt(e) {
             },
             src: e.video || "no-src",
             poster: e.posterImage,
-            children: e.lazyLoad ? null : /* @__PURE__ */ c("source", { type: "video/mp4", src: e.video })
+            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__ */ c(
+        e.aspectRatio && !(e.fitContent && ((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length)) ? /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -1969,7 +1943,7 @@ function Gt(e) {
             }
           }
         ) : null,
-        (l = (r = e.builderBlock) == null ? void 0 : r.children) != null && l.length && e.fitContent ? /* @__PURE__ */ c(
+        (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -1980,7 +1954,7 @@ function Gt(e) {
             children: e.children
           }
         ) : null,
-        (d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ c(
+        (d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
           "div",
           {
             style: {
@@ -2001,43 +1975,43 @@ function Gt(e) {
     }
   );
 }
-const Xt = () => [{
-  component: Ut,
-  ...Mt
+const Gt = () => [{
+  component: Mt,
+  ...Ht
 }, {
-  component: qt,
-  ..._t
+  component: zt,
+  ...Ut
 }, {
-  component: Jt,
-  ...Yt
+  component: Yt,
+  ...qt
 }, {
-  component: Gt,
-  ...Qt
+  component: Qt,
+  ...Jt
 }], ye = () => [{
-  component: Je,
+  component: Ye,
+  ...Wt
+}, {
+  component: It,
   ...Nt
 }, {
   component: Tt,
   ...At
 }, {
-  component: Rt,
+  component: Pt,
   ...Vt
 }, {
-  component: Et,
+  component: Bt,
   ...$t
 }, {
-  component: Wt,
-  ...Lt
-}, {
-  component: Ot,
+  component: Lt,
   ...Ft
 }, {
-  component: Pn,
-  ...Dt
+  component: Rn,
+  ...Ot
 }, {
-  component: Ht,
-  ...jt
-}, ...Xt()], Zt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: jt,
+  ...Dt
+}, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2093,7 +2067,7 @@ const Xt = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, en = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2127,35 +2101,36 @@ const Xt = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Ee = "builderIoAbTest", We = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Pe = "builderIoAbTest", Be = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), tn = ({
+})), en = ({
   canTrack: e,
   content: t
-}) => !(!(K(t).length > 0) || !e || F()), nn = (e) => e === "react" || e === "reactNative", Ne = nn(M), on = () => `
-  window.${Ee} = ${Zt}
-  window.${We} = ${en}
-  `, an = (e, t) => `
-  window.${Ee}(
-    "${t}",${JSON.stringify(e)}, ${Ne}
-  )`, rn = ({
+}) => !(!(K(t).length > 0) || !e || L()), tn = (e) => e === "react" || e === "reactNative", We = tn(M), nn = () => `
+  window.${Pe} = ${Xt}
+  window.${Be} = ${Zt}
+  `, on = (e, t) => `
+  window.${Pe}(
+    "${t}",${JSON.stringify(e)}, ${We}
+  )`, an = ({
   contentId: e,
   variationId: t
-}) => `window.${We}(
-    "${t}", "${e}", ${Ne}
+}) => `window.${Be}(
+    "${t}", "${e}", ${We}
   )`;
-function ie(e) {
-  return /* @__PURE__ */ c(
+function ne(e) {
+  return /* @__PURE__ */ l(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
-      "data-id": e.id
+      "data-id": e.id,
+      nonce: e.nonce || ""
     }
   );
 }
-const ln = Ke({
+const rn = _e({
   content: null,
   context: {},
   localState: void 0,
@@ -2167,7 +2142,8 @@ const ln = Ke({
   componentInfos: {},
   inheritedStyles: {},
   BlocksWrapper: "div",
-  BlocksWrapperProps: {}
+  BlocksWrapperProps: {},
+  nonce: ""
 });
 function ve(e) {
   return Math.round(e * 1e3) / 1e3;
@@ -2183,7 +2159,7 @@ const cn = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, sn = (e) => cn(e, (t) => {
+}, ln = (e) => cn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), xe = ({
@@ -2195,8 +2171,8 @@ const cn = (e, t, n = !0) => {
     x: a,
     y: r
   };
-}, dn = (e) => {
-  const t = e.target, n = t && sn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, sn = (e) => {
+  const t = e.target, n = t && ln(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -2212,13 +2188,13 @@ const cn = (e, t, n = !0) => {
     }
   };
 };
-async function un({
+async function dn({
   key: e,
   value: t
 }) {
   return Fe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
 }
-function ke(e, ...t) {
+function Se(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -2228,31 +2204,31 @@ function ke(e, ...t) {
   }
   return n;
 }
-function mn(e) {
+function un(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function fn(e, t) {
-  const n = hn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
-  for (const l of r)
+function mn(e, t) {
+  const n = fn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
+  for (const c of r)
     for (const s of n)
-      s in l || (l[s] = i[s]);
+      s in c || (c[s] = i[s]);
 }
-function hn(e) {
+function fn(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 bn(e) {
+function hn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    mn(e.elementId || e.id || "");
+    un(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    fn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ke(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${le(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ke(n.style, e.steps[1].styles), setTimeout(() => {
+    mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Se(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Se(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -2270,21 +2246,21 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const l in e.files) {
-      if (!(String(Number(l)) === l))
+    for (const c in e.files) {
+      if (!(String(Number(c)) === c))
         continue;
-      const d = e.files[l];
+      const d = e.files[c];
       d && d !== i && (o += `
 @font-face {
 font-family: "${t}";
 src: url('${d}') format('woff2');
 font-display: fallback;
-font-weight: ${l};
+font-weight: ${c};
 }
         `.trim());
     }
   return o;
-}, pn = ({
+}, bn = ({
   customFonts: e
 }) => {
   var t;
@@ -2309,38 +2285,38 @@ font-weight: ${l};
   text-align: inherit;
   font-family: inherit;
 }
-`, xn = (e) => e ? "" : vn, kn = (e) => `variant-${e}`;
-function Sn(e) {
-  var E, O, D, Z, ee, de, ue;
-  const t = ae(null);
-  function n(b) {
-    var y, v;
+`, xn = (e) => e ? "" : vn, Sn = (e) => `variant-${e}`;
+function pn(e) {
+  var B, O, D, X, Z, se, de;
+  const t = oe(null);
+  function n(g) {
+    var v, x;
     const f = {
       ...e.builderContextSignal.rootState,
-      ...b
+      ...g
     };
-    e.builderContextSignal.rootSetState ? (v = (y = e.builderContextSignal).rootSetState) == null || v.call(y, f) : e.builderContextSignal.rootState = f;
+    e.builderContextSignal.rootSetState ? (x = (v = e.builderContextSignal).rootSetState) == null || x.call(v, f) : e.builderContextSignal.rootState = f;
   }
-  function i(b) {
-    var y, v, S, B, U;
+  function i(g) {
+    var v, x, C, P, U;
     const f = {
       ...e.builderContextSignal.content,
-      ...b,
+      ...g,
       data: {
-        ...(y = e.builderContextSignal.content) == null ? void 0 : y.data,
-        ...b == null ? void 0 : b.data
+        ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
+        ...g == null ? void 0 : g.data
       },
       meta: {
-        ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
-        ...b == null ? void 0 : b.meta,
-        breakpoints: ((S = b == null ? void 0 : b.meta) == null ? void 0 : S.breakpoints) || ((U = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : U.breakpoints)
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
+        ...g == null ? void 0 : g.meta,
+        breakpoints: ((C = g == null ? void 0 : g.meta) == null ? void 0 : C.breakpoints) || ((U = (P = e.builderContextSignal.content) == null ? void 0 : P.meta) == null ? void 0 : U.breakpoints)
       }
     };
-    un({
+    dn({
       value: f,
       key: f.id
     }).then(() => {
-      R.refresh();
+      T.refresh();
     });
   }
   function o() {
@@ -2352,34 +2328,34 @@ function Sn(e) {
   const [a, r] = N(
     () => e.contentWrapper || "div"
   );
-  function l(b) {
-    return De({
+  function c(g) {
+    return Oe({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (f) => {
-          var S;
-          const { breakpoints: y, contentId: v } = f;
-          !v || v !== ((S = e.builderContextSignal.content) == null ? void 0 : S.id) || y && i({
+          var C;
+          const { breakpoints: v, contentId: x } = f;
+          !x || x !== ((C = e.builderContextSignal.content) == null ? void 0 : C.id) || v && i({
             meta: {
-              breakpoints: y
+              breakpoints: v
             }
           });
         },
         animation: (f) => {
-          bn(f);
+          hn(f);
         },
         contentUpdate: (f) => {
           i(f);
         }
       }
-    })(b);
+    })(g);
   }
   function s() {
-    var f, y;
-    const b = (y = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : y.jsCode;
-    b && H({
-      code: b,
+    var f, v;
+    const g = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.jsCode;
+    g && H({
+      code: g,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
@@ -2390,35 +2366,35 @@ function Sn(e) {
       enableCache: !1
     });
   }
-  const [d, m] = N(() => ({})), [u, h] = N(() => ({})), [k, w] = N(() => !1);
-  function p(b) {
-    var f, y;
+  const [d, m] = N(() => ({})), [u, h] = N(() => ({})), [p, I] = N(() => !1);
+  function y(g) {
+    var f, v;
     if (e.builderContextSignal.content) {
-      const v = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, S = (y = e.builderContextSignal.content) == null ? void 0 : y.id;
-      me({
+      const x = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, C = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
+      ue({
         type: "click",
         canTrack: q(e.canTrack),
-        contentId: S,
+        contentId: C,
         apiKey: e.apiKey,
-        variationId: v !== S ? v : void 0,
-        ...dn(b),
-        unique: !k
+        variationId: x !== C ? x : void 0,
+        ...sn(g),
+        unique: !p
       });
     }
-    k || w(!0);
+    p || I(!0);
   }
   function A() {
-    var f, y, v;
-    const b = (v = (y = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : y.httpRequests) != null ? v : {};
-    Object.entries(b).forEach(([S, B]) => {
-      if (!B || u[S] || d[S] && !V())
+    var f, v, x;
+    const g = (x = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.httpRequests) != null ? x : {};
+    Object.entries(g).forEach(([C, P]) => {
+      if (!P || u[C] || d[C] && !V())
         return;
-      u[S] = !0;
-      const U = B.replace(
+      u[C] = !0;
+      const U = P.replace(
         /{{([^}]+)}}/g,
-        ($, Ae) => String(
+        ($, Ne) => String(
           H({
-            code: Ae,
+            code: Ne,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -2427,24 +2403,24 @@ function Sn(e) {
           })
         )
       );
-      je(U).then(($) => $.json()).then(($) => {
+      De(U).then(($) => $.json()).then(($) => {
         n({
-          [S]: $
-        }), d[S] = !0;
+          [C]: $
+        }), d[C] = !0;
       }).catch(($) => {
-        console.error("error fetching dynamic data", B, $);
+        console.error("error fetching dynamic data", P, $);
       }).finally(() => {
-        u[S] = !1;
+        u[C] = !1;
       });
     });
   }
-  function x() {
+  function S() {
     V() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: oe(e.builderContextSignal.rootState),
+            state: ie(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -2453,8 +2429,8 @@ function Sn(e) {
       )
     );
   }
-  function g(b) {
-    window.addEventListener("message", l), He(), Me({
+  function b(g) {
+    window.addEventListener("message", c), je(), He({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -2467,125 +2443,132 @@ function Sn(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((f) => {
-      var v;
-      const y = Ue(f);
-      (v = window.parent) == null || v.postMessage(y, "*");
+      var x;
+      const v = Me(f);
+      (x = window.parent) == null || x.postMessage(v, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      x
+      S
     );
   }
-  function I(b) {
-    const f = new URL(location.href).searchParams, y = f.get("builder.preview"), v = f.get(
-      `builder.overrides.${y}`
-    ), S = f.get("apiKey") || f.get("builder.space");
-    y === e.model && S === e.apiKey && (!e.content || v === e.content.id) && Ce({
+  function k(g) {
+    const f = new URL(location.href).searchParams, v = f.get("builder.preview"), x = f.get(
+      `builder.overrides.${v}`
+    ), C = f.get("apiKey") || f.get("builder.space");
+    v === e.model && C === e.apiKey && (!e.content || x === e.content.id) && ke({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((B) => {
-      B && i(B);
+    }).then((P) => {
+      P && i(P);
     });
   }
-  const R = ze();
-  return T(() => {
-    var b;
-    return (b = t.current) == null || b.addEventListener(
+  const T = Ke();
+  return R(() => {
+    var g;
+    return (g = t.current) == null || g.addEventListener(
       "initeditingbldr",
-      g
+      b
     ), () => {
       var f;
       return (f = t.current) == null ? void 0 : f.removeEventListener(
         "initeditingbldr",
-        g
+        b
       );
     };
-  }, []), T(() => {
-    var b;
-    return (b = t.current) == null || b.addEventListener(
+  }, []), R(() => {
+    var g;
+    return (g = t.current) == null || g.addEventListener(
       "initpreviewingbldr",
-      I
+      k
     ), () => {
       var f;
       return (f = t.current) == null ? void 0 : f.removeEventListener(
         "initpreviewingbldr",
-        I
+        k
       );
     };
-  }, []), T(() => {
-    var b, f;
-    if (F()) {
+  }, []), R(() => {
+    var g, f;
+    if (L()) {
       if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
-        const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, S = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
-        me({
+        const x = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, C = (f = e.builderContextSignal.content) == null ? void 0 : f.id, P = e.apiKey;
+        ue({
           type: "impression",
           canTrack: !0,
-          contentId: S,
-          apiKey: B,
-          variationId: v !== S ? v : void 0
+          contentId: C,
+          apiKey: P,
+          variationId: x !== C ? x : void 0
         });
       }
-      Oe() && V();
+      Le() && V();
     }
-  }, []), T(() => {
+  }, []), R(() => {
     e.apiKey || J.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), s(), A(), x();
-  }, []), T(() => {
-  }, [e.content]), T(() => {
+    ), s(), A(), S();
+  }, []), R(() => {
+  }, [e.content]), R(() => {
     s();
-  }, [(O = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : O.jsCode]), T(() => {
+  }, [(O = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : O.jsCode]), R(() => {
     A();
-  }, [(Z = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : Z.httpRequests]), T(() => {
-    x();
-  }, [e.builderContextSignal.rootState]), T(() => {
+  }, [(X = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : X.httpRequests]), R(() => {
+    S();
+  }, [e.builderContextSignal.rootState]), R(() => {
     e.data && n(e.data);
-  }, [e.data]), T(() => {
+  }, [e.data]), R(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), T(() => () => {
-    F() && (window.removeEventListener("message", l), window.removeEventListener(
+  }, [e.locale]), R(() => () => {
+    L() && (window.removeEventListener("message", c), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      x
+      S
     ));
-  }, []), /* @__PURE__ */ c(ln.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ l(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
     a,
     {
       ref: t,
-      onClick: (b) => p(b),
-      "builder-content-id": (ee = e.builderContextSignal.content) == null ? void 0 : ee.id,
+      onClick: (g) => y(g),
+      "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: kn(
-        ((de = e.content) == null ? void 0 : de.testVariationId) || ((ue = e.content) == null ? void 0 : ue.id)
+      className: Sn(
+        ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function Cn(e) {
+function kn(e) {
   const t = `
 ${yn({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
-${pn({
+${bn({
     customFonts: e.customFonts
   })}
 ${xn(e.isNestedRender)}
 `.trim();
-  return /* @__PURE__ */ c(G, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ l(
+    Q,
+    {
+      id: "builderio-content",
+      styles: t,
+      nonce: e.nonce
+    }
+  );
 }
-const In = ({
+const Cn = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var a, r, l;
+  var a, r, c;
   const i = {}, o = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
-  return (l = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || l.forEach((s) => {
+  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);
   }), {
     ...i,
@@ -2606,9 +2589,9 @@ const In = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Se(e) {
-  var o, a, r, l, s, d, m, u, h;
-  const t = rn({
+function pe(e) {
+  var o, a, r, c, s, d, m, u, h;
+  const t = an({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (o = e.content) == null ? void 0 : o.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -2617,11 +2600,11 @@ function Se(e) {
     ...ye(),
     ...e.customComponents || []
   ].reduce(
-    (k, { component: w, ...p }) => ({
-      ...k,
-      [p.name]: {
-        component: w,
-        ...fe(p)
+    (p, { component: I, ...y }) => ({
+      ...p,
+      [y.name]: {
+        component: I,
+        ...me(y)
       }
     }),
     {}
@@ -2631,7 +2614,7 @@ function Se(e) {
       data: e.data
     }),
     localState: void 0,
-    rootState: In({
+    rootState: Cn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2645,19 +2628,21 @@ function Se(e) {
       ...ye(),
       ...e.customComponents || []
     ].reduce(
-      (k, { component: w, ...p }) => ({
-        ...k,
-        [p.name]: fe(p)
+      (p, { component: I, ...y }) => ({
+        ...p,
+        [y.name]: me(y)
       }),
       {}
     ),
     inheritedStyles: {},
     BlocksWrapper: e.blocksWrapper || "div",
-    BlocksWrapperProps: e.blocksWrapperProps || {}
+    BlocksWrapperProps: e.blocksWrapperProps || {},
+    nonce: e.nonce || ""
   };
-  return /* @__PURE__ */ P(
-    Sn,
+  return /* @__PURE__ */ E(
+    pn,
     {
+      nonce: e.nonce,
       content: e.content,
       data: e.data,
       model: e.model,
@@ -2672,24 +2657,26 @@ function Se(e) {
       contentWrapperProps: e.contentWrapperProps,
       trustedHosts: e.trustedHosts,
       children: [
-        e.isSsrAbTest ? /* @__PURE__ */ c(
-          ie,
+        e.isSsrAbTest ? /* @__PURE__ */ l(
+          ne,
           {
             id: "builderio-variant-visibility",
-            scriptStr: t
+            scriptStr: t,
+            nonce: e.nonce || ""
           }
         ) : null,
-        /* @__PURE__ */ c(
-          Cn,
+        /* @__PURE__ */ l(
+          kn,
           {
+            nonce: e.nonce || "",
             isNestedRender: e.isNestedRender,
             contentId: (r = i.content) == null ? void 0 : r.id,
-            cssCode: (s = (l = i.content) == null ? void 0 : l.data) == null ? void 0 : s.cssCode,
+            cssCode: (s = (c = i.content) == null ? void 0 : c.data) == null ? void 0 : s.cssCode,
             customFonts: (m = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : m.customFonts
           }
         ),
-        /* @__PURE__ */ c(
-          se,
+        /* @__PURE__ */ l(
+          le,
           {
             blocks: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.blocks,
             context: i,
@@ -2701,59 +2688,63 @@ function Se(e) {
     }
   );
 }
-function Tn(e) {
+function In(e) {
   var a;
-  const t = tn({
+  const t = en({
     canTrack: q(e.canTrack),
     content: e.content
   }), n = function() {
-    var l;
-    return an(
+    var c;
+    return on(
       K(e.content).map((s) => ({
         id: s.testVariationId,
         testRatio: s.testRatio
       })),
-      ((l = e.content) == null ? void 0 : l.id) || ""
+      ((c = e.content) == null ? void 0 : c.id) || ""
     );
   }, i = function() {
-    return K(e.content).map((l) => `.variant-${l.testVariationId} { display: none; } `).join("");
+    return K(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
   }, o = function() {
-    var l;
+    var c;
     return t ? {
       ...e.content,
-      testVariationId: (l = e.content) == null ? void 0 : l.id
-    } : _e({
+      testVariationId: (c = e.content) == null ? void 0 : c.id
+    } : Ue({
       item: e.content,
       canTrack: q(e.canTrack)
     });
   };
-  return /* @__PURE__ */ P(C, { children: [
-    !e.isNestedRender && M !== "reactNative" ? /* @__PURE__ */ c(
-      ie,
+  return /* @__PURE__ */ E(w, { children: [
+    !e.isNestedRender && M !== "reactNative" ? /* @__PURE__ */ l(
+      ne,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: on()
+        scriptStr: nn(),
+        nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ P(C, { children: [
-      /* @__PURE__ */ c(
-        G,
+    t ? /* @__PURE__ */ E(w, { children: [
+      /* @__PURE__ */ l(
+        Q,
         {
           id: "builderio-variants",
-          styles: i()
+          styles: i(),
+          nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ c(
-        ie,
+      /* @__PURE__ */ l(
+        ne,
         {
           id: "builderio-variants-visibility",
-          scriptStr: n()
+          scriptStr: n(),
+          nonce: e.nonce || ""
         }
       ),
-      (a = K(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ c(
-        Se,
+      (a = K(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
+        pe,
         {
           isNestedRender: e.isNestedRender,
+          nonce: e.nonce,
           content: r,
           showContent: !1,
           model: e.model,
@@ -2776,9 +2767,10 @@ function Tn(e) {
         r.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ c(
-      Se,
+    /* @__PURE__ */ l(
+      pe,
       {
+        nonce: e.nonce,
         isNestedRender: e.isNestedRender,
         content: o(),
         showContent: !0,
@@ -2802,13 +2794,13 @@ function Tn(e) {
     )
   ] });
 }
-const Rn = async ({
+const Tn = 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 Ce({
+    return ke({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -2821,8 +2813,8 @@ const Rn = async ({
       J.error("Could not fetch symbol content: ", n);
     });
 };
-async function Pn(e) {
-  var a, r, l, s, d;
+async function Rn(e) {
+  var a, r, c, s, d;
   const t = function() {
     return "div";
   }, n = function() {
@@ -2835,13 +2827,14 @@ async function Pn(e) {
       (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
       (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Rn({
+  }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Tn({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
-  return /* @__PURE__ */ c("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ c(
-    Tn,
+  return /* @__PURE__ */ l("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ l(
+    In,
     {
+      nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -2851,7 +2844,7 @@ async function Pn(e) {
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(l = e.symbol) == null ? void 0 : l.data,
+        ...(c = e.symbol) == null ? void 0 : c.data,
         ...e.builderContext.localState,
         ...(s = o == null ? void 0 : o.data) == null ? void 0 : s.state
       },
@@ -2865,15 +2858,15 @@ async function Pn(e) {
   ) });
 }
 export {
-  se as Blocks,
-  ln as BuilderContext,
-  Je as Button,
-  Tt as Columns,
-  Tn as Content,
-  Rt as Fragment,
-  Et as Image,
-  Wt as Section,
-  Pn as Symbol,
-  Ht as Text,
-  Gt as Video
+  le as Blocks,
+  rn as BuilderContext,
+  Ye as Button,
+  It as Columns,
+  In as Content,
+  Tt as Fragment,
+  Pt as Image,
+  Bt as Section,
+  Rn as Symbol,
+  jt as Text,
+  Qt as Video
 };