@builder.io/sdk-react 2.0.31 → 3.0.1

package/lib/edge/{blocks-9ef79098.js → blocks-9c35be74.js}

@@ -1,29 +1,70 @@
-import { jsx as i, Fragment as h, jsxs as R } from "react/jsx-runtime";
-import { createContext as V, useEffect as b, useState as O, useRef as Z, useContext as $ } from "react";
+import { jsx as c, Fragment as h, jsxs as R } from "react/jsx-runtime";
+import { createContext as J, useEffect as B, useState as W, useRef as Q, useContext as T } from "react";
 import { BuilderContext as _ } from "./blocks-exports.mjs";
-import { TARGET as v, checkIsDefined as A, isPreviewing as q, isEditing as T } from "./server-entry-ea35faa6.js";
-import { evaluate as W } from "./evaluate-f626f584.js";
-import { getClassPropName as J } from "./get-class-prop-name-40d6defb.js";
-import { DynamicRenderer as Q } from "./dynamic-renderer-8b343325.js";
-const G = V({ registeredComponents: {} });
-function X(e) {
+import { TARGET as b, checkIsDefined as A, isPreviewing as G, isEditing as L } from "./server-entry-6c0047ea.js";
+import { evaluate as E } from "./evaluate-f0b82ede.js";
+import { getClassPropName as X } from "./get-class-prop-name-a3bd113c.js";
+import { DynamicRenderer as Y } from "./dynamic-renderer-8b343325.js";
+const ee = J({ registeredComponents: {} });
+function te(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function Y(e, ...t) {
+function ne(e, ...t) {
   const n = Object.assign({}, e);
   for (const r of t)
     delete n[r];
   return n;
 }
-const H = (e) => JSON.parse(JSON.stringify(e)), ee = (e, t, n) => {
+function v(e, t, n = null, r = null, o = /* @__PURE__ */ new WeakSet()) {
+  if (e == null || typeof e != "object") {
+    t(e, (i) => {
+      n !== null && r !== null && (n[r] = i);
+    });
+    return;
+  }
+  o.has(e) || (o.add(e), Array.isArray(e) ? e.forEach((i, s) => {
+    t(i, (d) => {
+      e[s] = d;
+    }), v(i, t, e, s, o);
+  }) : Object.entries(e).forEach(([i, s]) => {
+    t(s, (d) => {
+      e[i] = d;
+    }), v(s, t, e, i, o);
+  }));
+}
+function H(e) {
+  return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
+}
+function oe(e) {
+  if (!e || !Object.getOwnPropertyNames(e).length)
+    return !1;
+  let t = !1;
+  return v(e, (n) => {
+    if (H(n)) {
+      t = !0;
+      return;
+    }
+  }), t;
+}
+function re(e, t) {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (v(e, (n, r) => {
+    var o;
+    H(n) && r((o = n[t]) != null ? o : void 0);
+  }), e);
+}
+function ie(e, t) {
+  var n, r;
+  return (n = e.component) != null && n.options && oe((r = e.component) == null ? void 0 : r.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = re(e.component.options, t != null ? t : "Default")), e;
+}
+const U = (e) => JSON.parse(JSON.stringify(e)), se = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const r = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return r.slice(0, -1).reduce((o, s, l) => Object(o[s]) === o[s] ? o[s] : o[s] = Math.abs(Number(r[l + 1])) >> 0 === +r[l + 1] ? [] : {}, e)[r[r.length - 1]] = n, e;
+  return r.slice(0, -1).reduce((o, i, s) => Object(o[i]) === o[i] ? o[i] : o[i] = Math.abs(Number(r[s + 1])) >> 0 === +r[s + 1] ? [] : {}, e)[r[r.length - 1]] = n, e;
 };
 function I(e) {
   if (e === null || typeof e != "object")
@@ -37,9 +78,9 @@ function I(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = I(e[n]));
   return t;
 }
-const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(v), ne = (e) => {
-  if (te) {
-    const t = H(e);
+const le = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ce = (e) => {
+  if (le) {
+    const t = U(e);
     return {
       ...t,
       properties: {
@@ -50,7 +91,7 @@ const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(v), ne = (e) =
       }
     };
   } else {
-    const t = I(Y(e, "children", "meta"));
+    const t = I(ne(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -63,7 +104,7 @@ const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(v), ne = (e) =
       meta: e.meta
     };
   }
-}, oe = ({
+}, ae = ({
   block: e,
   context: t,
   localState: n,
@@ -72,47 +113,47 @@ const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(v), ne = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const s = ne(e);
-  for (const l in e.bindings) {
-    const u = e.bindings[l], f = W({
+  const i = ce(e);
+  for (const s in e.bindings) {
+    const u = e.bindings[s], d = E({
       code: u,
       localState: n,
       rootState: r,
       rootSetState: o,
       context: t
     });
-    ee(s, l, f);
+    se(i, s, d);
   }
-  return s;
+  return i;
 };
-function re({
+function ue({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: r,
   rootState: o,
-  rootSetState: s
+  rootSetState: i
 }) {
-  const l = e;
-  return n ? oe({
-    block: l,
+  let s = ie(e, o.locale);
+  return s = s, n ? ae({
+    block: s,
     localState: r,
     rootState: o,
-    rootSetState: s,
+    rootSetState: i,
     context: t
-  }) : l;
+  }) : s;
 }
-const B = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function se(e, t, n = {}) {
-  let r, o, s, l = null, u = 0;
-  const f = function() {
-    u = n.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
+const P = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function de(e, t, n = {}) {
+  let r, o, i, s = null, u = 0;
+  const d = function() {
+    u = n.leading === !1 ? 0 : Date.now(), s = null, i = e.apply(r, o), s || (r = o = null);
   };
   return function() {
     const a = Date.now();
     !u && n.leading === !1 && (u = a);
     const m = t - (a - u);
-    return r = this, o = arguments, m <= 0 || m > t ? (l && (clearTimeout(l), l = null), u = a, s = e.apply(r, o), l || (r = o = null)) : !l && n.trailing !== !1 && (l = setTimeout(f, m)), s;
+    return r = this, o = arguments, m <= 0 || m > t ? (s && (clearTimeout(s), s = null), u = a, i = e.apply(r, o), s || (r = o = null)) : !s && n.trailing !== !1 && (s = setTimeout(d, m)), i;
   };
 }
 function C(e, ...t) {
@@ -120,123 +161,123 @@ function C(e, ...t) {
   for (let r = 1; r < arguments.length; r++) {
     const o = arguments[r];
     if (o != null)
-      for (const s in o)
-        Object.prototype.hasOwnProperty.call(o, s) && (n[s] = o[s]);
+      for (const i in o)
+        Object.prototype.hasOwnProperty.call(o, i) && (n[i] = o[i]);
   }
   return n;
 }
-function le(e) {
+function fe(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        ie(t);
+        he(t);
         break;
       case "scrollInView":
-        ae(t);
+        pe(t);
         break;
     }
 }
-function U(e) {
+function V(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function j(e, t) {
-  const n = ce(e), r = getComputedStyle(t), o = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, l = [o, s];
-  for (const u of l)
-    for (const f of n)
-      f in u || (u[f] = r[f]);
+  const n = me(e), r = getComputedStyle(t), o = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [o, i];
+  for (const u of s)
+    for (const d of n)
+      d in u || (u[d] = r[d]);
 }
-function ce(e) {
+function me(e) {
   const t = [];
   for (const n of e.steps)
     for (const r in n.styles)
       t.indexOf(r) === -1 && t.push(r);
   return t;
 }
-function ie(e) {
+function he(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    U(e.elementId || e.id || "");
+    V(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
     j(e, n), n.style.transition = "none", n.style.transitionDelay = "0", C(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${B(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), C(n.style, e.steps[1].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${P(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), C(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function ae(e) {
+function pe(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    U(e.elementId || e.id || "");
+    V(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
     j(e, n);
     let r = !1, o = !1;
-    function s() {
+    function i() {
       !r && u(n) ? (r = !0, o = !0, setTimeout(() => {
-        C(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", l), setTimeout(() => {
+        C(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
           o = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && r && !o && !u(n) && (r = !1, C(n.style, e.steps[0].styles));
     }
-    const l = se(s, 200, {
+    const s = de(i, 200, {
       leading: !1
     });
     function u(m) {
-      const g = m.getBoundingClientRect(), k = window.innerHeight, c = (e.thresholdPercent || 0) / 100 * k;
-      return g.bottom > c && g.top < k - c;
+      const g = m.getBoundingClientRect(), k = window.innerHeight, l = (e.thresholdPercent || 0) / 100 * k;
+      return g.bottom > l && g.top < k - l;
     }
-    const f = e.steps[0].styles;
+    const d = e.steps[0].styles;
     function a() {
-      C(n.style, f);
+      C(n.style, d);
     }
     a(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${B(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    }), document.addEventListener("scroll", l, {
+      n.style.transition = `all ${e.duration}s ${P(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
-    }), s();
+    }), i();
   });
 }
-const z = (e) => Object.entries(e).map(([n, r]) => {
+const F = (e) => Object.entries(e).map(([n, r]) => {
   if (typeof r == "string")
-    return `${B(n)}: ${r};`;
-}).filter(A), ue = (e) => z(e).join(`
+    return `${P(n)}: ${r};`;
+}).filter(A), ye = (e) => F(e).join(`
 `), x = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const r = `.${t} {
-    ${ue(n)}
+    ${ye(n)}
   }`;
   return e ? `${e} {
       ${r}
     }` : r;
 };
-function de({
+function ge({
   style: e
 }) {
   return e;
 }
-const fe = ({
+const ke = ({
   block: e,
   context: t
-}) => me(de({
+}) => Se(ge({
   style: e.style || {},
   context: t,
   block: e
 }));
-function me(e) {
-  switch (v) {
+function Se(e) {
+  switch (b) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return z(e).join(" ");
+      return F(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -244,21 +285,24 @@ function me(e) {
       return e;
   }
 }
-const he = ({
+const K = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Ce = ({
   block: e,
-  registeredComponents: t
+  registeredComponents: t,
+  model: n
 }) => {
-  var o;
-  const n = (o = e.component) == null ? void 0 : o.name;
-  if (!n)
+  var i;
+  const r = (i = e.component) == null ? void 0 : i.name;
+  if (!r)
     return null;
-  const r = t[n];
-  if (r)
-    return r;
-  console.warn(`
-      Could not find a registered component named "${n}". 
+  const o = t[r];
+  if (!o || K(o, n)) {
+    console.warn(`
+      Could not find a registered component named "${r}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, pe = ({
+    return;
+  } else
+    return o;
+}, xe = ({
   block: e,
   context: t
 }) => {
@@ -268,7 +312,7 @@ const he = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const o = W({
+  const o = E({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -277,41 +321,41 @@ const he = ({
   });
   if (!Array.isArray(o))
     return;
-  const s = n.collection.split(".").pop(), l = n.itemName || (s ? s + "Item" : "item");
-  return o.map((f, a) => ({
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
+  return o.map((d, a) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: a,
-        $item: f,
-        [l]: f,
-        [`$${l}Index`]: a
+        $item: d,
+        [s]: d,
+        [`$${s}Index`]: a
       }
     },
     block: r
   }));
-}, ye = (e, t) => {
+}, Be = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, ge = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
-    builderComponents: t
+}, ve = (e, t, n) => {
+  var r;
+  return (r = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && r.builderComponents ? {
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !K(s, n)))
   } : {};
-}, ke = (e, t) => {
+}, be = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Se = (e, t) => {
+}, Pe = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, K = {
+}, Z = {
   small: {
     min: 320,
     default: 321,
@@ -327,11 +371,11 @@ const he = ({
     default: 991,
     max: 1200
   }
-}, D = (e, t = K) => `@media (max-width: ${t[e].max}px)`, Ce = ({
+}, z = (e, t = Z) => `@media (max-width: ${t[e].max}px)`, we = ({
   small: e,
   medium: t
 }) => {
-  const n = H(K);
+  const n = U(Z);
   if (!e || !t)
     return n;
   const r = Math.floor(e / 2);
@@ -346,16 +390,16 @@ const he = ({
     min: o,
     default: o + 1
   };
-  const s = n.medium.max + 1;
+  const i = n.medium.max + 1;
   return n.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: s,
-    default: s + 1
+    min: i,
+    default: i + 1
   }, n;
 };
-function xe(e) {
-  return /* @__PURE__ */ i(
+function Oe(e) {
+  return /* @__PURE__ */ c(
     "style",
     {
       dangerouslySetInnerHTML: { __html: e.styles },
@@ -364,47 +408,47 @@ function xe(e) {
     }
   );
 }
-function be(e) {
+function Re(e) {
   function t() {
     const r = e.block;
     return A(r.hide) ? !r.hide : A(r.show) ? r.show : !0;
   }
   function n() {
-    var p, y, N;
-    const r = e.block, o = r.responsiveStyles, s = e.context.content, l = Ce(
-      ((p = s == null ? void 0 : s.meta) == null ? void 0 : p.breakpoints) || {}
-    ), u = o == null ? void 0 : o.large, f = o == null ? void 0 : o.medium, a = o == null ? void 0 : o.small, m = r.id;
+    var p, y, $;
+    const r = e.block, o = r.responsiveStyles, i = e.context.content, s = we(
+      ((p = i == null ? void 0 : i.meta) == null ? void 0 : p.breakpoints) || {}
+    ), u = o == null ? void 0 : o.large, d = o == null ? void 0 : o.medium, a = o == null ? void 0 : o.small, m = r.id;
     if (!m)
       return "";
     const g = u ? x({
       className: m,
       styles: u
-    }) : "", k = f ? x({
+    }) : "", k = d ? x({
       className: m,
-      styles: f,
-      mediaQuery: D(
+      styles: d,
+      mediaQuery: z(
         "medium",
-        l
+        s
       )
     }) : "", S = a ? x({
       className: m,
       styles: a,
-      mediaQuery: D(
+      mediaQuery: z(
         "small",
-        l
+        s
       )
-    }) : "", c = r.animations && r.animations.find((w) => w.trigger === "hover");
-    let d = "";
-    if (c) {
-      const w = ((N = (y = c.steps) == null ? void 0 : y[1]) == null ? void 0 : N.styles) || {};
-      d = x({
+    }) : "", l = r.animations && r.animations.find((O) => O.trigger === "hover");
+    let f = "";
+    if (l) {
+      const O = (($ = (y = l.steps) == null ? void 0 : y[1]) == null ? void 0 : $.styles) || {};
+      f = x({
         className: `${m}:hover`,
         styles: {
-          ...w,
-          transition: `all ${c.duration}s ${B(
-            c.easing
+          ...O,
+          transition: `all ${l.duration}s ${P(
+            l.easing
           )}`,
-          transitionDelay: c.delay ? `${c.delay}s` : "0s"
+          transitionDelay: l.delay ? `${l.delay}s` : "0s"
         }
       }) || "";
     }
@@ -412,11 +456,11 @@ function be(e) {
       g,
       k,
       S,
-      d
+      f
     ].join(" ");
   }
-  return /* @__PURE__ */ i(h, { children: n() && t() ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
-    xe,
+  return /* @__PURE__ */ c(h, { children: n() && t() ? /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(
+    Oe,
     {
       id: "builderio-block",
       styles: n(),
@@ -424,10 +468,10 @@ function be(e) {
     }
   ) }) : null });
 }
-function ve(e) {
+function Ae(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const Be = (e) => `on${ve(e)}`, Pe = (e, t) => (n) => W({
+const Ie = (e) => `on${Ae(e)}`, We = (e, t) => (n) => E({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -436,66 +480,66 @@ const Be = (e) => `on${ve(e)}`, Pe = (e, t) => (n) => W({
   event: n,
   isExpression: !1
 });
-function F(e) {
+function q(e) {
   var r;
   const t = {}, n = (r = e.block.actions) != null ? r : {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
-    const s = n[o];
-    let l = Be(o);
+    const i = n[o];
+    let s = Ie(o);
     if (e.stripPrefix)
-      switch (v) {
+      switch (b) {
         case "vue":
-          l = l.replace("v-on:", "");
+          s = s.replace("v-on:", "");
           break;
         case "svelte":
-          l = l.replace("on:", "");
+          s = s.replace("on:", "");
           break;
       }
-    t[l] = Pe(s, e);
+    t[s] = We(i, e);
   }
   return t;
 }
-function we({
+function Ee({
   properties: e
 }) {
   return e;
 }
-const Re = (e) => ({
+const Ne = (e) => ({
   href: e.href
 });
-function E({
+function N({
   block: e,
   context: t
 }) {
   var r;
   const n = {
-    ...Re(e),
+    ...Ne(e),
     ...e.properties,
     "builder-id": e.id,
-    style: fe({
+    style: ke({
       block: e,
       context: t
     }),
-    [J()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
+    [X()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
   };
-  return we({
+  return Ee({
     properties: n,
     context: t,
     block: e
   });
 }
-function Ae(e) {
-  return /* @__PURE__ */ i(
-    Q,
+function $e(e) {
+  return /* @__PURE__ */ c(
+    Y,
     {
       TagName: e.Wrapper,
-      attributes: E({
+      attributes: N({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: F({
+      actionAttributes: q({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -507,18 +551,18 @@ function Ae(e) {
     }
   );
 }
-function Ie(e) {
-  return b(() => {
-  }, []), /* @__PURE__ */ i(h, { children: e.children });
+function Te(e) {
+  return B(() => {
+  }, []), /* @__PURE__ */ c(h, { children: e.children });
 }
-function Oe(e) {
+function Le(e) {
   function t() {
     return e.includeBlockProps ? {
-      ...E({
+      ...N({
         block: e.block,
         context: e.context
       }),
-      ...F({
+      ...q({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -527,8 +571,8 @@ function Oe(e) {
       })
     } : {};
   }
-  return /* @__PURE__ */ i(h, { children: e.Wrapper.load ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
-    Ie,
+  return /* @__PURE__ */ c(h, { children: e.Wrapper.load ? /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(
+    Te,
     {
       load: e.Wrapper.load,
       fallback: e.Wrapper.fallback,
@@ -536,16 +580,16 @@ function Oe(e) {
       attributes: t(),
       children: e.children
     }
-  ) }) : /* @__PURE__ */ i(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children }) });
+  ) }) : /* @__PURE__ */ c(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children }) });
 }
-const We = ({
+const ze = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
   componentRef: r,
   includeBlockProps: o,
-  isInteractive: s,
-  contextValue: l
+  isInteractive: i,
+  contextValue: s
 }) => {
   const u = {
     ...e,
@@ -554,13 +598,13 @@ const We = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...o ? {
-      attributes: E({
+      attributes: N({
         block: t,
-        context: l
+        context: s
       })
     } : {}
   };
-  return s ? {
+  return i ? {
     Wrapper: r,
     block: t,
     context: n,
@@ -568,15 +612,15 @@ const We = ({
     includeBlockProps: o
   } : u;
 };
-function M(e) {
+function D(e) {
   var r;
-  const [t, n] = O(
-    () => e.isInteractive ? Oe : e.componentRef
+  const [t, n] = W(
+    () => e.isInteractive ? Le : e.componentRef
   );
-  return /* @__PURE__ */ i(h, { children: e.componentRef ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(h, { children: e.componentRef ? /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(
     t,
     {
-      ...We({
+      ...ze({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -586,8 +630,8 @@ function M(e) {
         isInteractive: e.isInteractive,
         contextValue: e.context
       }),
-      children: (r = e.blockChildren) == null ? void 0 : r.map((o) => /* @__PURE__ */ i(
-        P,
+      children: (r = e.blockChildren) == null ? void 0 : r.map((o) => /* @__PURE__ */ c(
+        w,
         {
           block: o,
           context: e.context,
@@ -599,10 +643,10 @@ function M(e) {
     }
   ) }) : null });
 }
-function L(e) {
-  const [t, n] = O(() => e.repeatContext);
-  return /* @__PURE__ */ i(_.Provider, { value: t, children: /* @__PURE__ */ i(
-    P,
+function M(e) {
+  const [t, n] = W(() => e.repeatContext);
+  return /* @__PURE__ */ c(_.Provider, { value: t, children: /* @__PURE__ */ c(
+    w,
     {
       block: e.block,
       context: t,
@@ -611,23 +655,23 @@ function L(e) {
     }
   ) });
 }
-function P(e) {
+function w(e) {
   var m, g, k, S;
   function t() {
-    return pe({
+    return xe({
       block: e.block,
       context: e.context
     });
   }
-  const [n, r] = O(() => ({
+  const [n, r] = W(() => ({
     value: null,
     update: !1
   }));
   function o() {
-    var d;
-    if (n.value && !n.update && !q())
+    var f;
+    if (n.value && !n.update && !G())
       return n.value;
-    const c = (d = e.block.repeat) != null && d.collection ? e.block : re({
+    const l = (f = e.block.repeat) != null && f.collection ? e.block : ue({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -635,75 +679,77 @@ function P(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     });
-    return n.value = c, n.update = !1, c;
+    return n.value = l, n.update = !1, l;
   }
-  function s() {
-    return he({
+  function i() {
+    return Ce({
       block: o(),
-      registeredComponents: e.registeredComponents
+      registeredComponents: e.registeredComponents,
+      model: e.context.model
     });
   }
-  function l() {
-    var d;
-    return e.block.tagName === "a" || ((d = o().properties) == null ? void 0 : d.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
+  function s() {
+    var f;
+    return e.block.tagName === "a" || ((f = o().properties) == null ? void 0 : f.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function u() {
     var p, y;
     if ((p = e.block.repeat) != null && p.collection)
       return !!((y = t == null ? void 0 : t()) != null && y.length);
-    const c = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !c;
+    const l = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !l;
   }
-  function f() {
-    var d, p;
-    return !((d = s == null ? void 0 : s()) != null && d.component) && !t() ? (p = o().children) != null ? p : [] : [];
+  function d() {
+    var f, p;
+    return !((f = i == null ? void 0 : i()) != null && f.component) && !t() ? (p = o().children) != null ? p : [] : [];
   }
   function a() {
-    var c, d, p, y;
+    var l, f, p, y;
     return {
-      blockChildren: (c = o().children) != null ? c : [],
-      componentRef: (d = s == null ? void 0 : s()) == null ? void 0 : d.component,
+      blockChildren: (l = o().children) != null ? l : [],
+      componentRef: (f = i == null ? void 0 : i()) == null ? void 0 : f.component,
       componentOptions: {
-        ...X(o()),
-        ...ke(s(), o()),
-        ...Se(s(), e.context),
-        ...ye(s(), e.linkComponent),
-        ...ge(
-          s(),
-          e.registeredComponents
+        ...te(o()),
+        ...be(i(), o()),
+        ...Pe(i(), e.context),
+        ...Be(i(), e.linkComponent),
+        ...ve(
+          i(),
+          e.registeredComponents,
+          e.context.model
         )
       },
       context: e.context,
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((p = s == null ? void 0 : s()) == null ? void 0 : p.noWrap) === !0,
-      isInteractive: !((y = s == null ? void 0 : s()) != null && y.isRSC && v === "rsc")
+      includeBlockProps: ((p = i == null ? void 0 : i()) == null ? void 0 : p.noWrap) === !0,
+      isInteractive: !((y = i == null ? void 0 : i()) != null && y.isRSC && b === "rsc")
     };
   }
-  return b(() => {
-    const c = o().id, d = o().animations;
-    d && c && le(
-      d.map((p) => ({
+  return B(() => {
+    const l = o().id, f = o().animations;
+    f && l && fe(
+      f.map((p) => ({
         ...p,
-        elementId: c
+        elementId: l
       }))
     );
-  }, []), b(() => {
+  }, []), B(() => {
     n.update = !0;
-  }), /* @__PURE__ */ i(h, { children: u() ? /* @__PURE__ */ R(h, { children: [
-    /* @__PURE__ */ i(be, { block: o(), context: e.context }),
-    (m = s == null ? void 0 : s()) != null && m.noWrap ? t() ? /* @__PURE__ */ i(h, { children: (S = t()) == null ? void 0 : S.map((c, d) => /* @__PURE__ */ i(
-      L,
+  }), /* @__PURE__ */ c(h, { children: u() ? /* @__PURE__ */ R(h, { children: [
+    /* @__PURE__ */ c(Re, { block: o(), context: e.context }),
+    (m = i == null ? void 0 : i()) != null && m.noWrap ? t() ? /* @__PURE__ */ c(h, { children: (S = t()) == null ? void 0 : S.map((l, f) => /* @__PURE__ */ c(
+      M,
       {
-        repeatContext: c.context,
-        block: c.block,
+        repeatContext: l.context,
+        block: l.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      d
-    )) }) : /* @__PURE__ */ i(
-      M,
+      f
+    )) }) : /* @__PURE__ */ c(
+      D,
       {
         componentRef: a().componentRef,
         componentOptions: a().componentOptions,
@@ -715,24 +761,24 @@ function P(e) {
         includeBlockProps: a().includeBlockProps,
         isInteractive: a().isInteractive
       }
-    ) : /* @__PURE__ */ i(h, { children: t() ? /* @__PURE__ */ i(h, { children: (k = t()) == null ? void 0 : k.map((c, d) => /* @__PURE__ */ i(
-      L,
+    ) : /* @__PURE__ */ c(h, { children: t() ? /* @__PURE__ */ c(h, { children: (k = t()) == null ? void 0 : k.map((l, f) => /* @__PURE__ */ c(
+      M,
       {
-        repeatContext: c.context,
-        block: c.block,
+        repeatContext: l.context,
+        block: l.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      d
+      f
     )) }) : /* @__PURE__ */ R(
-      Ae,
+      $e,
       {
-        Wrapper: l(),
+        Wrapper: s(),
         block: o(),
         context: e.context,
         children: [
-          /* @__PURE__ */ i(
-            M,
+          /* @__PURE__ */ c(
+            D,
             {
               componentRef: a().componentRef,
               componentOptions: a().componentOptions,
@@ -745,40 +791,40 @@ function P(e) {
               isInteractive: a().isInteractive
             }
           ),
-          (g = f()) == null ? void 0 : g.map((c) => /* @__PURE__ */ i(
-            P,
+          (g = d()) == null ? void 0 : g.map((l) => /* @__PURE__ */ c(
+            w,
             {
-              block: c,
+              block: l,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            c.id
+            l.id
           ))
         ]
       }
     ) })
   ] }) : null });
 }
-function Ee(e) {
-  const t = Z(null);
+function De(e) {
+  const t = Q(null);
   function n() {
-    var l;
+    var s;
     return [
       "builder-blocks",
-      (l = e.blocks) != null && l.length ? "" : "no-blocks",
+      (s = e.blocks) != null && s.length ? "" : "no-blocks",
       e.classNameProp
     ].filter(Boolean).join(" ");
   }
   function r() {
     if (!e.path)
       return;
-    const l = "component.options.";
-    return e.path.startsWith(l) ? e.path : `${l}${e.path || ""}`;
+    const s = "component.options.";
+    return e.path.startsWith(s) ? e.path : `${s}${e.path || ""}`;
   }
   function o() {
-    var l, u;
-    T() && !((l = e.blocks) != null && l.length) && ((u = window.parent) == null || u.postMessage(
+    var s, u;
+    L() && !((s = e.blocks) != null && s.length) && ((u = window.parent) == null || u.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -789,9 +835,9 @@ function Ee(e) {
       "*"
     ));
   }
-  function s() {
-    var l, u;
-    T() && !((l = e.blocks) != null && l.length) && ((u = window.parent) == null || u.postMessage(
+  function i() {
+    var s, u;
+    L() && !((s = e.blocks) != null && s.length) && ((u = window.parent) == null || u.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -802,9 +848,9 @@ function Ee(e) {
       "*"
     ));
   }
-  return b(() => {
+  return B(() => {
   }, []), /* @__PURE__ */ R(h, { children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ c(
       e.BlocksWrapper,
       {
         ref: t,
@@ -812,25 +858,25 @@ function Ee(e) {
         "builder-path": r(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
-        onClick: (l) => o(),
-        onMouseEnter: (l) => s(),
-        onKeyPress: (l) => o(),
+        onClick: (s) => o(),
+        onMouseEnter: (s) => i(),
+        onKeyPress: (s) => o(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ i("style", { children: `.props-blocks-wrapper-215a41e0 {
+    /* @__PURE__ */ c("style", { children: `.props-blocks-wrapper-215a41e0 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }` })
   ] });
 }
-function Ne(e) {
-  var r, o, s;
-  const t = $(_), n = $(G);
-  return /* @__PURE__ */ i(
-    Ee,
+function Me(e) {
+  var r, o, i;
+  const t = T(_), n = T(ee);
+  return /* @__PURE__ */ c(
+    De,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -839,32 +885,32 @@ function Ne(e) {
       classNameProp: e.className,
       BlocksWrapper: ((r = e.context) == null ? void 0 : r.BlocksWrapper) || (t == null ? void 0 : t.BlocksWrapper),
       BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || (t == null ? void 0 : t.BlocksWrapperProps),
-      children: e.blocks ? /* @__PURE__ */ i(h, { children: (s = e.blocks) == null ? void 0 : s.map((l) => /* @__PURE__ */ i(
-        P,
+      children: e.blocks ? /* @__PURE__ */ c(h, { children: (i = e.blocks) == null ? void 0 : i.map((s) => /* @__PURE__ */ c(
+        w,
         {
-          block: l,
+          block: s,
           linkComponent: e.linkComponent,
           context: e.context || t,
           registeredComponents: e.registeredComponents || (n == null ? void 0 : n.registeredComponents)
         },
-        l.id
+        s.id
       )) }) : null
     }
   );
 }
-const Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ne
+  default: Me
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  P as Block,
-  Ne as Blocks,
-  G as ComponentsContext,
-  xe as InlinedStyles,
-  Ue as blocks,
-  H as fastClone,
-  Ce as getSizesForBreakpoints,
-  me as mapStyleObjToStrIfNeeded,
-  ee as set,
-  ie as triggerAnimation
+  w as Block,
+  Me as Blocks,
+  ee as ComponentsContext,
+  Oe as InlinedStyles,
+  Ze as blocks,
+  U as fastClone,
+  we as getSizesForBreakpoints,
+  Se as mapStyleObjToStrIfNeeded,
+  se as set,
+  he as triggerAnimation
 };