@builder.io/sdk-react 4.2.1 → 4.2.3

package/lib/edge/{content-variants-a704e35c.js → content-variants-c013569a.js}

@@ -1,66 +1,66 @@
-import { jsx as T, jsxs as B, Fragment as j } from "react/jsx-runtime";
-import { lazy as C, useRef as Q, useState as R, useEffect as W } from "react";
-import { TARGET as F, isBrowser as U, isEditing as N, isPreviewing as oe, setupBrowserForEditing as ge, createRegisterComponentMessage as he, getDefaultCanTrack as O, getCookieSync as be, _track as X, fetchOneEntry as ye, createEditorListener as ve, logFetch as xe, serializeIncludingFunctions as Z, logger as Se, handleABTestingSync as Te } from "./server-entry-c9d5300f.js";
-import { Video as Ie, Button as ke, Columns as Ce, Fragment as we, Image as Ve, Section as Ee, Symbol as Re, Text as Ae, BuilderContext as De } from "./blocks-exports.mjs";
-import { triggerAnimation as Fe, evaluate as re, fastClone as Pe, InlinedStyles as se, ComponentsContext as We, Blocks as Ne } from "./blocks-e1f5b0d0.js";
-function Gt(e, t, n, o) {
-  function r(f) {
-    return typeof f == "string";
+import { jsx as S, jsxs as H, Fragment as M } from "react/jsx-runtime";
+import { lazy as C, useRef as Y, useState as k, useEffect as N } from "react";
+import { TARGET as F, isBrowser as L, isEditing as _, isPreviewing as ue, setupBrowserForEditing as ve, createRegisterComponentMessage as xe, getDefaultCanTrack as j, getCookieSync as Se, _track as ne, fetchOneEntry as Te, createEditorListener as Ie, logFetch as ke, serializeIncludingFunctions as ae, logger as Ce, handleABTestingSync as we } from "./server-entry-71badd34.js";
+import { Video as Ve, Button as Ee, Columns as Re, Fragment as Ae, Image as De, Section as Pe, Symbol as Fe, Text as We, BuilderContext as Ne } from "./blocks-exports.mjs";
+import { triggerAnimation as $e, evaluate as de, fastClone as _e, InlinedStyles as ce, ComponentsContext as Le, Blocks as Be } from "./blocks-b9be7dc1.js";
+function tn(e, t, n, o) {
+  function r(m) {
+    return typeof m == "string";
   }
-  function s(f) {
-    return typeof f == "number";
+  function l(m) {
+    return typeof m == "number";
   }
-  function i(f, m) {
+  function a(m, g) {
     return (() => {
-      const I = m.property, E = m.operator;
-      let d = m.value;
-      if (m && m.property === "urlPath" && m.value && typeof m.value == "string" && m.value !== "/" && m.value.endsWith("/") && (d = m.value.slice(0, -1)), !(I && E))
+      const T = g.property, A = g.operator;
+      let s = g.value;
+      if (g && g.property === "urlPath" && g.value && typeof g.value == "string" && g.value !== "/" && g.value.endsWith("/") && (s = g.value.slice(0, -1)), !(T && A))
         return !0;
-      if (Array.isArray(d))
-        return E === "isNot" ? d.every((w) => i(f, {
-          property: I,
-          operator: E,
-          value: w
-        })) : !!d.find((w) => i(f, {
-          property: I,
-          operator: E,
-          value: w
+      if (Array.isArray(s))
+        return A === "isNot" ? s.every((D) => a(m, {
+          property: T,
+          operator: A,
+          value: D
+        })) : !!s.find((D) => a(m, {
+          property: T,
+          operator: A,
+          value: D
         }));
-      const u = f[I];
-      if (Array.isArray(u))
-        return u.includes(d);
-      switch (E) {
+      const d = m[T];
+      if (Array.isArray(d))
+        return d.includes(s);
+      switch (A) {
         case "is":
-          return u === d;
+          return d === s;
         case "isNot":
-          return u !== d;
+          return d !== s;
         case "contains":
-          return (r(u) || Array.isArray(u)) && u.includes(String(d));
+          return (r(d) || Array.isArray(d)) && d.includes(String(s));
         case "startsWith":
-          return r(u) && u.startsWith(String(d));
+          return r(d) && d.startsWith(String(s));
         case "endsWith":
-          return r(u) && u.endsWith(String(d));
+          return r(d) && d.endsWith(String(s));
         case "greaterThan":
-          return s(u) && s(d) && u > d;
+          return l(d) && l(s) && d > s;
         case "lessThan":
-          return s(u) && s(d) && u < d;
+          return l(d) && l(s) && d < s;
         case "greaterThanOrEqualTo":
-          return s(u) && s(d) && u >= d;
+          return l(d) && l(s) && d >= s;
         case "lessThanOrEqualTo":
-          return s(u) && s(d) && u <= d;
+          return l(d) && l(s) && d <= s;
         default:
           return !1;
       }
     })();
   }
-  const a = {
+  const i = {
     query: t,
     startDate: n,
     endDate: o
-  }, l = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
-  return a.startDate && new Date(a.startDate) > l || a.endDate && new Date(a.endDate) < l ? !1 : !a.query || !a.query.length ? !0 : a.query.every((f) => i(e, f));
+  }, u = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
+  return i.startDate && new Date(i.startDate) > u || i.endDate && new Date(i.endDate) < u ? !1 : !i.query || !i.query.length ? !0 : i.query.every((m) => a(e, m));
 }
-const $e = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const Ue = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -105,7 +105,7 @@ const $e = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       thisScript.remove();
     }
   }
-}`, _e = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+}`, He = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
   function isString(val) {
     return typeof val === 'string';
   }
@@ -183,7 +183,7 @@ const $e = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   return item.query.every(filter => {
     return objectMatchesQuery(userAttributes, filter);
   });
-}`, Le = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+}`, Oe = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
   function getCookie(name) {
     const nameEQ = name + '=';
     const ca = document.cookie.split(';');
@@ -221,54 +221,54 @@ const $e = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, Ue = "default", Be = "filterWithCustomTargeting", le = "builderIoPersonalization", ue = "updateVisibilityStylesScript", de = ["react", "vue", "svelte", "qwik"], He = ["vue", "svelte", "qwik"];
-function Xt(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : He.includes(F) ? !0 : !U();
+}`, qe = "default", je = "filterWithCustomTargeting", me = "builderIoPersonalization", pe = "updateVisibilityStylesScript", fe = ["react", "vue", "svelte", "qwik"], Me = ["vue", "svelte", "qwik"];
+function nn(e, t) {
+  return !(e && e.length > 0) || !t ? !1 : Me.includes(F) ? !0 : !L();
 }
-function Zt({
+function an({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
   filteredVariants: o,
   fallbackBlocks: r
 }) {
-  var i;
-  const s = {
+  var a;
+  const l = {
     blocks: r != null ? r : [],
     path: "this.children",
-    index: Ue
+    index: qe
   };
-  if (n && N()) {
-    if (typeof t == "number" && t < ((i = e == null ? void 0 : e.length) != null ? i : 0)) {
-      const a = e == null ? void 0 : e[t];
-      if (a)
+  if (n && _()) {
+    if (typeof t == "number" && t < ((a = e == null ? void 0 : e.length) != null ? a : 0)) {
+      const i = e == null ? void 0 : e[t];
+      if (i)
         return {
-          blocks: a.blocks,
+          blocks: i.blocks,
           path: `variants.${t}.blocks`,
           index: t
         };
     }
-    return s;
+    return l;
   }
-  if (U()) {
-    const a = o == null ? void 0 : o[0];
-    if (a && e) {
-      const l = e.indexOf(a);
-      if (l !== -1)
+  if (L()) {
+    const i = o == null ? void 0 : o[0];
+    if (i && e) {
+      const u = e.indexOf(i);
+      if (u !== -1)
         return {
-          blocks: a.blocks,
-          path: `variants.${l}.blocks`,
-          index: l
+          blocks: i.blocks,
+          path: `variants.${u}.blocks`,
+          index: u
         };
     }
   }
-  return s;
+  return l;
 }
-const qe = () => `
-  window.${Be} = ${_e}
-  window.${le} = ${$e}
-  window.${ue} = ${Le}
-  `, ce = F === "react", en = (e, t, n) => `window.${le}(${JSON.stringify(e)}, "${t}", ${ce}${n ? `, "${n}"` : ""})`, tn = (e, t, n) => `window.${ue}(${JSON.stringify(e)}, "${t}", ${ce}${n ? `, "${n}"` : ""})`, M = {
+const Ke = () => `
+  window.${je} = ${He}
+  window.${me} = ${Ue}
+  window.${pe} = ${Oe}
+  `, ge = F === "react", on = (e, t, n) => `window.${me}(${JSON.stringify(e)}, "${t}", ${ge}${n ? `, "${n}"` : ""})`, rn = (e, t, n) => `window.${pe}(${JSON.stringify(e)}, "${t}", ${ge}${n ? `, "${n}"` : ""})`, K = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -297,7 +297,7 @@ const qe = () => `
       }
     }
   }]
-}, K = {
+}, z = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -328,7 +328,7 @@ const qe = () => `
       }
     }
   }]
-}, Oe = {
+}, ze = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -345,19 +345,19 @@ const qe = () => `
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [M]
+      defaultValue: [K]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [K]
+      defaultValue: [z]
     }],
     defaultValue: [{
-      title: [M],
-      detail: [K]
+      title: [K],
+      detail: [z]
     }, {
-      title: [M],
-      detail: [K]
+      title: [K],
+      detail: [z]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -392,7 +392,7 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, je = C(() => import("./accordion-a8a363e4.js")), Me = {
+}, Je = C(() => import("./accordion-3e9ee224.js")), Qe = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -428,7 +428,7 @@ const qe = () => `
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Ke = {
+}, Ye = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -607,7 +607,7 @@ const qe = () => `
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((l) => !l.get("width")) || n.reduce((i, u) => i + u.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -635,13 +635,13 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ze = {
+}, Ge = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Y = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Je = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Qe = {
+}, G = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Xe = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Ze = {
   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",
@@ -656,34 +656,34 @@ const qe = () => `
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: Y,
+    allowedFileTypes: G,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
-        return new Promise((l, f) => {
-          const m = document.createElement("img");
-          let P = !1;
-          m.onload = () => {
-            P = !0, l(m);
-          }, m.addEventListener("error", (I) => {
-            console.warn("Image load failed", I.error), f(I.error);
-          }), m.src = i, setTimeout(() => {
-            P || f(new Error("Image load timed out"));
-          }, a);
+      function n(a, i = 6e4) {
+        return new Promise((u, m) => {
+          const g = document.createElement("img");
+          let R = !1;
+          g.onload = () => {
+            R = !0, u(g);
+          }, g.addEventListener("error", (T) => {
+            console.warn("Image load failed", T.error), m(T.error);
+          }), g.src = a, setTimeout(() => {
+            R || m(new Error("Image load timed out"));
+          }, i);
         });
       }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function o(a) {
+        return Math.round(a * 1e3) / 1e3;
       }
-      const r = e.get("image"), s = e.get("aspectRatio");
-      if (fetch(r).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!s || s === 0.7041))
-        return n(r).then((i) => {
-          const a = e.get("aspectRatio");
-          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+      const r = e.get("image"), l = e.get("aspectRatio");
+      if (fetch(r).then((a) => a.blob()).then((a) => {
+        a.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!l || l === 0.7041))
+        return n(r).then((a) => {
+          const i = e.get("aspectRatio");
+          e.get("image") === r && (!i || i === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
         });
     }
   }, {
@@ -753,7 +753,7 @@ const qe = () => `
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Ye = {
+}, et = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -789,7 +789,7 @@ const qe = () => `
       defaultValue: []
     }]
   }]
-}, Ge = C(() => import("./personalization-container-e784836e.js")), Xe = {
+}, tt = C(() => import("./personalization-container-adf9e0bd.js")), nt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -828,7 +828,7 @@ const qe = () => `
       }
     }
   }]
-}, Ze = {
+}, at = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -845,7 +845,7 @@ const qe = () => `
     builderContext: !0,
     builderComponents: !0
   }
-}, et = C(() => import("./slot-a17ee2d7.js")), tt = {
+}, it = C(() => import("./slot-a3c27352.js")), ot = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -884,7 +884,7 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, z = {
+}, J = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -906,7 +906,7 @@ const qe = () => `
       text: "New tab"
     }
   }
-}, J = {
+}, Q = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -922,7 +922,7 @@ const qe = () => `
       text: "New tab content "
     }
   }
-}, nt = {
+}, rt = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -932,16 +932,16 @@ const qe = () => `
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [z]
+      defaultValue: [J]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [J]
+      defaultValue: [Q]
     }],
     defaultValue: [{
       label: [{
-        ...z,
+        ...J,
         component: {
           name: "Text",
           options: {
@@ -950,7 +950,7 @@ const qe = () => `
         }
       }],
       content: [{
-        ...J,
+        ...Q,
         component: {
           name: "Text",
           options: {
@@ -960,7 +960,7 @@ const qe = () => `
       }]
     }, {
       label: [{
-        ...z,
+        ...J,
         component: {
           name: "Text",
           options: {
@@ -969,7 +969,7 @@ const qe = () => `
         }
       }],
       content: [{
-        ...J,
+        ...Q,
         component: {
           name: "Text",
           options: {
@@ -1025,11 +1025,10 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, at = C(() => import("./tabs-26ac5b2f.js")), it = {
+}, lt = C(() => import("./tabs-60f8bb61.js")), st = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
-  isRSC: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [{
     name: "text",
@@ -1044,7 +1043,7 @@ const qe = () => `
     height: "auto",
     textAlign: "center"
   }
-}, ot = {
+}, ut = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1066,7 +1065,7 @@ const qe = () => `
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, rt = C(() => import("./custom-code-f6c30129.js")), st = {
+}, dt = C(() => import("./custom-code-38e2c9d5.js")), ct = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1081,7 +1080,7 @@ const qe = () => `
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, lt = C(() => import("./embed-3c0b5564.js")), ut = {
+}, mt = C(() => import("./embed-1ce0435c.js")), pt = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1318,7 +1317,7 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, dt = C(() => import("./form-8b068721.js")), ct = {
+}, ft = C(() => import("./form-f558f5d4.js")), gt = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1369,7 +1368,7 @@ const qe = () => `
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, mt = C(() => import("./input-665ef328.js")), pt = {
+}, ht = C(() => import("./input-5c0d3350.js")), bt = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1411,7 +1410,7 @@ const qe = () => `
   }],
   static: !0,
   noWrap: !0
-}, ft = C(() => import("./select-5fe49bd4.js")), gt = {
+}, yt = C(() => import("./select-713e73f6.js")), vt = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1436,7 +1435,7 @@ const qe = () => `
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, ht = C(() => import("./submit-button-b48361a7.js")), bt = {
+}, xt = C(() => import("./submit-button-b48361a7.js")), St = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1472,8 +1471,7 @@ const qe = () => `
   },
   static: !0,
   noWrap: !0
-}, yt = C(() => import("./textarea-d29025e9.js")), vt = {
-  // friendlyName?
+}, Tt = C(() => import("./textarea-d29025e9.js")), It = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1481,12 +1479,43 @@ const qe = () => `
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: Y,
+    allowedFileTypes: G,
     required: !0
+  }, {
+    name: "backgroundSize",
+    type: "text",
+    defaultValue: "cover",
+    enum: [{
+      label: "contain",
+      value: "contain",
+      helperText: "The image should never get cropped"
+    }, {
+      label: "cover",
+      value: "cover",
+      helperText: "The image should fill it's box, cropping when needed"
+    }]
+  }, {
+    name: "backgroundPosition",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "altText",
+    type: "string",
+    helperText: "Text to display when the user has images off"
+  }, {
+    name: "title",
+    type: "string",
+    helperText: "Text to display when hovering over the asset"
+  }, {
+    name: "aspectRatio",
+    type: "number",
+    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
   }],
-  noWrap: !0,
-  static: !0
-}, xt = C(() => import("./img-dfbd4080.js")), St = {
+  noWrap: !0
+}, kt = C(() => import("./img-a1e0f10e.js")), Ct = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1497,14 +1526,14 @@ const qe = () => `
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Je,
+    allowedFileTypes: Xe,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: Y,
+    allowedFileTypes: G,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -1570,67 +1599,67 @@ const qe = () => `
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Tt = () => [{
-  component: rt,
-  ...ot
-}, {
-  component: lt,
-  ...st
-}, {
+}, wt = () => [{
   component: dt,
   ...ut
 }, {
   component: mt,
   ...ct
-}, {
-  component: ht,
-  ...gt
 }, {
   component: ft,
   ...pt
 }, {
-  component: yt,
-  ...bt
+  component: ht,
+  ...gt
 }, {
   component: xt,
   ...vt
 }, {
-  component: Ie,
-  ...St
-}], ee = () => [{
-  component: ke,
-  ...Me
+  component: yt,
+  ...bt
 }, {
-  component: Ce,
-  ...Ke
+  component: Tt,
+  ...St
 }, {
-  component: we,
-  ...ze
+  component: kt,
+  ...It
 }, {
   component: Ve,
+  ...Ct
+}], ie = () => [{
+  component: Ee,
   ...Qe
 }, {
-  component: Ee,
-  ...Xe
+  component: Re,
+  ...Ye
+}, {
+  component: Ae,
+  ...Ge
 }, {
-  component: et,
+  component: De,
   ...Ze
 }, {
-  component: Re,
-  ...tt
+  component: Pe,
+  ...nt
 }, {
-  component: Ae,
-  ...it
-}, ...de.includes(F) ? [{
-  component: Ge,
-  ...Ye
+  component: it,
+  ...at
+}, {
+  component: Fe,
+  ...ot
+}, {
+  component: We,
+  ...st
+}, ...fe.includes(F) ? [{
+  component: tt,
+  ...et
 }] : [], {
-  component: at,
-  ...nt
+  component: lt,
+  ...rt
 }, {
-  component: je,
-  ...Oe
-}, ...Tt()], It = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: Je,
+  ...ze
+}, ...wt()], Vt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1689,7 +1718,7 @@ const qe = () => `
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, kt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Et = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1723,27 +1752,27 @@ const qe = () => `
     thisScriptEl?.remove();
   }
   return;
-}`, me = "builderIoAbTest", pe = "builderIoRenderContent", H = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, he = "builderIoAbTest", be = "builderIoRenderContent", O = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Ct = ({
+})), Rt = ({
   canTrack: e,
   content: t
-}) => !(!(H(t).length > 0) || !e || U()), wt = (e) => e === "react" || e === "reactNative", Vt = F === "angular", fe = wt(F), Et = () => `
-  window.${me} = ${It}
-  window.${pe} = ${kt}
-  `, Rt = (e, t) => `
-  window.${me}(
-    "${t}",${JSON.stringify(e)}, ${fe}, ${Vt}
-  )`, At = ({
+}) => !(!(O(t).length > 0) || !e || L()), At = (e) => e === "react" || e === "reactNative", Dt = F === "angular", ye = At(F), Pt = () => `
+  window.${he} = ${Vt}
+  window.${be} = ${Et}
+  `, Ft = (e, t) => `
+  window.${he}(
+    "${t}",${JSON.stringify(e)}, ${ye}, ${Dt}
+  )`, Wt = ({
   contentId: e,
   variationId: t
-}) => `window.${pe}(
-    "${t}", "${e}", ${fe}
+}) => `window.${be}(
+    "${t}", "${e}", ${ye}
   )`;
 function q(e) {
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ S(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1752,10 +1781,10 @@ function q(e) {
     }
   );
 }
-function te(e) {
+function oe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Dt = (e, t, n = !0) => {
+const Nt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -1766,37 +1795,37 @@ const Dt = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Ft = (e) => Dt(e, (t) => {
+}, $t = (e) => Nt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), ne = ({
+}), re = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = te(o / n.width), i = te(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, l = oe(o / n.width), a = oe(r / n.height);
   return {
-    x: s,
-    y: i
+    x: l,
+    y: a
   };
-}, Pt = (e) => {
-  const t = e.target, n = t && Ft(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, _t = (e) => {
+  const t = e.target, n = t && $t(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? ne({
+      targetOffset: t ? re({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? ne({
+      builderTargetOffset: n ? re({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Wt = ["svelte", "qwik", "vue"], ae = () => Wt.includes(F) && (N() || oe()), Nt = (e) => {
-  var s, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (s = e == null ? void 0 : e.files) == null ? void 0 : s.regular;
+}, Lt = ["svelte", "qwik", "vue"], le = () => Lt.includes(F) && (_() || ue()), Bt = (e) => {
+  var l, a;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (a = e.fileUrl) != null ? a : (l = e == null ? void 0 : e.files) == null ? void 0 : l.regular;
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -1806,29 +1835,29 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const a in e.files) {
-      if (!(String(Number(a)) === a))
+    for (const i in e.files) {
+      if (!(String(Number(i)) === i))
         continue;
-      const f = e.files[a];
-      f && f !== o && (r += `
+      const m = e.files[i];
+      m && m !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${f}') format('woff2');
+src: url('${m}') format('woff2');
 font-display: fallback;
-font-weight: ${a};
+font-weight: ${i};
 }
         `.trim());
     }
   return r;
-}, $t = ({
+}, Ut = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Nt(n))) == null ? void 0 : t.join(" ")) || "";
-}, _t = ({
+  return ((t = e == null ? void 0 : e.map((n) => Bt(n))) == null ? void 0 : t.join(" ")) || "";
+}, Ht = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Lt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ot = `
 .builder-button {
   all: unset;
 }
@@ -1845,154 +1874,162 @@ font-weight: ${a};
   text-align: inherit;
   font-family: inherit;
 }
-`, Ut = (e) => e ? "" : Lt, Bt = (e) => `variant-${e}`;
-function Ht(e) {
-  var v, k, D;
-  const t = Q(null);
-  R(() => !1);
-  function n(c) {
-    var h, b;
-    const p = {
+`, qt = (e) => e ? "" : Ot, jt = (e) => `variant-${e}`;
+function Mt(e) {
+  var Z, ee, te;
+  const t = Y(null);
+  k(() => !1), k(
+    () => e.builderContextSignal
+  );
+  const [n, o] = k(() => null), [r, l] = k(() => "");
+  function a(c, h) {
+    var y, p;
+    const f = {
       ...e.builderContextSignal.rootState,
       ...c
     };
-    e.builderContextSignal.rootSetState ? (b = (h = e.builderContextSignal).rootSetState) == null || b.call(h, p) : e.setBuilderContextSignal((g) => ({
-      ...g,
-      rootState: p
+    e.builderContextSignal.rootSetState ? (p = (y = e.builderContextSignal).rootSetState) == null || p.call(y, f) : e.setBuilderContextSignal((b) => ({
+      ...b,
+      rootState: f
+    })), e.builderContextSignal.rootSetState ? e.builderContextSignal.rootSetState(f) : e.setBuilderContextSignal((b) => ({
+      ...b,
+      rootState: f
     }));
   }
-  function o(c) {
-    var h, b, g, x, A;
-    const p = {
+  function i(c, h) {
+    var y, p, b, P, $;
+    const f = {
       ...e.builderContextSignal.content,
       ...c,
       data: {
-        ...(h = e.builderContextSignal.content) == null ? void 0 : h.data,
+        ...(y = e.builderContextSignal.content) == null ? void 0 : y.data,
         ...c == null ? void 0 : c.data
       },
       meta: {
-        ...(b = e.builderContextSignal.content) == null ? void 0 : b.meta,
+        ...(p = e.builderContextSignal.content) == null ? void 0 : p.meta,
         ...c == null ? void 0 : c.meta,
-        breakpoints: ((g = c == null ? void 0 : c.meta) == null ? void 0 : g.breakpoints) || ((A = (x = e.builderContextSignal.content) == null ? void 0 : x.meta) == null ? void 0 : A.breakpoints)
+        breakpoints: ((b = c == null ? void 0 : c.meta) == null ? void 0 : b.breakpoints) || (($ = (P = e.builderContextSignal.content) == null ? void 0 : P.meta) == null ? void 0 : $.breakpoints)
       }
     };
-    e.setBuilderContextSignal((_) => ({
-      ..._,
-      content: p
+    e.setBuilderContextSignal((v) => ({
+      ...v,
+      content: f
     }));
   }
-  function r() {
+  function u() {
     return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [s, i] = R(
+  const [m, g] = k(
     () => e.contentWrapper || "div"
   );
-  function a(c) {
-    return ve({
+  function R(c) {
+    return Ie({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (p) => {
-          var g;
-          const { breakpoints: h, contentId: b } = p;
-          !b || b !== ((g = e.builderContextSignal.content) == null ? void 0 : g.id) || h && o({
+        configureSdk: (h) => {
+          var p;
+          const { breakpoints: f, contentId: y } = h;
+          !y || y !== ((p = e.builderContextSignal.content) == null ? void 0 : p.id) || f && i({
             meta: {
-              breakpoints: h
+              breakpoints: f
             }
           });
         },
-        animation: (p) => {
-          Fe(p);
+        animation: (h) => {
+          $e(h);
         },
-        contentUpdate: (p) => {
-          o(p);
+        contentUpdate: (h, f) => {
+          i(h);
         },
-        stateUpdate: (p) => {
-          n(p);
+        stateUpdate: (h, f) => {
+          a(h);
         }
       }
     })(c);
   }
-  const [l, f] = R(() => ({})), [m, P] = R(() => ({})), [I, E] = R(() => !1);
-  function d(c) {
-    var p, h;
+  const [T, A] = k(() => ({})), [s, d] = k(() => ({})), [D, B] = k(() => !1);
+  function I(c) {
+    var h, f;
     if (e.builderContextSignal.content) {
-      const b = (p = e.builderContextSignal.content) == null ? void 0 : p.testVariationId, g = (h = e.builderContextSignal.content) == null ? void 0 : h.id;
-      X({
+      const y = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, p = (f = e.builderContextSignal.content) == null ? void 0 : f.id;
+      ne({
         apiHost: e.apiHost,
         type: "click",
-        canTrack: O(e.canTrack),
-        contentId: g,
+        canTrack: j(e.canTrack),
+        contentId: p,
         apiKey: e.apiKey,
-        variationId: b !== g ? b : void 0,
-        ...Pt(c),
-        unique: !I
+        variationId: y !== p ? y : void 0,
+        ..._t(c),
+        unique: !D
       });
     }
-    I || E(!0);
+    D || B(!0);
   }
-  function u() {
-    var p, h, b;
-    const c = (b = (h = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : h.httpRequests) != null ? b : {};
+  function w() {
+    var h, f, y;
+    const c = (y = (f = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : f.httpRequests) != null ? y : {};
     Object.entries(c).forEach(
-      ([g, x]) => {
-        if (!x)
+      ([p, b]) => {
+        if (!b)
           return;
-        const A = typeof x == "object" && x["@type"] === "@builder.io/core:Request";
-        if (m[g] || l[g] && !N())
+        const P = typeof b == "object" && b["@type"] === "@builder.io/core:Request";
+        if (s[p] || T[p] && !_())
           return;
-        const _ = A ? x.request.url : x;
-        m[g] = !0;
-        const S = _.replace(
+        const $ = P ? b.request.url : b;
+        s[p] = !0;
+        const v = $.replace(
           /{{([^}]+)}}/g,
-          (V, L) => String(
-            re({
-              code: L,
+          (E, U) => String(
+            de({
+              code: U,
               context: e.context || {},
               localState: void 0,
               rootState: e.builderContextSignal.rootState,
               rootSetState: e.builderContextSignal.rootSetState
             })
           )
-        ), y = A ? {
-          url: S,
-          method: x.request.method,
-          headers: x.request.headers,
-          body: x.request.body
+        ), x = P ? {
+          url: v,
+          method: b.request.method,
+          headers: b.request.headers,
+          body: b.request.body
         } : {
-          url: S,
+          url: v,
           method: "GET"
         };
-        xe(JSON.stringify(y)), fetch(y.url, {
-          method: y.method,
-          headers: y.headers,
-          body: y.body
-        }).then((V) => V.json()).then((V) => {
-          n({
-            [g]: V
-          }), l[g] = !0;
-        }).catch((V) => {
+        ke(JSON.stringify(x));
+        const W = {
+          method: x.method,
+          headers: x.headers,
+          body: x.body
+        };
+        x.method === "GET" && delete W.body, fetch(x.url, W).then((E) => E.json()).then((E) => {
+          a({
+            [p]: E
+          }), T[p] = !0;
+        }).catch((E) => {
           console.error(
             "error fetching dynamic data",
-            JSON.stringify(x),
-            V
+            JSON.stringify(b),
+            E
           );
         }).finally(() => {
-          m[g] = !1;
+          s[p] = !1;
         });
       }
     );
   }
-  function w() {
-    N() && window.dispatchEvent(
+  function V() {
+    _() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: Pe(e.builderContextSignal.rootState),
+            state: _e(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -2001,11 +2038,11 @@ function Ht(e) {
       )
     );
   }
-  const $ = Q(!1);
-  return $.current || (u(), w(), $.current = !0), W(() => {
-    var c, p, h, b, g;
-    if (U()) {
-      N() && !e.isNestedRender && (window.addEventListener("message", a), ge({
+  const X = Y(!1);
+  return X.current || (w(), V(), X.current = !0), N(() => {
+    var c, h, f, y, p;
+    if (L()) {
+      _() && !e.isNestedRender && (window.addEventListener("message", R), ve({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -2019,98 +2056,106 @@ function Ht(e) {
         apiKey: e.apiKey
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((S) => {
-        var y, V;
-        if (!((y = S.models) != null && y.length) || S.models.includes(e.model)) {
-          const L = he(S);
-          (V = window.parent) == null || V.postMessage(L, "*");
+      ).forEach((v) => {
+        var x, W;
+        if (!((x = v.models) != null && x.length) || v.models.includes(e.model)) {
+          const E = xe(v);
+          (W = window.parent) == null || W.postMessage(E, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        w
+        V
       ));
-      const x = e.builderContextSignal.content && O(e.canTrack), A = be({
-        name: `builder.tests.${(p = e.builderContextSignal.content) == null ? void 0 : p.id}`,
+      const b = e.builderContextSignal.content && j(e.canTrack), P = Se({
+        name: `builder.tests.${(h = e.builderContextSignal.content) == null ? void 0 : h.id}`,
         canTrack: !0
-      }), _ = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId;
-      if (x && _ === A) {
-        const S = (b = e.builderContextSignal.content) == null ? void 0 : b.id, y = e.apiKey;
-        X({
+      }), $ = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId;
+      if (b && $ === P) {
+        const v = (y = e.builderContextSignal.content) == null ? void 0 : y.id, x = e.apiKey;
+        ne({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: S,
-          apiKey: y,
-          variationId: A !== S ? A : void 0
+          contentId: v,
+          apiKey: x,
+          variationId: P !== v ? P : void 0
         });
       }
-      if (oe() && !N()) {
-        const S = new URL(location.href).searchParams, y = S.get("builder.preview"), V = S.get(
-          `builder.overrides.${y}`
-        ), L = S.get("apiKey") || S.get("builder.space");
-        (y === "BUILDER_STUDIO" || y === e.model && L === e.apiKey && (!e.content || V === e.content.id)) && ye({
+      if (ue() && !_()) {
+        const v = new URL(location.href).searchParams, x = v.get("builder.preview"), W = v.get(
+          `builder.overrides.${x}`
+        ), E = v.get("apiKey") || v.get("builder.space");
+        (x === "BUILDER_STUDIO" || x === e.model && E === e.apiKey && (!e.content || W === e.content.id)) && Te({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
-          ...y === "BUILDER_STUDIO" && ((g = e.context) != null && g.symbolId) ? {
+          ...x === "BUILDER_STUDIO" && ((p = e.context) != null && p.symbolId) ? {
             query: {
               id: e.context.symbolId
             }
           } : {}
-        }).then((G) => {
-          G && o(G);
+        }).then((U) => {
+          U && i(U);
         });
       }
     }
-  }, []), W(() => {
-    e.content && o(e.content);
-  }, [e.content]), W(() => {
-    w();
-  }, [e.builderContextSignal.rootState]), W(() => {
-    e.data && n(e.data);
-  }, [e.data]), W(() => {
-    e.locale && n({
-      locale: e.locale
-    });
-  }, [e.locale]), W(() => () => {
-    U() && (window.removeEventListener("message", a), window.removeEventListener(
+  }, []), N(() => {
+    e.content && i(e.content);
+  }, [e.content]), N(() => {
+    V();
+  }, [e.builderContextSignal.rootState]), N(() => {
+    if (e.data) {
+      if (n === e.data)
+        return;
+      a(e.data), o(e.data);
+    }
+  }, [e.data]), N(() => {
+    if (e.locale) {
+      if (r === e.locale)
+        return;
+      a({
+        locale: e.locale
+      }), l(e.locale);
+    }
+  }, [e.locale]), N(() => () => {
+    L() && (window.removeEventListener("message", R), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      w
+      V
     ));
-  }, []), /* @__PURE__ */ T(De.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || ae() ? /* @__PURE__ */ T(
-    s,
+  }, []), /* @__PURE__ */ S(Ne.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || le() ? /* @__PURE__ */ S(
+    m,
     {
       ref: t,
-      onClick: (c) => d(c),
-      "builder-content-id": (v = e.builderContextSignal.content) == null ? void 0 : v.id,
+      onClick: (c) => I(c),
+      "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
       "builder-model": e.model,
-      className: Bt(
-        ((k = e.content) == null ? void 0 : k.testVariationId) || ((D = e.content) == null ? void 0 : D.id)
+      className: jt(
+        ((ee = e.content) == null ? void 0 : ee.testVariationId) || ((te = e.content) == null ? void 0 : te.id)
       ),
       style: {
-        display: !e.builderContextSignal.content && ae() ? "none" : void 0
+        display: !e.builderContextSignal.content && le() ? "none" : void 0
       },
-      ...r(),
+      ...u(),
       ...e.contentWrapperProps,
       children: e.children
     }
   ) : null });
 }
-function qt(e) {
-  const [t, n] = R(
+function Kt(e) {
+  const [t, n] = k(
     () => `
-${_t({
+${Ht({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${$t({
+${Ut({
       customFonts: e.customFonts
     })}
-${Ut(e.isNestedRender)}
+${qt(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ T(
-    se,
+  return /* @__PURE__ */ S(
+    ce,
     {
       id: "builderio-content",
       styles: t,
@@ -2118,15 +2163,15 @@ ${Ut(e.isNestedRender)}
     }
   );
 }
-const Ot = ({
+const zt = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var s, i, a;
-  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
-  return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((l) => {
-    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  var l, a, i;
+  const o = {}, r = ((l = e == null ? void 0 : e.data) == null ? void 0 : l.state) || {};
+  return (i = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || i.forEach((u) => {
+    u.name && u.defaultValue !== void 0 && (o[u.name] = u.defaultValue);
   }), {
     ...o,
     ...r,
@@ -2135,7 +2180,7 @@ const Ot = ({
       locale: n
     } : {}
   };
-}, jt = ({
+}, Jt = ({
   content: e,
   data: t
 }) => e ? {
@@ -2146,46 +2191,46 @@ const Ot = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function ie(e) {
-  var f, m, P, I, E, d, u, w, $;
-  const [t, n] = R(
+function se(e) {
+  var m, g, R, T, A, s, d, D, B;
+  const [t, n] = k(
     () => {
-      var v, k;
-      return At({
+      var I, w;
+      return Wt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (v = e.content) == null ? void 0 : v.testVariationId,
+        variationId: (I = e.content) == null ? void 0 : I.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (k = e.content) == null ? void 0 : k.id
+        contentId: (w = e.content) == null ? void 0 : w.id
       });
     }
   );
-  function o(v) {
-    a((k) => ({
-      ...k,
-      rootState: v
+  function o(I) {
+    i((w) => ({
+      ...w,
+      rootState: I
     }));
   }
-  const [r, s] = R(
+  const [r, l] = k(
     () => [
-      ...ee(),
+      ...ie(),
       ...e.customComponents || []
     ].reduce(
-      (v, { component: k, ...D }) => ({
-        ...v,
-        [D.name]: {
-          component: k,
-          ...Z(D)
+      (I, { component: w, ...V }) => ({
+        ...I,
+        [V.name]: {
+          component: w,
+          ...ae(V)
         }
       }),
       {}
     )
-  ), [i, a] = R(() => ({
-    content: jt({
+  ), [a, i] = k(() => ({
+    content: Jt({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Ot({
+    rootState: zt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2196,12 +2241,12 @@ function ie(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...ee(),
+      ...ie(),
       ...e.customComponents || []
     ].reduce(
-      (v, { component: k, ...D }) => ({
-        ...v,
-        [D.name]: Z(D)
+      (I, { component: w, ...V }) => ({
+        ...I,
+        [V.name]: ae(V)
       }),
       {}
     ),
@@ -2210,31 +2255,31 @@ function ie(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || "",
     model: e.model
-  })), l = Q(!1);
-  if (!l.current) {
-    e.apiKey || Se.error(
+  })), u = Y(!1);
+  if (!u.current) {
+    e.apiKey || Ce.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const v = (m = (f = i.content) == null ? void 0 : f.data) == null ? void 0 : m.jsCode;
-    v && re({
-      code: v,
+    const I = (g = (m = a.content) == null ? void 0 : m.data) == null ? void 0 : g.jsCode;
+    I && de({
+      code: I,
       context: e.context || {},
       localState: void 0,
-      rootState: i.rootState,
-      rootSetState: (k) => {
-        Object.assign(i.rootState, k);
+      rootState: a.rootState,
+      rootSetState: (w) => {
+        Object.assign(a.rootState, w);
       },
       isExpression: !1
-    }), l.current = !0;
+    }), u.current = !0;
   }
-  return /* @__PURE__ */ T(
-    We.Provider,
+  return /* @__PURE__ */ S(
+    Le.Provider,
     {
       value: {
         registeredComponents: r
       },
-      children: /* @__PURE__ */ B(
-        Ht,
+      children: /* @__PURE__ */ H(
+        Mt,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -2247,14 +2292,14 @@ function ie(e) {
           locale: e.locale,
           enrich: e.enrich,
           showContent: e.showContent,
-          builderContextSignal: i,
+          builderContextSignal: a,
           contentWrapper: e.contentWrapper,
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts,
           isNestedRender: e.isNestedRender,
-          setBuilderContextSignal: a,
+          setBuilderContextSignal: i,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ T(
+            e.isSsrAbTest ? /* @__PURE__ */ S(
               q,
               {
                 id: "builderio-variant-visibility",
@@ -2262,21 +2307,21 @@ function ie(e) {
                 nonce: e.nonce || ""
               }
             ) : null,
-            /* @__PURE__ */ T(
-              qt,
+            /* @__PURE__ */ S(
+              Kt,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (P = i.content) == null ? void 0 : P.id,
-                cssCode: (E = (I = i.content) == null ? void 0 : I.data) == null ? void 0 : E.cssCode,
-                customFonts: (u = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : u.customFonts
+                contentId: (R = a.content) == null ? void 0 : R.id,
+                cssCode: (A = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : A.cssCode,
+                customFonts: (d = (s = a.content) == null ? void 0 : s.data) == null ? void 0 : d.customFonts
               }
             ),
-            /* @__PURE__ */ T(
-              Ne,
+            /* @__PURE__ */ S(
+              Be,
               {
-                blocks: ($ = (w = i.content) == null ? void 0 : w.data) == null ? void 0 : $.blocks,
-                context: i,
+                blocks: (B = (D = a.content) == null ? void 0 : D.data) == null ? void 0 : B.blocks,
+                context: a,
                 registeredComponents: r,
                 linkComponent: e.linkComponent
               }
@@ -2287,67 +2332,67 @@ function ie(e) {
     }
   );
 }
-function Mt(e) {
-  var i;
-  const [t, n] = R(
-    () => Ct({
-      canTrack: O(e.canTrack),
+function Qt(e) {
+  var a;
+  const [t, n] = k(
+    () => Rt({
+      canTrack: j(e.canTrack),
       content: e.content
     })
   );
   function o() {
-    var a;
-    return Rt(
-      H(e.content).map((l) => ({
-        id: l.testVariationId,
-        testRatio: l.testRatio
+    var i;
+    return Ft(
+      O(e.content).map((u) => ({
+        id: u.testVariationId,
+        testRatio: u.testRatio
       })),
-      ((a = e.content) == null ? void 0 : a.id) || ""
+      ((i = e.content) == null ? void 0 : i.id) || ""
     );
   }
   function r() {
-    return H(e.content).map((a) => `.variant-${a.testVariationId} { display: none; } `).join("");
+    return O(e.content).map((i) => `.variant-${i.testVariationId} { display: none; } `).join("");
   }
-  function s() {
-    var a;
+  function l() {
+    var i;
     return t ? {
       ...e.content,
-      testVariationId: (a = e.content) == null ? void 0 : a.id
-    } : Te({
+      testVariationId: (i = e.content) == null ? void 0 : i.id
+    } : we({
       item: e.content,
-      canTrack: O(e.canTrack)
+      canTrack: j(e.canTrack)
     });
   }
-  return W(() => {
-  }, []), /* @__PURE__ */ B(j, { children: [
-    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ B(j, { children: [
-      /* @__PURE__ */ T(
+  return N(() => {
+  }, []), /* @__PURE__ */ H(M, { children: [
+    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ H(M, { children: [
+      /* @__PURE__ */ S(
         q,
         {
           id: "builderio-init-variants-fns",
-          scriptStr: Et(),
+          scriptStr: Pt(),
           nonce: e.nonce || ""
         }
       ),
-      de.includes(F) ? /* @__PURE__ */ T(
+      fe.includes(F) ? /* @__PURE__ */ S(
         q,
         {
           id: "builderio-init-personalization-variants-fns",
           nonce: e.nonce || "",
-          scriptStr: qe()
+          scriptStr: Ke()
         }
       ) : null
     ] }) : null,
-    t ? /* @__PURE__ */ B(j, { children: [
-      /* @__PURE__ */ T(
-        se,
+    t ? /* @__PURE__ */ H(M, { children: [
+      /* @__PURE__ */ S(
+        ce,
         {
           id: "builderio-variants",
           styles: r(),
           nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ T(
+      /* @__PURE__ */ S(
         q,
         {
           id: "builderio-variants-visibility",
@@ -2355,13 +2400,13 @@ function Mt(e) {
           nonce: e.nonce || ""
         }
       ),
-      (i = H(e.content)) == null ? void 0 : i.map((a) => /* @__PURE__ */ T(
-        ie,
+      (a = O(e.content)) == null ? void 0 : a.map((i) => /* @__PURE__ */ S(
+        se,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
           nonce: e.nonce,
-          content: a,
+          content: i,
           showContent: !1,
           model: e.model,
           data: e.data,
@@ -2380,16 +2425,16 @@ function Mt(e) {
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts
         },
-        a.testVariationId
+        i.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ T(
-      ie,
+    /* @__PURE__ */ S(
+      se,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: s(),
+        content: l(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -2411,18 +2456,18 @@ function Mt(e) {
     )
   ] });
 }
-const nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Mt
+  default: Qt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ue as DEFAULT_INDEX,
+  qe as DEFAULT_INDEX,
   q as InlinedScript,
-  He as SDKS_REQUIRING_RESET_APPROACH,
-  Xt as checkShouldRenderVariants,
-  nn as contentVariants,
-  Gt as filterWithCustomTargeting,
-  Zt as getBlocksToRender,
-  en as getPersonalizationScript,
-  tn as getUpdateVisibilityStylesScript
+  Me as SDKS_REQUIRING_RESET_APPROACH,
+  nn as checkShouldRenderVariants,
+  ln as contentVariants,
+  tn as filterWithCustomTargeting,
+  an as getBlocksToRender,
+  on as getPersonalizationScript,
+  rn as getUpdateVisibilityStylesScript
 };