@builder.io/sdk-react 2.0.0 → 2.0.1

package/lib/edge/{columns-a51238cc.js → columns-1065c0ae.js}

@@ -1,45 +1,45 @@
 import { jsxs as y, Fragment as B, jsx as o } from "react/jsx-runtime";
 import { useState as r } from "react";
-import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-6d6258ba.js";
+import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-fedde8d2.js";
 import { DynamicRenderer as N } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as D } from "./get-class-prop-name-1bbed5bf.js";
+import { getClassPropName as D } from "./get-class-prop-name-268b0f61.js";
 import "./blocks-exports.mjs";
-import "./server-entry-75aa714e.js";
-const F = (e) => `builder-columns ${e}-breakpoints`;
-function J(e) {
+import "./server-entry-681e8e79.js";
+const F = (t) => `builder-columns ${t}-breakpoints`;
+function J(t) {
   var f, k;
   const [c, T] = r(
-    () => typeof e.space == "number" ? e.space || 0 : 20
-  ), [s, j] = r(() => e.columns || []), [m, I] = r(
-    () => e.stackColumnsAt || "tablet"
+    () => typeof t.space == "number" ? t.space || 0 : 20
+  ), [s, j] = r(() => t.columns || []), [m, I] = r(
+    () => t.stackColumnsAt || "tablet"
   );
-  function S(t) {
-    return t.link ? e.builderLinkComponent || "a" : "div";
+  function S(e) {
+    return e.link ? t.builderLinkComponent || "a" : "div";
   }
-  function x(t) {
+  function x(e) {
     var n;
-    return ((n = s[t]) == null ? void 0 : n.width) || 100 / s.length;
+    return ((n = s[e]) == null ? void 0 : n.width) || 100 / s.length;
   }
-  function C(t) {
-    const n = x(t), i = c * (s.length - 1) * (n / 100);
+  function C(e) {
+    const n = x(e), i = c * (s.length - 1) * (n / 100);
     return `calc(${n}% - ${i}px)`;
   }
   function a({
-    stackedStyle: t,
+    stackedStyle: e,
     desktopStyle: n
   }) {
-    return m === "tablet" ? t : n;
+    return m === "tablet" ? e : n;
   }
   function u({
-    stackedStyle: t,
+    stackedStyle: e,
     desktopStyle: n
   }) {
-    return m === "never" ? n : t;
+    return m === "never" ? n : e;
   }
   const [d, P] = r(
-    () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
+    () => t.stackColumnsAt === "never" ? "row" : t.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function p() {
+  function v() {
     return {
       "--flex-dir": d,
       "--flex-dir-tablet": a({
@@ -48,8 +48,8 @@ function J(e) {
       })
     };
   }
-  function v(t) {
-    const n = t === 0 ? 0 : c, i = C(t), l = `${n}px`, g = "100%", h = 0;
+  function w(e) {
+    const n = e === 0 ? 0 : c, i = C(e), l = `${n}px`, g = "100%", h = 0;
     return {
       ...{
         display: "flex",
@@ -76,74 +76,81 @@ function J(e) {
       })
     };
   }
-  function b(t) {
+  function b(e) {
     var i, l;
     return W(
-      ((l = (i = e.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
-    )[t].max;
+      ((l = (i = t.builderContext.content) == null ? void 0 : i.meta) == null ? void 0 : l.breakpoints) || {}
+    )[e].max;
   }
-  function w() {
+  function p() {
     return `
         @media (max-width: ${b("medium")}px) {
-          .${e.builderBlock.id}-breakpoints {
+          .${t.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          .${t.builderBlock.id}-breakpoints > .builder-column {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
         }
 
         @media (max-width: ${b("small")}px) {
-          .${e.builderBlock.id}-breakpoints {
+          .${t.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          .${t.builderBlock.id}-breakpoints > .builder-column {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
       `;
   }
-  function $(t, n) {
+  function $(e, n) {
     return {
-      ...t.link ? {
-        href: t.link
+      ...e.link ? {
+        href: e.link
       } : {},
       [D()]: "builder-column",
-      style: L(v(n))
+      style: L(w(n))
     };
   }
   return /* @__PURE__ */ y(B, { children: [
     /* @__PURE__ */ y(
       "div",
       {
-        className: F((f = e.builderBlock) == null ? void 0 : f.id) + " div-b622c1bc",
-        style: p(),
+        className: F((f = t.builderBlock) == null ? void 0 : f.id) + " div-fe220f58",
+        style: v(),
         children: [
-          /* @__PURE__ */ o(z, { id: "builderio-columns", styles: w() }),
-          (k = e.columns) == null ? void 0 : k.map((t, n) => /* @__PURE__ */ o(
+          /* @__PURE__ */ o(
+            z,
+            {
+              id: "builderio-columns",
+              styles: p(),
+              nonce: t.builderContext.nonce
+            }
+          ),
+          (k = t.columns) == null ? void 0 : k.map((e, n) => /* @__PURE__ */ o(
             N,
             {
-              TagName: S(t),
+              TagName: S(e),
               actionAttributes: {},
-              attributes: $(t, n),
+              attributes: $(e, n),
               children: /* @__PURE__ */ o(
                 A,
                 {
                   path: `component.options.columns.${n}.blocks`,
-                  parent: e.builderBlock.id,
+                  parent: t.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
                   },
-                  context: e.builderContext,
-                  registeredComponents: e.builderComponents,
-                  linkComponent: e.builderLinkComponent,
-                  blocks: t.blocks
+                  context: t.builderContext,
+                  registeredComponents: t.builderComponents,
+                  linkComponent: t.builderLinkComponent,
+                  blocks: e.blocks
                 }
               )
             },
@@ -152,7 +159,7 @@ function J(e) {
         ]
       }
     ),
-    /* @__PURE__ */ o("style", { children: `.div-b622c1bc {
+    /* @__PURE__ */ o("style", { children: `.div-fe220f58 {
   display: flex;
   line-height: normal;
 }` })

package/lib/edge/columns-f607250b.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),s=require("./blocks-0bd38a83.cjs"),B=require("./dynamic-renderer-b29b45ca.cjs"),p=require("./get-class-prop-name-3061c329.cjs");require("./blocks-exports.cjs");require("./server-entry-4750de9c.cjs");const q=e=>`builder-columns ${e}-breakpoints`;function z(e){var f,g;const[u,A]=o.useState(()=>typeof e.space=="number"?e.space||0:20),[a,L]=o.useState(()=>e.columns||[]),[d,N]=o.useState(()=>e.stackColumnsAt||"tablet");function y(t){return t.link?e.builderLinkComponent||"a":"div"}function x(t){var n;return((n=a[t])==null?void 0:n.width)||100/a.length}function C(t){const n=x(t),i=u*(a.length-1)*(n/100);return`calc(${n}% - ${i}px)`}function c({stackedStyle:t,desktopStyle:n}){return d==="tablet"?t:n}function m({stackedStyle:t,desktopStyle:n}){return d==="never"?n:t}const[b,W]=o.useState(()=>e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column");function v(){return{"--flex-dir":b,"--flex-dir-tablet":c({stackedStyle:b,desktopStyle:"row"})}}function w(t){const n=t===0?0:u,i=C(t),r=`${n}px`,h="100%",S=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:i,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:h,desktopStyle:i}),"--column-margin-left-mobile":m({stackedStyle:S,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:i}),"--column-margin-left-tablet":c({stackedStyle:S,desktopStyle:r})}}function k(t){var i,r;return s.getSizesForBreakpoints(((r=(i=e.builderContext.content)==null?void 0:i.meta)==null?void 0:r.breakpoints)||{})[t].max}function $(){return`
+        @media (max-width: ${k("medium")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${e.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${k("small")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${e.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `}function j(t,n){return{...t.link?{href:t.link}:{},[p.getClassPropName()]:"builder-column",style:s.mapStyleObjToStrIfNeeded(w(n))}}return l.jsxs(l.Fragment,{children:[l.jsxs("div",{className:q((f=e.builderBlock)==null?void 0:f.id)+" div-fe220f58",style:v(),children:[l.jsx(s.InlinedStyles,{id:"builderio-columns",styles:$(),nonce:e.builderContext.nonce}),(g=e.columns)==null?void 0:g.map((t,n)=>l.jsx(B.DynamicRenderer,{TagName:y(t),actionAttributes:{},attributes:j(t,n),children:l.jsx(s.Blocks,{path:`component.options.columns.${n}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:t.blocks})},n))]}),l.jsx("style",{children:`.div-fe220f58 {
+  display: flex;
+  line-height: normal;
+}`})]})}exports.default=z;

package/lib/edge/{content-variants-f3c6baad.js → content-variants-3d57a82f.js}

@@ -1,9 +1,9 @@
 import { jsx as f, jsxs as L, Fragment as z } from "react/jsx-runtime";
 import { lazy as y, useRef as le, useState as C, useEffect as x } from "react";
-import { isBrowser as H, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as W, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-75aa714e.js";
+import { isBrowser as H, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ce, getDefaultCanTrack as W, _track as J, isPreviewing as ue, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-681e8e79.js";
 import { Video as xe, Button as ye, Columns as ve, Fragment as Se, Image as Te, Section as ke, Symbol as Ce, Text as Ie, BuilderContext as we } from "./blocks-exports.mjs";
-import { triggerAnimation as Ve, evaluate as Q, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-6d6258ba.js";
-import "./get-class-prop-name-1bbed5bf.js";
+import { triggerAnimation as Ve, evaluate as Q, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-fedde8d2.js";
+import "./get-class-prop-name-268b0f61.js";
 import "./dynamic-renderer-8b343325.js";
 const A = {
   "@type": "@builder.io/sdk:Element",
@@ -129,7 +129,7 @@ const A = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Pe = y(() => import("./accordion-bd80745a.js")), We = {
+}, Pe = y(() => import("./accordion-4a70912d.js")), We = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -344,7 +344,7 @@ const A = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((c) => !c.get("width")) || n.reduce((o, m) => o + m.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((u) => !u.get("width")) || n.reduce((o, m) => o + m.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -414,10 +414,10 @@ const A = {
       function i(a) {
         return Math.round(a * 1e3) / 1e3;
       }
-      const d = e.get("image"), c = e.get("aspectRatio");
+      const d = e.get("image"), u = e.get("aspectRatio");
       if (fetch(d).then((a) => a.blob()).then((a) => {
         a.type.includes("svg") && e.set("noWebp", !0);
-      }), d && (!c || c === 0.7041))
+      }), d && (!u || u === 0.7041))
         return n(d).then((a) => {
           const o = e.get("aspectRatio");
           e.get("image") === d && (!o || o === 0.7041) && a.width && a.height && (e.set("aspectRatio", i(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
@@ -541,7 +541,7 @@ const A = {
   shouldReceiveBuilderProps: {
     builderContext: !0
   }
-}, He = y(() => import("./slot-8159ca1d.js")), $e = {
+}, He = y(() => import("./slot-7c61542f.js")), $e = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -721,7 +721,7 @@ const A = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qe = y(() => import("./tabs-f5357a4e.js")), je = {
+}, qe = y(() => import("./tabs-c3ff0c70.js")), je = {
   shouldReceiveBuilderProps: {
     builderBlock: !1
   },
@@ -1016,7 +1016,7 @@ const A = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Je = y(() => import("./form-00c8cc55.js")), Ye = {
+}, Je = y(() => import("./form-0a58d0e4.js")), Ye = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1067,7 +1067,7 @@ const A = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Qe = y(() => import("./input-2db47a83.js")), Ge = {
+}, Qe = y(() => import("./input-7ae243e2.js")), Ge = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1109,7 +1109,7 @@ const A = {
   }],
   static: !0,
   noWrap: !0
-}, Xe = y(() => import("./select-2facacf2.js")), Ze = {
+}, Xe = y(() => import("./select-cfa0eb8e.js")), Ze = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1184,7 +1184,7 @@ const A = {
   }],
   noWrap: !0,
   static: !0
-}, it = y(() => import("./img-e7db1475.js")), ot = {
+}, it = y(() => import("./img-252c9967.js")), ot = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1422,7 +1422,7 @@ const A = {
 })), dt = ({
   canTrack: e,
   content: t
-}) => !(!(P(t).length > 0) || !e || H()), ut = (e) => e === "react" || e === "reactNative", oe = ut(te), ct = () => `
+}) => !(!(P(t).length > 0) || !e || H()), ct = (e) => e === "react" || e === "reactNative", oe = ct(te), ut = () => `
   window.${ae} = ${lt}
   window.${ie} = ${st}
   `, mt = (e, t) => `
@@ -1439,7 +1439,8 @@ function $(e) {
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
-      "data-id": e.id
+      "data-id": e.id,
+      nonce: e.nonce || ""
     }
   );
 }
@@ -1464,9 +1465,9 @@ const gt = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, c = X(i / n.width), a = X(d / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, u = X(i / n.width), a = X(d / n.height);
   return {
-    x: c,
+    x: u,
     y: a
   };
 }, ht = (e) => {
@@ -1486,8 +1487,8 @@ const gt = (e, t, n = !0) => {
     }
   };
 }, bt = (e) => {
-  var c, a;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (c = e == null ? void 0 : e.files) == null ? void 0 : c.regular;
+  var u, a;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
   let d = "";
   if (i && t && n && (d += `
 @font-face {
@@ -1542,18 +1543,18 @@ function kt(e) {
   const t = le(null);
   function n(r) {
     var p, s;
-    const u = {
+    const c = {
       ...e.builderContextSignal.rootState,
       ...r
     };
-    e.builderContextSignal.rootSetState ? (s = (p = e.builderContextSignal).rootSetState) == null || s.call(p, u) : e.setBuilderContextSignal((l) => ({
+    e.builderContextSignal.rootSetState ? (s = (p = e.builderContextSignal).rootSetState) == null || s.call(p, c) : e.setBuilderContextSignal((l) => ({
       ...l,
-      rootState: u
+      rootState: c
     }));
   }
   function i(r) {
     var p, s, l, g, V;
-    const u = {
+    const c = {
       ...e.builderContextSignal.content,
       ...r,
       data: {
@@ -1568,7 +1569,7 @@ function kt(e) {
     };
     e.setBuilderContextSignal((b) => ({
       ...b,
-      content: u
+      content: c
     }));
   }
   function d() {
@@ -1577,7 +1578,7 @@ function kt(e) {
       "aria-hidden": !0
     };
   }
-  const [c, a] = C(
+  const [u, a] = C(
     () => e.contentWrapper || "div"
   );
   function o(r) {
@@ -1585,27 +1586,27 @@ function kt(e) {
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (u) => {
+        configureSdk: (c) => {
           var l;
-          const { breakpoints: p, contentId: s } = u;
+          const { breakpoints: p, contentId: s } = c;
           !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && i({
             meta: {
               breakpoints: p
             }
           });
         },
-        animation: (u) => {
-          Ve(u);
+        animation: (c) => {
+          Ve(c);
         },
-        contentUpdate: (u) => {
-          i(u);
+        contentUpdate: (c) => {
+          i(c);
         }
       }
     })(r);
   }
   function m() {
-    var u, p;
-    const r = (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.jsCode;
+    var c, p;
+    const r = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.jsCode;
     r && Q({
       code: r,
       context: e.context || {},
@@ -1620,9 +1621,9 @@ function kt(e) {
   }
   const [h, I] = C(() => ({})), [k, w] = C(() => ({})), [R, E] = C(() => !1);
   function v(r) {
-    var u, p;
+    var c, p;
     if (e.builderContextSignal.content) {
-      const s = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      const s = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
       J({
         type: "click",
         canTrack: W(e.canTrack),
@@ -1636,8 +1637,8 @@ function kt(e) {
     R || E(!0);
   }
   function S() {
-    var u, p, s;
-    const r = (s = (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.httpRequests) != null ? s : {};
+    var c, p, s;
+    const r = (s = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.httpRequests) != null ? s : {};
     Object.entries(r).forEach(([l, g]) => {
       if (!g || k[l] || h[l] && !F())
         return;
@@ -1682,7 +1683,7 @@ function kt(e) {
     );
   }
   return x(() => {
-    var r, u;
+    var r, c;
     if (H()) {
       if (F() && (window.addEventListener("message", o), se(), de({
         ...e.locale ? {
@@ -1698,13 +1699,13 @@ function kt(e) {
         e.builderContextSignal.componentInfos
       ).forEach((s) => {
         var g;
-        const l = ue(s);
+        const l = ce(s);
         (g = window.parent) == null || g.postMessage(l, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         T
       )), e.builderContextSignal.content && W(e.canTrack)) {
-        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (u = e.builderContextSignal.content) == null ? void 0 : u.id, g = e.apiKey;
+        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (c = e.builderContextSignal.content) == null ? void 0 : c.id, g = e.apiKey;
         J({
           type: "impression",
           canTrack: !0,
@@ -1713,7 +1714,7 @@ function kt(e) {
           variationId: s !== l ? s : void 0
         });
       }
-      if (ce() && !F()) {
+      if (ue() && !F()) {
         const s = new URL(location.href).searchParams, l = s.get("builder.preview"), g = s.get(
           `builder.overrides.${l}`
         ), V = s.get("apiKey") || s.get("builder.space");
@@ -1750,7 +1751,7 @@ function kt(e) {
       T
     ));
   }, []), /* @__PURE__ */ f(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
-    c,
+    u,
     {
       ref: t,
       onClick: (r) => v(r),
@@ -1778,15 +1779,22 @@ ${xt({
 ${St(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ f(ne, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ f(
+    ne,
+    {
+      id: "builderio-content",
+      styles: t,
+      nonce: e.nonce
+    }
+  );
 }
 const It = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var c, a, o;
-  const i = {}, d = ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) || {};
+  var u, a, o;
+  const i = {}, d = ((u = e == null ? void 0 : e.data) == null ? void 0 : u.state) || {};
   return (o = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || o.forEach((m) => {
     m.name && m.defaultValue !== void 0 && (i[m.name] = m.defaultValue);
   }), {
@@ -1827,7 +1835,7 @@ function ee(e) {
       rootState: v
     }));
   }
-  const [d, c] = C(
+  const [d, u] = C(
     () => [
       ...G(),
       ...e.customComponents || []
@@ -1869,7 +1877,8 @@ function ee(e) {
     ),
     inheritedStyles: {},
     BlocksWrapper: e.blocksWrapper || "div",
-    BlocksWrapperProps: e.blocksWrapperProps || {}
+    BlocksWrapperProps: e.blocksWrapperProps || {},
+    nonce: e.nonce || ""
   }));
   return /* @__PURE__ */ f(
     Re.Provider,
@@ -1880,6 +1889,7 @@ function ee(e) {
       children: /* @__PURE__ */ L(
         kt,
         {
+          nonce: e.nonce,
           content: e.content,
           data: e.data,
           model: e.model,
@@ -1899,12 +1909,14 @@ function ee(e) {
               $,
               {
                 id: "builderio-variant-visibility",
-                scriptStr: t
+                scriptStr: t,
+                nonce: e.nonce || ""
               }
             ) : null,
             /* @__PURE__ */ f(
               Ct,
               {
+                nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (m = a.content) == null ? void 0 : m.id,
                 cssCode: (I = (h = a.content) == null ? void 0 : h.data) == null ? void 0 : I.cssCode,
@@ -1947,7 +1959,7 @@ function Bt(e) {
   function d() {
     return P(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function c() {
+  function u() {
     var o;
     return t ? {
       ...e.content,
@@ -1964,7 +1976,8 @@ function Bt(e) {
       $,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: ct()
+        scriptStr: ut(),
+        nonce: e.nonce || ""
       }
     ) : null,
     t ? /* @__PURE__ */ L(z, { children: [
@@ -1972,20 +1985,23 @@ function Bt(e) {
         ne,
         {
           id: "builderio-variants",
-          styles: d()
+          styles: d(),
+          nonce: e.nonce || ""
         }
       ),
       /* @__PURE__ */ f(
         $,
         {
           id: "builderio-variants-visibility",
-          scriptStr: i()
+          scriptStr: i(),
+          nonce: e.nonce || ""
         }
       ),
       (a = P(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ f(
         ee,
         {
           isNestedRender: e.isNestedRender,
+          nonce: e.nonce,
           content: o,
           showContent: !1,
           model: e.model,
@@ -2011,8 +2027,9 @@ function Bt(e) {
     /* @__PURE__ */ f(
       ee,
       {
+        nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: c(),
+        content: u(),
         showContent: !0,
         model: e.model,
         data: e.data,