@builder.io/sdk-react 2.0.19 → 2.0.22

package/lib/edge/{blocks-51761337.js → blocks-852d317b.js}

@@ -1,58 +1,63 @@
-import { jsx as i, 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-77a5a1a0.js";
-import { evaluate as O, set as J } from "./evaluate-6febb3ef.js";
-import { getClassPropName as Q } from "./get-class-prop-name-a6353748.js";
-import { DynamicRenderer as G } from "./dynamic-renderer-8b343325.js";
-const X = V({ registeredComponents: {} });
-function Y(e) {
-  var n;
+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 N } 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-9d83b8e5.js";
+import { evaluate as W } from "./evaluate-46f56681.js";
+import { getClassPropName as J } from "./get-class-prop-name-6e4205e7.js";
+import { DynamicRenderer as Q } from "./dynamic-renderer-8b343325.js";
+const G = V({ registeredComponents: {} });
+function X(e) {
+  var t;
   return {
-    ...(n = e.component) == null ? void 0 : n.options,
+    ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function ee(e, ...n) {
-  const t = Object.assign({}, e);
-  for (const r of n)
-    delete t[r];
-  return t;
+function Y(e, ...t) {
+  const n = Object.assign({}, e);
+  for (const r of t)
+    delete n[r];
+  return n;
 }
-const j = (e) => JSON.parse(JSON.stringify(e));
-function W(e) {
+const H = (e) => JSON.parse(JSON.stringify(e)), ee = (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;
+};
+function I(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((t) => W(t));
+    return e.map((n) => I(n));
   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] = W(e[t]));
-  return n;
+  const t = {};
+  for (const n in e)
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = I(e[n]));
+  return t;
 }
-const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ne = (e) => {
+const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(v), ne = (e) => {
   if (te) {
-    const n = j(e);
+    const t = H(e);
     return {
-      ...n,
+      ...t,
       properties: {
-        ...n.properties
+        ...t.properties
       },
       actions: {
-        ...n.actions
+        ...t.actions
       }
     };
   } else {
-    const n = W(ee(e, "children", "meta"));
+    const t = I(Y(e, "children", "meta"));
     return {
-      ...n,
+      ...t,
       properties: {
-        ...n.properties
+        ...t.properties
       },
       actions: {
-        ...n.actions
+        ...t.actions
       },
       children: e.children,
       meta: e.meta
@@ -60,8 +65,8 @@ const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ne = (e) =
   }
 }, oe = ({
   block: e,
-  context: n,
-  localState: t,
+  context: t,
+  localState: n,
   rootState: r,
   rootSetState: o
 }) => {
@@ -69,114 +74,114 @@ const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ne = (e) =
     return e;
   const s = ne(e);
   for (const l in e.bindings) {
-    const d = e.bindings[l], f = O({
+    const d = e.bindings[l], f = W({
       code: d,
-      localState: t,
+      localState: n,
       rootState: r,
       rootSetState: o,
-      context: n,
+      context: t,
       enableCache: !0
     });
-    J(s, l, f);
+    ee(s, l, f);
   }
   return s;
 };
 function re({
   block: e,
-  context: n,
-  shouldEvaluateBindings: t,
+  context: t,
+  shouldEvaluateBindings: n,
   localState: r,
   rootState: o,
   rootSetState: s
 }) {
   const l = e;
-  return t ? oe({
+  return n ? oe({
     block: l,
     localState: r,
     rootState: o,
     rootSetState: s,
-    context: n
+    context: t
   }) : l;
 }
-const v = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function se(e, n, t = {}) {
+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, d = 0;
   const f = function() {
-    d = t.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
+    d = n.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
   };
   return function() {
     const a = Date.now();
-    !d && t.leading === !1 && (d = a);
-    const m = n - (a - d);
-    return r = this, o = arguments, m <= 0 || m > n ? (l && (clearTimeout(l), l = null), d = a, s = e.apply(r, o), l || (r = o = null)) : !l && t.trailing !== !1 && (l = setTimeout(f, m)), s;
+    !d && n.leading === !1 && (d = a);
+    const m = t - (a - d);
+    return r = this, o = arguments, m <= 0 || m > t ? (l && (clearTimeout(l), l = null), d = a, s = e.apply(r, o), l || (r = o = null)) : !l && n.trailing !== !1 && (l = setTimeout(f, m)), s;
   };
 }
-function S(e, ...n) {
-  const t = Object(e);
+function S(e, ...t) {
+  const n = Object(e);
   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) && (t[s] = o[s]);
+        Object.prototype.hasOwnProperty.call(o, s) && (n[s] = o[s]);
   }
-  return t;
+  return n;
 }
 function le(e) {
-  for (const n of e)
-    switch (n.trigger) {
+  for (const t of e)
+    switch (t.trigger) {
       case "pageLoad":
-        ie(n);
+        ie(t);
         break;
       case "scrollInView":
-        ae(n);
+        ae(t);
         break;
     }
 }
-function H(e) {
+function U(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-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];
+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 d of l)
-    for (const f of t)
+    for (const f of n)
       f in d || (d[f] = r[f]);
 }
 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;
+  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) {
-  const n = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!n.length) {
-    H(e.elementId || e.id || "");
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    U(e.elementId || e.id || "");
     return;
   }
-  Array.from(n).forEach((t) => {
-    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 = "";
+  Array.from(t).forEach((n) => {
+    j(e, n), n.style.transition = "none", n.style.transitionDelay = "0", S(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"), S(n.style, e.steps[1].styles), setTimeout(() => {
+        n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
 function ae(e) {
-  const n = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!n.length) {
-    H(e.elementId || e.id || "");
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    U(e.elementId || e.id || "");
     return;
   }
-  Array.from(n).forEach((t) => {
-    U(e, t);
+  Array.from(t).forEach((n) => {
+    j(e, n);
     let r = !1, o = !1;
     function s() {
-      !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 = "");
+      !r && d(n) ? (r = !0, o = !0, setTimeout(() => {
+        S(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", l), setTimeout(() => {
+          o = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && r && !o && !d(t) && (r = !1, S(t.style, e.steps[0].styles));
+      })) : e.repeat && r && !o && !d(n) && (r = !1, S(n.style, e.steps[0].styles));
     }
     const l = se(s, 200, {
       leading: !1
@@ -187,27 +192,27 @@ function ae(e) {
     }
     const f = e.steps[0].styles;
     function a() {
-      S(t.style, f);
+      S(n.style, f);
     }
     a(), setTimeout(() => {
-      t.style.transition = `all ${e.duration}s ${v(e.easing)}`, e.delay && (t.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${B(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", l, {
       capture: !0,
       passive: !0
     }), s();
   });
 }
-const z = (e) => Object.entries(e).map(([t, r]) => {
+const z = (e) => Object.entries(e).map(([n, r]) => {
   if (typeof r == "string")
-    return `${v(t)}: ${r};`;
-}).filter(I), ue = (e) => z(e).join(`
+    return `${B(n)}: ${r};`;
+}).filter(A), ue = (e) => z(e).join(`
 `), x = ({
   mediaQuery: e,
-  className: n,
-  styles: t
+  className: t,
+  styles: n
 }) => {
-  const r = `.${n} {
-    ${ue(t)}
+  const r = `.${t} {
+    ${ue(n)}
   }`;
   return e ? `${e} {
       ${r}
@@ -220,14 +225,14 @@ function de({
 }
 const fe = ({
   block: e,
-  context: n
+  context: t
 }) => me(de({
   style: e.style || {},
-  context: n,
+  context: t,
   block: e
 }));
 function me(e) {
-  switch (b) {
+  switch (v) {
     case "svelte":
     case "vue":
     case "solid":
@@ -242,44 +247,44 @@ function me(e) {
 }
 const he = ({
   block: e,
-  registeredComponents: n
+  registeredComponents: t
 }) => {
   var o;
-  const t = (o = e.component) == null ? void 0 : o.name;
-  if (!t)
+  const n = (o = e.component) == null ? void 0 : o.name;
+  if (!n)
     return null;
-  const r = n[t];
+  const r = t[n];
   if (r)
     return r;
   console.warn(`
-      Could not find a registered component named "${t}". 
+      Could not find a registered component named "${n}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
 }, pe = ({
   block: e,
-  context: n
+  context: t
 }) => {
   const {
-    repeat: t,
+    repeat: n,
     ...r
   } = e;
-  if (!(t != null && t.collection))
+  if (!(n != null && n.collection))
     return;
-  const o = O({
-    code: t.collection,
-    localState: n.localState,
-    rootState: n.rootState,
-    rootSetState: n.rootSetState,
-    context: n.context,
+  const o = W({
+    code: n.collection,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context,
     enableCache: !0
   });
   if (!Array.isArray(o))
     return;
-  const s = t.collection.split(".").pop(), l = t.itemName || (s ? s + "Item" : "item");
+  const s = n.collection.split(".").pop(), l = n.itemName || (s ? s + "Item" : "item");
   return o.map((f, a) => ({
     context: {
-      ...n,
+      ...t,
       localState: {
-        ...n.localState,
+        ...t.localState,
         $index: a,
         $item: f,
         [l]: f,
@@ -288,25 +293,25 @@ const he = ({
     },
     block: r
   }));
-}, ye = (e, n) => {
-  var t;
-  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderLinkComponent ? {
-    builderLinkComponent: n
+}, ye = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
+    builderLinkComponent: t
   } : {};
-}, ge = (e, n) => {
-  var t;
-  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderComponents ? {
-    builderComponents: n
+}, ge = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
+    builderComponents: t
   } : {};
-}, ke = (e, n) => {
-  var t;
-  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderBlock ? {
-    builderBlock: n
+}, ke = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
+    builderBlock: t
   } : {};
-}, Ce = (e, n) => {
-  var t;
-  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderContext ? {
-    builderContext: n
+}, Ce = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
+    builderContext: t
   } : {};
 }, K = {
   small: {
@@ -324,32 +329,32 @@ const he = ({
     default: 991,
     max: 1200
   }
-}, D = (e, n = K) => `@media (max-width: ${n[e].max}px)`, Se = ({
+}, D = (e, t = K) => `@media (max-width: ${t[e].max}px)`, Se = ({
   small: e,
-  medium: n
+  medium: t
 }) => {
-  const t = j(K);
-  if (!e || !n)
-    return t;
+  const n = H(K);
+  if (!e || !t)
+    return n;
   const r = Math.floor(e / 2);
-  t.small = {
+  n.small = {
     max: e,
     min: r,
     default: r + 1
   };
-  const o = t.small.max + 1;
-  t.medium = {
-    max: n,
+  const o = n.small.max + 1;
+  n.medium = {
+    max: t,
     min: o,
     default: o + 1
   };
-  const s = t.medium.max + 1;
-  return t.large = {
+  const s = n.medium.max + 1;
+  return n.large = {
     max: 2e3,
     // TODO: decide upper limit
     min: s,
     default: s + 1
-  }, t;
+  }, n;
 };
 function xe(e) {
   return /* @__PURE__ */ i(
@@ -362,11 +367,11 @@ function xe(e) {
   );
 }
 function be(e) {
-  function n() {
+  function t() {
     const r = e.block;
-    return I(r.hide) ? !r.hide : I(r.show) ? r.show : !0;
+    return A(r.hide) ? !r.hide : A(r.show) ? r.show : !0;
   }
-  function t() {
+  function n() {
     var p, y, $;
     const r = e.block, o = r.responsiveStyles, s = e.context.content, l = Se(
       ((p = s == null ? void 0 : s.meta) == null ? void 0 : p.breakpoints) || {}
@@ -390,15 +395,15 @@ function be(e) {
         "small",
         l
       )
-    }) : "", c = r.animations && r.animations.find((P) => P.trigger === "hover");
+    }) : "", c = r.animations && r.animations.find((w) => w.trigger === "hover");
     let u = "";
     if (c) {
-      const P = (($ = (y = c.steps) == null ? void 0 : y[1]) == null ? void 0 : $.styles) || {};
+      const w = (($ = (y = c.steps) == null ? void 0 : y[1]) == null ? void 0 : $.styles) || {};
       u = x({
         className: `${m}:hover`,
         styles: {
-          ...P,
-          transition: `all ${c.duration}s ${v(
+          ...w,
+          transition: `all ${c.duration}s ${B(
             c.easing
           )}`,
           transitionDelay: c.delay ? `${c.delay}s` : "0s"
@@ -412,11 +417,11 @@ function be(e) {
       u
     ].join(" ");
   }
-  return /* @__PURE__ */ i(h, { children: t() && n() ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(h, { children: n() && t() ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
     xe,
     {
       id: "builderio-block",
-      styles: t(),
+      styles: n(),
       nonce: e.context.nonce
     }
   ) }) : null });
@@ -424,26 +429,26 @@ function be(e) {
 function ve(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const Be = (e) => `on${ve(e)}`, Pe = (e, n) => (t) => O({
+const Be = (e) => `on${ve(e)}`, Pe = (e, t) => (n) => W({
   code: e,
-  context: n.context,
-  localState: n.localState,
-  rootState: n.rootState,
-  rootSetState: n.rootSetState,
-  event: t,
+  context: t.context,
+  localState: t.localState,
+  rootState: t.rootState,
+  rootSetState: t.rootSetState,
+  event: n,
   isExpression: !1,
   enableCache: !0
 });
 function F(e) {
   var r;
-  const n = {}, t = (r = e.block.actions) != null ? r : {};
-  for (const o in t) {
-    if (!t.hasOwnProperty(o))
+  const t = {}, n = (r = e.block.actions) != null ? r : {};
+  for (const o in n) {
+    if (!n.hasOwnProperty(o))
       continue;
-    const s = t[o];
+    const s = n[o];
     let l = Be(o);
     if (e.stripPrefix)
-      switch (b) {
+      switch (v) {
         case "vue":
           l = l.replace("v-on:", "");
           break;
@@ -451,9 +456,9 @@ function F(e) {
           l = l.replace("on:", "");
           break;
       }
-    n[l] = Pe(s, e);
+    t[l] = Pe(s, e);
   }
-  return n;
+  return t;
 }
 function we({
   properties: e
@@ -465,28 +470,28 @@ const Re = (e) => ({
 });
 function E({
   block: e,
-  context: n
+  context: t
 }) {
   var r;
-  const t = {
+  const n = {
     ...Re(e),
     ...e.properties,
     "builder-id": e.id,
     style: fe({
       block: e,
-      context: n
+      context: t
     }),
-    [Q()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
+    [J()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
   };
   return we({
-    properties: t,
-    context: n,
+    properties: n,
+    context: t,
     block: e
   });
 }
-function Ie(e) {
+function Ae(e) {
   return /* @__PURE__ */ i(
-    G,
+    Q,
     {
       TagName: e.Wrapper,
       attributes: E({
@@ -505,11 +510,12 @@ function Ie(e) {
     }
   );
 }
-function We(e) {
-  return /* @__PURE__ */ i(h, { children: e.children });
+function Ie(e) {
+  return b(() => {
+  }, []), /* @__PURE__ */ i(h, { children: e.children });
 }
-function Ae(e) {
-  function n() {
+function Oe(e) {
+  function t() {
     return e.includeBlockProps ? {
       ...E({
         block: e.block,
@@ -525,20 +531,20 @@ function Ae(e) {
     } : {};
   }
   return /* @__PURE__ */ i(h, { children: e.Wrapper.load ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
-    We,
+    Ie,
     {
       load: e.Wrapper.load,
       fallback: e.Wrapper.fallback,
       props: e.wrapperProps,
-      attributes: n(),
+      attributes: t(),
       children: e.children
     }
-  ) }) : /* @__PURE__ */ i(e.Wrapper, { ...e.wrapperProps, attributes: n(), children: e.children }) });
+  ) }) : /* @__PURE__ */ i(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children }) });
 }
-const Oe = ({
+const We = ({
   componentOptions: e,
-  builderBlock: n,
-  context: t,
+  builderBlock: t,
+  context: n,
   componentRef: r,
   includeBlockProps: o,
   isInteractive: s,
@@ -552,28 +558,28 @@ const Oe = ({
      */
     ...o ? {
       attributes: E({
-        block: n,
+        block: t,
         context: l
       })
     } : {}
   };
   return s ? {
     Wrapper: r,
-    block: n,
-    context: t,
+    block: t,
+    context: n,
     wrapperProps: e,
     includeBlockProps: o
   } : d;
 };
-function _(e) {
+function M(e) {
   var r;
-  const [n, t] = A(
-    () => e.isInteractive ? Ae : e.componentRef
+  const [t, n] = O(
+    () => e.isInteractive ? Oe : e.componentRef
   );
   return /* @__PURE__ */ i(h, { children: e.componentRef ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
-    n,
+    t,
     {
-      ...Oe({
+      ...We({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -584,7 +590,7 @@ function _(e) {
         contextValue: e.context
       }),
       children: (r = e.blockChildren) == null ? void 0 : r.map((o) => /* @__PURE__ */ i(
-        B,
+        P,
         {
           block: o,
           context: e.context,
@@ -596,34 +602,34 @@ function _(e) {
     }
   ) }) : null });
 }
-function M(e) {
-  const [n, t] = A(() => e.repeatContext);
-  return /* @__PURE__ */ i(L.Provider, { value: n, children: /* @__PURE__ */ i(
-    B,
+function L(e) {
+  const [t, n] = O(() => e.repeatContext);
+  return /* @__PURE__ */ i(_.Provider, { value: t, children: /* @__PURE__ */ i(
+    P,
     {
       block: e.block,
-      context: n,
+      context: t,
       registeredComponents: e.registeredComponents,
       linkComponent: e.linkComponent
     }
   ) });
 }
-function B(e) {
+function P(e) {
   var m, g, k, C;
-  function n() {
+  function t() {
     return pe({
       block: e.block,
       context: e.context
     });
   }
-  const [t, r] = A(() => ({
+  const [n, r] = O(() => ({
     value: null,
     update: !1
   }));
   function o() {
     var u;
-    if (t.value && !t.update && !q())
-      return t.value;
+    if (n.value && !n.update && !q())
+      return n.value;
     const c = (u = e.block.repeat) != null && u.collection ? e.block : re({
       block: e.block,
       localState: e.context.localState,
@@ -632,7 +638,7 @@ function B(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     });
-    return t.value = c, t.update = !1, c;
+    return n.value = c, n.update = !1, c;
   }
   function s() {
     return he({
@@ -647,13 +653,13 @@ function B(e) {
   function d() {
     var p, y;
     if ((p = e.block.repeat) != null && p.collection)
-      return !!((y = n == null ? void 0 : n()) != null && y.length);
+      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;
   }
   function f() {
     var u, p;
-    return !((u = s == null ? void 0 : s()) != null && u.component) && !n() ? (p = o().children) != null ? p : [] : [];
+    return !((u = s == null ? void 0 : s()) != null && u.component) && !t() ? (p = o().children) != null ? p : [] : [];
   }
   function a() {
     var c, u, p, y;
@@ -661,7 +667,7 @@ function B(e) {
       blockChildren: (c = o().children) != null ? c : [],
       componentRef: (u = s == null ? void 0 : s()) == null ? void 0 : u.component,
       componentOptions: {
-        ...Y(o()),
+        ...X(o()),
         ...ke(s(), o()),
         ...Ce(s(), e.context),
         ...ye(s(), e.linkComponent),
@@ -675,10 +681,10 @@ function B(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 && b === "rsc")
+      isInteractive: !((y = s == null ? void 0 : s()) != null && y.isRSC && v === "rsc")
     };
   }
-  return R(() => {
+  return b(() => {
     const c = o().id, u = o().animations;
     u && c && le(
       u.map((p) => ({
@@ -686,12 +692,12 @@ function B(e) {
         elementId: c
       }))
     );
-  }, []), R(() => {
-    t.update = !0;
-  }), /* @__PURE__ */ i(h, { children: d() ? /* @__PURE__ */ w(h, { children: [
+  }, []), b(() => {
+    n.update = !0;
+  }), /* @__PURE__ */ i(h, { children: d() ? /* @__PURE__ */ R(h, { children: [
     /* @__PURE__ */ i(be, { block: o(), context: e.context }),
-    (m = s == null ? void 0 : s()) != null && m.noWrap ? n() ? /* @__PURE__ */ i(h, { children: (C = n()) == null ? void 0 : C.map((c, u) => /* @__PURE__ */ i(
-      M,
+    (m = s == null ? void 0 : s()) != null && m.noWrap ? t() ? /* @__PURE__ */ i(h, { children: (C = t()) == null ? void 0 : C.map((c, u) => /* @__PURE__ */ i(
+      L,
       {
         repeatContext: c.context,
         block: c.block,
@@ -700,7 +706,7 @@ function B(e) {
       },
       u
     )) }) : /* @__PURE__ */ i(
-      _,
+      M,
       {
         componentRef: a().componentRef,
         componentOptions: a().componentOptions,
@@ -712,8 +718,8 @@ function B(e) {
         includeBlockProps: a().includeBlockProps,
         isInteractive: a().isInteractive
       }
-    ) : /* @__PURE__ */ i(h, { children: n() ? /* @__PURE__ */ i(h, { children: (k = n()) == null ? void 0 : k.map((c, u) => /* @__PURE__ */ i(
-      M,
+    ) : /* @__PURE__ */ i(h, { children: t() ? /* @__PURE__ */ i(h, { children: (k = t()) == null ? void 0 : k.map((c, u) => /* @__PURE__ */ i(
+      L,
       {
         repeatContext: c.context,
         block: c.block,
@@ -721,15 +727,15 @@ function B(e) {
         linkComponent: e.linkComponent
       },
       u
-    )) }) : /* @__PURE__ */ w(
-      Ie,
+    )) }) : /* @__PURE__ */ R(
+      Ae,
       {
         Wrapper: l(),
         block: o(),
         context: e.context,
         children: [
           /* @__PURE__ */ i(
-            _,
+            M,
             {
               componentRef: a().componentRef,
               componentOptions: a().componentOptions,
@@ -743,7 +749,7 @@ function B(e) {
             }
           ),
           (g = f()) == null ? void 0 : g.map((c) => /* @__PURE__ */ i(
-            B,
+            P,
             {
               block: c,
               registeredComponents: e.registeredComponents,
@@ -758,8 +764,8 @@ function B(e) {
   ] }) : null });
 }
 function Ee(e) {
-  const n = Z(null);
-  function t() {
+  const t = Z(null);
+  function n() {
     var s;
     return "builder-blocks" + ((s = e.blocks) != null && s.length ? "" : " no-blocks");
   }
@@ -789,13 +795,13 @@ function Ee(e) {
       "*"
     ));
   }
-  return R(() => {
-  }, []), /* @__PURE__ */ w(h, { children: [
+  return b(() => {
+  }, []), /* @__PURE__ */ R(h, { children: [
     /* @__PURE__ */ i(
       e.BlocksWrapper,
       {
-        ref: n,
-        className: t() + " props-blocks-wrapper-51ef31b4",
+        ref: t,
+        className: n() + " props-blocks-wrapper-77bdc7c6",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -806,7 +812,7 @@ function Ee(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ i("style", { children: `.props-blocks-wrapper-51ef31b4 {
+    /* @__PURE__ */ i("style", { children: `.props-blocks-wrapper-77bdc7c6 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -815,7 +821,7 @@ function Ee(e) {
 }
 function $e(e) {
   var r, o, s;
-  const n = N(L), t = N(X);
+  const t = N(_), n = N(G);
   return /* @__PURE__ */ i(
     Ee,
     {
@@ -823,33 +829,34 @@ function $e(e) {
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
-      BlocksWrapper: ((r = e.context) == null ? void 0 : r.BlocksWrapper) || n.BlocksWrapper,
-      BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || n.BlocksWrapperProps,
+      BlocksWrapper: ((r = e.context) == null ? void 0 : r.BlocksWrapper) || t.BlocksWrapper,
+      BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || t.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ i(h, { children: (s = e.blocks) == null ? void 0 : s.map((l) => /* @__PURE__ */ i(
-        B,
+        P,
         {
           block: l,
           linkComponent: e.linkComponent,
-          context: e.context || n,
-          registeredComponents: e.registeredComponents || t.registeredComponents
+          context: e.context || t,
+          registeredComponents: e.registeredComponents || n.registeredComponents
         },
         l.id
       )) }) : null
     }
   );
 }
-const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: $e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  B as Block,
+  P as Block,
   $e as Blocks,
-  X as ComponentsContext,
+  G as ComponentsContext,
   xe as InlinedStyles,
-  He as blocks,
-  j as fastClone,
+  Ue as blocks,
+  H as fastClone,
   Se as getSizesForBreakpoints,
   me as mapStyleObjToStrIfNeeded,
+  ee as set,
   ie as triggerAnimation
 };