@builder.io/sdk-react 3.0.1 → 3.0.2

package/lib/edge/blocks-9c35be74.js

@@ -1,916 +0,0 @@
-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 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 ne(e, ...t) {
-  const n = Object.assign({}, e);
-  for (const r of t)
-    delete n[r];
-  return 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, 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")
-    return e;
-  if (Array.isArray(e))
-    return e.map((n) => I(n));
-  if (e["@type"] === "@builder.io/sdk:Element")
-    return e;
-  const t = {};
-  for (const n in e)
-    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = I(e[n]));
-  return t;
-}
-const le = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ce = (e) => {
-  if (le) {
-    const t = U(e);
-    return {
-      ...t,
-      properties: {
-        ...t.properties
-      },
-      actions: {
-        ...t.actions
-      }
-    };
-  } else {
-    const t = I(ne(e, "children", "meta"));
-    return {
-      ...t,
-      properties: {
-        ...t.properties
-      },
-      actions: {
-        ...t.actions
-      },
-      children: e.children,
-      meta: e.meta
-    };
-  }
-}, ae = ({
-  block: e,
-  context: t,
-  localState: n,
-  rootState: r,
-  rootSetState: o
-}) => {
-  if (!e.bindings)
-    return e;
-  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
-    });
-    se(i, s, d);
-  }
-  return i;
-};
-function ue({
-  block: e,
-  context: t,
-  shouldEvaluateBindings: n,
-  localState: r,
-  rootState: o,
-  rootSetState: i
-}) {
-  let s = ie(e, o.locale);
-  return s = s, n ? ae({
-    block: s,
-    localState: r,
-    rootState: o,
-    rootSetState: i,
-    context: t
-  }) : s;
-}
-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 ? (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) {
-  const n = Object(e);
-  for (let r = 1; r < arguments.length; r++) {
-    const o = arguments[r];
-    if (o != null)
-      for (const i in o)
-        Object.prototype.hasOwnProperty.call(o, i) && (n[i] = o[i]);
-  }
-  return n;
-}
-function fe(e) {
-  for (const t of e)
-    switch (t.trigger) {
-      case "pageLoad":
-        he(t);
-        break;
-      case "scrollInView":
-        pe(t);
-        break;
-    }
-}
-function V(e) {
-  console.warn(`Cannot animate element: element with ID ${e} not found!`);
-}
-function j(e, t) {
-  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 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 he(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    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 ${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 pe(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    V(e.elementId || e.id || "");
-    return;
-  }
-  Array.from(t).forEach((n) => {
-    j(e, n);
-    let r = !1, o = !1;
-    function i() {
-      !r && u(n) ? (r = !0, o = !0, 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 s = de(i, 200, {
-      leading: !1
-    });
-    function u(m) {
-      const g = m.getBoundingClientRect(), k = window.innerHeight, l = (e.thresholdPercent || 0) / 100 * k;
-      return g.bottom > l && g.top < k - l;
-    }
-    const d = e.steps[0].styles;
-    function a() {
-      C(n.style, d);
-    }
-    a(), setTimeout(() => {
-      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
-    }), i();
-  });
-}
-const F = (e) => Object.entries(e).map(([n, r]) => {
-  if (typeof r == "string")
-    return `${P(n)}: ${r};`;
-}).filter(A), ye = (e) => F(e).join(`
-`), x = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const r = `.${t} {
-    ${ye(n)}
-  }`;
-  return e ? `${e} {
-      ${r}
-    }` : r;
-};
-function ge({
-  style: e
-}) {
-  return e;
-}
-const ke = ({
-  block: e,
-  context: t
-}) => Se(ge({
-  style: e.style || {},
-  context: t,
-  block: e
-}));
-function Se(e) {
-  switch (b) {
-    case "svelte":
-    case "vue":
-    case "solid":
-    case "angular":
-      return F(e).join(" ");
-    case "qwik":
-    case "reactNative":
-    case "react":
-    case "rsc":
-      return e;
-  }
-}
-const K = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Ce = ({
-  block: e,
-  registeredComponents: t,
-  model: n
-}) => {
-  var i;
-  const r = (i = e.component) == null ? void 0 : i.name;
-  if (!r)
-    return null;
-  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?`);
-    return;
-  } else
-    return o;
-}, xe = ({
-  block: e,
-  context: t
-}) => {
-  const {
-    repeat: n,
-    ...r
-  } = e;
-  if (!(n != null && n.collection))
-    return;
-  const o = E({
-    code: n.collection,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context
-  });
-  if (!Array.isArray(o))
-    return;
-  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: d,
-        [s]: d,
-        [`$${s}Index`]: a
-      }
-    },
-    block: r
-  }));
-}, Be = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
-    builderLinkComponent: 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)))
-  } : {};
-}, be = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
-    builderBlock: t
-  } : {};
-}, Pe = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
-    builderContext: t
-  } : {};
-}, Z = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
-  },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, z = (e, t = Z) => `@media (max-width: ${t[e].max}px)`, we = ({
-  small: e,
-  medium: t
-}) => {
-  const n = U(Z);
-  if (!e || !t)
-    return n;
-  const r = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: r,
-    default: r + 1
-  };
-  const o = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: o,
-    default: o + 1
-  };
-  const i = n.medium.max + 1;
-  return n.large = {
-    max: 2e3,
-    // TODO: decide upper limit
-    min: i,
-    default: i + 1
-  }, n;
-};
-function Oe(e) {
-  return /* @__PURE__ */ c(
-    "style",
-    {
-      dangerouslySetInnerHTML: { __html: e.styles },
-      "data-id": e.id,
-      nonce: e.nonce
-    }
-  );
-}
-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, $;
-    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 = d ? x({
-      className: m,
-      styles: d,
-      mediaQuery: z(
-        "medium",
-        s
-      )
-    }) : "", S = a ? x({
-      className: m,
-      styles: a,
-      mediaQuery: z(
-        "small",
-        s
-      )
-    }) : "", 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: {
-          ...O,
-          transition: `all ${l.duration}s ${P(
-            l.easing
-          )}`,
-          transitionDelay: l.delay ? `${l.delay}s` : "0s"
-        }
-      }) || "";
-    }
-    return [
-      g,
-      k,
-      S,
-      f
-    ].join(" ");
-  }
-  return /* @__PURE__ */ c(h, { children: n() && t() ? /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(
-    Oe,
-    {
-      id: "builderio-block",
-      styles: n(),
-      nonce: e.context.nonce
-    }
-  ) }) : null });
-}
-function Ae(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-const Ie = (e) => `on${Ae(e)}`, We = (e, t) => (n) => E({
-  code: e,
-  context: t.context,
-  localState: t.localState,
-  rootState: t.rootState,
-  rootSetState: t.rootSetState,
-  event: n,
-  isExpression: !1
-});
-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 i = n[o];
-    let s = Ie(o);
-    if (e.stripPrefix)
-      switch (b) {
-        case "vue":
-          s = s.replace("v-on:", "");
-          break;
-        case "svelte":
-          s = s.replace("on:", "");
-          break;
-      }
-    t[s] = We(i, e);
-  }
-  return t;
-}
-function Ee({
-  properties: e
-}) {
-  return e;
-}
-const Ne = (e) => ({
-  href: e.href
-});
-function N({
-  block: e,
-  context: t
-}) {
-  var r;
-  const n = {
-    ...Ne(e),
-    ...e.properties,
-    "builder-id": e.id,
-    style: ke({
-      block: e,
-      context: t
-    }),
-    [X()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
-  };
-  return Ee({
-    properties: n,
-    context: t,
-    block: e
-  });
-}
-function $e(e) {
-  return /* @__PURE__ */ c(
-    Y,
-    {
-      TagName: e.Wrapper,
-      attributes: N({
-        block: e.block,
-        context: e.context
-      }),
-      actionAttributes: q({
-        block: e.block,
-        rootState: e.context.rootState,
-        rootSetState: e.context.rootSetState,
-        localState: e.context.localState,
-        context: e.context.context,
-        stripPrefix: !0
-      }),
-      children: e.children
-    }
-  );
-}
-function Te(e) {
-  return B(() => {
-  }, []), /* @__PURE__ */ c(h, { children: e.children });
-}
-function Le(e) {
-  function t() {
-    return e.includeBlockProps ? {
-      ...N({
-        block: e.block,
-        context: e.context
-      }),
-      ...q({
-        block: e.block,
-        rootState: e.context.rootState,
-        rootSetState: e.context.rootSetState,
-        localState: e.context.localState,
-        context: e.context.context
-      })
-    } : {};
-  }
-  return /* @__PURE__ */ c(h, { children: e.Wrapper.load ? /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(
-    Te,
-    {
-      load: e.Wrapper.load,
-      fallback: e.Wrapper.fallback,
-      props: e.wrapperProps,
-      attributes: t(),
-      children: e.children
-    }
-  ) }) : /* @__PURE__ */ c(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children }) });
-}
-const ze = ({
-  componentOptions: e,
-  builderBlock: t,
-  context: n,
-  componentRef: r,
-  includeBlockProps: o,
-  isInteractive: i,
-  contextValue: s
-}) => {
-  const u = {
-    ...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: N({
-        block: t,
-        context: s
-      })
-    } : {}
-  };
-  return i ? {
-    Wrapper: r,
-    block: t,
-    context: n,
-    wrapperProps: e,
-    includeBlockProps: o
-  } : u;
-};
-function D(e) {
-  var r;
-  const [t, n] = W(
-    () => e.isInteractive ? Le : e.componentRef
-  );
-  return /* @__PURE__ */ c(h, { children: e.componentRef ? /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(
-    t,
-    {
-      ...ze({
-        componentOptions: e.componentOptions,
-        builderBlock: e.builderBlock,
-        context: e.context,
-        componentRef: e.componentRef,
-        linkComponent: e.linkComponent,
-        includeBlockProps: e.includeBlockProps,
-        isInteractive: e.isInteractive,
-        contextValue: e.context
-      }),
-      children: (r = e.blockChildren) == null ? void 0 : r.map((o) => /* @__PURE__ */ c(
-        w,
-        {
-          block: o,
-          context: e.context,
-          registeredComponents: e.registeredComponents,
-          linkComponent: e.linkComponent
-        },
-        o.id
-      ))
-    }
-  ) }) : null });
-}
-function M(e) {
-  const [t, n] = W(() => e.repeatContext);
-  return /* @__PURE__ */ c(_.Provider, { value: t, children: /* @__PURE__ */ c(
-    w,
-    {
-      block: e.block,
-      context: t,
-      registeredComponents: e.registeredComponents,
-      linkComponent: e.linkComponent
-    }
-  ) });
-}
-function w(e) {
-  var m, g, k, S;
-  function t() {
-    return xe({
-      block: e.block,
-      context: e.context
-    });
-  }
-  const [n, r] = W(() => ({
-    value: null,
-    update: !1
-  }));
-  function o() {
-    var f;
-    if (n.value && !n.update && !G())
-      return n.value;
-    const l = (f = e.block.repeat) != null && f.collection ? e.block : ue({
-      block: e.block,
-      localState: e.context.localState,
-      rootState: e.context.rootState,
-      rootSetState: e.context.rootSetState,
-      context: e.context.context,
-      shouldEvaluateBindings: !0
-    });
-    return n.value = l, n.update = !1, l;
-  }
-  function i() {
-    return Ce({
-      block: o(),
-      registeredComponents: e.registeredComponents,
-      model: e.context.model
-    });
-  }
-  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 l = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !l;
-  }
-  function d() {
-    var f, p;
-    return !((f = i == null ? void 0 : i()) != null && f.component) && !t() ? (p = o().children) != null ? p : [] : [];
-  }
-  function a() {
-    var l, f, p, y;
-    return {
-      blockChildren: (l = o().children) != null ? l : [],
-      componentRef: (f = i == null ? void 0 : i()) == null ? void 0 : f.component,
-      componentOptions: {
-        ...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 = 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 l = o().id, f = o().animations;
-    f && l && fe(
-      f.map((p) => ({
-        ...p,
-        elementId: l
-      }))
-    );
-  }, []), B(() => {
-    n.update = !0;
-  }), /* @__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: l.context,
-        block: l.block,
-        registeredComponents: e.registeredComponents,
-        linkComponent: e.linkComponent
-      },
-      f
-    )) }) : /* @__PURE__ */ c(
-      D,
-      {
-        componentRef: a().componentRef,
-        componentOptions: a().componentOptions,
-        blockChildren: a().blockChildren,
-        context: a().context,
-        registeredComponents: a().registeredComponents,
-        linkComponent: a().linkComponent,
-        builderBlock: a().builderBlock,
-        includeBlockProps: a().includeBlockProps,
-        isInteractive: a().isInteractive
-      }
-    ) : /* @__PURE__ */ c(h, { children: t() ? /* @__PURE__ */ c(h, { children: (k = t()) == null ? void 0 : k.map((l, f) => /* @__PURE__ */ c(
-      M,
-      {
-        repeatContext: l.context,
-        block: l.block,
-        registeredComponents: e.registeredComponents,
-        linkComponent: e.linkComponent
-      },
-      f
-    )) }) : /* @__PURE__ */ R(
-      $e,
-      {
-        Wrapper: s(),
-        block: o(),
-        context: e.context,
-        children: [
-          /* @__PURE__ */ c(
-            D,
-            {
-              componentRef: a().componentRef,
-              componentOptions: a().componentOptions,
-              blockChildren: a().blockChildren,
-              context: a().context,
-              registeredComponents: a().registeredComponents,
-              linkComponent: a().linkComponent,
-              builderBlock: a().builderBlock,
-              includeBlockProps: a().includeBlockProps,
-              isInteractive: a().isInteractive
-            }
-          ),
-          (g = d()) == null ? void 0 : g.map((l) => /* @__PURE__ */ c(
-            w,
-            {
-              block: l,
-              registeredComponents: e.registeredComponents,
-              linkComponent: e.linkComponent,
-              context: e.context
-            },
-            l.id
-          ))
-        ]
-      }
-    ) })
-  ] }) : null });
-}
-function De(e) {
-  const t = Q(null);
-  function n() {
-    var s;
-    return [
-      "builder-blocks",
-      (s = e.blocks) != null && s.length ? "" : "no-blocks",
-      e.classNameProp
-    ].filter(Boolean).join(" ");
-  }
-  function r() {
-    if (!e.path)
-      return;
-    const s = "component.options.";
-    return e.path.startsWith(s) ? e.path : `${s}${e.path || ""}`;
-  }
-  function o() {
-    var s, u;
-    L() && !((s = e.blocks) != null && s.length) && ((u = window.parent) == null || u.postMessage(
-      {
-        type: "builder.clickEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: r()
-        }
-      },
-      "*"
-    ));
-  }
-  function i() {
-    var s, u;
-    L() && !((s = e.blocks) != null && s.length) && ((u = window.parent) == null || u.postMessage(
-      {
-        type: "builder.hoverEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: r()
-        }
-      },
-      "*"
-    ));
-  }
-  return B(() => {
-  }, []), /* @__PURE__ */ R(h, { children: [
-    /* @__PURE__ */ c(
-      e.BlocksWrapper,
-      {
-        ref: t,
-        className: n() + " props-blocks-wrapper-215a41e0",
-        "builder-path": r(),
-        "builder-parent-id": e.parent,
-        style: e.styleProp,
-        onClick: (s) => o(),
-        onMouseEnter: (s) => i(),
-        onKeyPress: (s) => o(),
-        ...e.BlocksWrapperProps,
-        children: e.children
-      }
-    ),
-    /* @__PURE__ */ c("style", { children: `.props-blocks-wrapper-215a41e0 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}` })
-  ] });
-}
-function Me(e) {
-  var r, o, i;
-  const t = T(_), n = T(ee);
-  return /* @__PURE__ */ c(
-    De,
-    {
-      blocks: e.blocks,
-      parent: e.parent,
-      path: e.path,
-      styleProp: e.styleProp,
-      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__ */ c(h, { children: (i = e.blocks) == null ? void 0 : i.map((s) => /* @__PURE__ */ c(
-        w,
-        {
-          block: s,
-          linkComponent: e.linkComponent,
-          context: e.context || t,
-          registeredComponents: e.registeredComponents || (n == null ? void 0 : n.registeredComponents)
-        },
-        s.id
-      )) }) : null
-    }
-  );
-}
-const Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Me
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  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
-};