@builder.io/sdk-react 2.0.9 → 2.0.13

package/lib/edge/blocks-54e76c48.js

@@ -0,0 +1,842 @@
+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 ee(e, ...n) {
+  const t = Object.assign({}, e);
+  for (const r of n)
+    delete t[r];
+  return t;
+}
+function O(e) {
+  if (e === null || typeof e != "object")
+    return e;
+  if (Array.isArray(e))
+    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] = O(e[t]));
+  return n;
+}
+const te = ["svelte", "vue", "angular", "qwik", "solid"].includes(b), ne = (e) => {
+  if (te) {
+    const n = j(e);
+    return {
+      ...n,
+      properties: {
+        ...n.properties
+      },
+      actions: {
+        ...n.actions
+      }
+    };
+  } else {
+    const n = O(ee(e, "children", "meta"));
+    return {
+      ...n,
+      properties: {
+        ...n.properties
+      },
+      actions: {
+        ...n.actions
+      },
+      children: e.children,
+      meta: e.meta
+    };
+  }
+}, oe = ({
+  block: e,
+  context: n,
+  localState: t,
+  rootState: r,
+  rootSetState: o
+}) => {
+  if (!e.bindings)
+    return e;
+  const s = ne(e);
+  for (const l in e.bindings) {
+    const d = e.bindings[l], f = E({
+      code: d,
+      localState: t,
+      rootState: r,
+      rootSetState: o,
+      context: n,
+      enableCache: !0
+    });
+    J(s, l, f);
+  }
+  return s;
+};
+function re({
+  block: e,
+  context: n,
+  shouldEvaluateBindings: t,
+  localState: r,
+  rootState: o,
+  rootSetState: s
+}) {
+  const l = e;
+  return t ? oe({
+    block: l,
+    localState: r,
+    rootState: o,
+    rootSetState: s,
+    context: n
+  }) : l;
+}
+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() {
+    d = t.leading === !1 ? 0 : Date.now(), l = null, s = e.apply(r, o), l || (r = o = null);
+  };
+  return function() {
+    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) {
+  const t = 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]);
+  }
+  return t;
+}
+function le(e) {
+  for (const n of e)
+    switch (n.trigger) {
+      case "pageLoad":
+        ie(n);
+        break;
+      case "scrollInView":
+        ae(n);
+        break;
+    }
+}
+function H(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];
+  for (const d of l)
+    for (const f of t)
+      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;
+}
+function ie(e) {
+  const n = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!n.length) {
+    H(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 = "";
+      }, (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 || "");
+    return;
+  }
+  Array.from(n).forEach((t) => {
+    U(e, t);
+    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 = "");
+        }, (e.duration + (e.delay || 0)) * 1e3 + 100);
+      })) : e.repeat && r && !o && !d(t) && (r = !1, S(t.style, e.steps[0].styles));
+    }
+    const l = se(s, 200, {
+      leading: !1
+    });
+    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 i() {
+      S(t.style, f);
+    }
+    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 z = (e) => Object.entries(e).map(([t, r]) => {
+  if (typeof r == "string")
+    return `${v(t)}: ${r};`;
+}).filter(I), ue = (e) => z(e).join(`
+`), x = ({
+  mediaQuery: e,
+  className: n,
+  styles: t
+}) => {
+  const r = `.${n} {
+    ${ue(t)}
+  }`;
+  return e ? `${e} {
+      ${r}
+    }` : r;
+};
+function de({
+  style: e
+}) {
+  return e;
+}
+const fe = ({
+  block: e,
+  context: n
+}) => me(de({
+  style: e.style || {},
+  context: n,
+  block: e
+}));
+function me(e) {
+  switch (b) {
+    case "svelte":
+    case "vue":
+    case "solid":
+    case "angular":
+      return z(e).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return e;
+  }
+}
+const pe = ({
+  block: e,
+  registeredComponents: n
+}) => {
+  var o;
+  const t = (o = e.component) == null ? void 0 : o.name;
+  if (!t)
+    return null;
+  const r = n[t];
+  if (r)
+    return r;
+  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?`);
+}, he = ({
+  block: e,
+  context: n
+}) => {
+  const {
+    repeat: t,
+    ...r
+  } = e;
+  if (!(t != null && t.collection))
+    return;
+  const o = E({
+    code: t.collection,
+    localState: n.localState,
+    rootState: n.rootState,
+    rootSetState: n.rootSetState,
+    context: n.context,
+    enableCache: !0
+  });
+  if (!Array.isArray(o))
+    return;
+  const s = t.collection.split(".").pop(), l = t.itemName || (s ? s + "Item" : "item");
+  return o.map((f, i) => ({
+    context: {
+      ...n,
+      localState: {
+        ...n.localState,
+        $index: i,
+        $item: f,
+        [l]: f,
+        [`$${l}Index`]: i
+      }
+    },
+    block: r
+  }));
+}, ye = (e, n) => {
+  var t;
+  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderLinkComponent ? {
+    builderLinkComponent: n
+  } : {};
+}, ge = (e, n) => {
+  var t;
+  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderComponents ? {
+    builderComponents: n
+  } : {};
+}, ke = (e, n) => {
+  var t;
+  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderBlock ? {
+    builderBlock: n
+  } : {};
+}, Ce = (e, n) => {
+  var t;
+  return (t = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && t.builderContext ? {
+    builderContext: n
+  } : {};
+}, K = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, D = (e, n = K) => `@media (max-width: ${n[e].max}px)`, Se = ({
+  small: e,
+  medium: n
+}) => {
+  const t = j(K);
+  if (!e || !n)
+    return t;
+  const r = Math.floor(e / 2);
+  t.small = {
+    max: e,
+    min: r,
+    default: r + 1
+  };
+  const o = t.small.max + 1;
+  t.medium = {
+    max: n,
+    min: o,
+    default: o + 1
+  };
+  const s = t.medium.max + 1;
+  return t.large = {
+    max: 2e3,
+    // TODO: decide upper limit
+    min: s,
+    default: s + 1
+  }, t;
+};
+function xe(e) {
+  return /* @__PURE__ */ a(
+    "style",
+    {
+      dangerouslySetInnerHTML: { __html: e.styles },
+      "data-id": e.id,
+      nonce: e.nonce
+    }
+  );
+}
+function be(e) {
+  function n() {
+    const r = e.block;
+    return I(r.hide) ? !r.hide : I(r.show) ? r.show : !0;
+  }
+  function t() {
+    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) || {}
+    ), 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 = d ? x({
+      className: m,
+      styles: d
+    }) : "", k = f ? x({
+      className: m,
+      styles: f,
+      mediaQuery: D(
+        "medium",
+        l
+      )
+    }) : "", C = i ? x({
+      className: m,
+      styles: i,
+      mediaQuery: D(
+        "small",
+        l
+      )
+    }) : "", 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: {
+          ...P,
+          transition: `all ${c.duration}s ${v(
+            c.easing
+          )}`,
+          transitionDelay: c.delay ? `${c.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      g,
+      k,
+      C,
+      u
+    ].join(" ");
+  }
+  return /* @__PURE__ */ a(h, { children: t() && n() ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
+    xe,
+    {
+      id: "builderio-block",
+      styles: t(),
+      nonce: e.context.nonce
+    }
+  ) }) : null });
+}
+function ve(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+const Be = (e) => `on${ve(e)}`, Pe = (e, n) => (t) => E({
+  code: e,
+  context: n.context,
+  localState: n.localState,
+  rootState: n.rootState,
+  rootSetState: n.rootSetState,
+  event: t,
+  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))
+      continue;
+    const s = t[o];
+    let l = Be(o);
+    if (e.stripPrefix)
+      switch (b) {
+        case "vue":
+          l = l.replace("v-on:", "");
+          break;
+        case "svelte":
+          l = l.replace("on:", "");
+          break;
+      }
+    n[l] = Pe(s, e);
+  }
+  return n;
+}
+function we({
+  properties: e
+}) {
+  return e;
+}
+const Re = (e) => ({
+  href: e.href
+});
+function W({
+  block: e,
+  context: n
+}) {
+  var r;
+  const t = {
+    ...Re(e),
+    ...e.properties,
+    "builder-id": e.id,
+    style: fe({
+      block: e,
+      context: n
+    }),
+    [Q()]: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
+  };
+  return we({
+    properties: t,
+    context: n,
+    block: e
+  });
+}
+function Ie(e) {
+  return /* @__PURE__ */ a(
+    G,
+    {
+      TagName: e.Wrapper,
+      attributes: W({
+        block: e.block,
+        context: e.context
+      }),
+      actionAttributes: F({
+        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 Oe(e) {
+  function n() {
+    return e.includeBlockProps ? {
+      ...W({
+        block: e.block,
+        context: e.context
+      }),
+      ...F({
+        block: e.block,
+        rootState: e.context.rootState,
+        rootSetState: e.context.rootSetState,
+        localState: e.context.localState,
+        context: e.context.context
+      })
+    } : {};
+  }
+  return /* @__PURE__ */ a(e.Wrapper, { ...e.wrapperProps, attributes: n(), children: e.children });
+}
+const Ae = ({
+  componentOptions: e,
+  builderBlock: n,
+  context: t,
+  componentRef: r,
+  includeBlockProps: o,
+  isInteractive: s,
+  contextValue: l
+}) => {
+  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: W({
+        block: n,
+        context: l
+      })
+    } : {}
+  };
+  return s ? {
+    Wrapper: r,
+    block: n,
+    context: t,
+    wrapperProps: e,
+    includeBlockProps: o
+  } : d;
+};
+function _(e) {
+  var r;
+  const [n, t] = A(
+    () => e.isInteractive ? Oe : e.componentRef
+  );
+  return /* @__PURE__ */ a(h, { children: e.componentRef ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
+    n,
+    {
+      ...Ae({
+        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__ */ a(
+        B,
+        {
+          block: o,
+          context: e.context,
+          registeredComponents: e.registeredComponents,
+          linkComponent: e.linkComponent
+        },
+        o.id
+      ))
+    }
+  ) }) : null });
+}
+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,
+      registeredComponents: e.registeredComponents,
+      linkComponent: e.linkComponent
+    }
+  ) });
+}
+function B(e) {
+  var m, g, k, C;
+  function n() {
+    return he({
+      block: e.block,
+      context: e.context
+    });
+  }
+  const [t, r] = A(() => ({
+    value: null,
+    update: !1
+  }));
+  function o() {
+    var u;
+    if (t.value && !t.update && !q())
+      return t.value;
+    const c = (u = e.block.repeat) != null && u.collection ? e.block : re({
+      block: e.block,
+      localState: e.context.localState,
+      rootState: e.context.rootState,
+      rootSetState: e.context.rootSetState,
+      context: e.context.context,
+      shouldEvaluateBindings: !0
+    });
+    return t.value = c, t.update = !1, c;
+  }
+  function s() {
+    return pe({
+      block: o(),
+      registeredComponents: e.registeredComponents
+    });
+  }
+  function l() {
+    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 d() {
+    var p, y;
+    if ((p = e.block.repeat) != null && p.collection)
+      return !!((y = n == null ? void 0 : n()) != 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 : [] : [];
+  }
+  function i() {
+    var c, u, p, y;
+    return {
+      blockChildren: (c = o().children) != null ? c : [],
+      componentRef: (u = s == null ? void 0 : s()) == null ? void 0 : u.component,
+      componentOptions: {
+        ...Y(o()),
+        ...ke(s(), o()),
+        ...Ce(s(), e.context),
+        ...ye(s(), e.linkComponent),
+        ...ge(
+          s(),
+          e.registeredComponents
+        )
+      },
+      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 && b === "rsc")
+    };
+  }
+  return R(() => {
+    const c = o().id, u = o().animations;
+    u && c && le(
+      u.map((p) => ({
+        ...p,
+        elementId: c
+      }))
+    );
+  }, []), R(() => {
+    t.update = !0;
+  }), /* @__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: 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((c, u) => /* @__PURE__ */ a(
+      M,
+      {
+        repeatContext: c.context,
+        block: c.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      },
+      u
+    )) }) : /* @__PURE__ */ w(
+      Ie,
+      {
+        Wrapper: l(),
+        block: o(),
+        context: e.context,
+        children: [
+          /* @__PURE__ */ a(
+            _,
+            {
+              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((c) => /* @__PURE__ */ a(
+            B,
+            {
+              block: c,
+              registeredComponents: e.registeredComponents,
+              linkComponent: e.linkComponent,
+              context: e.context
+            },
+            c.id
+          ))
+        ]
+      }
+    ) })
+  ] }) : null });
+}
+function Ee(e) {
+  const n = Z(null);
+  function t() {
+    var s;
+    return "builder-blocks" + ((s = e.blocks) != null && s.length ? "" : " no-blocks");
+  }
+  function r() {
+    var s, l;
+    T() && !((s = e.blocks) != null && s.length) && ((l = window.parent) == null || l.postMessage(
+      {
+        type: "builder.clickEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  function o() {
+    var s, l;
+    T() && !((s = e.blocks) != null && s.length) && ((l = window.parent) == null || l.postMessage(
+      {
+        type: "builder.hoverEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  return R(() => {
+  }, []), /* @__PURE__ */ w(h, { children: [
+    /* @__PURE__ */ a(
+      e.BlocksWrapper,
+      {
+        ref: n,
+        className: t() + " props-blocks-wrapper-51ef31b4",
+        "builder-path": e.path,
+        "builder-parent-id": e.parent,
+        style: e.styleProp,
+        onClick: (s) => r(),
+        onMouseEnter: (s) => o(),
+        onKeyPress: (s) => r(),
+        ...e.BlocksWrapperProps,
+        children: e.children
+      }
+    ),
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-51ef31b4 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}` })
+  ] });
+}
+function We(e) {
+  var r, o, s;
+  const n = N(L), t = N(X);
+  return /* @__PURE__ */ a(
+    Ee,
+    {
+      blocks: e.blocks,
+      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,
+      children: e.blocks ? /* @__PURE__ */ a(h, { children: (s = e.blocks) == null ? void 0 : s.map((l) => /* @__PURE__ */ a(
+        B,
+        {
+          block: l,
+          linkComponent: e.linkComponent,
+          context: e.context || n,
+          registeredComponents: e.registeredComponents || t.registeredComponents
+        },
+        l.id
+      )) }) : null
+    }
+  );
+}
+const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: We
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  B as Block,
+  We as Blocks,
+  X as ComponentsContext,
+  xe as InlinedStyles,
+  je as blocks,
+  j as fastClone,
+  Se as getSizesForBreakpoints,
+  me as mapStyleObjToStrIfNeeded,
+  ie as triggerAnimation
+};