@builder.io/sdk-react 4.2.2 → 4.2.4

package/lib/edge/blocks-exports.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./server-entry-67200cf1.cjs"),e=require("react"),r=e.lazy(()=>Promise.resolve().then(()=>require("./button-050f4fef.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./columns-25375990.cjs"))),s=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),i=e.lazy(()=>Promise.resolve().then(()=>require("./image-87a4e006.cjs"))),l=e.lazy(()=>Promise.resolve().then(()=>require("./section-d655ea14.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./symbol-4548e942.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./text-e6dbb721.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./video-cc58dd83.cjs"))),m=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-2af1d7c9.cjs")).then(t=>t.blocks)),y=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-4cab7215.cjs")).then(t=>t.contentVariants)),v=e.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:"",model:""});exports.setClientUserAttributes=o.setClientUserAttributes;exports.Blocks=m;exports.BuilderContext=v;exports.Button=r;exports.Columns=n;exports.Content=y;exports.Fragment=s;exports.Image=i;exports.Section=l;exports.Symbol=c;exports.Text=a;exports.Video=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./server-entry-d79ba493.cjs"),e=require("react"),r=e.lazy(()=>Promise.resolve().then(()=>require("./button-8ab624e2.cjs"))),n=e.lazy(()=>Promise.resolve().then(()=>require("./columns-0d6d8b29.cjs"))),s=e.lazy(()=>Promise.resolve().then(()=>require("./fragment-b6e3a326.cjs"))),i=e.lazy(()=>Promise.resolve().then(()=>require("./image-cce92f6c.cjs"))),l=e.lazy(()=>Promise.resolve().then(()=>require("./section-d655ea14.cjs"))),c=e.lazy(()=>Promise.resolve().then(()=>require("./symbol-064c9433.cjs"))),a=e.lazy(()=>Promise.resolve().then(()=>require("./text-e6dbb721.cjs"))),u=e.lazy(()=>Promise.resolve().then(()=>require("./video-cc58dd83.cjs"))),m=e.lazy(()=>Promise.resolve().then(()=>require("./blocks-3024bb2c.cjs")).then(t=>t.blocks)),y=e.lazy(()=>Promise.resolve().then(()=>require("./content-variants-b2c99976.cjs")).then(t=>t.contentVariants)),v=e.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:"",model:""});exports.setClientUserAttributes=o.setClientUserAttributes;exports.Blocks=m;exports.BuilderContext=v;exports.Button=r;exports.Columns=n;exports.Content=y;exports.Fragment=s;exports.Image=i;exports.Section=l;exports.Symbol=c;exports.Text=a;exports.Video=u;

package/lib/edge/blocks-exports.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { setClientUserAttributes as C } from "./server-entry-fb5f2b80.js";
+import { setClientUserAttributes as C } from "./server-entry-fec7344c.js";
 import { lazy as t, createContext as e } from "react";
-const s = t(() => import("./button-a478ff1a.js")), r = t(() => import("./columns-0b3181f1.js")), i = t(() => import("./fragment-1492bc7f.js")), a = t(() => import("./image-209835f4.js")), c = t(() => import("./section-d83e2dd3.js")), m = t(() => import("./symbol-10cb2f77.js")), l = t(() => import("./text-5915f038.js")), p = t(() => import("./video-52df64e2.js")), u = t(() => import("./blocks-0269007e.js").then((o) => o.blocks)), d = t(() => import("./content-variants-0dd65b50.js").then((o) => o.contentVariants)), x = e({
+const s = t(() => import("./button-36cacb47.js")), r = t(() => import("./columns-597b4a0e.js")), i = t(() => import("./fragment-1492bc7f.js")), a = t(() => import("./image-d87761af.js")), c = t(() => import("./section-d83e2dd3.js")), m = t(() => import("./symbol-93b85799.js")), l = t(() => import("./text-5915f038.js")), p = t(() => import("./video-52df64e2.js")), u = t(() => import("./blocks-729e6331.js").then((o) => o.blocks)), d = t(() => import("./content-variants-78e04173.js").then((o) => o.contentVariants)), x = e({
   content: null,
   context: {},
   localState: void 0,

package/lib/edge/{button-a478ff1a.js → button-36cacb47.js}

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { DynamicRenderer as r } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as n } from "./get-class-prop-name-770bdff2.js";
-import "./server-entry-fb5f2b80.js";
+import { getClassPropName as n } from "./get-class-prop-name-e31571bf.js";
+import "./server-entry-fec7344c.js";
 function b(t) {
   function e() {
     return {

package/lib/edge/{button-050f4fef.cjs → button-8ab624e2.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-f470d5ce.cjs");require("./server-entry-67200cf1.cjs");function u(e){function n(){return{...e.attributes,[t.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[t.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r.DynamicRenderer,{attributes:n(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-a8c4e896.cjs");require("./server-entry-d79ba493.cjs");function u(e){function n(){return{...e.attributes,[t.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[t.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r.DynamicRenderer,{attributes:n(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=u;

package/lib/edge/{columns-25375990.cjs → columns-0d6d8b29.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("./blocks-2af1d7c9.cjs"),j=require("./dynamic-renderer-b29b45ca.cjs"),B=require("./get-class-prop-name-f470d5ce.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-67200cf1.cjs");const q=t=>`builder-columns ${t}-breakpoints`;function p(t){var f,k;function a(){return typeof t.space=="number"?t.space||0:20}function s(){return t.columns||[]}function u(){return t.stackColumnsAt||"tablet"}function y(e){return e.link?t.builderLinkComponent||"a":"div"}function x(e){var n;return((n=s()[e])==null?void 0:n.width)||100/s().length}function S(e){const n=x(e),i=a()*(s().length-1)*(n/100);return`calc(${n}% - ${i}px)`}function c({stackedStyle:e,desktopStyle:n}){return u()==="tablet"?e:n}function d({stackedStyle:e,desktopStyle:n}){return u()==="never"?n:e}function m(){return t.stackColumnsAt==="never"?"row":t.reverseColumnsWhenStacked?"column-reverse":"column"}function C(){return{"--flex-dir":m(),"--flex-dir-tablet":c({stackedStyle:m(),desktopStyle:"row"})}}function v(e){const n=e===0?0:a(),i=S(e),r=`${n}px`,g="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:i,["marginLeft"]:r,"--column-width-mobile":d({stackedStyle:g,desktopStyle:i}),"--column-margin-left-mobile":d({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:g,desktopStyle:i}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}}function b(e){var i,r;return o.getSizesForBreakpoints(((r=(i=t.builderContext.content)==null?void 0:i.meta)==null?void 0:r.breakpoints)||{})[e].max}function w(){const e=`.${t.builderBlock.id}-breakpoints > .builder-column`;return`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("./blocks-3024bb2c.cjs"),j=require("./dynamic-renderer-b29b45ca.cjs"),B=require("./get-class-prop-name-a8c4e896.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-d79ba493.cjs");const q=t=>`builder-columns ${t}-breakpoints`;function p(t){var f,k;function a(){return typeof t.space=="number"?t.space||0:20}function s(){return t.columns||[]}function u(){return t.stackColumnsAt||"tablet"}function y(e){return e.link?t.builderLinkComponent||"a":"div"}function x(e){var n;return((n=s()[e])==null?void 0:n.width)||100/s().length}function S(e){const n=x(e),i=a()*(s().length-1)*(n/100);return`calc(${n}% - ${i}px)`}function c({stackedStyle:e,desktopStyle:n}){return u()==="tablet"?e:n}function d({stackedStyle:e,desktopStyle:n}){return u()==="never"?n:e}function m(){return t.stackColumnsAt==="never"?"row":t.reverseColumnsWhenStacked?"column-reverse":"column"}function C(){return{"--flex-dir":m(),"--flex-dir-tablet":c({stackedStyle:m(),desktopStyle:"row"})}}function v(e){const n=e===0?0:a(),i=S(e),r=`${n}px`,g="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:i,["marginLeft"]:r,"--column-width-mobile":d({stackedStyle:g,desktopStyle:i}),"--column-margin-left-mobile":d({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:g,desktopStyle:i}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}}function b(e){var i,r;return o.getSizesForBreakpoints(((r=(i=t.builderContext.content)==null?void 0:i.meta)==null?void 0:r.breakpoints)||{})[e].max}function w(){const e=`.${t.builderBlock.id}-breakpoints > .builder-column`;return`
         @media (max-width: ${b("medium")}px) {
           .${t.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);

package/lib/edge/{columns-0b3181f1.js → columns-597b4a0e.js}

@@ -1,10 +1,10 @@
 import { jsxs as g, Fragment as $, jsx as r } from "react/jsx-runtime";
-import { InlinedStyles as B, Blocks as L, mapStyleObjToStrIfNeeded as W, getSizesForBreakpoints as z } from "./blocks-0269007e.js";
+import { InlinedStyles as B, Blocks as L, mapStyleObjToStrIfNeeded as W, getSizesForBreakpoints as z } from "./blocks-729e6331.js";
 import { DynamicRenderer as A } from "./dynamic-renderer-8b343325.js";
-import { getClassPropName as N } from "./get-class-prop-name-770bdff2.js";
+import { getClassPropName as N } from "./get-class-prop-name-e31571bf.js";
 import "react";
 import "./blocks-exports.mjs";
-import "./server-entry-fb5f2b80.js";
+import "./server-entry-fec7344c.js";
 const D = (e) => `builder-columns ${e}-breakpoints`;
 function O(e) {
   var b, f;

package/lib/edge/{content-variants-0dd65b50.js → content-variants-78e04173.js}

@@ -1,8 +1,8 @@
 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-fb5f2b80.js";
+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-fec7344c.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 Ue } from "./blocks-0269007e.js";
+import { triggerAnimation as $e, evaluate as de, fastClone as _e, InlinedStyles as ce, ComponentsContext as Le, Blocks as Be } from "./blocks-729e6331.js";
 function tn(e, t, n, o) {
   function r(m) {
     return typeof m == "string";
@@ -60,7 +60,7 @@ function tn(e, t, n, o) {
   }, 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 Be = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const Ue = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -238,7 +238,7 @@ function an({
     path: "this.children",
     index: qe
   };
-  if (n && $()) {
+  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)
@@ -266,7 +266,7 @@ function an({
 }
 const Ke = () => `
   window.${je} = ${He}
-  window.${me} = ${Be}
+  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",
@@ -392,7 +392,7 @@ const Ke = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Je = C(() => import("./accordion-d3831f48.js")), Qe = {
+}, Je = C(() => import("./accordion-48a5b362.js")), Qe = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -789,7 +789,7 @@ const Ke = () => `
       defaultValue: []
     }]
   }]
-}, tt = C(() => import("./personalization-container-64f3cd71.js")), nt = {
+}, tt = C(() => import("./personalization-container-0d92ab21.js")), nt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -845,7 +845,7 @@ const Ke = () => `
     builderContext: !0,
     builderComponents: !0
   }
-}, it = C(() => import("./slot-26ec2911.js")), ot = {
+}, it = C(() => import("./slot-f2279693.js")), ot = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1025,11 +1025,10 @@ const Ke = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, lt = C(() => import("./tabs-f9110171.js")), st = {
+}, lt = C(() => import("./tabs-d87f99ab.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",
@@ -1066,7 +1065,7 @@ const Ke = () => `
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, dt = C(() => import("./custom-code-f7a0f1c1.js")), ct = {
+}, dt = C(() => import("./custom-code-0a11f81d.js")), ct = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1081,7 +1080,7 @@ const Ke = () => `
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, mt = C(() => import("./embed-e4979560.js")), pt = {
+}, mt = C(() => import("./embed-5b2461a4.js")), pt = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1318,7 +1317,7 @@ const Ke = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ft = C(() => import("./form-30fba682.js")), gt = {
+}, ft = C(() => import("./form-4f5ea678.js")), gt = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1369,7 +1368,7 @@ const Ke = () => `
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, ht = C(() => import("./input-e4a9fe0b.js")), bt = {
+}, ht = C(() => import("./input-cfd5294a.js")), bt = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1411,7 +1410,7 @@ const Ke = () => `
   }],
   static: !0,
   noWrap: !0
-}, yt = C(() => import("./select-c59c9ac6.js")), vt = {
+}, yt = C(() => import("./select-d665e4e4.js")), vt = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1473,7 +1472,6 @@ const Ke = () => `
   static: !0,
   noWrap: !0
 }, Tt = C(() => import("./textarea-d29025e9.js")), It = {
-  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1483,10 +1481,41 @@ const Ke = () => `
     type: "file",
     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
-}, kt = C(() => import("./img-3bb375bf.js")), Ct = {
+  noWrap: !0
+}, kt = C(() => import("./img-194b08ce.js")), Ct = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1794,7 +1823,7 @@ const Nt = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Lt = ["svelte", "qwik", "vue"], le = () => Lt.includes(F) && ($() || ue()), Ut = (e) => {
+}, 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 = "";
@@ -1820,11 +1849,11 @@ font-weight: ${i};
         `.trim());
     }
   return r;
-}, Bt = ({
+}, Ut = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Ut(n))) == null ? void 0 : t.join(" ")) || "";
+  return ((t = e == null ? void 0 : e.map((n) => Bt(n))) == null ? void 0 : t.join(" ")) || "";
 }, Ht = ({
   cssCode: e,
   contentId: t
@@ -1849,37 +1878,42 @@ font-weight: ${i};
 function Mt(e) {
   var Z, ee, te;
   const t = Y(null);
-  k(() => !1);
+  k(() => !1), k(
+    () => e.builderContextSignal
+  );
   const [n, o] = k(() => null), [r, l] = k(() => "");
-  function a(c) {
-    var h, b;
-    const p = {
+  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((f) => ({
-      ...f,
-      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 i(c) {
-    var h, b, f, v, P;
-    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: ((f = c == null ? void 0 : c.meta) == null ? void 0 : f.breakpoints) || ((P = (v = e.builderContextSignal.content) == null ? void 0 : v.meta) == null ? void 0 : P.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 u() {
@@ -1896,101 +1930,101 @@ function Mt(e) {
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (p) => {
-          var f;
-          const { breakpoints: h, contentId: b } = p;
-          !b || b !== ((f = e.builderContextSignal.content) == null ? void 0 : f.id) || h && i({
+        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) => {
-          $e(p);
+        animation: (h) => {
+          $e(h);
         },
-        contentUpdate: (p) => {
-          i(p);
+        contentUpdate: (h, f) => {
+          i(h);
         },
-        stateUpdate: (p) => {
-          a(p);
+        stateUpdate: (h, f) => {
+          a(h);
         }
       }
     })(c);
   }
-  const [T, A] = k(() => ({})), [s, d] = k(() => ({})), [D, U] = k(() => !1);
+  const [T, A] = k(() => ({})), [s, d] = k(() => ({})), [D, B] = k(() => !1);
   function I(c) {
-    var p, h;
+    var h, f;
     if (e.builderContextSignal.content) {
-      const b = (p = e.builderContextSignal.content) == null ? void 0 : p.testVariationId, f = (h = e.builderContextSignal.content) == null ? void 0 : h.id;
+      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: j(e.canTrack),
-        contentId: f,
+        contentId: p,
         apiKey: e.apiKey,
-        variationId: b !== f ? b : void 0,
+        variationId: y !== p ? y : void 0,
         ..._t(c),
         unique: !D
       });
     }
-    D || U(!0);
+    D || B(!0);
   }
   function w() {
-    var p, h, b;
-    const c = (b = (h = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : h.httpRequests) != null ? b : {};
+    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(
-      ([f, v]) => {
-        if (!v)
+      ([p, b]) => {
+        if (!b)
           return;
-        const P = typeof v == "object" && v["@type"] === "@builder.io/core:Request";
-        if (s[f] || T[f] && !$())
+        const P = typeof b == "object" && b["@type"] === "@builder.io/core:Request";
+        if (s[p] || T[p] && !_())
           return;
-        const _ = P ? v.request.url : v;
-        s[f] = !0;
-        const x = _.replace(
+        const $ = P ? b.request.url : b;
+        s[p] = !0;
+        const v = $.replace(
           /{{([^}]+)}}/g,
-          (E, B) => String(
+          (E, U) => String(
             de({
-              code: B,
+              code: U,
               context: e.context || {},
               localState: void 0,
               rootState: e.builderContextSignal.rootState,
               rootSetState: e.builderContextSignal.rootSetState
             })
           )
-        ), y = P ? {
-          url: x,
-          method: v.request.method,
-          headers: v.request.headers,
-          body: v.request.body
+        ), x = P ? {
+          url: v,
+          method: b.request.method,
+          headers: b.request.headers,
+          body: b.request.body
         } : {
-          url: x,
+          url: v,
           method: "GET"
         };
-        ke(JSON.stringify(y));
+        ke(JSON.stringify(x));
         const W = {
-          method: y.method,
-          headers: y.headers,
-          body: y.body
+          method: x.method,
+          headers: x.headers,
+          body: x.body
         };
-        y.method === "GET" && delete W.body, fetch(y.url, W).then((E) => E.json()).then((E) => {
+        x.method === "GET" && delete W.body, fetch(x.url, W).then((E) => E.json()).then((E) => {
           a({
-            [f]: E
-          }), T[f] = !0;
+            [p]: E
+          }), T[p] = !0;
         }).catch((E) => {
           console.error(
             "error fetching dynamic data",
-            JSON.stringify(v),
+            JSON.stringify(b),
             E
           );
         }).finally(() => {
-          s[f] = !1;
+          s[p] = !1;
         });
       }
     );
   }
   function V() {
-    $() && window.dispatchEvent(
+    _() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
@@ -2006,9 +2040,9 @@ function Mt(e) {
   }
   const X = Y(!1);
   return X.current || (w(), V(), X.current = !0), N(() => {
-    var c, p, h, b, f;
+    var c, h, f, y, p;
     if (L()) {
-      $() && !e.isNestedRender && (window.addEventListener("message", R), ve({
+      _() && !e.isNestedRender && (window.addEventListener("message", R), ve({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -2022,46 +2056,46 @@ function Mt(e) {
         apiKey: e.apiKey
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((x) => {
-        var y, W;
-        if (!((y = x.models) != null && y.length) || x.models.includes(e.model)) {
-          const E = xe(x);
+      ).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",
         V
       ));
-      const v = e.builderContextSignal.content && j(e.canTrack), P = Se({
-        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 (v && _ === P) {
-        const x = (b = e.builderContextSignal.content) == null ? void 0 : b.id, y = e.apiKey;
+      }), $ = (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: x,
-          apiKey: y,
-          variationId: P !== x ? P : void 0
+          contentId: v,
+          apiKey: x,
+          variationId: P !== v ? P : void 0
         });
       }
-      if (ue() && !$()) {
-        const x = new URL(location.href).searchParams, y = x.get("builder.preview"), W = x.get(
-          `builder.overrides.${y}`
-        ), E = x.get("apiKey") || x.get("builder.space");
-        (y === "BUILDER_STUDIO" || y === e.model && E === e.apiKey && (!e.content || W === e.content.id)) && Te({
+      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" && ((f = e.context) != null && f.symbolId) ? {
+          ...x === "BUILDER_STUDIO" && ((p = e.context) != null && p.symbolId) ? {
             query: {
               id: e.context.symbolId
             }
           } : {}
-        }).then((B) => {
-          B && i(B);
+        }).then((U) => {
+          U && i(U);
         });
       }
     }
@@ -2114,7 +2148,7 @@ ${Ht({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${Bt({
+${Ut({
       customFonts: e.customFonts
     })}
 ${qt(e.isNestedRender)}
@@ -2158,7 +2192,7 @@ const zt = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function se(e) {
-  var m, g, R, T, A, s, d, D, U;
+  var m, g, R, T, A, s, d, D, B;
   const [t, n] = k(
     () => {
       var I, w;
@@ -2284,9 +2318,9 @@ function se(e) {
               }
             ),
             /* @__PURE__ */ S(
-              Ue,
+              Be,
               {
-                blocks: (U = (D = a.content) == null ? void 0 : D.data) == null ? void 0 : U.blocks,
+                blocks: (B = (D = a.content) == null ? void 0 : D.data) == null ? void 0 : B.blocks,
                 context: a,
                 registeredComponents: r,
                 linkComponent: e.linkComponent