@builder.io/sdk-react 2.0.12 → 2.0.13

package/lib/edge/{blocks-e0e60319.js → blocks-54e76c48.js}

@@ -1,39 +1,39 @@
-import { jsx as a, Fragment as h, jsxs as P } from "react/jsx-runtime";
-import { createContext as F, useState as O, useEffect as w, useRef as V, useContext as N } from "react";
-import { BuilderContext as M } from "./blocks-exports.mjs";
-import { TARGET as x, checkIsDefined as R, isPreviewing as Z, isEditing as T } from "./server-entry-84c3cdd6.js";
-import { evaluate as A, set as q } from "./evaluate-6408d64d.js";
-import { getClassPropName as J } from "./get-class-prop-name-d005a2bb.js";
-import { DynamicRenderer as Q } from "./dynamic-renderer-8b343325.js";
-const L = (e) => JSON.parse(JSON.stringify(e)), G = F({ registeredComponents: {} });
-function X(e) {
+import { jsx as a, Fragment as h, jsxs as w } from "react/jsx-runtime";
+import { createContext as V, useState as A, useEffect as R, useRef as Z, useContext as N } from "react";
+import { BuilderContext as L } from "./blocks-exports.mjs";
+import { TARGET as b, checkIsDefined as I, isPreviewing as q, isEditing as T } from "./server-entry-899f7119.js";
+import { evaluate as E, set as J } from "./evaluate-1ef00edc.js";
+import { getClassPropName as Q } from "./get-class-prop-name-c8375d5b.js";
+import { DynamicRenderer as G } from "./dynamic-renderer-8b343325.js";
+const j = (e) => JSON.parse(JSON.stringify(e)), X = V({ registeredComponents: {} });
+function Y(e) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options
   };
 }
-function Y(e, ...n) {
+function ee(e, ...n) {
   const t = Object.assign({}, e);
   for (const r of n)
     delete t[r];
   return t;
 }
-function I(e) {
+function O(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((t) => I(t));
+    return e.map((t) => O(t));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
   const n = {};
   for (const t in e)
-    t !== "meta" && Object.prototype.hasOwnProperty.call(e, t) && (n[t] = I(e[t]));
+    t !== "meta" && Object.prototype.hasOwnProperty.call(e, t) && (n[t] = O(e[t]));
   return n;
 }
-const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) => {
-  if (ee) {
-    const n = L(e);
+const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ne = (e) => {
+  if (te) {
+    const n = j(e);
     return {
       ...n,
       properties: {
@@ -44,7 +44,7 @@ const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) =
       }
     };
   } else {
-    const n = I(Y(e, "children", "meta"));
+    const n = O(ee(e, "children", "meta"));
     return {
       ...n,
       properties: {
@@ -57,7 +57,7 @@ const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) =
       meta: e.meta
     };
   }
-}, ne = ({
+}, oe = ({
   block: e,
   context: n,
   localState: t,
@@ -66,21 +66,21 @@ const ee = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), te = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const s = te(e);
+  const s = ne(e);
   for (const l in e.bindings) {
-    const u = e.bindings[l], f = A({
-      code: u,
+    const d = e.bindings[l], f = E({
+      code: d,
       localState: t,
       rootState: r,
       rootSetState: o,
       context: n,
       enableCache: !0
     });
-    q(s, l, f);
+    J(s, l, f);
   }
   return s;
 };
-function oe({
+function re({
   block: e,
   context: n,
   shouldEvaluateBindings: t,
@@ -89,7 +89,7 @@ function oe({
   rootSetState: s
 }) {
   const l = e;
-  return t ? ne({
+  return t ? oe({
     block: l,
     localState: r,
     rootState: o,
@@ -97,17 +97,17 @@ function oe({
     context: n
   }) : l;
 }
-const b = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function re(e, n, t = {}) {
-  let r, o, s, l = null, u = 0;
+const v = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function se(e, n, t = {}) {
+  let r, o, s, l = null, d = 0;
   const f = function() {
-    u = t.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
+    d = t.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
   };
   return function() {
-    const c = Date.now();
-    !u && t.leading === !1 && (u = c);
-    const m = n - (c - u);
-    return r = this, o = arguments, m <= 0 || m > n ? (l && (clearTimeout(l), l = null), u = c, s = e.apply(r, o), l || (r = o = null)) : !l && t.trailing !== !1 && (l = setTimeout(f, m)), s;
+    const i = Date.now();
+    !d && t.leading === !1 && (d = i);
+    const m = n - (i - d);
+    return r = this, o = arguments, m <= 0 || m > n ? (l && (clearTimeout(l), l = null), d = i, s = e.apply(r, o), l || (r = o = null)) : !l && t.trailing !== !1 && (l = setTimeout(f, m)), s;
   };
 }
 function S(e, ...n) {
@@ -120,118 +120,118 @@ function S(e, ...n) {
   }
   return t;
 }
-function se(e) {
+function le(e) {
   for (const n of e)
     switch (n.trigger) {
       case "pageLoad":
-        ce(n);
+        ie(n);
         break;
       case "scrollInView":
-        ie(n);
+        ae(n);
         break;
     }
 }
-function j(e) {
+function H(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function H(e, n) {
-  const t = le(e), r = getComputedStyle(n), o = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, l = [o, s];
-  for (const u of l)
+function U(e, n) {
+  const t = ce(e), r = getComputedStyle(n), o = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, l = [o, s];
+  for (const d of l)
     for (const f of t)
-      f in u || (u[f] = r[f]);
+      f in d || (d[f] = r[f]);
 }
-function le(e) {
+function ce(e) {
   const n = [];
   for (const t of e.steps)
     for (const r in t.styles)
       n.indexOf(r) === -1 && n.push(r);
   return n;
 }
-function ce(e) {
+function ie(e) {
   const n = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!n.length) {
-    j(e.elementId || e.id || "");
+    H(e.elementId || e.id || "");
     return;
   }
   Array.from(n).forEach((t) => {
-    H(e, t), t.style.transition = "none", t.style.transitionDelay = "0", S(t.style, e.steps[0].styles), setTimeout(() => {
-      t.style.transition = `all ${e.duration}s ${b(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s"), S(t.style, e.steps[1].styles), setTimeout(() => {
+    U(e, t), t.style.transition = "none", t.style.transitionDelay = "0", S(t.style, e.steps[0].styles), setTimeout(() => {
+      t.style.transition = `all ${e.duration}s ${v(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s"), S(t.style, e.steps[1].styles), setTimeout(() => {
         t.style.transition = "", t.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function ie(e) {
+function ae(e) {
   const n = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!n.length) {
-    j(e.elementId || e.id || "");
+    H(e.elementId || e.id || "");
     return;
   }
   Array.from(n).forEach((t) => {
-    H(e, t);
+    U(e, t);
     let r = !1, o = !1;
     function s() {
-      !r && u(t) ? (r = !0, o = !0, setTimeout(() => {
+      !r && d(t) ? (r = !0, o = !0, setTimeout(() => {
         S(t.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", l), setTimeout(() => {
           o = !1, e.repeat || (t.style.transition = "", t.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && r && !o && !u(t) && (r = !1, S(t.style, e.steps[0].styles));
+      })) : e.repeat && r && !o && !d(t) && (r = !1, S(t.style, e.steps[0].styles));
     }
-    const l = re(s, 200, {
+    const l = se(s, 200, {
       leading: !1
     });
-    function u(m) {
-      const g = m.getBoundingClientRect(), k = window.innerHeight, i = (e.thresholdPercent || 0) / 100 * k;
-      return g.bottom > i && g.top < k - i;
+    function d(m) {
+      const g = m.getBoundingClientRect(), k = window.innerHeight, c = (e.thresholdPercent || 0) / 100 * k;
+      return g.bottom > c && g.top < k - c;
     }
     const f = e.steps[0].styles;
-    function c() {
+    function i() {
       S(t.style, f);
     }
-    c(), setTimeout(() => {
-      t.style.transition = `all ${e.duration}s ${b(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s");
+    i(), setTimeout(() => {
+      t.style.transition = `all ${e.duration}s ${v(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", l, {
       capture: !0,
       passive: !0
     }), s();
   });
 }
-const U = (e) => Object.entries(e).map(([t, r]) => {
+const z = (e) => Object.entries(e).map(([t, r]) => {
   if (typeof r == "string")
-    return `${b(t)}: ${r};`;
-}).filter(R), ae = (e) => U(e).join(`
-`), C = ({
+    return `${v(t)}: ${r};`;
+}).filter(I), ue = (e) => z(e).join(`
+`), x = ({
   mediaQuery: e,
   className: n,
   styles: t
 }) => {
   const r = `.${n} {
-    ${ae(t)}
+    ${ue(t)}
   }`;
   return e ? `${e} {
       ${r}
     }` : r;
 };
-function ue({
+function de({
   style: e
 }) {
   return e;
 }
-const de = ({
+const fe = ({
   block: e,
   context: n
-}) => fe(ue({
+}) => me(de({
   style: e.style || {},
   context: n,
   block: e
 }));
-function fe(e) {
-  switch (x) {
+function me(e) {
+  switch (b) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return U(e).join(" ");
+      return z(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -239,7 +239,7 @@ function fe(e) {
       return e;
   }
 }
-const me = ({
+const pe = ({
   block: e,
   registeredComponents: n
 }) => {
@@ -253,7 +253,7 @@ const me = ({
   console.warn(`
       Could not find a registered component named "${t}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, pe = ({
+}, he = ({
   block: e,
   context: n
 }) => {
@@ -263,7 +263,7 @@ const me = ({
   } = e;
   if (!(t != null && t.collection))
     return;
-  const o = A({
+  const o = E({
     code: t.collection,
     localState: n.localState,
     rootState: n.rootState,
@@ -274,40 +274,40 @@ const me = ({
   if (!Array.isArray(o))
     return;
   const s = t.collection.split(".").pop(), l = t.itemName || (s ? s + "Item" : "item");
-  return o.map((f, c) => ({
+  return o.map((f, i) => ({
     context: {
       ...n,
       localState: {
         ...n.localState,
-        $index: c,
+        $index: i,
         $item: f,
         [l]: f,
-        [`$${l}Index`]: c
+        [`$${l}Index`]: i
       }
     },
     block: r
   }));
-}, he = (e, n) => {
+}, ye = (e, n) => {
   var t;
   return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderLinkComponent ? {
     builderLinkComponent: n
   } : {};
-}, ye = (e, n) => {
+}, ge = (e, n) => {
   var t;
   return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderComponents ? {
     builderComponents: n
   } : {};
-}, ge = (e, n) => {
+}, ke = (e, n) => {
   var t;
   return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderBlock ? {
     builderBlock: n
   } : {};
-}, ke = (e, n) => {
+}, Ce = (e, n) => {
   var t;
   return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderContext ? {
     builderContext: n
   } : {};
-}, z = {
+}, K = {
   small: {
     min: 320,
     default: 321,
@@ -323,11 +323,11 @@ const me = ({
     default: 991,
     max: 1200
   }
-}, D = (e, n = z) => `@media (max-width: ${n[e].max}px)`, Se = ({
+}, D = (e, n = K) => `@media (max-width: ${n[e].max}px)`, Se = ({
   small: e,
   medium: n
 }) => {
-  const t = L(z);
+  const t = j(K);
   if (!e || !n)
     return t;
   const r = Math.floor(e / 2);
@@ -350,7 +350,7 @@ const me = ({
     default: s + 1
   }, t;
 };
-function Ce(e) {
+function xe(e) {
   return /* @__PURE__ */ a(
     "style",
     {
@@ -360,59 +360,59 @@ function Ce(e) {
     }
   );
 }
-function xe(e) {
+function be(e) {
   function n() {
     const r = e.block;
-    return R(r.hide) ? !r.hide : R(r.show) ? r.show : !0;
+    return I(r.hide) ? !r.hide : I(r.show) ? r.show : !0;
   }
   function t() {
-    var y, W, $;
+    var p, y, $;
     const r = e.block, o = r.responsiveStyles, s = e.context.content, l = Se(
-      ((y = s == null ? void 0 : s.meta) == null ? void 0 : y.breakpoints) || {}
-    ), u = o == null ? void 0 : o.large, f = o == null ? void 0 : o.medium, c = o == null ? void 0 : o.small, m = r.id;
+      ((p = s == null ? void 0 : s.meta) == null ? void 0 : p.breakpoints) || {}
+    ), d = o == null ? void 0 : o.large, f = o == null ? void 0 : o.medium, i = o == null ? void 0 : o.small, m = r.id;
     if (!m)
       return "";
-    const g = u ? C({
+    const g = d ? x({
       className: m,
-      styles: u
-    }) : "", k = f ? C({
+      styles: d
+    }) : "", k = f ? x({
       className: m,
       styles: f,
       mediaQuery: D(
         "medium",
         l
       )
-    }) : "", d = c ? C({
+    }) : "", C = i ? x({
       className: m,
-      styles: c,
+      styles: i,
       mediaQuery: D(
         "small",
         l
       )
-    }) : "", i = r.animations && r.animations.find((B) => B.trigger === "hover");
-    let p = "";
-    if (i) {
-      const B = (($ = (W = i.steps) == null ? void 0 : W[1]) == null ? void 0 : $.styles) || {};
-      p = C({
+    }) : "", c = r.animations && r.animations.find((P) => P.trigger === "hover");
+    let u = "";
+    if (c) {
+      const P = (($ = (y = c.steps) == null ? void 0 : y[1]) == null ? void 0 : $.styles) || {};
+      u = x({
         className: `${m}:hover`,
         styles: {
-          ...B,
-          transition: `all ${i.duration}s ${b(
-            i.easing
+          ...P,
+          transition: `all ${c.duration}s ${v(
+            c.easing
           )}`,
-          transitionDelay: i.delay ? `${i.delay}s` : "0s"
+          transitionDelay: c.delay ? `${c.delay}s` : "0s"
         }
       }) || "";
     }
     return [
       g,
       k,
-      d,
-      p
+      C,
+      u
     ].join(" ");
   }
   return /* @__PURE__ */ a(h, { children: t() && n() ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
-    Ce,
+    xe,
     {
       id: "builderio-block",
       styles: t(),
@@ -420,10 +420,10 @@ function xe(e) {
     }
   ) }) : null });
 }
-function be(e) {
+function ve(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const ve = (e) => `on${be(e)}`, Be = (e, n) => (t) => A({
+const Be = (e) => `on${ve(e)}`, Pe = (e, n) => (t) => E({
   code: e,
   context: n.context,
   localState: n.localState,
@@ -433,16 +433,16 @@ const ve = (e) => `on${be(e)}`, Be = (e, n) => (t) => A({
   isExpression: !1,
   enableCache: !0
 });
-function K(e) {
+function F(e) {
   var r;
   const n = {}, t = (r = e.block.actions) != null ? r : {};
   for (const o in t) {
     if (!t.hasOwnProperty(o))
       continue;
     const s = t[o];
-    let l = ve(o);
+    let l = Be(o);
     if (e.stripPrefix)
-      switch (x) {
+      switch (b) {
         case "vue":
           l = l.replace("v-on:", "");
           break;
@@ -450,49 +450,49 @@ function K(e) {
           l = l.replace("on:", "");
           break;
       }
-    n[l] = Be(s, e);
+    n[l] = Pe(s, e);
   }
   return n;
 }
-function Pe({
+function we({
   properties: e
 }) {
   return e;
 }
-const we = (e) => ({
+const Re = (e) => ({
   href: e.href
 });
-function E({
+function W({
   block: e,
   context: n
 }) {
   var r;
   const t = {
-    ...we(e),
+    ...Re(e),
     ...e.properties,
     "builder-id": e.id,
-    style: de({
+    style: fe({
       block: e,
       context: n
     }),
-    [J()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
+    [Q()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
   };
-  return Pe({
+  return we({
     properties: t,
     context: n,
     block: e
   });
 }
-function Re(e) {
+function Ie(e) {
   return /* @__PURE__ */ a(
-    Q,
+    G,
     {
       TagName: e.Wrapper,
-      attributes: E({
+      attributes: W({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: K({
+      actionAttributes: F({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -504,14 +504,14 @@ function Re(e) {
     }
   );
 }
-function Ie(e) {
+function Oe(e) {
   function n() {
     return e.includeBlockProps ? {
-      ...E({
+      ...W({
         block: e.block,
         context: e.context
       }),
-      ...K({
+      ...F({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -522,7 +522,7 @@ function Ie(e) {
   }
   return /* @__PURE__ */ a(e.Wrapper, { ...e.wrapperProps, attributes: n(), children: e.children });
 }
-const Oe = ({
+const Ae = ({
   componentOptions: e,
   builderBlock: n,
   context: t,
@@ -531,14 +531,14 @@ const Oe = ({
   isInteractive: s,
   contextValue: l
 }) => {
-  const u = {
+  const d = {
     ...e,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...o ? {
-      attributes: E({
+      attributes: W({
         block: n,
         context: l
       })
@@ -550,17 +550,17 @@ const Oe = ({
     context: t,
     wrapperProps: e,
     includeBlockProps: o
-  } : u;
+  } : d;
 };
 function _(e) {
   var r;
-  const [n, t] = O(
-    () => e.isInteractive ? Ie : e.componentRef
+  const [n, t] = A(
+    () => e.isInteractive ? Oe : e.componentRef
   );
   return /* @__PURE__ */ a(h, { children: e.componentRef ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
     n,
     {
-      ...Oe({
+      ...Ae({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -571,7 +571,7 @@ function _(e) {
         contextValue: e.context
       }),
       children: (r = e.blockChildren) == null ? void 0 : r.map((o) => /* @__PURE__ */ a(
-        v,
+        B,
         {
           block: o,
           context: e.context,
@@ -583,10 +583,10 @@ function _(e) {
     }
   ) }) : null });
 }
-function Ae(e) {
-  const [n, t] = O(() => e.repeatContext);
-  return /* @__PURE__ */ a(M.Provider, { value: n, children: /* @__PURE__ */ a(
-    v,
+function M(e) {
+  const [n, t] = A(() => e.repeatContext);
+  return /* @__PURE__ */ a(L.Provider, { value: n, children: /* @__PURE__ */ a(
+    B,
     {
       block: e.block,
       context: n,
@@ -595,23 +595,23 @@ function Ae(e) {
     }
   ) });
 }
-function v(e) {
-  var m, g, k;
+function B(e) {
+  var m, g, k, C;
   function n() {
-    return pe({
+    return he({
       block: e.block,
       context: e.context
     });
   }
-  const [t, r] = O(() => ({
+  const [t, r] = A(() => ({
     value: null,
     update: !1
   }));
   function o() {
-    var i;
-    if (t.value && !t.update && !Z())
+    var u;
+    if (t.value && !t.update && !q())
       return t.value;
-    const d = (i = e.block.repeat) != null && i.collection ? e.block : oe({
+    const c = (u = e.block.repeat) != null && u.collection ? e.block : re({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -619,40 +619,40 @@ function v(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     });
-    return t.value = d, t.update = !1, d;
+    return t.value = c, t.update = !1, c;
   }
   function s() {
-    return me({
+    return pe({
       block: o(),
       registeredComponents: e.registeredComponents
     });
   }
   function l() {
-    var i;
-    return e.block.tagName === "a" || ((i = o().properties) == null ? void 0 : i.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var u;
+    return e.block.tagName === "a" || ((u = o().properties) == null ? void 0 : u.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
-  function u() {
+  function d() {
     var p, y;
     if ((p = e.block.repeat) != null && p.collection)
       return !!((y = n == null ? void 0 : n()) != null && y.length);
-    const d = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !d;
+    const c = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !c;
   }
   function f() {
-    var i, p;
-    return !((i = s == null ? void 0 : s()) != null && i.component) && !n() ? (p = o().children) != null ? p : [] : [];
+    var u, p;
+    return !((u = s == null ? void 0 : s()) != null && u.component) && !n() ? (p = o().children) != null ? p : [] : [];
   }
-  function c() {
-    var d, i, p, y;
+  function i() {
+    var c, u, p, y;
     return {
-      blockChildren: (d = o().children) != null ? d : [],
-      componentRef: (i = s == null ? void 0 : s()) == null ? void 0 : i.component,
+      blockChildren: (c = o().children) != null ? c : [],
+      componentRef: (u = s == null ? void 0 : s()) == null ? void 0 : u.component,
       componentOptions: {
-        ...X(o()),
-        ...ge(s(), o()),
-        ...ke(s(), e.context),
-        ...he(s(), e.linkComponent),
-        ...ye(
+        ...Y(o()),
+        ...ke(s(), o()),
+        ...Ce(s(), e.context),
+        ...ye(s(), e.linkComponent),
+        ...ge(
           s(),
           e.registeredComponents
         )
@@ -662,45 +662,54 @@ function v(e) {
       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 && x === "rsc")
+      isInteractive: !((y = s == null ? void 0 : s()) != null && y.isRSC && b === "rsc")
     };
   }
-  return w(() => {
-    const d = o().id, i = o().animations;
-    i && d && se(
-      i.map((p) => ({
+  return R(() => {
+    const c = o().id, u = o().animations;
+    u && c && le(
+      u.map((p) => ({
         ...p,
-        elementId: d
+        elementId: c
       }))
     );
-  }, []), w(() => {
+  }, []), R(() => {
     t.update = !0;
-  }), /* @__PURE__ */ a(h, { children: u() ? /* @__PURE__ */ P(h, { children: [
-    /* @__PURE__ */ a(xe, { block: o(), context: e.context }),
-    (m = s == null ? void 0 : s()) != null && m.noWrap ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
+  }), /* @__PURE__ */ a(h, { children: d() ? /* @__PURE__ */ w(h, { children: [
+    /* @__PURE__ */ a(be, { block: o(), context: e.context }),
+    (m = s == null ? void 0 : s()) != null && m.noWrap ? n() ? /* @__PURE__ */ a(h, { children: (C = n()) == null ? void 0 : C.map((c, u) => /* @__PURE__ */ a(
+      M,
+      {
+        repeatContext: c.context,
+        block: c.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      u
+    )) }) : /* @__PURE__ */ a(
       _,
       {
-        componentRef: c().componentRef,
-        componentOptions: c().componentOptions,
-        blockChildren: c().blockChildren,
-        context: c().context,
-        registeredComponents: c().registeredComponents,
-        linkComponent: c().linkComponent,
-        builderBlock: c().builderBlock,
-        includeBlockProps: c().includeBlockProps,
-        isInteractive: c().isInteractive
+        componentRef: i().componentRef,
+        componentOptions: i().componentOptions,
+        blockChildren: i().blockChildren,
+        context: i().context,
+        registeredComponents: i().registeredComponents,
+        linkComponent: i().linkComponent,
+        builderBlock: i().builderBlock,
+        includeBlockProps: i().includeBlockProps,
+        isInteractive: i().isInteractive
       }
-    ) }) : /* @__PURE__ */ a(h, { children: n() ? /* @__PURE__ */ a(h, { children: (k = n()) == null ? void 0 : k.map((d, i) => /* @__PURE__ */ a(
-      Ae,
+    ) : /* @__PURE__ */ a(h, { children: n() ? /* @__PURE__ */ a(h, { children: (k = n()) == null ? void 0 : k.map((c, u) => /* @__PURE__ */ a(
+      M,
       {
-        repeatContext: d.context,
-        block: d.block,
+        repeatContext: c.context,
+        block: c.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      i
-    )) }) : /* @__PURE__ */ P(
-      Re,
+      u
+    )) }) : /* @__PURE__ */ w(
+      Ie,
       {
         Wrapper: l(),
         block: o(),
@@ -709,26 +718,26 @@ function v(e) {
           /* @__PURE__ */ a(
             _,
             {
-              componentRef: c().componentRef,
-              componentOptions: c().componentOptions,
-              blockChildren: c().blockChildren,
-              context: c().context,
-              registeredComponents: c().registeredComponents,
-              linkComponent: c().linkComponent,
-              builderBlock: c().builderBlock,
-              includeBlockProps: c().includeBlockProps,
-              isInteractive: c().isInteractive
+              componentRef: i().componentRef,
+              componentOptions: i().componentOptions,
+              blockChildren: i().blockChildren,
+              context: i().context,
+              registeredComponents: i().registeredComponents,
+              linkComponent: i().linkComponent,
+              builderBlock: i().builderBlock,
+              includeBlockProps: i().includeBlockProps,
+              isInteractive: i().isInteractive
             }
           ),
-          (g = f()) == null ? void 0 : g.map((d) => /* @__PURE__ */ a(
-            v,
+          (g = f()) == null ? void 0 : g.map((c) => /* @__PURE__ */ a(
+            B,
             {
-              block: d,
+              block: c,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            d.id
+            c.id
           ))
         ]
       }
@@ -736,7 +745,7 @@ function v(e) {
   ] }) : null });
 }
 function Ee(e) {
-  const n = V(null);
+  const n = Z(null);
   function t() {
     var s;
     return "builder-blocks" + ((s = e.blocks) != null && s.length ? "" : " no-blocks");
@@ -767,8 +776,8 @@ function Ee(e) {
       "*"
     ));
   }
-  return w(() => {
-  }, []), /* @__PURE__ */ P(h, { children: [
+  return R(() => {
+  }, []), /* @__PURE__ */ w(h, { children: [
     /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
@@ -793,7 +802,7 @@ function Ee(e) {
 }
 function We(e) {
   var r, o, s;
-  const n = N(M), t = N(G);
+  const n = N(L), t = N(X);
   return /* @__PURE__ */ a(
     Ee,
     {
@@ -804,7 +813,7 @@ function We(e) {
       BlocksWrapper: ((r = e.context) == null ? void 0 : r.BlocksWrapper) || n.BlocksWrapper,
       BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ a(h, { children: (s = e.blocks) == null ? void 0 : s.map((l) => /* @__PURE__ */ a(
-        v,
+        B,
         {
           block: l,
           linkComponent: e.linkComponent,
@@ -821,13 +830,13 @@ const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   default: We
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  v as Block,
+  B as Block,
   We as Blocks,
-  G as ComponentsContext,
-  Ce as InlinedStyles,
+  X as ComponentsContext,
+  xe as InlinedStyles,
   je as blocks,
-  L as fastClone,
+  j as fastClone,
   Se as getSizesForBreakpoints,
-  fe as mapStyleObjToStrIfNeeded,
-  ce as triggerAnimation
+  me as mapStyleObjToStrIfNeeded,
+  ie as triggerAnimation
 };