@builder.io/sdk-react 1.0.35 → 1.1.0

package/lib/edge/{content-variants-4450b25f.js → content-variants-336e3b7f.js}

@@ -1,11 +1,11 @@
-import { jsx as f, jsxs as $, Fragment as z } from "react/jsx-runtime";
-import { lazy as T, useRef as le, useState as k, useEffect as S } from "react";
-import { isBrowser as H, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ce, getDefaultCanTrack as A, _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-b8d1a7db.js";
-import { Video as ye, Button as xe, Columns as ve, Fragment as Se, Image as Te, Section as Ie, Symbol as ke, Text as Ce, 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-30dbe829.js";
-import "./get-class-prop-name-d5155434.js";
+import { jsx as g, jsxs as U, Fragment as z } from "react/jsx-runtime";
+import { lazy as y, useRef as le, useState as T, useEffect as x } from "react";
+import { isBrowser as $, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as B, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as fe, fetch as ge, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-7003c754.js";
+import { Video as xe, Button as ye, Columns as ve, Fragment as Se, Image as Ce, Section as ke, Symbol as Te, 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-317ff1a5.js";
+import "./get-class-prop-name-8d9f271c.js";
 import "./dynamic-renderer-8b343325.js";
-const P = {
+const W = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -34,7 +34,7 @@ const P = {
       }
     }
   }]
-}, D = {
+}, A = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -82,19 +82,19 @@ const P = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [P]
+      defaultValue: [W]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [D]
+      defaultValue: [A]
     }],
     defaultValue: [{
-      title: [P],
-      detail: [D]
+      title: [W],
+      detail: [A]
     }, {
-      title: [P],
-      detail: [D]
+      title: [W],
+      detail: [A]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -122,8 +122,14 @@ const P = {
     onChange: (e) => {
       e.get("useChildrenForItems") === !0 && e.set("items", []);
     }
-  }]
-}, We = T(() => import("./accordion-5b4a3309.js")), Ae = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Pe = y(() => import("./accordion-a25dee70.js")), Be = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -155,8 +161,14 @@ const P = {
     friendlyName: "Open link in new tab"
   }],
   static: !0,
-  noWrap: !0
-}, Pe = {
+  noWrap: !0,
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !0
+  }
+}, We = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -335,7 +347,7 @@ const P = {
         });
       }
       const n = e.get("columns");
-      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();
+      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();
     }
   }, {
     name: "space",
@@ -356,14 +368,26 @@ const P = {
     defaultValue: !1,
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
-  }]
-}, De = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Ae = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ue = {
+}, Le = {
   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",
@@ -385,24 +409,24 @@ const P = {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, o = 6e4) {
         return new Promise((m, h) => {
-          const C = document.createElement("img");
-          let I = !1;
-          C.onload = () => {
-            I = !0, m(C);
-          }, C.addEventListener("error", (w) => {
+          const I = document.createElement("img");
+          let k = !1;
+          I.onload = () => {
+            k = !0, m(I);
+          }, I.addEventListener("error", (w) => {
             console.warn("Image load failed", w.error), h(w.error);
-          }), C.src = i, setTimeout(() => {
-            I || h(new Error("Image load timed out"));
+          }), I.src = i, setTimeout(() => {
+            k || h(new Error("Image load timed out"));
           }, o);
         });
       }
       function a(i) {
         return Math.round(i * 1e3) / 1e3;
       }
-      const d = e.get("image"), u = e.get("aspectRatio");
+      const d = e.get("image"), c = e.get("aspectRatio");
       if (fetch(d).then((i) => i.blob()).then((i) => {
         i.type.includes("svg") && e.set("noWebp", !0);
-      }), d && (!u || u === 0.7041))
+      }), d && (!c || c === 0.7041))
         return n(d).then((i) => {
           const o = e.get("aspectRatio");
           e.get("image") === d && (!o || o === 0.7041) && i.width && i.height && (e.set("aspectRatio", a(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
@@ -467,8 +491,20 @@ const P = {
     helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
     advanced: !0,
     defaultValue: 0.7041
-  }]
-}, Le = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
+}, De = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -507,7 +543,7 @@ const P = {
       }
     }
   }]
-}, $e = {
+}, Ue = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -519,8 +555,14 @@ const P = {
     type: "string",
     required: !0,
     defaultValue: "children"
-  }]
-}, He = T(() => import("./slot-27c3a577.js")), Ne = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !0,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
+}, $e = y(() => import("./slot-6ddfa828.js")), He = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -552,8 +594,14 @@ const P = {
     name: "useChildren",
     hideFromUI: !0,
     type: "boolean"
-  }]
-}, U = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, L = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -575,7 +623,7 @@ const P = {
       text: "New tab"
     }
   }
-}, L = {
+}, D = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -591,7 +639,7 @@ const P = {
       text: "New tab content "
     }
   }
-}, Be = {
+}, Ne = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -601,16 +649,16 @@ const P = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [L]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [L]
+      defaultValue: [D]
     }],
     defaultValue: [{
       label: [{
-        ...U,
+        ...L,
         component: {
           name: "Text",
           options: {
@@ -619,7 +667,7 @@ const P = {
         }
       }],
       content: [{
-        ...L,
+        ...D,
         component: {
           name: "Text",
           options: {
@@ -629,7 +677,7 @@ const P = {
       }]
     }, {
       label: [{
-        ...U,
+        ...L,
         component: {
           name: "Text",
           options: {
@@ -638,7 +686,7 @@ const P = {
         }
       }],
       content: [{
-        ...L,
+        ...D,
         component: {
           name: "Text",
           options: {
@@ -687,8 +735,20 @@ const P = {
       label: "Right",
       value: "flex-end"
     }]
-  }]
-}, je = T(() => import("./tabs-5b4535f0.js")), qe = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, qe = y(() => import("./tabs-ffcc16e4.js")), je = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -707,6 +767,12 @@ const P = {
     textAlign: "center"
   }
 }, Ke = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -728,7 +794,13 @@ const P = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, _e = T(() => import("./custom-code-7786788e.js")), Me = {
+}, Me = y(() => import("./custom-code-7786788e.js")), _e = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Embed",
   static: !0,
   inputs: [{
@@ -756,7 +828,7 @@ const P = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Oe = T(() => import("./embed-5c1bbe12.js")), ze = {
+}, Oe = y(() => import("./embed-5c1bbe12.js")), ze = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -986,8 +1058,20 @@ const P = {
         text: "Submit"
       }
     }
-  }]
-}, Je = T(() => import("./form-9ddabd0e.js")), Ye = {
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+}, Je = y(() => import("./form-30431d39.js")), Ye = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1038,7 +1122,13 @@ const P = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Qe = T(() => import("./input-e030821e.js")), Ge = {
+}, Qe = y(() => import("./input-d7e84d5c.js")), Ge = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1080,7 +1170,13 @@ const P = {
   }],
   static: !0,
   noWrap: !0
-}, Xe = T(() => import("./select-92af3038.js")), Ze = {
+}, Xe = y(() => import("./select-744ccf82.js")), Ze = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1105,7 +1201,55 @@ const P = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, et = T(() => import("./submit-button-b48361a7.js")), tt = {
+}, et = y(() => import("./submit-button-b48361a7.js")), tt = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: !0,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: !0,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: !1
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: !0,
+  noWrap: !0
+}, nt = y(() => import("./textarea-d29025e9.js")), at = {
+  shouldReceiveBuilderProps: {
+    builderBlock: !1,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1119,7 +1263,7 @@ const P = {
   }],
   noWrap: !0,
   static: !0
-}, nt = T(() => import("./img-256419c6.js")), at = {
+}, it = y(() => import("./img-02bb6d39.js")), ot = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1199,13 +1343,19 @@ const P = {
     helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
     defaultValue: !0,
     advanced: !0
-  }]
-}, it = () => [{
-  component: _e,
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !1,
+    builderComponents: !1,
+    builderLinkComponent: !1
+  }
+}, rt = () => [{
+  component: Me,
   ...Ke
 }, {
   component: Oe,
-  ...Me
+  ..._e
 }, {
   component: Je,
   ...ze
@@ -1222,39 +1372,42 @@ const P = {
   component: nt,
   ...tt
 }, {
-  component: ye,
+  component: it,
   ...at
-}], G = () => [{
+}, {
   component: xe,
-  ...Ae
+  ...ot
+}], G = () => [{
+  component: ye,
+  ...Be
 }, {
   component: ve,
-  ...Pe
+  ...We
 }, {
   component: Se,
+  ...Ae
+}, {
+  component: Ce,
+  ...Le
+}, {
+  component: ke,
   ...De
 }, {
-  component: Te,
+  component: $e,
   ...Ue
 }, {
-  component: Ie,
-  ...Le
+  component: Te,
+  ...He
 }, {
-  component: He,
-  ...$e
+  component: Ie,
+  ...je
 }, {
-  component: ke,
+  component: qe,
   ...Ne
 }, {
-  component: Ce,
-  ...qe
-}, {
-  component: je,
-  ...Be
-}, {
-  component: We,
+  component: Pe,
   ...Fe
-}, ...it()], ot = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...rt()], lt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1310,7 +1463,7 @@ const P = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, rt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, st = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1344,27 +1497,27 @@ const P = {
     thisScriptEl?.remove();
   }
   return;
-}`, ae = "builderIoAbTest", ie = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ae = "builderIoAbTest", ie = "builderIoRenderContent", P = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), lt = ({
+})), dt = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e || H()), st = (e) => e === "react" || e === "reactNative", oe = st(te), dt = () => `
-  window.${ae} = ${ot}
-  window.${ie} = ${rt}
-  `, ct = (e, t) => `
+}) => !(!(P(t).length > 0) || !e || $()), ut = (e) => e === "react" || e === "reactNative", oe = ut(te), ct = () => `
+  window.${ae} = ${lt}
+  window.${ie} = ${st}
+  `, mt = (e, t) => `
   window.${ae}(
     "${t}",${JSON.stringify(e)}, ${oe}
-  )`, ut = ({
+  )`, pt = ({
   contentId: e,
   variationId: t
 }) => `window.${ie}(
     "${t}", "${e}", ${oe}
   )`;
-function N(e) {
-  return /* @__PURE__ */ f(
+function H(e) {
+  return /* @__PURE__ */ g(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1375,7 +1528,7 @@ function N(e) {
 function X(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const mt = (e, t, n = !0) => {
+const ft = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let a = n ? e : e.parentElement;
@@ -1386,20 +1539,20 @@ const mt = (e, t, n = !0) => {
       return a;
   } while (a = a.parentElement);
   return null;
-}, pt = (e) => mt(e, (t) => {
+}, gt = (e) => ft(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Z = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, u = X(a / n.width), i = X(d / n.height);
+  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, c = X(a / n.width), i = X(d / n.height);
   return {
-    x: u,
+    x: c,
     y: i
   };
-}, gt = (e) => {
-  const t = e.target, n = t && pt(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ht = (e) => {
+  const t = e.target, n = t && gt(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: a || void 0,
     metadata: {
@@ -1414,9 +1567,9 @@ const mt = (e, t, n = !0) => {
       builderElementIndex: n && a ? [].slice.call(document.getElementsByClassName(a)).indexOf(n) : void 0
     }
   };
-}, ft = (e) => {
-  var u, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
+}, bt = (e) => {
+  var c, i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (c = e == null ? void 0 : e.files) == null ? void 0 : c.regular;
   let d = "";
   if (a && t && n && (d += `
 @font-face {
@@ -1440,15 +1593,15 @@ font-weight: ${o};
         `.trim());
     }
   return d;
-}, ht = ({
+}, xt = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ft(n))) == null ? void 0 : t.join(" ")) || "";
-}, bt = ({
+  return ((t = e == null ? void 0 : e.map((n) => bt(n))) == null ? void 0 : t.join(" ")) || "";
+}, yt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", yt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", vt = `
 .builder-button {
   all: unset;
 }
@@ -1465,24 +1618,24 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, xt = (e) => e ? "" : yt, vt = (e) => `variant-${e}`;
-function St(e) {
-  var B, j, q, K, _, M, O;
+`, St = (e) => e ? "" : vt, Ct = (e) => `variant-${e}`;
+function kt(e) {
+  var N, q, j, K, M, _, O;
   const t = le(null);
   function n(r) {
     var p, s;
-    const c = {
+    const u = {
       ...e.builderContextSignal.rootState,
       ...r
     };
-    e.builderContextSignal.rootSetState ? (s = (p = e.builderContextSignal).rootSetState) == null || s.call(p, c) : e.setBuilderContextSignal((l) => ({
+    e.builderContextSignal.rootSetState ? (s = (p = e.builderContextSignal).rootSetState) == null || s.call(p, u) : e.setBuilderContextSignal((l) => ({
       ...l,
-      rootState: c
+      rootState: u
     }));
   }
   function a(r) {
-    var p, s, l, g, V;
-    const c = {
+    var p, s, l, f, V;
+    const u = {
       ...e.builderContextSignal.content,
       ...r,
       data: {
@@ -1492,12 +1645,12 @@ function St(e) {
       meta: {
         ...(s = e.builderContextSignal.content) == null ? void 0 : s.meta,
         ...r == null ? void 0 : r.meta,
-        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((V = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : V.breakpoints)
+        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((V = (f = e.builderContextSignal.content) == null ? void 0 : f.meta) == null ? void 0 : V.breakpoints)
       }
     };
     e.setBuilderContextSignal((b) => ({
       ...b,
-      content: c
+      content: u
     }));
   }
   function d() {
@@ -1506,35 +1659,35 @@ function St(e) {
       "aria-hidden": !0
     };
   }
-  const [u, i] = k(
+  const [c, i] = T(
     () => e.contentWrapper || "div"
   );
   function o(r) {
-    return ge({
+    return fe({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (c) => {
+        configureSdk: (u) => {
           var l;
-          const { breakpoints: p, contentId: s } = c;
+          const { breakpoints: p, contentId: s } = u;
           !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && a({
             meta: {
               breakpoints: p
             }
           });
         },
-        animation: (c) => {
-          Ve(c);
+        animation: (u) => {
+          Ve(u);
         },
-        contentUpdate: (c) => {
-          a(c);
+        contentUpdate: (u) => {
+          a(u);
         }
       }
     })(r);
   }
   function m() {
-    var c, p;
-    const r = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.jsCode;
+    var u, p;
+    const r = (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.jsCode;
     r && Q({
       code: r,
       context: e.context || {},
@@ -1547,31 +1700,31 @@ function St(e) {
       enableCache: !1
     });
   }
-  const [h, C] = k(() => ({})), [I, w] = k(() => ({})), [R, E] = k(() => !1);
-  function y(r) {
-    var c, p;
+  const [h, I] = T(() => ({})), [k, w] = T(() => ({})), [R, E] = T(() => !1);
+  function v(r) {
+    var u, p;
     if (e.builderContextSignal.content) {
-      const s = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      const s = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
       J({
         type: "click",
-        canTrack: A(e.canTrack),
+        canTrack: B(e.canTrack),
         contentId: l,
         apiKey: e.apiKey,
         variationId: s !== l ? s : void 0,
-        ...gt(r),
+        ...ht(r),
         unique: !R
       });
     }
     R || E(!0);
   }
-  function x() {
-    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 || I[l] || h[l] && !F())
+  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 : {};
+    Object.entries(r).forEach(([l, f]) => {
+      if (!f || k[l] || h[l] && !F())
         return;
-      I[l] = !0;
-      const V = g.replace(
+      k[l] = !0;
+      const V = f.replace(
         /{{([^}]+)}}/g,
         (b, re) => String(
           Q({
@@ -1584,18 +1737,18 @@ function St(e) {
           })
         )
       );
-      fe(V).then((b) => b.json()).then((b) => {
+      ge(V).then((b) => b.json()).then((b) => {
         n({
           [l]: b
         }), h[l] = !0;
       }).catch((b) => {
-        console.error("error fetching dynamic data", g, b);
+        console.error("error fetching dynamic data", f, b);
       }).finally(() => {
-        I[l] = !1;
+        k[l] = !1;
       });
     });
   }
-  function v() {
+  function C() {
     F() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -1610,9 +1763,9 @@ function St(e) {
       )
     );
   }
-  return S(() => {
-    var r, c;
-    if (H()) {
+  return x(() => {
+    var r, u;
+    if ($()) {
       if (F() && (window.addEventListener("message", o), se(), de({
         ...e.locale ? {
           locale: e.locale
@@ -1626,27 +1779,27 @@ function St(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((s) => {
-        var g;
-        const l = ce(s);
-        (g = window.parent) == null || g.postMessage(l, "*");
+        var f;
+        const l = ue(s);
+        (f = window.parent) == null || f.postMessage(l, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        v
-      )), e.builderContextSignal.content && A(e.canTrack)) {
-        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (c = e.builderContextSignal.content) == null ? void 0 : c.id, g = e.apiKey;
+        C
+      )), e.builderContextSignal.content && B(e.canTrack)) {
+        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (u = e.builderContextSignal.content) == null ? void 0 : u.id, f = e.apiKey;
         J({
           type: "impression",
           canTrack: !0,
           contentId: l,
-          apiKey: g,
+          apiKey: f,
           variationId: s !== l ? s : void 0
         });
       }
-      if (ue() && !F()) {
-        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), g = s.get(
+      if (ce() && !F()) {
+        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), f = s.get(
           `builder.overrides.${l}`
         ), V = s.get("apiKey") || s.get("builder.space");
-        l === e.model && V === e.apiKey && (!e.content || g === e.content.id) && me({
+        l === e.model && V === e.apiKey && (!e.content || f === e.content.id) && me({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
@@ -1655,67 +1808,67 @@ function St(e) {
         });
       }
     }
-  }, []), S(() => {
+  }, []), x(() => {
     e.apiKey || pe.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), m(), x(), v();
-  }, []), S(() => {
+    ), m(), S(), C();
+  }, []), x(() => {
     e.content && a(e.content);
-  }, [e.content]), S(() => {
+  }, [e.content]), x(() => {
     m();
-  }, [(j = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : j.jsCode]), S(() => {
-    x();
-  }, [(K = (q = e.builderContextSignal.content) == null ? void 0 : q.data) == null ? void 0 : K.httpRequests]), S(() => {
-    v();
-  }, [e.builderContextSignal.rootState]), S(() => {
+  }, [(q = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : q.jsCode]), x(() => {
+    S();
+  }, [(K = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : K.httpRequests]), x(() => {
+    C();
+  }, [e.builderContextSignal.rootState]), x(() => {
     e.data && n(e.data);
-  }, [e.data]), S(() => {
+  }, [e.data]), x(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), S(() => () => {
-    H() && (window.removeEventListener("message", o), window.removeEventListener(
+  }, [e.locale]), x(() => () => {
+    $() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      v
+      C
     ));
-  }, []), /* @__PURE__ */ f(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
-    u,
+  }, []), /* @__PURE__ */ g(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ g(
+    c,
     {
       ref: t,
-      onClick: (r) => y(r),
-      "builder-content-id": (_ = e.builderContextSignal.content) == null ? void 0 : _.id,
+      onClick: (r) => v(r),
+      "builder-content-id": (M = e.builderContextSignal.content) == null ? void 0 : M.id,
       "builder-model": e.model,
       ...d(),
       ...e.contentWrapperProps,
-      className: vt(
-        ((M = e.content) == null ? void 0 : M.testVariationId) || ((O = e.content) == null ? void 0 : O.id)
+      className: Ct(
+        ((_ = e.content) == null ? void 0 : _.testVariationId) || ((O = e.content) == null ? void 0 : O.id)
       ),
       children: e.children
     }
   ) : null });
 }
 function Tt(e) {
-  const [t, n] = k(
+  const [t, n] = T(
     () => `
-${bt({
+${yt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${ht({
+${xt({
       customFonts: e.customFonts
     })}
-${xt(e.isNestedRender)}
+${St(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ f(ne, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ g(ne, { id: "builderio-content", styles: t });
 }
 const It = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var u, i, o;
-  const a = {}, d = ((u = e == null ? void 0 : e.data) == null ? void 0 : u.state) || {};
+  var c, i, o;
+  const a = {}, d = ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) || {};
   return (o = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || o.forEach((m) => {
     m.name && m.defaultValue !== void 0 && (a[m.name] = m.defaultValue);
   }), {
@@ -1726,7 +1879,7 @@ const It = ({
       locale: n
     } : {}
   };
-}, kt = ({
+}, wt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1738,40 +1891,40 @@ const It = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ee(e) {
-  var m, h, C, I, w, R, E;
-  const [t, n] = k(
+  var m, h, I, k, w, R, E;
+  const [t, n] = T(
     () => {
-      var y, x;
-      return ut({
+      var v, S;
+      return pt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (y = e.content) == null ? void 0 : y.testVariationId,
+        variationId: (v = e.content) == null ? void 0 : v.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (x = e.content) == null ? void 0 : x.id
+        contentId: (S = e.content) == null ? void 0 : S.id
       });
     }
   );
-  function a(y) {
-    o((x) => ({
-      ...x,
-      rootState: y
+  function a(v) {
+    o((S) => ({
+      ...S,
+      rootState: v
     }));
   }
-  const [d, u] = k(
+  const [d, c] = T(
     () => [
       ...G(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: x, ...v }) => ({
-        ...y,
-        [v.name]: {
-          component: x,
-          ...Y(v)
+      (v, { component: S, ...C }) => ({
+        ...v,
+        [C.name]: {
+          component: S,
+          ...Y(C)
         }
       }),
       {}
     )
-  ), [i, o] = k(() => ({
-    content: kt({
+  ), [i, o] = T(() => ({
+    content: wt({
       content: e.content,
       data: e.data
     }),
@@ -1790,9 +1943,9 @@ function ee(e) {
       ...G(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: x, ...v }) => ({
-        ...y,
-        [v.name]: Y(v)
+      (v, { component: S, ...C }) => ({
+        ...v,
+        [C.name]: Y(C)
       }),
       {}
     ),
@@ -1800,14 +1953,14 @@ function ee(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ g(
     Re.Provider,
     {
       value: {
         registeredComponents: d
       },
-      children: /* @__PURE__ */ $(
-        St,
+      children: /* @__PURE__ */ U(
+        kt,
         {
           content: e.content,
           data: e.data,
@@ -1824,23 +1977,23 @@ function ee(e) {
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ f(
-              N,
+            e.isSsrAbTest ? /* @__PURE__ */ g(
+              H,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t
               }
             ) : null,
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ g(
               Tt,
               {
                 isNestedRender: e.isNestedRender,
                 contentId: (m = i.content) == null ? void 0 : m.id,
-                cssCode: (C = (h = i.content) == null ? void 0 : h.data) == null ? void 0 : C.cssCode,
-                customFonts: (w = (I = i.content) == null ? void 0 : I.data) == null ? void 0 : w.customFonts
+                cssCode: (I = (h = i.content) == null ? void 0 : h.data) == null ? void 0 : I.cssCode,
+                customFonts: (w = (k = i.content) == null ? void 0 : k.data) == null ? void 0 : w.customFonts
               }
             ),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ g(
               Ee,
               {
                 blocks: (E = (R = i.content) == null ? void 0 : R.data) == null ? void 0 : E.blocks,
@@ -1857,16 +2010,16 @@ function ee(e) {
 }
 function At(e) {
   var i;
-  const [t, n] = k(
-    () => lt({
-      canTrack: A(e.canTrack),
+  const [t, n] = T(
+    () => dt({
+      canTrack: B(e.canTrack),
       content: e.content
     })
   );
   function a() {
     var o;
-    return ct(
-      W(e.content).map((m) => ({
+    return mt(
+      P(e.content).map((m) => ({
         id: m.testVariationId,
         testRatio: m.testRatio
       })),
@@ -1874,43 +2027,44 @@ function At(e) {
     );
   }
   function d() {
-    return W(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
+    return P(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function u() {
+  function c() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
     } : be({
       item: e.content,
-      canTrack: A(e.canTrack)
+      canTrack: B(e.canTrack)
     });
   }
-  return S(() => {
-  }, []), /* @__PURE__ */ $(z, { children: [
-    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ f(
-      N,
+  return x(() => {
+  }, []), x(() => {
+  }), /* @__PURE__ */ U(z, { children: [
+    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ g(
+      H,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: dt()
+        scriptStr: ct()
       }
     ) : null,
-    t ? /* @__PURE__ */ $(z, { children: [
-      /* @__PURE__ */ f(
+    t ? /* @__PURE__ */ U(z, { children: [
+      /* @__PURE__ */ g(
         ne,
         {
           id: "builderio-variants",
           styles: d()
         }
       ),
-      /* @__PURE__ */ f(
-        N,
+      /* @__PURE__ */ g(
+        H,
         {
           id: "builderio-variants-visibility",
           scriptStr: a()
         }
       ),
-      (i = W(e.content)) == null ? void 0 : i.map((o) => /* @__PURE__ */ f(
+      (i = P(e.content)) == null ? void 0 : i.map((o) => /* @__PURE__ */ g(
         ee,
         {
           isNestedRender: e.isNestedRender,
@@ -1936,11 +2090,11 @@ function At(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ g(
       ee,
       {
         isNestedRender: e.isNestedRender,
-        content: u(),
+        content: c(),
         showContent: !0,
         model: e.model,
         data: e.data,