@builder.io/sdk-react 0.5.8 → 0.6.0

package/lib/node/index.mjs

@@ -0,0 +1,2598 @@
+"use client";
+import { jsxs as E, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { useState as k, createContext as ye, useContext as ae, createElement as $e, useRef as X, useEffect as P } from "react";
+import { j as Z, l as _, i as V, k as F, m as Pe, n as K, T as U, r as Ae, c as Be, o as oe, a as Ve, b as Se, p as Fe, q as re, u as le, v as ce, w as Ne } from "./server-entry-f7504f89.mjs";
+import { _ as an, h as on, f as rn, g as ln, e as cn, d as sn, s as dn, t as un } from "./server-entry-f7504f89.mjs";
+function We(e) {
+  return /* @__PURE__ */ E(f, { children: [
+    e.link ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+      "a",
+      {
+        role: "button",
+        ...e.attributes,
+        href: e.link,
+        target: e.openLinkInNewTab ? "_blank" : void 0,
+        children: e.text
+      }
+    ) }) : /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+      "button",
+      {
+        ...e.attributes,
+        style: e.attributes.style,
+        className: e.attributes.className + " button-3e7bc8b2",
+        children: e.text
+      }
+    ) }),
+    /* @__PURE__ */ l("style", { children: `.button-3e7bc8b2 {
+  all: unset;
+}` })
+  ] });
+}
+const ve = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, se = (e, t = ve) => `@media (max-width: ${t[e].max}px)`, pe = ({
+  small: e,
+  medium: t
+}) => {
+  const n = Z(ve);
+  if (!e || !t)
+    return n;
+  const i = Math.floor(e / 2);
+  n.small = {
+    max: e,
+    min: i,
+    default: i + 1
+  };
+  const a = n.small.max + 1;
+  n.medium = {
+    max: t,
+    min: a,
+    default: a + 1
+  };
+  const o = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    // TODO: decide upper limit
+    min: o,
+    default: o + 1
+  }, n;
+}, je = ({
+  builder: e,
+  context: t,
+  event: n,
+  state: i
+}) => Object.entries({
+  state: i,
+  Builder: e,
+  // legacy
+  builder: e,
+  context: t,
+  event: n
+}), Me = ({
+  code: e,
+  builder: t,
+  context: n,
+  event: i,
+  localState: a,
+  rootSetState: o,
+  rootState: r
+}) => {
+  const d = je({
+    builder: t,
+    context: n,
+    event: i,
+    state: Ue(r, a, o)
+  });
+  return new Function(...d.map(([c]) => c), e)(...d.map(([, c]) => c));
+};
+function Ue(e, t, n) {
+  if (e === t)
+    throw new Error("rootState === localState");
+  return new Proxy(e, {
+    get: (i, a) => t && a in t ? t[a] : e[a],
+    set: (i, a, o) => {
+      if (t && a in t)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      return e[a] = o, n == null || n(e), !0;
+    }
+  });
+}
+function M({
+  code: e,
+  context: t,
+  localState: n,
+  rootState: i,
+  rootSetState: a,
+  event: o,
+  isExpression: r = !0
+}) {
+  if (e === "") {
+    _.warn("Skipping evaluation of empty code block.");
+    return;
+  }
+  const d = {
+    isEditing: V(),
+    isBrowser: F(),
+    isServer: !F(),
+    getUserAttributes: () => Pe()
+  }, u = {
+    code: /* we disable this for cases where we definitely don't want a return */ r && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e,
+    builder: d,
+    context: t,
+    event: o,
+    rootSetState: a,
+    rootState: i,
+    localState: n
+  };
+  try {
+    return Me(u);
+  } catch (m) {
+    _.error("Failed code evaluation: " + m.message, {
+      code: e
+    });
+    return;
+  }
+}
+const Le = (e, t, n) => {
+  if (Object(e) !== e)
+    return e;
+  const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return i.slice(0, -1).reduce((a, o, r) => Object(a[o]) === a[o] ? a[o] : a[o] = Math.abs(Number(i[r + 1])) >> 0 === +i[r + 1] ? [] : {}, e)[i[i.length - 1]] = n, e;
+};
+const _e = ({
+  block: e,
+  context: t,
+  localState: n,
+  rootState: i,
+  rootSetState: a
+}) => {
+  if (!e.bindings)
+    return e;
+  const o = Z(e), r = {
+    ...o,
+    properties: {
+      ...o.properties
+    },
+    actions: {
+      ...o.actions
+    }
+  };
+  for (const d in e.bindings) {
+    const c = e.bindings[d], s = M({
+      code: c,
+      localState: n,
+      rootState: i,
+      rootSetState: a,
+      context: t
+    });
+    Le(r, d, s);
+  }
+  return r;
+};
+function ee({
+  block: e,
+  context: t,
+  shouldEvaluateBindings: n,
+  localState: i,
+  rootState: a,
+  rootSetState: o
+}) {
+  const r = e;
+  return n ? _e({
+    block: r,
+    localState: i,
+    rootState: a,
+    rootSetState: o,
+    context: t
+  }) : r;
+}
+const Ke = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), ke = (e) => Object.entries(e).map(([n, i]) => {
+  if (typeof i == "string")
+    return `${Ke(n)}: ${i};`;
+}).filter(K), Oe = (e) => ke(e).join(`
+`), D = ({
+  mediaQuery: e,
+  className: t,
+  styles: n
+}) => {
+  const i = `.${t} {
+    ${Oe(n)}
+  }`;
+  return e ? `${e} {
+      ${i}
+    }` : i;
+};
+function H(e) {
+  return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
+}
+function te(e) {
+  const [t, n] = k(
+    () => ee({
+      block: e.block,
+      localState: e.context.localState,
+      rootState: e.context.rootState,
+      rootSetState: e.context.rootSetState,
+      context: e.context.context,
+      shouldEvaluateBindings: !0
+    })
+  );
+  function i() {
+    return K(t.hide) ? !t.hide : K(t.show) ? t.show : !0;
+  }
+  function a() {
+    var h;
+    const o = t.responsiveStyles, r = e.context.content, d = pe(
+      ((h = r == null ? void 0 : r.meta) == null ? void 0 : h.breakpoints) || {}
+    ), c = o == null ? void 0 : o.large, s = o == null ? void 0 : o.medium, u = o == null ? void 0 : o.small, m = t.id;
+    if (!m)
+      return "";
+    const y = c ? D({
+      className: m,
+      styles: c
+    }) : "", p = s ? D({
+      className: m,
+      styles: s,
+      mediaQuery: se(
+        "medium",
+        d
+      )
+    }) : "", x = u ? D({
+      className: m,
+      styles: u,
+      mediaQuery: se(
+        "small",
+        d
+      )
+    }) : "";
+    return [y, p, x].join(" ");
+  }
+  return /* @__PURE__ */ l(f, { children: a() && i() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(H, { styles: a() }) }) : null });
+}
+function He(e) {
+  var t;
+  return {
+    ...(t = e.component) == null ? void 0 : t.options,
+    ...e.options,
+    /**
+     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
+     */
+    builderBlock: e
+  };
+}
+const ze = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], J = (e) => typeof e == "string" && ze.includes(e.toLowerCase()), qe = ({
+  block: e,
+  context: t,
+  registeredComponents: n
+}) => {
+  var o;
+  const i = (o = ee({
+    block: e,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context,
+    shouldEvaluateBindings: !1
+  }).component) == null ? void 0 : o.name;
+  if (!i)
+    return null;
+  const a = n[i];
+  if (a)
+    return a;
+  console.warn(`
+      Could not find a registered component named "${i}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+}, De = ({
+  block: e,
+  context: t
+}) => {
+  const {
+    repeat: n,
+    ...i
+  } = e;
+  if (!(n != null && n.collection))
+    return;
+  const a = M({
+    code: n.collection,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context
+  });
+  if (!Array.isArray(a))
+    return;
+  const o = n.collection.split(".").pop(), r = n.itemName || (o ? o + "Item" : "item");
+  return a.map((c, s) => ({
+    context: {
+      ...t,
+      localState: {
+        ...t.localState,
+        $index: s,
+        $item: c,
+        [r]: c,
+        [`$${r}Index`]: s
+      }
+    },
+    block: i
+  }));
+}, ne = ye({
+  content: null,
+  context: {},
+  localState: void 0,
+  rootSetState() {
+  },
+  rootState: {},
+  apiKey: null,
+  apiVersion: void 0,
+  componentInfos: {},
+  inheritedStyles: {}
+});
+function Je(e) {
+  const [t, n] = k(() => e.repeatContext);
+  return /* @__PURE__ */ l(ne.Provider, { value: t, children: /* @__PURE__ */ l(
+    z,
+    {
+      block: e.block,
+      context: t,
+      registeredComponents: e.registeredComponents
+    }
+  ) });
+}
+function Ye(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+const Ge = (e) => `on${Ye(e)}`, Qe = (e, t) => (n) => M({
+  code: e,
+  context: t.context,
+  localState: t.localState,
+  rootState: t.rootState,
+  rootSetState: t.rootSetState,
+  event: n,
+  isExpression: !1
+});
+function G(e) {
+  const t = {}, n = e.block.actions ?? {};
+  for (const i in n) {
+    if (!n.hasOwnProperty(i))
+      continue;
+    const a = n[i];
+    let o = Ge(i);
+    if (e.stripPrefix)
+      switch (U) {
+        case "vue2":
+        case "vue3":
+          o = o.replace("v-on:", "");
+          break;
+        case "svelte":
+          o = o.replace("on:", "");
+          break;
+      }
+    t[o] = Qe(a, e);
+  }
+  return t;
+}
+function Xe(e) {
+  return e.className = e.class, delete e.class, e;
+}
+const Ze = (e) => ({
+  href: e.href
+});
+function O({
+  block: e,
+  context: t
+}) {
+  var i;
+  const n = {
+    ...Ze(e),
+    ...e.properties,
+    "builder-id": e.id,
+    style: e.style ? et(e.style) : void 0,
+    class: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+  };
+  return Xe(n);
+}
+function et(e) {
+  switch (U) {
+    case "svelte":
+    case "vue2":
+    case "vue3":
+    case "solid":
+      return ke(e).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return e;
+  }
+}
+function tt(e) {
+  return /* @__PURE__ */ l(
+    e.Wrapper,
+    {
+      ...e.wrapperProps,
+      attributes: {
+        ...O({
+          block: e.block,
+          context: e.context
+        }),
+        ...G({
+          block: e.block,
+          rootState: e.context.rootState,
+          rootSetState: e.context.rootSetState,
+          localState: e.context.localState,
+          context: e.context.context
+        })
+      },
+      children: e.children
+    }
+  );
+}
+const nt = ({
+  componentOptions: e,
+  builderBlock: t,
+  context: n,
+  componentRef: i,
+  includeBlockProps: a,
+  isInteractive: o,
+  contextValue: r
+}) => o ? {
+  Wrapper: i,
+  block: t,
+  context: n,
+  wrapperProps: e
+} : {
+  ...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.
+   */
+  ...a ? {
+    attributes: O({
+      block: t,
+      context: r
+    })
+  } : {}
+};
+function de(e) {
+  var i, a;
+  const [t, n] = k(
+    () => e.isInteractive ? tt : e.componentRef
+  );
+  return /* @__PURE__ */ l(f, { children: e.componentRef ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ E(
+    t,
+    {
+      ...nt({
+        componentOptions: e.componentOptions,
+        builderBlock: e.builderBlock,
+        context: e.context,
+        componentRef: e.componentRef,
+        includeBlockProps: e.includeBlockProps,
+        isInteractive: e.isInteractive,
+        contextValue: e.context
+      }),
+      children: [
+        (i = e.blockChildren) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
+          z,
+          {
+            block: o,
+            context: e.context,
+            registeredComponents: e.registeredComponents
+          },
+          "block-" + o.id
+        )),
+        (a = e.blockChildren) == null ? void 0 : a.map((o) => /* @__PURE__ */ l(
+          te,
+          {
+            block: o,
+            context: e.context
+          },
+          "block-style-" + o.id
+        ))
+      ]
+    }
+  ) }) : null });
+}
+function ue(e) {
+  return /* @__PURE__ */ E(f, { children: [
+    " ",
+    e.hasChildren ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ E(
+      e.Wrapper,
+      {
+        ...O({
+          block: e.block,
+          context: e.context
+        }),
+        ...G({
+          block: e.block,
+          rootState: e.context.rootState,
+          rootSetState: e.context.rootSetState,
+          localState: e.context.localState,
+          context: e.context.context,
+          stripPrefix: !0
+        }),
+        children: [
+          " ",
+          e.children,
+          " "
+        ]
+      }
+    ) }) : /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+      e.Wrapper,
+      {
+        ...O({
+          block: e.block,
+          context: e.context
+        }),
+        ...G({
+          block: e.block,
+          rootState: e.context.rootState,
+          rootSetState: e.context.rootSetState,
+          localState: e.context.localState,
+          context: e.context.context,
+          stripPrefix: !0
+        })
+      }
+    ) }),
+    " "
+  ] });
+}
+function z(e) {
+  var u, m, y, p;
+  function t() {
+    return qe({
+      block: e.block,
+      context: e.context,
+      registeredComponents: e.registeredComponents
+    });
+  }
+  function n() {
+    return De({
+      block: e.block,
+      context: e.context
+    });
+  }
+  function i() {
+    return n() ? e.block : ee({
+      block: e.block,
+      localState: e.context.localState,
+      rootState: e.context.rootState,
+      rootSetState: e.context.rootSetState,
+      context: e.context.context,
+      shouldEvaluateBindings: !0
+    });
+  }
+  function a() {
+    return e.block.tagName || "div";
+  }
+  function o() {
+    return "hide" in i() ? !i().hide : "show" in i() ? i().show : !0;
+  }
+  function r() {
+    var h;
+    return !((h = t == null ? void 0 : t()) != null && h.component) && !n() ? i().children ?? [] : [];
+  }
+  function d() {
+    var x, h, C, T, g;
+    return {
+      blockChildren: i().children ?? [],
+      componentRef: (x = t == null ? void 0 : t()) == null ? void 0 : x.component,
+      componentOptions: {
+        ...He(i()),
+        builderContext: e.context,
+        ...((h = t == null ? void 0 : t()) == null ? void 0 : h.name) === "Symbol" || ((C = t == null ? void 0 : t()) == null ? void 0 : C.name) === "Columns" ? {
+          builderComponents: e.registeredComponents
+        } : {}
+      },
+      context: c,
+      registeredComponents: e.registeredComponents,
+      builderBlock: i(),
+      includeBlockProps: ((T = t == null ? void 0 : t()) == null ? void 0 : T.noWrap) === !0,
+      isInteractive: !((g = t == null ? void 0 : t()) != null && g.isRSC)
+    };
+  }
+  const [c, s] = k(() => e.context);
+  return /* @__PURE__ */ l(f, { children: o() ? /* @__PURE__ */ l(f, { children: (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(de, { ...d() }) }) : /* @__PURE__ */ E(f, { children: [
+    J(a()) ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+      ue,
+      {
+        Wrapper: a(),
+        block: i(),
+        context: e.context,
+        hasChildren: !1
+      }
+    ) }) : null,
+    !J(a()) && n() ? /* @__PURE__ */ l(f, { children: (m = n()) == null ? void 0 : m.map((x, h) => /* @__PURE__ */ l(
+      Je,
+      {
+        repeatContext: x.context,
+        block: x.block,
+        registeredComponents: e.registeredComponents
+      },
+      h
+    )) }) : null,
+    !J(a()) && !n() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ E(
+      ue,
+      {
+        Wrapper: a(),
+        block: i(),
+        context: e.context,
+        hasChildren: !0,
+        children: [
+          /* @__PURE__ */ l(de, { ...d() }),
+          (y = r()) == null ? void 0 : y.map((x) => /* @__PURE__ */ l(
+            z,
+            {
+              block: x,
+              context: c,
+              registeredComponents: e.registeredComponents
+            },
+            "block-" + x.id
+          )),
+          (p = r()) == null ? void 0 : p.map((x) => /* @__PURE__ */ l(
+            te,
+            {
+              block: x,
+              context: c
+            },
+            "block-style-" + x.id
+          ))
+        ]
+      }
+    ) }) : null
+  ] }) }) : null });
+}
+function it(e) {
+  function t() {
+    var a;
+    return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
+  }
+  function n() {
+    var a, o;
+    V() && !((a = e.blocks) != null && a.length) && ((o = window.parent) == null || o.postMessage(
+      {
+        type: "builder.clickEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  function i() {
+    var a, o;
+    V() && !((a = e.blocks) != null && a.length) && ((o = window.parent) == null || o.postMessage(
+      {
+        type: "builder.hoverEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  return /* @__PURE__ */ E(f, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: t() + " div-5821bd52",
+        "builder-path": e.path,
+        "builder-parent-id": e.parent,
+        style: e.styleProp,
+        onClick: (a) => n(),
+        onMouseEnter: (a) => i(),
+        onKeyPress: (a) => n(),
+        children: e.children
+      }
+    ),
+    /* @__PURE__ */ l("style", { children: `.div-5821bd52 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}` })
+  ] });
+}
+const Ce = ye({ registeredComponents: {} });
+function ie(e) {
+  var i, a;
+  const t = ae(ne), n = ae(Ce);
+  return /* @__PURE__ */ E(
+    it,
+    {
+      blocks: e.blocks,
+      parent: e.parent,
+      path: e.path,
+      styleProp: e.styleProp,
+      children: [
+        e.blocks ? /* @__PURE__ */ l(f, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
+          z,
+          {
+            block: o,
+            context: e.context || t,
+            registeredComponents: e.registeredComponents || n.registeredComponents
+          },
+          "render-block-" + o.id
+        )) }) : null,
+        e.blocks ? /* @__PURE__ */ l(f, { children: (a = e.blocks) == null ? void 0 : a.map((o) => /* @__PURE__ */ l(
+          te,
+          {
+            block: o,
+            context: e.context || t
+          },
+          "block-style-" + o.id
+        )) }) : null
+      ]
+    }
+  );
+}
+function at(e) {
+  var T;
+  const [t, n] = k(
+    () => typeof e.space == "number" ? e.space || 0 : 20
+  ), [i, a] = k(() => e.columns || []), [o, r] = k(
+    () => e.stackColumnsAt || "tablet"
+  );
+  function d(g) {
+    var R;
+    return ((R = i[g]) == null ? void 0 : R.width) || 100 / i.length;
+  }
+  function c(g) {
+    const R = t * (i.length - 1) / i.length;
+    return `calc(${d(g)}% - ${R}px)`;
+  }
+  function s({
+    stackedStyle: g,
+    desktopStyle: R
+  }) {
+    return o === "tablet" ? g : R;
+  }
+  function u({
+    stackedStyle: g,
+    desktopStyle: R
+  }) {
+    return o === "never" ? R : g;
+  }
+  const [m, y] = k(
+    () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
+  );
+  function p() {
+    return {
+      "--flex-dir": m,
+      "--flex-dir-tablet": s({
+        stackedStyle: m,
+        desktopStyle: "row"
+      })
+    };
+  }
+  function x(g) {
+    const R = g === 0 ? 0 : t, A = c(g), B = `${R}px`, N = "100%", W = 0;
+    return {
+      width: A,
+      ["marginLeft"]: B,
+      "--column-width-mobile": u({
+        stackedStyle: N,
+        desktopStyle: A
+      }),
+      "--column-margin-left-mobile": u({
+        stackedStyle: W,
+        desktopStyle: B
+      }),
+      "--column-width-tablet": s({
+        stackedStyle: N,
+        desktopStyle: A
+      }),
+      "--column-margin-left-tablet": s({
+        stackedStyle: W,
+        desktopStyle: B
+      })
+    };
+  }
+  function h(g) {
+    var A, B;
+    return pe(
+      ((B = (A = e.builderContext.content) == null ? void 0 : A.meta) == null ? void 0 : B.breakpoints) || {}
+    )[g].max;
+  }
+  function C() {
+    return `
+        @media (max-width: ${h("medium")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${e.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${h("small")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${e.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+  }
+  return /* @__PURE__ */ E(f, { children: [
+    /* @__PURE__ */ E(
+      "div",
+      {
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-d734ad62`,
+        style: p(),
+        children: [
+          /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(H, { styles: C() }) }),
+          (T = e.columns) == null ? void 0 : T.map((g, R) => /* @__PURE__ */ $e(
+            "div",
+            {
+              className: "builder-column div-d734ad62-2",
+              style: x(R),
+              key: R
+            },
+            /* @__PURE__ */ l(
+              ie,
+              {
+                path: `component.options.columns.${R}.blocks`,
+                parent: e.builderBlock.id,
+                styleProp: {
+                  flexGrow: "1"
+                },
+                context: e.builderContext,
+                registeredComponents: e.builderComponents,
+                blocks: g.blocks
+              }
+            )
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ l("style", { children: `.div-d734ad62 {
+  display: flex;
+  line-height: normal;
+}.div-d734ad62-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}` })
+  ] });
+}
+function ot(e) {
+  return /* @__PURE__ */ l("span", { children: e.children });
+}
+function me(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function rt(e = "", t, n) {
+  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), a = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + a + t + "=" + encodeURIComponent(n);
+}
+function lt(e, t) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
+    return e;
+  if (t === "master")
+    return me(e);
+  const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
+  if (n) {
+    const i = e.split(n[0]), a = n[3], o = t.match("x") ? t : `${t}x`;
+    return me(`${i[0]}_${o}${a}`);
+  }
+  return null;
+}
+function Y(e) {
+  if (!e)
+    return e;
+  const t = [100, 200, 400, 800, 1200, 1600, 2e3];
+  if (e.match(/builder\.io/)) {
+    let n = e;
+    const i = Number(e.split("?width=")[1]);
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((a) => a !== i).map((a) => `${rt(e, "width", a)} ${a}w`).concat([n]).join(", ");
+  }
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [lt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
+}
+function ct(e) {
+  var a, o, r, d;
+  function t() {
+    var u;
+    const s = e.image || e.src;
+    if (!s || // We can auto add srcset for cdn.builder.io and shopify
+    // images, otherwise you can supply this prop manually
+    !(s.match(/builder\.io/) || s.match(/cdn\.shopify\.com/)))
+      return e.srcset;
+    if (e.srcset && ((u = e.image) != null && u.includes("builder.io/api/v1/image"))) {
+      if (!e.srcset.includes(e.image.split("?")[0]))
+        return console.debug("Removed given srcset"), Y(s);
+    } else if (e.image && !e.srcset)
+      return Y(s);
+    return Y(s);
+  }
+  function n() {
+    var c;
+    return (c = t == null ? void 0 : t()) != null && c.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
+  }
+  function i() {
+    const c = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    return e.aspectRatio ? c : void 0;
+  }
+  return /* @__PURE__ */ E(f, { children: [
+    /* @__PURE__ */ E(f, { children: [
+      /* @__PURE__ */ E("picture", { children: [
+        n() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) }) : null,
+        /* @__PURE__ */ l(
+          "img",
+          {
+            loading: "lazy",
+            alt: e.altText,
+            role: e.altText ? "presentation" : void 0,
+            style: {
+              objectPosition: e.backgroundPosition || "center",
+              objectFit: e.backgroundSize || "cover",
+              ...i()
+            },
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-ef11a6be",
+            src: e.image,
+            srcSet: t(),
+            sizes: e.sizes
+          }
+        )
+      ] }),
+      e.aspectRatio && !((o = (a = e.builderBlock) == null ? void 0 : a.children) != null && o.length && e.fitContent) ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: "builder-image-sizer div-ef11a6be",
+          style: {
+            paddingTop: e.aspectRatio * 100 + "%"
+          }
+        }
+      ) }) : null,
+      (d = (r = e.builderBlock) == null ? void 0 : r.children) != null && d.length && e.fitContent ? /* @__PURE__ */ l(f, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l("div", { className: "div-ef11a6be-2", children: e.children }) }) : null
+    ] }),
+    /* @__PURE__ */ l("style", { children: `.img-ef11a6be {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-ef11a6be {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-ef11a6be-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}` })
+  ] });
+}
+function st(e) {
+  return /* @__PURE__ */ l(
+    "section",
+    {
+      ...e.attributes,
+      style: {
+        width: "100%",
+        alignSelf: "stretch",
+        flexGrow: 1,
+        boxSizing: "border-box",
+        maxWidth: e.maxWidth || 1200,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch",
+        marginLeft: "auto",
+        marginRight: "auto"
+      },
+      children: e.children
+    }
+  );
+}
+const L = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), dt = ({
+  canTrack: e,
+  content: t
+}) => !(!(L(t).length > 0) || !e || F());
+function ut(e, t, n) {
+  var r;
+  function i() {
+    function d(x, h, C) {
+      let T = "";
+      if (C) {
+        const g = /* @__PURE__ */ new Date();
+        g.setTime(g.getTime() + C * 24 * 60 * 60 * 1e3), T = "; expires=" + g.toUTCString();
+      }
+      document.cookie = x + "=" + (h || "") + T + "; path=/; Secure; SameSite=None";
+    }
+    function c(x) {
+      const h = x + "=", C = document.cookie.split(";");
+      for (let T = 0; T < C.length; T++) {
+        let g = C[T];
+        for (; g.charAt(0) === " "; )
+          g = g.substring(1, g.length);
+        if (g.indexOf(h) === 0)
+          return g.substring(h.length, g.length);
+      }
+      return null;
+    }
+    const s = `builder.tests.${e}`, u = c(s), m = t.map((x) => x.id).concat(e);
+    if (u && m.includes(u))
+      return u;
+    let y = 0;
+    const p = Math.random();
+    for (let x = 0; x < t.length; x++) {
+      const h = t[x], C = h.testRatio;
+      if (y += C, p < y)
+        return d(s, h.id), h.id;
+    }
+    return d(s, e), e;
+  }
+  const a = i(), o = (r = document.currentScript) == null ? void 0 : r.previousElementSibling;
+  if (n) {
+    o.remove();
+    const d = document.currentScript;
+    d == null || d.remove();
+  } else {
+    const d = t.concat({
+      id: e
+    }).filter((c) => c.id !== a).map((c) => `.variant-${c.id} {  display: none; }
+        `).join("");
+    o.innerHTML = d;
+  }
+}
+function mt(e, t, n) {
+  var c;
+  if (!navigator.cookieEnabled)
+    return;
+  function i(s) {
+    const u = s + "=", m = document.cookie.split(";");
+    for (let y = 0; y < m.length; y++) {
+      let p = m[y];
+      for (; p.charAt(0) === " "; )
+        p = p.substring(1, p.length);
+      if (p.indexOf(u) === 0)
+        return p.substring(u.length, p.length);
+    }
+    return null;
+  }
+  const a = `builder.tests.${t}`, o = i(a), r = (c = document.currentScript) == null ? void 0 : c.parentElement, d = e === t;
+  if (o === e) {
+    if (d)
+      return;
+    r == null || r.removeAttribute("hidden"), r == null || r.removeAttribute("aria-hidden");
+  } else {
+    d && (n ? r == null || r.remove() : (r == null || r.setAttribute("hidden", "true"), r == null || r.setAttribute("aria-hidden", "true")));
+    return;
+  }
+}
+const ft = (e) => e === "react" || e === "reactNative", we = ft(U), Ie = "builderIoAbTest", Te = "builderIoRenderContent", ht = () => {
+  const e = ut.toString().replace(/\s+/g, " "), t = mt.toString().replace(/\s+/g, " ");
+  return `
+  window.${Ie} = ${e}
+  window.${Te} = ${t}
+  `;
+}, gt = (e, t) => `
+  window.${Ie}("${t}",${JSON.stringify(e)}, ${we})`, bt = ({
+  contentId: e,
+  variationId: t
+}) => `
+  window.${Te}("${t}", "${e}", ${we})`, xt = {
+  name: "Core:Button",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    // TODO: make min width more intuitive and set one
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#000000",
+    color: "white",
+    borderRadius: "4px",
+    textAlign: "center",
+    cursor: "pointer"
+  },
+  inputs: [{
+    name: "text",
+    type: "text",
+    defaultValue: "Click me!",
+    bubble: !0
+  }, {
+    name: "link",
+    type: "url",
+    bubble: !0
+  }, {
+    name: "openLinkInNewTab",
+    type: "boolean",
+    defaultValue: !1,
+    friendlyName: "Open link in new tab"
+  }],
+  static: !0,
+  noWrap: !0
+}, yt = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
+  name: "Columns",
+  isRSC: !0,
+  inputs: [{
+    name: "columns",
+    type: "array",
+    broadcast: !0,
+    subFields: [{
+      name: "blocks",
+      type: "array",
+      hideFromUI: !0,
+      defaultValue: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      name: "width",
+      type: "number",
+      hideFromUI: !0,
+      helperText: "Width %, e.g. set to 50 to fill half of the space"
+    }, {
+      name: "link",
+      type: "url",
+      helperText: "Optionally set a url that clicking this column will link to"
+    }],
+    defaultValue: [{
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }],
+    onChange: (e) => {
+      function t() {
+        n.forEach((i) => {
+          i.delete("width");
+        });
+      }
+      const n = e.get("columns");
+      Array.isArray(n) && n.find((a) => a.get("width")) && (n.find((o) => !o.get("width")) || n.reduce((d, c) => d + c.get("width"), 0) !== 100) && t();
+    }
+  }, {
+    name: "space",
+    type: "number",
+    defaultValue: 20,
+    helperText: "Size of gap between columns",
+    advanced: !0
+  }, {
+    name: "stackColumnsAt",
+    type: "string",
+    defaultValue: "tablet",
+    helperText: "Convert horizontal columns to vertical at what device size",
+    enum: ["tablet", "mobile", "never"],
+    advanced: !0
+  }, {
+    name: "reverseColumnsWhenStacked",
+    type: "boolean",
+    defaultValue: !1,
+    helperText: "When stacking columns for mobile devices, reverse the ordering",
+    advanced: !0
+  }]
+}, St = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+}, vt = {
+  name: "Image",
+  static: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  defaultStyles: {
+    position: "relative",
+    minHeight: "20px",
+    minWidth: "20px",
+    overflow: "hidden"
+  },
+  canHaveChildren: !0,
+  inputs: [{
+    name: "image",
+    type: "file",
+    bubble: !0,
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+    required: !0,
+    defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
+    onChange: (e) => {
+      e.delete("srcset"), e.delete("noWebp");
+      function n(r, d = 6e4) {
+        return new Promise((c, s) => {
+          const u = document.createElement("img");
+          let m = !1;
+          u.onload = () => {
+            m = !0, c(u);
+          }, u.addEventListener("error", (y) => {
+            console.warn("Image load failed", y.error), s(y.error);
+          }), u.src = r, setTimeout(() => {
+            m || s(new Error("Image load timed out"));
+          }, d);
+        });
+      }
+      function i(r) {
+        return Math.round(r * 1e3) / 1e3;
+      }
+      const a = e.get("image"), o = e.get("aspectRatio");
+      if (fetch(a).then((r) => r.blob()).then((r) => {
+        r.type.includes("svg") && e.set("noWebp", !0);
+      }), a && (!o || o === 0.7041))
+        return n(a).then((r) => {
+          const d = e.get("aspectRatio");
+          e.get("image") === a && (!d || d === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
+        });
+    }
+  }, {
+    name: "backgroundSize",
+    type: "text",
+    defaultValue: "cover",
+    enum: [{
+      label: "contain",
+      value: "contain",
+      helperText: "The image should never get cropped"
+    }, {
+      label: "cover",
+      value: "cover",
+      helperText: "The image should fill it's box, cropping when needed"
+    }]
+  }, {
+    name: "backgroundPosition",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "altText",
+    type: "string",
+    helperText: "Text to display when the user has images off"
+  }, {
+    name: "height",
+    type: "number",
+    hideFromUI: !0
+  }, {
+    name: "width",
+    type: "number",
+    hideFromUI: !0
+  }, {
+    name: "sizes",
+    type: "string",
+    hideFromUI: !0
+  }, {
+    name: "srcset",
+    type: "string",
+    hideFromUI: !0
+  }, {
+    name: "lazy",
+    type: "boolean",
+    defaultValue: !0,
+    hideFromUI: !0
+  }, {
+    name: "fitContent",
+    type: "boolean",
+    helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
+    defaultValue: !0
+  }, {
+    name: "aspectRatio",
+    type: "number",
+    helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+    advanced: !0,
+    defaultValue: 0.7041
+  }]
+}, pt = {
+  name: "Core:Section",
+  static: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
+  inputs: [{
+    name: "maxWidth",
+    type: "number",
+    defaultValue: 1200
+  }, {
+    name: "lazyLoad",
+    type: "boolean",
+    defaultValue: !1,
+    advanced: !0,
+    description: "Only render this section when in view"
+  }],
+  defaultStyles: {
+    paddingLeft: "20px",
+    paddingRight: "20px",
+    paddingTop: "50px",
+    paddingBottom: "50px",
+    marginTop: "0px",
+    width: "100vw",
+    marginLeft: "calc(50% - 50vw)"
+  },
+  canHaveChildren: !0,
+  defaultChildren: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        textAlign: "center"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"
+      }
+    }
+  }]
+}, kt = {
+  name: "Symbol",
+  noWrap: !0,
+  static: !0,
+  isRSC: !0,
+  inputs: [{
+    name: "symbol",
+    type: "uiSymbol"
+  }, {
+    name: "dataOnly",
+    helperText: "Make this a data symbol that doesn't display any UI",
+    type: "boolean",
+    defaultValue: !1,
+    advanced: !0,
+    hideFromUI: !0
+  }, {
+    name: "inheritState",
+    helperText: "Inherit the parent component state and data",
+    type: "boolean",
+    defaultValue: !1,
+    advanced: !0
+  }, {
+    name: "renderToLiquid",
+    helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+    type: "boolean",
+    defaultValue: !1,
+    advanced: !0,
+    hideFromUI: !0
+  }, {
+    name: "useChildren",
+    hideFromUI: !0,
+    type: "boolean"
+  }]
+}, Ct = {
+  name: "Text",
+  static: !0,
+  isRSC: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
+  inputs: [{
+    name: "text",
+    type: "html",
+    required: !0,
+    autoFocus: !0,
+    bubble: !0,
+    defaultValue: "Enter some text..."
+  }],
+  defaultStyles: {
+    lineHeight: "normal",
+    height: "auto",
+    textAlign: "center"
+  }
+};
+function wt(e) {
+  var t;
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      className: "builder-text",
+      dangerouslySetInnerHTML: { __html: ((t = e.text) == null ? void 0 : t.toString()) || "" },
+      style: {
+        outline: "none"
+      }
+    }
+  );
+}
+const It = {
+  name: "Video",
+  canHaveChildren: !0,
+  defaultStyles: {
+    minHeight: "20px",
+    minWidth: "20px"
+  },
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+  inputs: [{
+    name: "video",
+    type: "file",
+    allowedFileTypes: ["mp4"],
+    bubble: !0,
+    defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+    required: !0
+  }, {
+    name: "posterImage",
+    type: "file",
+    allowedFileTypes: ["jpeg", "png"],
+    helperText: "Image to show before the video plays"
+  }, {
+    name: "autoPlay",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "controls",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "muted",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "loop",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "playsInline",
+    type: "boolean",
+    defaultValue: !0
+  }, {
+    name: "fit",
+    type: "text",
+    defaultValue: "cover",
+    enum: ["contain", "cover", "fill", "auto"]
+  }, {
+    name: "preload",
+    type: "text",
+    defaultValue: "metadata",
+    enum: ["auto", "metadata", "none"]
+  }, {
+    name: "fitContent",
+    type: "boolean",
+    helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
+    defaultValue: !0,
+    advanced: !0
+  }, {
+    name: "position",
+    type: "text",
+    defaultValue: "center",
+    enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
+  }, {
+    name: "height",
+    type: "number",
+    advanced: !0
+  }, {
+    name: "width",
+    type: "number",
+    advanced: !0
+  }, {
+    name: "aspectRatio",
+    type: "number",
+    advanced: !0,
+    defaultValue: 0.7004048582995948
+  }, {
+    name: "lazyLoad",
+    type: "boolean",
+    helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
+    defaultValue: !0,
+    advanced: !0
+  }]
+};
+function Tt(e) {
+  var i;
+  function t() {
+    return {
+      ...e.autoPlay === !0 ? {
+        autoPlay: !0
+      } : {},
+      ...e.muted === !0 ? {
+        muted: !0
+      } : {},
+      ...e.controls === !0 ? {
+        controls: !0
+      } : {},
+      ...e.loop === !0 ? {
+        loop: !0
+      } : {},
+      ...e.playsInline === !0 ? {
+        playsInline: !0
+      } : {}
+    };
+  }
+  function n() {
+    return {
+      ...e.attributes,
+      ...t()
+    };
+  }
+  return /* @__PURE__ */ l(
+    "video",
+    {
+      ...n(),
+      preload: e.preload || "metadata",
+      style: {
+        width: "100%",
+        height: "100%",
+        ...(i = e.attributes) == null ? void 0 : i.style,
+        objectFit: e.fit,
+        objectPosition: e.position,
+        // Hack to get object fit to work as expected and
+        // not have the video overflow
+        borderRadius: 1
+      },
+      src: e.video || "no-src",
+      poster: e.posterImage
+    }
+  );
+}
+const Rt = {
+  name: "Embed",
+  static: !0,
+  inputs: [{
+    name: "url",
+    type: "url",
+    required: !0,
+    defaultValue: "",
+    helperText: "e.g. enter a youtube url, google map, etc",
+    onChange: (e) => {
+      const t = e.get("url");
+      if (t)
+        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((i) => i.json()).then((i) => {
+          e.get("url") === t && (i.html ? e.set("content", i.html) : e.set("content", "Invalid url, please try another"));
+        }).catch((i) => {
+          e.set("content", "There was an error embedding this URL, please try again or another URL");
+        });
+      e.delete("content");
+    }
+  }, {
+    name: "content",
+    type: "html",
+    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+    hideFromUI: !0
+  }]
+}, Et = ["text/javascript", "application/javascript", "application/ecmascript"], $t = (e) => Et.includes(e.type);
+function Pt(e) {
+  const t = X(null), [n, i] = k(() => []), [a, o] = k(() => []), [r, d] = k(() => !1);
+  function c() {
+    if (!t.current || !t.current.getElementsByTagName)
+      return;
+    const s = t.current.getElementsByTagName("script");
+    for (let u = 0; u < s.length; u++) {
+      const m = s[u];
+      if (m.src && !n.includes(m.src)) {
+        n.push(m.src);
+        const y = document.createElement("script");
+        y.async = !0, y.src = m.src, document.head.appendChild(y);
+      } else if ($t(m) && !a.includes(m.innerText))
+        try {
+          a.push(m.innerText), new Function(m.innerText)();
+        } catch (y) {
+          console.warn("`Embed`: Error running script:", y);
+        }
+    }
+  }
+  return P(() => {
+    t.current && !r && (d(!0), c());
+  }, [t.current, r]), /* @__PURE__ */ l(
+    "div",
+    {
+      className: "builder-embed",
+      ref: t,
+      dangerouslySetInnerHTML: { __html: e.content }
+    }
+  );
+}
+function At(e) {
+  return /* @__PURE__ */ l(
+    "img",
+    {
+      style: {
+        objectFit: e.backgroundSize || "cover",
+        objectPosition: e.backgroundPosition || "center"
+      },
+      alt: e.altText,
+      src: e.imgSrc || e.image,
+      ...e.attributes
+    },
+    V() && e.imgSrc || "default-key"
+  );
+}
+const Bt = {
+  // friendlyName?
+  name: "Raw:Img",
+  hideFromInsertMenu: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  inputs: [{
+    name: "image",
+    bubble: !0,
+    type: "file",
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
+    required: !0
+  }],
+  noWrap: !0,
+  static: !0
+};
+function Vt(e) {
+  const t = X(null), [n, i] = k(() => []), [a, o] = k(() => []);
+  function r() {
+    if (t.current && t.current.getElementsByTagName && typeof window < "u") {
+      const d = t.current.getElementsByTagName("script");
+      for (let c = 0; c < d.length; c++) {
+        const s = d[c];
+        if (s.src) {
+          if (n.includes(s.src))
+            continue;
+          n.push(s.src);
+          const u = document.createElement("script");
+          u.async = !0, u.src = s.src, document.head.appendChild(u);
+        } else if (!s.type || [
+          "text/javascript",
+          "application/javascript",
+          "application/ecmascript"
+        ].includes(s.type)) {
+          if (a.includes(s.innerText))
+            continue;
+          try {
+            a.push(s.innerText), new Function(s.innerText)();
+          } catch (u) {
+            console.warn("`CustomCode`: Error running script:", u);
+          }
+        }
+      }
+    }
+  }
+  return P(() => {
+    r();
+  }, []), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: t,
+      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
+      dangerouslySetInnerHTML: { __html: e.code }
+    }
+  );
+}
+const Ft = {
+  name: "Custom Code",
+  static: !0,
+  requiredPermissions: ["editCode"],
+  inputs: [{
+    name: "code",
+    type: "html",
+    required: !0,
+    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+    code: !0
+  }, {
+    name: "replaceNodes",
+    type: "boolean",
+    helperText: "Preserve server rendered dom nodes",
+    advanced: !0
+  }, {
+    name: "scriptsClientOnly",
+    type: "boolean",
+    defaultValue: !1,
+    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+    advanced: !0
+  }]
+}, fe = () => [{
+  component: We,
+  ...xt
+}, {
+  component: at,
+  ...yt
+}, {
+  component: Vt,
+  ...Ft
+}, {
+  component: Pt,
+  ...Rt
+}, {
+  component: ot,
+  ...St
+}, {
+  component: ct,
+  ...vt
+}, {
+  component: At,
+  ...Bt
+}, {
+  component: st,
+  ...pt
+}, {
+  component: Yt,
+  ...kt
+}, {
+  component: wt,
+  ...Ct
+}, {
+  component: Tt,
+  ...It
+}], Nt = (e) => {
+  var o;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = e.fileUrl ?? ((o = e == null ? void 0 : e.files) == null ? void 0 : o.regular);
+  let a = "";
+  if (i && t && n && (a += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${i}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), e.files)
+    for (const r in e.files) {
+      if (!(String(Number(r)) === r))
+        continue;
+      const c = e.files[r];
+      c && c !== i && (a += `
+@font-face {
+font-family: "${t}";
+src: url('${c}') format('woff2');
+font-display: fallback;
+font-weight: ${r};
+}
+        `.trim());
+    }
+  return a;
+}, Wt = ({
+  customFonts: e
+}) => {
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => Nt(n))) == null ? void 0 : t.join(" ")) || "";
+}, jt = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
+function Mt(e) {
+  const [t, n] = k(
+    () => `
+${jt({
+      cssCode: e.cssCode,
+      contentId: e.contentId
+    })}
+${Wt({
+      customFonts: e.customFonts
+    })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`.trim()
+  );
+  return /* @__PURE__ */ l(H, { styles: t });
+}
+const Ut = ({
+  content: e,
+  data: t,
+  locale: n
+}) => {
+  var o, r, d;
+  const i = {};
+  (r = (o = e == null ? void 0 : e.data) == null ? void 0 : o.inputs) == null || r.forEach((c) => {
+    var s;
+    c.name && c.defaultValue !== void 0 && ((s = e == null ? void 0 : e.data) != null && s.state) && e.data.state[c.name] === void 0 && (i[c.name] = c.defaultValue);
+  });
+  const a = {
+    ...(d = e == null ? void 0 : e.data) == null ? void 0 : d.state,
+    ...t,
+    ...n ? {
+      locale: n
+    } : {}
+  };
+  return {
+    ...i,
+    ...a
+  };
+}, Lt = ({
+  content: e,
+  data: t
+}) => e ? {
+  ...e,
+  data: {
+    ...e == null ? void 0 : e.data,
+    ...t
+  },
+  meta: e == null ? void 0 : e.meta
+} : void 0, _t = "0.6.0", Kt = () => {
+  Ae("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, {
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }]
+  });
+};
+let he = !1;
+const Ot = (e = {}) => {
+  var t, n;
+  he || (he = !0, F() && ((t = window.parent) == null || t.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: U,
+      version: _t,
+      supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
+      supportsAddBlockScoping: !0,
+      supportsCustomBreakpoints: !0
+    }
+  }, "*"), (n = window.parent) == null || n.postMessage({
+    type: "builder.updateContent",
+    data: {
+      options: e
+    }
+  }, "*"), window.addEventListener("message", ({
+    data: i
+  }) => {
+    var a, o;
+    if (i != null && i.type)
+      switch (i.type) {
+        case "builder.evaluate": {
+          const r = i.data.text, d = i.data.arguments || [], c = i.data.id, s = new Function(r);
+          let u, m = null;
+          try {
+            u = s.apply(null, d);
+          } catch (y) {
+            m = y;
+          }
+          m ? (a = window.parent) == null || a.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: c,
+              error: m.message
+            }
+          }, "*") : u && typeof u.then == "function" ? u.then((y) => {
+            var p;
+            (p = window.parent) == null || p.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                id: c,
+                result: y
+              }
+            }, "*");
+          }).catch(console.error) : (o = window.parent) == null || o.postMessage({
+            type: "builder.evaluateResult",
+            data: {
+              result: u,
+              id: c
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+};
+function ge(e) {
+  return Math.round(e * 1e3) / 1e3;
+}
+const Ht = (e, t, n = !0) => {
+  if (!(e instanceof HTMLElement))
+    return null;
+  let i = n ? e : e.parentElement;
+  do {
+    if (!i)
+      return null;
+    if (t(i))
+      return i;
+  } while (i = i.parentElement);
+  return null;
+}, zt = (e) => Ht(e, (t) => {
+  const n = t.getAttribute("builder-id") || t.id;
+  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
+}), be = ({
+  event: e,
+  target: t
+}) => {
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, a = e.clientY - n.top, o = ge(i / n.width), r = ge(a / n.height);
+  return {
+    x: o,
+    y: r
+  };
+}, qt = (e) => {
+  const t = e.target, n = t && zt(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  return {
+    targetBuilderElement: i || void 0,
+    metadata: {
+      targetOffset: t ? be({
+        event: e,
+        target: t
+      }) : void 0,
+      builderTargetOffset: n ? be({
+        event: e,
+        target: n
+      }) : void 0,
+      builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
+    }
+  };
+};
+function Dt(e) {
+  var A, B, N, W, q;
+  const t = X(null), [n, i] = k(
+    () => K(e.canTrack) ? e.canTrack : !0
+  ), [a, o] = k(() => 0);
+  function r(S) {
+    var b, v, I, $, j;
+    const w = {
+      ...e.builderContextSignal.content,
+      ...S,
+      data: {
+        ...(b = e.builderContextSignal.content) == null ? void 0 : b.data,
+        ...S == null ? void 0 : S.data
+      },
+      meta: {
+        ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
+        ...S == null ? void 0 : S.meta,
+        breakpoints: ((I = S == null ? void 0 : S.meta) == null ? void 0 : I.breakpoints) || ((j = ($ = e.builderContextSignal.content) == null ? void 0 : $.meta) == null ? void 0 : j.breakpoints)
+      }
+    };
+    e.setBuilderContextSignal((Ee) => ({
+      ...Ee,
+      content: w
+    }));
+  }
+  k(() => 0);
+  const [d, c] = k(
+    () => !1
+  );
+  function s(S) {
+    var b;
+    const { data: w } = S;
+    if (w)
+      switch (w.type) {
+        case "builder.configureSdk": {
+          const v = w.data, { breakpoints: I, contentId: $ } = v;
+          if (!$ || $ !== ((b = e.builderContextSignal.content) == null ? void 0 : b.id))
+            return;
+          I && r({
+            meta: {
+              breakpoints: I
+            }
+          }), o(a + 1);
+          break;
+        }
+        case "builder.contentUpdate": {
+          const v = w.data, I = v.key || v.alias || v.entry || v.modelName, $ = v.data;
+          I === e.model && (r($), o(a + 1));
+          break;
+        }
+      }
+  }
+  function u() {
+    var w, b;
+    const S = (b = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : b.jsCode;
+    S && M({
+      code: S,
+      context: e.context || {},
+      localState: void 0,
+      rootState: e.builderContextSignal.rootState,
+      rootSetState: e.builderContextSignal.rootSetState
+    });
+  }
+  const [m, y] = k(() => ({})), [p, x] = k(() => !1);
+  function h(S) {
+    var w, b;
+    if (e.builderContextSignal.content) {
+      const v = (w = e.builderContextSignal.content) == null ? void 0 : w.testVariationId, I = (b = e.builderContextSignal.content) == null ? void 0 : b.id;
+      oe({
+        type: "click",
+        canTrack: n,
+        contentId: I,
+        apiKey: e.apiKey,
+        variationId: v !== I ? v : void 0,
+        ...qt(S),
+        unique: !p
+      });
+    }
+    p || x(!0);
+  }
+  function C(S) {
+    return S.replace(
+      /{{([^}]+)}}/g,
+      (w, b) => M({
+        code: b,
+        context: e.context || {},
+        localState: void 0,
+        rootState: e.builderContextSignal.rootState,
+        rootSetState: e.builderContextSignal.rootSetState
+      })
+    );
+  }
+  function T({ url: S, key: w }) {
+    Fe(S).then((b) => b.json()).then((b) => {
+      var I, $;
+      const v = {
+        ...e.builderContextSignal.rootState,
+        [w]: b
+      };
+      ($ = (I = e.builderContextSignal).rootSetState) == null || $.call(I, v), m[w] = !0;
+    }).catch((b) => {
+      console.error("error fetching dynamic data", S, b);
+    });
+  }
+  function g() {
+    var w, b;
+    const S = ((b = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : b.httpRequests) ?? {};
+    Object.entries(S).forEach(([v, I]) => {
+      if (I && (!m[v] || V())) {
+        const $ = C(I);
+        T({
+          url: $,
+          key: v
+        });
+      }
+    });
+  }
+  function R() {
+    V() && window.dispatchEvent(
+      new CustomEvent(
+        "builder:component:stateChange",
+        {
+          detail: {
+            state: Z(e.builderContextSignal.rootState),
+            ref: {
+              name: e.model
+            }
+          }
+        }
+      )
+    );
+  }
+  return P(() => {
+    var S, w;
+    if (e.apiKey || _.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), F()) {
+      if (V() && (o(a + 1), window.addEventListener("message", s), Kt(), Ot({
+        ...e.locale ? {
+          locale: e.locale
+        } : {},
+        ...e.includeRefs ? {
+          includeRefs: e.includeRefs
+        } : {},
+        ...e.enrich ? {
+          enrich: e.enrich
+        } : {}
+      }), Object.values(
+        e.builderContextSignal.componentInfos
+      ).forEach((b) => {
+        var I;
+        const v = Be(b);
+        (I = window.parent) == null || I.postMessage(v, "*");
+      }), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        R
+      )), e.builderContextSignal.content) {
+        const b = (S = e.builderContextSignal.content) == null ? void 0 : S.testVariationId, v = (w = e.builderContextSignal.content) == null ? void 0 : w.id;
+        oe({
+          type: "impression",
+          canTrack: n,
+          contentId: v,
+          apiKey: e.apiKey,
+          variationId: b !== v ? b : void 0
+        });
+      }
+      if (Ve()) {
+        const b = new URL(location.href).searchParams, v = b.get("builder.preview"), I = b.get(
+          `builder.preview.${v}`
+        ), $ = b.get("apiKey") || b.get("builder.space");
+        v === e.model && $ === e.apiKey && (!e.content || I === e.content.id) && Se({
+          model: e.model,
+          apiKey: e.apiKey,
+          apiVersion: e.builderContextSignal.apiVersion
+        }).then((j) => {
+          j && r(j);
+        });
+      }
+      u(), g(), R();
+    }
+  }, []), P(() => {
+    e.content && r(e.content);
+  }, [e.content]), P(() => {
+  }, [d]), P(() => {
+    u();
+  }, [
+    (B = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : B.jsCode,
+    e.builderContextSignal.rootState
+  ]), P(() => {
+    g();
+  }, [(W = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : W.httpRequests]), P(() => {
+    R();
+  }, [e.builderContextSignal.rootState]), P(() => () => {
+    F() && (window.removeEventListener("message", s), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      R
+    ));
+  }, []), /* @__PURE__ */ l(ne.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+    "div",
+    {
+      ref: t,
+      onClick: (S) => h(S),
+      "builder-content-id": (q = e.builderContextSignal.content) == null ? void 0 : q.id,
+      "builder-model": e.model,
+      ...e.showContent ? {} : {
+        hidden: !0,
+        "aria-hidden": !0
+      },
+      className: e.classNameProp,
+      children: e.children
+    },
+    a
+  ) }) : null });
+}
+function Q(e) {
+  return /* @__PURE__ */ l(
+    "script",
+    {
+      dangerouslySetInnerHTML: { __html: e.scriptStr },
+      id: e.id
+    }
+  );
+}
+function xe(e) {
+  var c, s, u, m, y, p, x;
+  const [t, n] = k(
+    () => {
+      var h, C;
+      return bt({
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+        variationId: (h = e.content) == null ? void 0 : h.testVariationId,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+        contentId: (C = e.content) == null ? void 0 : C.id
+      });
+    }
+  );
+  function i(h) {
+    d((C) => ({
+      ...C,
+      rootState: h
+    }));
+  }
+  const [a, o] = k(
+    () => [
+      ...fe(),
+      // While this `components` object is deprecated, we must maintain support for it.
+      // Since users are able to override our default components, we need to make sure that we do not break such
+      // existing usage.
+      // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+      // which is the new standard way of providing custom components, and must therefore take precedence.
+      ...re,
+      ...e.customComponents || []
+    ].reduce(
+      (h, { component: C, ...T }) => ({
+        ...h,
+        [T.name]: {
+          component: C,
+          ...le(T)
+        }
+      }),
+      {}
+    )
+  ), [r, d] = k(() => ({
+    content: Lt({
+      content: e.content,
+      data: e.data
+    }),
+    localState: void 0,
+    rootState: Ut({
+      content: e.content,
+      data: e.data,
+      locale: e.locale
+    }),
+    rootSetState: i,
+    context: e.context || {},
+    apiKey: e.apiKey,
+    apiVersion: e.apiVersion,
+    componentInfos: [
+      ...fe(),
+      // While this `components` object is deprecated, we must maintain support for it.
+      // Since users are able to override our default components, we need to make sure that we do not break such
+      // existing usage.
+      // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+      // which is the new standard way of providing custom components, and must therefore take precedence.
+      ...re,
+      ...e.customComponents || []
+    ].reduce(
+      (h, { component: C, ...T }) => ({
+        ...h,
+        [T.name]: le(T)
+      }),
+      {}
+    ),
+    inheritedStyles: {}
+  }));
+  return /* @__PURE__ */ l(
+    Ce.Provider,
+    {
+      value: {
+        registeredComponents: a
+      },
+      children: /* @__PURE__ */ E(
+        Dt,
+        {
+          content: e.content,
+          model: e.model,
+          context: e.context,
+          apiKey: e.apiKey,
+          canTrack: e.canTrack,
+          locale: e.locale,
+          includeRefs: e.includeRefs,
+          enrich: e.enrich,
+          classNameProp: e.classNameProp,
+          showContent: e.showContent,
+          builderContextSignal: r,
+          setBuilderContextSignal: d,
+          children: [
+            e.isSsrAbTest ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(Q, { scriptStr: t }) }) : null,
+            /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
+              Mt,
+              {
+                contentId: (c = r.content) == null ? void 0 : c.id,
+                cssCode: (u = (s = r.content) == null ? void 0 : s.data) == null ? void 0 : u.cssCode,
+                customFonts: (y = (m = r.content) == null ? void 0 : m.data) == null ? void 0 : y.customFonts
+              }
+            ) }),
+            /* @__PURE__ */ l(
+              ie,
+              {
+                blocks: (x = (p = r.content) == null ? void 0 : p.data) == null ? void 0 : x.blocks,
+                context: r,
+                registeredComponents: a
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function Re(e) {
+  var r, d, c;
+  const [t, n] = k(
+    () => dt({
+      canTrack: ce(e.canTrack),
+      content: e.content
+    })
+  );
+  function i() {
+    var s;
+    return gt(
+      L(e.content).map((u) => ({
+        id: u.testVariationId,
+        testRatio: u.testRatio
+      })),
+      ((s = e.content) == null ? void 0 : s.id) || ""
+    );
+  }
+  function a() {
+    return L(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
+  }
+  function o() {
+    var s;
+    return t ? {
+      ...e.content,
+      testVariationId: (s = e.content) == null ? void 0 : s.id
+    } : Ne({
+      item: e.content,
+      canTrack: ce(e.canTrack)
+    });
+  }
+  return P(() => {
+  }, []), /* @__PURE__ */ E(f, { children: [
+    !e.__isNestedRender && U !== "reactNative" ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(Q, { scriptStr: ht() }) }) : null,
+    t ? /* @__PURE__ */ E(f, { children: [
+      /* @__PURE__ */ l(
+        H,
+        {
+          id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
+          styles: a()
+        }
+      ),
+      /* @__PURE__ */ l(Q, { scriptStr: i() }),
+      (d = L(e.content)) == null ? void 0 : d.map((s) => /* @__PURE__ */ l(
+        xe,
+        {
+          content: s,
+          showContent: !1,
+          classNameProp: void 0,
+          model: e.model,
+          data: e.data,
+          context: e.context,
+          apiKey: e.apiKey,
+          apiVersion: e.apiVersion,
+          customComponents: e.customComponents,
+          canTrack: e.canTrack,
+          locale: e.locale,
+          includeRefs: e.includeRefs,
+          enrich: e.enrich,
+          isSsrAbTest: t
+        },
+        s.testVariationId
+      ))
+    ] }) : null,
+    /* @__PURE__ */ l(
+      xe,
+      {
+        content: o(),
+        classNameProp: `variant-${(c = e.content) == null ? void 0 : c.id}`,
+        showContent: !0,
+        model: e.model,
+        data: e.data,
+        context: e.context,
+        apiKey: e.apiKey,
+        apiVersion: e.apiVersion,
+        customComponents: e.customComponents,
+        canTrack: e.canTrack,
+        locale: e.locale,
+        includeRefs: e.includeRefs,
+        enrich: e.enrich,
+        isSsrAbTest: t
+      }
+    )
+  ] });
+}
+const Jt = async ({
+  builderContextValue: e,
+  symbol: t
+}) => {
+  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (e != null && e.apiKey))
+    return Se({
+      model: t.model,
+      apiKey: e.apiKey,
+      apiVersion: e.apiVersion,
+      ...(t == null ? void 0 : t.entry) && {
+        query: {
+          id: t.entry
+        }
+      }
+    }).catch((n) => {
+      _.error("Could not fetch symbol content: ", n);
+    });
+};
+function Yt(e) {
+  var o, r, d;
+  function t() {
+    var c, s;
+    return [
+      e.attributes.className,
+      "builder-symbol",
+      (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
+      (s = e.symbol) != null && s.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+    ].filter(Boolean).join(" ");
+  }
+  const [n, i] = k(() => {
+    var c;
+    return (c = e.symbol) == null ? void 0 : c.content;
+  });
+  function a() {
+    n || Jt({
+      symbol: e.symbol,
+      builderContextValue: e.builderContext
+    }).then((c) => {
+      c && i(c);
+    });
+  }
+  return P(() => {
+    a();
+  }, []), P(() => {
+    a();
+  }, [e.symbol]), /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
+    Re,
+    {
+      __isNestedRender: !0,
+      apiVersion: e.builderContext.apiVersion,
+      apiKey: e.builderContext.apiKey,
+      context: e.builderContext.context,
+      customComponents: Object.values(e.builderComponents),
+      data: {
+        ...(o = e.symbol) == null ? void 0 : o.data,
+        ...e.builderContext.localState,
+        ...(r = n == null ? void 0 : n.data) == null ? void 0 : r.state
+      },
+      model: (d = e.symbol) == null ? void 0 : d.model,
+      content: n
+    }
+  ) });
+}
+const Zt = ie, en = Re;
+export {
+  ie as Blocks,
+  We as Button,
+  at as Columns,
+  Re as Content,
+  ot as Fragment,
+  ct as Image,
+  Zt as RenderBlocks,
+  en as RenderContent,
+  st as Section,
+  Yt as Symbol,
+  wt as Text,
+  Tt as Video,
+  an as _processContentResult,
+  Be as createRegisterComponentMessage,
+  on as fetchBuilderProps,
+  rn as fetchEntries,
+  Se as fetchOneEntry,
+  ln as getAllContent,
+  cn as getBuilderSearchParams,
+  sn as getContent,
+  V as isEditing,
+  Ve as isPreviewing,
+  Ae as register,
+  dn as setEditorSettings,
+  un as track
+};