@builder.io/sdk-react-nextjs 0.16.11 → 0.16.13

package/lib/browser/blocks-exports.mjs

@@ -1,2928 +1,24 @@
-"use client";
-var $e = Object.defineProperty;
-var Fe = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ee = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as l, Fragment as T, jsxs as P } from "react/jsx-runtime";
-import { TARGET as $, isEditing as V, isBrowser as O, getUserAttributes as Le, checkIsDefined as z, logger as Y, isPreviewing as Ce, init as Oe, getDefaultCanTrack as q, _track as ue, createEditorListener as De, fetch as He, registerInsertMenu as _e, setupBrowserForEditing as Ue, createRegisterComponentMessage as je, fetchOneEntry as we, serializeIncludingFunctions as me, handleABTestingSync as Me } from "./server-entry-71111a1f.js";
-import "lru-cache";
-import { useRef as J, useEffect as R, useState as N, createContext as Ke } from "react";
-import { useRouter as ze } from "next/navigation";
-const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ye = (e) => typeof e == "string" && qe.has(e.toLowerCase());
-function oe(e) {
-  return /* @__PURE__ */ l(T, { children: Ye(e.TagName) ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(T, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
-}
-const U = () => {
-  switch ($) {
-    case "react":
-    case "reactNative":
-    case "rsc":
-      return "className";
-    case "svelte":
-    case "vue":
-    case "solid":
-    case "qwik":
-    case "angular":
-      return "class";
-  }
-};
-function Je(e) {
-  function t() {
-    return {
-      ...e.attributes,
-      [U()]: `${e.link ? "" : "builder-button"} ${e.attributes[U()] || ""}`,
-      ...e.link ? {
-        href: e.link,
-        target: e.openLinkInNewTab ? "_blank" : void 0,
-        role: "link"
-      } : {
-        role: "button"
-      }
-    };
-  }
-  return /* @__PURE__ */ l(
-    oe,
-    {
-      attributes: t(),
-      TagName: e.link ? e.builderLinkComponent || "a" : "button",
-      actionAttributes: {},
-      children: e.text
-    }
-  );
-}
-function Qe(e) {
-  var t;
-  return {
-    ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options
-  };
-}
-function Ge(e, ...t) {
-  const n = Object.assign({}, e);
-  for (const i of t)
-    delete n[i];
-  return n;
-}
-const Xe = ({
-  builder: e,
-  context: t,
-  event: n,
-  state: i
-}) => Object.entries({
-  state: i,
-  Builder: e,
-  // legacy
-  builder: e,
-  context: t,
-  event: n
-}), Ze = () => ({
-  isEditing: V(),
-  isBrowser: O(),
-  isServer: !O(),
-  getUserAttributes: () => Le()
-}), et = (e, {
-  isExpression: t = !0
-}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, fe = ({
-  code: e,
-  builder: t,
-  context: n,
-  event: i,
-  localState: o,
-  rootSetState: a,
-  rootState: r
-}) => {
-  const s = Xe({
-    builder: t,
-    context: n,
-    event: i,
-    state: Ie({
-      rootState: r,
-      localState: o,
-      rootSetState: a
-    })
-  });
-  return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
-};
-function Ie({
-  rootState: e,
-  localState: t,
-  rootSetState: n
-}) {
-  return new Proxy(e, {
-    get: (i, o) => {
-      if (t && o in t)
-        return t[o];
-      const a = i[o];
-      return typeof a == "object" && a !== null ? Ie({
-        rootState: a,
-        localState: void 0,
-        rootSetState: n ? (r) => {
-          i[o] = r, n(i);
-        } : void 0
-      }) : a;
-    },
-    set: (i, o, a) => {
-      if (t && o in t)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      return i[o] = a, n == null || n(i), !0;
-    }
-  });
-}
-function tt() {
-  var e;
-  return typeof process != "undefined" && z((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
-}
-const nt = () => {
-  var i;
-  if (!tt())
-    return !1;
-  const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
-  return e && t && !n ? (Y.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, it = (e) => (O() || nt(), fe(e)), ot = !0, A = class A {
-  static getCacheKey(t) {
-    return JSON.stringify({
-      ...t,
-      // replace the event with a random number to break cache
-      // thats because we can't serialize the event object due to circular refs in DOM node refs.
-      event: t.event ? Math.random() : void 0
-    });
-  }
-  static getCachedValue(t) {
-    return A.cache.get(t);
-  }
-  static setCachedValue(t, n) {
-    A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
-      value: n
-    });
-  }
-};
-ee(A, "cacheLimit", 20), ee(A, "cache", /* @__PURE__ */ new Map());
-let L = A;
-function D({
-  code: e,
-  context: t,
-  localState: n,
-  rootState: i,
-  rootSetState: o,
-  event: a,
-  isExpression: r = !0,
-  enableCache: s
-}) {
-  if (e === "")
-    return;
-  const c = {
-    code: et(e, {
-      isExpression: r
-    }),
-    builder: Ze(),
-    context: t,
-    event: a,
-    rootSetState: o,
-    rootState: i,
-    localState: n
-  };
-  if (s && !ot) {
-    const d = L.getCacheKey(c), u = L.getCachedValue(d);
-    if (u)
-      return u.value;
-  }
-  try {
-    const d = it(c);
-    if (s) {
-      const u = L.getCacheKey(c);
-      L.setCachedValue(u, d);
-    }
-    return d;
-  } catch (d) {
-    Y.error("Failed code evaluation: " + d.message, {
-      code: e
-    });
-    return;
-  }
-}
-const ae = (e) => JSON.parse(JSON.stringify(e)), at = (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((o, a, r) => Object(o[a]) === o[a] ? o[a] : o[a] = Math.abs(Number(i[r + 1])) >> 0 === +i[r + 1] ? [] : {}, e)[i[i.length - 1]] = n, e;
-};
-function ne(e) {
-  if (e === null || typeof e != "object")
-    return e;
-  if (Array.isArray(e))
-    return e.map((n) => ne(n));
-  if (e["@type"] === "@builder.io/sdk:Element")
-    return e;
-  const t = {};
-  for (const n in e)
-    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ne(e[n]));
-  return t;
-}
-const rt = ["svelte", "vue", "angular", "qwik", "solid"].includes($), ct = (e) => {
-  if (rt) {
-    const t = ae(e);
-    return {
-      ...t,
-      properties: {
-        ...t.properties
-      },
-      actions: {
-        ...t.actions
-      }
-    };
-  } else {
-    const t = ne(Ge(e, "children", "meta"));
-    return {
-      ...t,
-      properties: {
-        ...t.properties
-      },
-      actions: {
-        ...t.actions
-      },
-      children: e.children,
-      meta: e.meta
-    };
-  }
-}, lt = ({
-  block: e,
-  context: t,
-  localState: n,
-  rootState: i,
-  rootSetState: o
-}) => {
-  if (!e.bindings)
-    return e;
-  const a = ct(e);
-  for (const r in e.bindings) {
-    const s = e.bindings[r], c = D({
-      code: s,
-      localState: n,
-      rootState: i,
-      rootSetState: o,
-      context: t,
-      enableCache: !0
-    });
-    at(a, r, c);
-  }
-  return a;
-};
-function st({
-  block: e,
-  context: t,
-  shouldEvaluateBindings: n,
-  localState: i,
-  rootState: o,
-  rootSetState: a
-}) {
-  const r = e;
-  return n ? lt({
-    block: r,
-    localState: i,
-    rootState: o,
-    rootSetState: a,
-    context: t
-  }) : r;
-}
-const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Te = (e) => Object.entries(e).map(([n, i]) => {
-  if (typeof i == "string")
-    return `${re(n)}: ${i};`;
-}).filter(z), dt = (e) => Te(e).join(`
-`), M = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const i = `.${t} {
-    ${dt(n)}
-  }`;
-  return e ? `${e} {
-      ${i}
-    }` : i;
-};
-function ut({
-  style: e
-}) {
-  return e;
-}
-const mt = ({
-  block: e,
-  context: t
-}) => Re(ut({
-  style: e.style || {},
-  context: t,
-  block: e
-}));
-function Re(e) {
-  switch ($) {
-    case "svelte":
-    case "vue":
-    case "solid":
-    case "angular":
-      return Te(e).join(" ");
-    case "qwik":
-    case "reactNative":
-    case "react":
-    case "rsc":
-      return e;
-  }
-}
-const ft = ({
-  block: e,
-  registeredComponents: t
-}) => {
-  var o;
-  const n = (o = e.component) == null ? void 0 : o.name;
-  if (!n)
-    return null;
-  const i = t[n];
-  if (i)
-    return i;
-  console.warn(`
-      Could not find a registered component named "${n}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, ht = ({
-  block: e,
-  context: t
-}) => {
-  const {
-    repeat: n,
-    ...i
-  } = e;
-  if (!(n != null && n.collection))
-    return;
-  const o = D({
-    code: n.collection,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context,
-    enableCache: !0
-  });
-  if (!Array.isArray(o))
-    return;
-  const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
-  return o.map((c, d) => ({
-    context: {
-      ...t,
-      localState: {
-        ...t.localState,
-        $index: d,
-        $item: c,
-        [r]: c,
-        [`$${r}Index`]: d
-      }
-    },
-    block: i
-  }));
-}, gt = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
-    builderLinkComponent: t
-  } : {};
-}, bt = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
-    builderComponents: t
-  } : {};
-}, yt = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
-    builderBlock: t
-  } : {};
-}, pt = (e, t) => {
-  var n;
-  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
-    builderContext: t
-  } : {};
-}, Ee = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
-  },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, he = (e, t = Ee) => `@media (max-width: ${t[e].max}px)`, Pe = ({
-  small: e,
-  medium: t
-}) => {
-  const n = ae(Ee);
-  if (!e || !t)
-    return n;
-  const i = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: i,
-    default: i + 1
-  };
-  const o = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: o,
-    default: o + 1
-  };
-  const a = n.medium.max + 1;
-  return n.large = {
-    max: 2e3,
-    // TODO: decide upper limit
-    min: a,
-    default: a + 1
-  }, n;
-};
-function Q(e) {
-  return /* @__PURE__ */ l(
-    "style",
-    {
-      dangerouslySetInnerHTML: { __html: e.styles },
-      "data-id": e.id,
-      nonce: e.nonce
-    }
-  );
-}
-function vt(e) {
-  const t = function() {
-    const o = e.block;
-    return z(o.hide) ? !o.hide : z(o.show) ? o.show : !0;
-  }, n = function() {
-    var b, y, w;
-    const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Pe(
-      ((b = r == null ? void 0 : r.meta) == null ? void 0 : b.breakpoints) || {}
-    ), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, u = a == null ? void 0 : a.small, m = o.id;
-    if (!m)
-      return "";
-    const p = c ? M({
-      className: m,
-      styles: c
-    }) : "", v = d ? M({
-      className: m,
-      styles: d,
-      mediaQuery: he(
-        "medium",
-        s
-      )
-    }) : "", S = u ? M({
-      className: m,
-      styles: u,
-      mediaQuery: he(
-        "small",
-        s
-      )
-    }) : "", f = o.animations && o.animations.find((E) => E.trigger === "hover");
-    let C = "";
-    if (f) {
-      const E = ((w = (y = f.steps) == null ? void 0 : y[1]) == null ? void 0 : w.styles) || {};
-      C = M({
-        className: `${m}:hover`,
-        styles: {
-          ...E,
-          transition: `all ${f.duration}s ${re(
-            f.easing
-          )}`,
-          transitionDelay: f.delay ? `${f.delay}s` : "0s"
-        }
-      }) || "";
-    }
-    return [
-      p,
-      v,
-      S,
-      C
-    ].join(" ");
-  };
-  return /* @__PURE__ */ l(T, { children: n() && t() ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
-    Q,
-    {
-      id: "builderio-block",
-      styles: n(),
-      nonce: e.context.nonce
-    }
-  ) }) : null });
-}
-function xt(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-const St = (e) => `on${xt(e)}`, kt = (e, t) => (n) => D({
-  code: e,
-  context: t.context,
-  localState: t.localState,
-  rootState: t.rootState,
-  rootSetState: t.rootSetState,
-  event: n,
-  isExpression: !1,
-  enableCache: !0
-});
-function Be(e) {
-  var i;
-  const t = {}, n = (i = e.block.actions) != null ? i : {};
-  for (const o in n) {
-    if (!n.hasOwnProperty(o))
-      continue;
-    const a = n[o];
-    let r = St(o);
-    if (e.stripPrefix)
-      switch ($) {
-        case "vue":
-          r = r.replace("v-on:", "");
-          break;
-        case "svelte":
-          r = r.replace("on:", "");
-          break;
-      }
-    t[r] = kt(a, e);
-  }
-  return t;
-}
-function Ct({
-  properties: e
-}) {
-  return e;
-}
-const wt = (e) => ({
-  href: e.href
-});
-function ce({
-  block: e,
-  context: t
-}) {
-  var i;
-  const n = {
-    ...wt(e),
-    ...e.properties,
-    "builder-id": e.id,
-    style: mt({
-      block: e,
-      context: t
-    }),
-    [U()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
-  };
-  return Ct({
-    properties: n,
-    context: t,
-    block: e
-  });
-}
-function It(e) {
-  return /* @__PURE__ */ l(
-    oe,
-    {
-      TagName: e.Wrapper,
-      attributes: ce({
-        block: e.block,
-        context: e.context
-      }),
-      actionAttributes: Be({
-        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 Tt(e) {
-  function t() {
-    return e.includeBlockProps ? {
-      ...ce({
-        block: e.block,
-        context: e.context
-      }),
-      ...Be({
-        block: e.block,
-        rootState: e.context.rootState,
-        rootSetState: e.context.rootSetState,
-        localState: e.context.localState,
-        context: e.context.context
-      })
-    } : {};
-  }
-  return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
-}
-const Rt = ({
-  componentOptions: e,
-  builderBlock: t,
-  context: n,
-  componentRef: i,
-  includeBlockProps: o,
-  isInteractive: a,
-  contextValue: r
-}) => {
-  const s = {
-    ...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: ce({
-        block: t,
-        context: r
-      })
-    } : {}
-  };
-  return a ? {
-    Wrapper: i,
-    block: t,
-    context: n,
-    wrapperProps: e,
-    includeBlockProps: o
-  } : s;
-};
-function ge(e) {
-  var n;
-  const t = e.isInteractive ? Tt : e.componentRef;
-  return /* @__PURE__ */ l(T, { children: e.componentRef ? /* @__PURE__ */ l(T, { children: /* @__PURE__ */ l(
-    t,
-    {
-      ...Rt({
-        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: (n = e.blockChildren) == null ? void 0 : n.map((i) => /* @__PURE__ */ l(
-        G,
-        {
-          block: i,
-          context: e.context,
-          registeredComponents: e.registeredComponents,
-          linkComponent: e.linkComponent
-        },
-        i.id
-      ))
-    }
-  ) }) : null });
-}
-function be(e) {
-  const t = e.repeatContext;
-  return /* @__PURE__ */ l(
-    G,
-    {
-      block: e.block,
-      context: t,
-      registeredComponents: e.registeredComponents,
-      linkComponent: e.linkComponent
-    }
-  );
-}
-function G(e) {
-  var d, u, m, p;
-  const t = function() {
-    return ht({
-      block: e.block,
-      context: e.context
-    });
-  }, n = {
-    value: null,
-    update: !1
-  }, i = function() {
-    var f;
-    if (n.value && !n.update && !Ce())
-      return n.value;
-    const S = (f = e.block.repeat) != null && f.collection ? e.block : st({
-      block: e.block,
-      localState: e.context.localState,
-      rootState: e.context.rootState,
-      rootSetState: e.context.rootSetState,
-      context: e.context.context,
-      shouldEvaluateBindings: !0
-    });
-    return n.value = S, n.update = !1, S;
-  }, o = function() {
-    return ft({
-      block: i(),
-      registeredComponents: e.registeredComponents
-    });
-  }, a = function() {
-    var f;
-    return e.block.tagName === "a" || ((f = i().properties) == null ? void 0 : f.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
-  }, r = function() {
-    var C, b;
-    if ((C = e.block.repeat) != null && C.collection)
-      return !!((b = t()) != null && b.length);
-    const S = "hide" in i() ? i().hide : !1;
-    return ("show" in i() ? i().show : !0) && !S;
-  }, s = function() {
-    var f, C;
-    return !((f = o()) != null && f.component) && !t() ? (C = i().children) != null ? C : [] : [];
-  }, c = function() {
-    var S, f, C, b;
-    return {
-      blockChildren: (S = i().children) != null ? S : [],
-      componentRef: (f = o()) == null ? void 0 : f.component,
-      componentOptions: {
-        ...Qe(i()),
-        ...yt(o(), i()),
-        ...pt(o(), e.context),
-        ...gt(o(), e.linkComponent),
-        ...bt(
-          o(),
-          e.registeredComponents
-        )
-      },
-      context: e.context,
-      linkComponent: e.linkComponent,
-      registeredComponents: e.registeredComponents,
-      builderBlock: i(),
-      includeBlockProps: ((C = o()) == null ? void 0 : C.noWrap) === !0,
-      isInteractive: !((b = o()) != null && b.isRSC && $ === "rsc")
-    };
-  };
-  return /* @__PURE__ */ l(T, { children: r() ? /* @__PURE__ */ P(T, { children: [
-    /* @__PURE__ */ l(vt, { block: i(), context: e.context }),
-    (d = o()) != null && d.noWrap ? t() ? /* @__PURE__ */ l(T, { children: (p = t()) == null ? void 0 : p.map((v, S) => /* @__PURE__ */ l(
-      be,
-      {
-        repeatContext: v.context,
-        block: v.block,
-        registeredComponents: e.registeredComponents,
-        linkComponent: e.linkComponent
-      },
-      S
-    )) }) : /* @__PURE__ */ l(
-      ge,
-      {
-        componentRef: c().componentRef,
-        componentOptions: c().componentOptions,
-        blockChildren: c().blockChildren,
-        context: c().context,
-        registeredComponents: c().registeredComponents,
-        linkComponent: c().linkComponent,
-        builderBlock: c().builderBlock,
-        includeBlockProps: c().includeBlockProps,
-        isInteractive: c().isInteractive
-      }
-    ) : /* @__PURE__ */ l(T, { children: t() ? /* @__PURE__ */ l(T, { children: (m = t()) == null ? void 0 : m.map((v, S) => /* @__PURE__ */ l(
-      be,
-      {
-        repeatContext: v.context,
-        block: v.block,
-        registeredComponents: e.registeredComponents,
-        linkComponent: e.linkComponent
-      },
-      S
-    )) }) : /* @__PURE__ */ P(
-      It,
-      {
-        Wrapper: a(),
-        block: i(),
-        context: e.context,
-        children: [
-          /* @__PURE__ */ l(
-            ge,
-            {
-              componentRef: c().componentRef,
-              componentOptions: c().componentOptions,
-              blockChildren: c().blockChildren,
-              context: c().context,
-              registeredComponents: c().registeredComponents,
-              linkComponent: c().linkComponent,
-              builderBlock: c().builderBlock,
-              includeBlockProps: c().includeBlockProps,
-              isInteractive: c().isInteractive
-            }
-          ),
-          (u = s()) == null ? void 0 : u.map((v) => /* @__PURE__ */ l(
-            G,
-            {
-              block: v,
-              registeredComponents: e.registeredComponents,
-              linkComponent: e.linkComponent,
-              context: e.context
-            },
-            v.id
-          ))
-        ]
-      }
-    ) })
-  ] }) : null });
-}
-function Et(e) {
-  const t = J(null);
-  function n() {
-    var a;
-    return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
-  }
-  function i() {
-    var a, r;
-    V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
-      {
-        type: "builder.clickEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  function o() {
-    var a, r;
-    V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
-      {
-        type: "builder.hoverEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  return R(() => {
-  }, []), /* @__PURE__ */ P(T, { children: [
-    /* @__PURE__ */ l(
-      e.BlocksWrapper,
-      {
-        ref: t,
-        className: n() + " props-blocks-wrapper-51ef31b4",
-        "builder-path": e.path,
-        "builder-parent-id": e.parent,
-        style: e.styleProp,
-        onClick: (a) => i(),
-        onMouseEnter: (a) => o(),
-        onKeyPress: (a) => i(),
-        ...e.BlocksWrapperProps,
-        children: e.children
-      }
-    ),
-    /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-51ef31b4 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}` })
-  ] });
-}
-function le(e) {
-  var t, n, i;
-  return /* @__PURE__ */ l(
-    Et,
-    {
-      blocks: e.blocks,
-      parent: e.parent,
-      path: e.path,
-      styleProp: e.styleProp,
-      BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
-      BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(T, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
-        G,
-        {
-          block: o,
-          linkComponent: e.linkComponent,
-          context: e.context,
-          registeredComponents: e.registeredComponents
-        },
-        o.id
-      )) }) : null
-    }
-  );
-}
-const Pt = (e) => `builder-columns ${e}-breakpoints`;
-function Bt(e) {
-  var f, C;
-  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(y) {
-    return y.link ? e.builderLinkComponent || "a" : "div";
-  }, a = function(y) {
-    var w;
-    return ((w = n[y]) == null ? void 0 : w.width) || 100 / n.length;
-  }, r = function(y) {
-    const w = a(y), E = t * (n.length - 1) * (w / 100);
-    return `calc(${w}% - ${E}px)`;
-  }, s = function({
-    stackedStyle: y,
-    desktopStyle: w
-  }) {
-    return i === "tablet" ? y : w;
-  }, c = function({
-    stackedStyle: y,
-    desktopStyle: w
-  }) {
-    return i === "never" ? w : y;
-  }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
-    return {
-      "--flex-dir": d,
-      "--flex-dir-tablet": s({
-        stackedStyle: d,
-        desktopStyle: "row"
-      })
-    };
-  }, m = function(y) {
-    const w = y === 0 ? 0 : t, E = r(y), W = `${w}px`, H = "100%", _ = 0;
-    return {
-      ...{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch"
-      },
-      width: E,
-      ["marginLeft"]: W,
-      "--column-width-mobile": c({
-        stackedStyle: H,
-        desktopStyle: E
-      }),
-      "--column-margin-left-mobile": c({
-        stackedStyle: _,
-        desktopStyle: W
-      }),
-      "--column-width-tablet": s({
-        stackedStyle: H,
-        desktopStyle: E
-      }),
-      "--column-margin-left-tablet": s({
-        stackedStyle: _,
-        desktopStyle: W
-      })
-    };
-  }, p = function(y) {
-    var E, W;
-    return Pe(
-      ((W = (E = e.builderContext.content) == null ? void 0 : E.meta) == null ? void 0 : W.breakpoints) || {}
-    )[y].max;
-  }, v = function() {
-    const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
-    return `
-        @media (max-width: ${p("medium")}px) {
-          .${e.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir-tablet);
-            align-items: stretch;
-          }
-
-          ${y} {
-            width: var(--column-width-tablet) !important;
-            margin-left: var(--column-margin-left-tablet) !important;
-          }
-        }
-
-        @media (max-width: ${p("small")}px) {
-          .${e.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir);
-            align-items: stretch;
-          }
-
-          ${y} {
-            width: var(--column-width-mobile) !important;
-            margin-left: var(--column-margin-left-mobile) !important;
-          }
-        },
-      `;
-  }, S = function(y, w) {
-    return {
-      ...y.link ? {
-        href: y.link
-      } : {},
-      [U()]: "builder-column",
-      style: Re(m(w))
-    };
-  };
-  return /* @__PURE__ */ P(T, { children: [
-    /* @__PURE__ */ P(
-      "div",
-      {
-        className: Pt((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
-        style: u(),
-        children: [
-          /* @__PURE__ */ l(
-            Q,
-            {
-              id: "builderio-columns",
-              styles: v(),
-              nonce: e.builderContext.nonce
-            }
-          ),
-          (C = e.columns) == null ? void 0 : C.map((b, y) => /* @__PURE__ */ l(
-            oe,
-            {
-              TagName: o(b),
-              actionAttributes: {},
-              attributes: S(b, y),
-              children: /* @__PURE__ */ l(
-                le,
-                {
-                  path: `component.options.columns.${y}.blocks`,
-                  parent: e.builderBlock.id,
-                  styleProp: {
-                    flexGrow: "1"
-                  },
-                  context: e.builderContext,
-                  registeredComponents: e.builderComponents,
-                  linkComponent: e.builderLinkComponent,
-                  blocks: b.blocks
-                }
-              )
-            },
-            y
-          ))
-        ]
-      }
-    ),
-    /* @__PURE__ */ l("style", { children: `.div-2cd13691 {
-  display: flex;
-  line-height: normal;
-}` })
-  ] });
-}
-function Wt(e) {
-  return /* @__PURE__ */ l("span", { children: e.children });
-}
-function ye(e) {
-  return e.replace(/http(s)?:/, "");
-}
-function At(e = "", t, n) {
-  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
-}
-function Nt(e, t) {
-  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
-    return e;
-  if (t === "master")
-    return ye(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]), o = n[3], a = t.match("x") ? t : `${t}x`;
-    return ye(`${i[0]}_${a}${o}`);
-  }
-  return null;
-}
-function te(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((o) => o !== i).map((o) => `${At(e, "width", o)} ${o}w`).concat([n]).join(", ");
-  }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Nt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
-}
-function Vt(e) {
-  var o, a, r, s, c, d;
-  function t() {
-    var p;
-    const m = e.image || e.src;
-    if (!m || // We can auto add srcset for cdn.builder.io and shopify
-    // images, otherwise you can supply this prop manually
-    !(m.match(/builder\.io/) || m.match(/cdn\.shopify\.com/)))
-      return e.srcset;
-    if (!e.noWebp) {
-      if (e.srcset && ((p = e.image) != null && p.includes("builder.io/api/v1/image"))) {
-        if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), te(m);
-      } else if (e.image && !e.srcset)
-        return te(m);
-      return te(m);
-    }
-  }
-  function n() {
-    var u;
-    return (u = t == null ? void 0 : t()) != null && u.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
-  }
-  function i() {
-    const u = {
-      position: "absolute",
-      height: "100%",
-      width: "100%",
-      left: "0px",
-      top: "0px"
-    };
-    return e.aspectRatio ? u : void 0;
-  }
-  return R(() => {
-  }, []), /* @__PURE__ */ P(T, { children: [
-    /* @__PURE__ */ P(T, { children: [
-      /* @__PURE__ */ P("picture", { children: [
-        n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
-        /* @__PURE__ */ l(
-          "img",
-          {
-            loading: e.highPriority ? "eager" : "lazy",
-            fetchPriority: e.highPriority ? "high" : "auto",
-            alt: e.altText,
-            role: e.altText ? void 0 : "presentation",
-            style: {
-              objectPosition: e.backgroundPosition || "center",
-              objectFit: e.backgroundSize || "cover",
-              ...i()
-            },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-2d6925f2",
-            src: e.image,
-            srcSet: t(),
-            sizes: e.sizes
-          }
-        )
-      ] }),
-      e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ l(
-        "div",
-        {
-          className: "builder-image-sizer div-2d6925f2",
-          style: {
-            paddingTop: e.aspectRatio * 100 + "%"
-          }
-        }
-      ) : null,
-      (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(T, { children: e.children }) : null,
-      !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
-    ] }),
-    /* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
-  opacity: 1;
-  transition: opacity 0.2s ease-in-out;
-}.div-2d6925f2 {
-  width: 100%;
-  pointer-events: none;
-  font-size: 0;
-}.div-2d6925f2-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}` })
-  ] });
-}
-function $t(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 Ft = {
-  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,
-  shouldReceiveBuilderProps: {
-    builderLinkComponent: !0
-  }
-}, Lt = {
-  // 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((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, c) => s + 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
-  }],
-  shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !0,
-    builderComponents: !0,
-    builderLinkComponent: !0
-  }
-}, Ot = {
-  name: "Fragment",
-  static: !0,
-  hidden: !0,
-  canHaveChildren: !0,
-  noWrap: !0
-}, Dt = {
-  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", "webp"],
-    required: !0,
-    defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
-    onChange: (e) => {
-      e.delete("srcset"), e.delete("noWebp");
-      function n(r, s = 6e4) {
-        return new Promise((c, d) => {
-          const u = document.createElement("img");
-          let m = !1;
-          u.onload = () => {
-            m = !0, c(u);
-          }, u.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), d(p.error);
-          }), u.src = r, setTimeout(() => {
-            m || d(new Error("Image load timed out"));
-          }, s);
-        });
-      }
-      function i(r) {
-        return Math.round(r * 1e3) / 1e3;
-      }
-      const o = e.get("image"), a = e.get("aspectRatio");
-      if (fetch(o).then((r) => r.blob()).then((r) => {
-        r.type.includes("svg") && e.set("noWebp", !0);
-      }), o && (!a || a === 0.7041))
-        return n(o).then((r) => {
-          const s = e.get("aspectRatio");
-          e.get("image") === o && (!s || s === 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: "highPriority",
-    type: "boolean",
-    advanced: !0,
-    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
-  }, {
-    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
-  }],
-  shouldReceiveBuilderProps: {
-    builderBlock: !0
-  }
-}, Ht = {
-  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>"
-      }
-    }
-  }]
-}, _t = {
-  name: "Slot",
-  isRSC: !0,
-  description: "Allow child blocks to be inserted into this content when used as a Symbol",
-  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
-  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
-  // Maybe wrap this for canHaveChildren so bind children to this hm
-  inputs: [{
-    name: "name",
-    type: "string",
-    required: !0,
-    defaultValue: "children"
-  }],
-  shouldReceiveBuilderProps: {
-    builderContext: !0,
-    builderComponents: !0
-  }
-};
-function Ut(e) {
-  var t, n, i;
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      style: {
-        pointerEvents: "auto"
-      },
-      ...!((t = e.builderContext.context) != null && t.symbolId) && {
-        "builder-slot": e.name
-      },
-      children: /* @__PURE__ */ l(
-        le,
-        {
-          parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
-          path: `symbol.data.${e.name}`,
-          context: e.builderContext,
-          registeredComponents: e.builderComponents,
-          blocks: (i = e.builderContext.rootState) == null ? void 0 : i[e.name]
-        }
-      )
-    }
-  );
-}
-const jt = {
-  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"
-  }],
-  shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !0,
-    builderComponents: !0,
-    builderLinkComponent: !0
-  }
-}, Mt = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !0
-  },
-  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 Kt(e) {
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: "builder-text",
-      dangerouslySetInnerHTML: { __html: function() {
-        var c;
-        const i = e.builderContext, {
-          context: o,
-          localState: a,
-          rootState: r,
-          rootSetState: s
-        } = i;
-        return String(((c = e.text) == null ? void 0 : c.toString()) || "").replace(
-          /{{([^}]+)}}/g,
-          (d, u) => D({
-            code: u,
-            context: o,
-            localState: a,
-            rootState: r,
-            rootSetState: s,
-            enableCache: !1
-          })
-        );
-      }() },
-      style: {
-        outline: "none"
-      }
-    }
-  );
-}
-const zt = {
-  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
-  }]
-};
-function qt(e) {
-  const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []);
-  return R(() => {
-    var s;
-    if (!((s = t.current) != null && s.getElementsByTagName) || typeof window == "undefined")
-      return;
-    const r = t.current.getElementsByTagName("script");
-    for (let c = 0; c < r.length; c++) {
-      const d = r[c];
-      if (d.src) {
-        if (n.includes(d.src))
-          continue;
-        n.push(d.src);
-        const u = document.createElement("script");
-        u.async = !0, u.src = d.src, document.head.appendChild(u);
-      } else if (!d.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(d.type)) {
-        if (o.includes(d.innerText))
-          continue;
-        try {
-          o.push(d.innerText), new Function(d.innerText)();
-        } catch (u) {
-          console.warn("`CustomCode`: Error running script:", u);
-        }
-      }
-    }
-  }, []), /* @__PURE__ */ l(
-    "div",
-    {
-      ref: t,
-      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
-      dangerouslySetInnerHTML: { __html: e.code }
-    }
-  );
-}
-const Yt = {
-  name: "Embed",
-  static: !0,
-  inputs: [{
-    name: "url",
-    type: "url",
-    required: !0,
-    defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc"
-  }, {
-    name: "content",
-    type: "html",
-    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-    hideFromUI: !0
-  }]
-}, Jt = ["text/javascript", "application/javascript", "application/ecmascript"], Qt = (e) => Jt.includes(e.type);
-function Gt(e) {
-  const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []), [r, s] = N(() => !1);
-  function c() {
-    if (!t.current || !t.current.getElementsByTagName)
-      return;
-    const d = t.current.getElementsByTagName("script");
-    for (let u = 0; u < d.length; u++) {
-      const m = d[u];
-      if (m.src && !n.includes(m.src)) {
-        n.push(m.src);
-        const p = document.createElement("script");
-        p.async = !0, p.src = m.src, document.head.appendChild(p);
-      } else if (Qt(m) && !o.includes(m.innerText))
-        try {
-          o.push(m.innerText), new Function(m.innerText)();
-        } catch (p) {
-          console.warn("`Embed`: Error running script:", p);
-        }
-    }
-  }
-  return R(() => {
-    t.current && !r && (s(!0), c());
-  }, [t.current, r]), /* @__PURE__ */ l(
-    "div",
-    {
-      className: "builder-embed",
-      ref: t,
-      dangerouslySetInnerHTML: { __html: e.content }
-    }
-  );
-}
-const Xt = {
-  // 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 Zt(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 en = {
-  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://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
-    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
-  }],
-  shouldReceiveBuilderProps: {
-    builderBlock: !0
-  }
-};
-function tn(e) {
-  var i, o, a, r, s, c, d;
-  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 {
-      ...t()
-    };
-  }
-  return /* @__PURE__ */ P(
-    "div",
-    {
-      style: {
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ l(
-          "video",
-          {
-            className: "builder-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
-              zIndex: 2,
-              borderRadius: "1px",
-              ...e.aspectRatio ? {
-                position: "absolute"
-              } : null
-            },
-            src: e.video || "no-src",
-            poster: e.posterImage,
-            children: e.lazyLoad ? null : /* @__PURE__ */ l("source", { type: "video/mp4", src: e.video })
-          }
-        ),
-        e.aspectRatio && !(e.fitContent && ((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length)) ? /* @__PURE__ */ l(
-          "div",
-          {
-            style: {
-              width: "100%",
-              paddingTop: e.aspectRatio * 100 + "%",
-              pointerEvents: "none",
-              fontSize: "0px"
-            }
-          }
-        ) : null,
-        (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "stretch"
-            },
-            children: e.children
-          }
-        ) : null,
-        (d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
-          "div",
-          {
-            style: {
-              pointerEvents: "none",
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "stretch",
-              position: "absolute",
-              top: "0",
-              left: "0",
-              width: "100%",
-              height: "100%"
-            },
-            children: e.children
-          }
-        ) : null
-      ]
-    }
-  );
-}
-const nn = () => [{
-  component: qt,
-  ...zt
-}, {
-  component: Gt,
-  ...Yt
-}, {
-  component: Zt,
-  ...Xt
-}, {
-  component: tn,
-  ...en
-}], pe = () => [{
-  component: Je,
-  ...Ft
-}, {
-  component: Bt,
-  ...Lt
-}, {
-  component: Wt,
-  ...Ot
-}, {
-  component: Vt,
-  ...Dt
-}, {
-  component: $t,
-  ...Ht
-}, {
-  component: Ut,
-  ..._t
-}, {
-  component: An,
-  ...jt
-}, {
-  component: Kt,
-  ...Mt
-}, ...nn()], on = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
-  function getAndSetVariantId() {
-    function setCookie(name, value, days) {
-      let expires = '';
-      if (days) {
-        const date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-        expires = '; expires=' + date.toUTCString();
-      }
-      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
-    }
-    function getCookie(name) {
-      const nameEQ = name + '=';
-      const ca = document.cookie.split(';');
-      for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
-        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-      }
-      return null;
-    }
-    const cookieName = \`builder.tests.\${contentId}\`;
-    const variantInCookie = getCookie(cookieName);
-    const availableIDs = variants.map(vr => vr.id).concat(contentId);
-    if (variantInCookie && availableIDs.includes(variantInCookie)) {
-      return variantInCookie;
-    }
-    let n = 0;
-    const random = Math.random();
-    for (let i = 0; i < variants.length; i++) {
-      const variant = variants[i];
-      const testRatio = variant.testRatio;
-      n += testRatio;
-      if (random < n) {
-        setCookie(cookieName, variant.id);
-        return variant.id;
-      }
-    }
-    setCookie(cookieName, contentId);
-    return contentId;
-  }
-  const winningVariantId = getAndSetVariantId();
-  const styleEl = document.currentScript?.previousElementSibling;
-  if (isHydrationTarget) {
-    styleEl.remove();
-    const thisScriptEl = document.currentScript;
-    thisScriptEl?.remove();
-  } else {
-    const newStyleStr = variants.concat({
-      id: contentId
-    }).filter(variant => variant.id !== winningVariantId).map(value => {
-      return \`.variant-\${value.id} {  display: none; }
-        \`;
-    }).join('');
-    styleEl.innerHTML = newStyleStr;
-  }
-}`, an = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
-  if (!navigator.cookieEnabled) {
-    return;
-  }
-  function getCookie(name) {
-    const nameEQ = name + '=';
-    const ca = document.cookie.split(';');
-    for (let i = 0; i < ca.length; i++) {
-      let c = ca[i];
-      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  }
-  const cookieName = \`builder.tests.\${defaultContentId}\`;
-  const winningVariant = getCookie(cookieName);
-  const parentDiv = document.currentScript?.parentElement;
-  const isDefaultContent = variantContentId === defaultContentId;
-  const isWinningVariant = winningVariant === variantContentId;
-  if (isWinningVariant && !isDefaultContent) {
-    parentDiv?.removeAttribute('hidden');
-    parentDiv?.removeAttribute('aria-hidden');
-  } else if (!isWinningVariant && isDefaultContent) {
-    parentDiv?.setAttribute('hidden', 'true');
-    parentDiv?.setAttribute('aria-hidden', 'true');
-  }
-  if (isHydrationTarget) {
-    if (!isWinningVariant) {
-      parentDiv?.remove();
-    }
-    const thisScriptEl = document.currentScript;
-    thisScriptEl?.remove();
-  }
-  return;
-}`, We = "builderIoAbTest", Ae = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), rn = ({
-  canTrack: e,
-  content: t
-}) => !(!(K(t).length > 0) || !e || O()), cn = (e) => e === "react" || e === "reactNative", Ne = cn($), ln = () => `
-  window.${We} = ${on}
-  window.${Ae} = ${an}
-  `, sn = (e, t) => `
-  window.${We}(
-    "${t}",${JSON.stringify(e)}, ${Ne}
-  )`, dn = ({
-  contentId: e,
-  variationId: t
-}) => `window.${Ae}(
-    "${t}", "${e}", ${Ne}
-  )`;
-function ie(e) {
-  return /* @__PURE__ */ l(
-    "script",
-    {
-      dangerouslySetInnerHTML: { __html: e.scriptStr },
-      "data-id": e.id,
-      nonce: e.nonce || ""
-    }
-  );
-}
-const un = Ke({
-  content: null,
-  context: {},
-  localState: void 0,
-  rootSetState() {
-  },
-  rootState: {},
-  apiKey: null,
-  apiVersion: void 0,
-  componentInfos: {},
-  inheritedStyles: {},
-  BlocksWrapper: "div",
-  BlocksWrapperProps: {},
-  nonce: ""
-});
-function ve(e) {
-  return Math.round(e * 1e3) / 1e3;
-}
-const mn = (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;
-}, fn = (e) => mn(e, (t) => {
-  const n = t.getAttribute("builder-id") || t.id;
-  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), xe = ({
-  event: e,
-  target: t
-}) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ve(i / n.width), r = ve(o / n.height);
-  return {
-    x: a,
-    y: r
-  };
-}, hn = (e) => {
-  const t = e.target, n = t && fn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
-  return {
-    targetBuilderElement: i || void 0,
-    metadata: {
-      targetOffset: t ? xe({
-        event: e,
-        target: t
-      }) : void 0,
-      builderTargetOffset: n ? xe({
-        event: e,
-        target: n
-      }) : void 0,
-      builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
-    }
-  };
-};
-async function gn({
-  key: e,
-  value: t
-}) {
-  return Oe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
-}
-function Se(e, ...t) {
-  const n = Object(e);
-  for (let i = 1; i < arguments.length; i++) {
-    const o = arguments[i];
-    if (o != null)
-      for (const a in o)
-        Object.prototype.hasOwnProperty.call(o, a) && (n[a] = o[a]);
-  }
-  return n;
-}
-function bn(e) {
-  console.warn(`Cannot animate element: element with ID ${e} not found!`);
-}
-function yn(e, t) {
-  const n = pn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
-  for (const s of r)
-    for (const c of n)
-      c in s || (s[c] = i[c]);
-}
-function pn(e) {
-  const t = [];
-  for (const n of e.steps)
-    for (const i in n.styles)
-      t.indexOf(i) === -1 && t.push(i);
-  return t;
-}
-function vn(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    bn(e.elementId || e.id || "");
-    return;
-  }
-  Array.from(t).forEach((n) => {
-    yn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Se(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Se(n.style, e.steps[1].styles), setTimeout(() => {
-        n.style.transition = "", n.style.transitionDelay = "";
-      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
-    });
-  });
-}
-const xn = (e) => {
-  var a, r;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
-  let o = "";
-  if (i && t && n && (o += `
-@font-face {
-font-family: "${t}";
-src: local("${n}"), url('${i}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim()), e.files)
-    for (const s in e.files) {
-      if (!(String(Number(s)) === s))
-        continue;
-      const d = e.files[s];
-      d && d !== i && (o += `
-@font-face {
-font-family: "${t}";
-src: url('${d}') format('woff2');
-font-display: fallback;
-font-weight: ${s};
-}
-        `.trim());
-    }
-  return o;
-}, Sn = ({
-  customFonts: e
-}) => {
-  var t;
-  return ((t = e == null ? void 0 : e.map((n) => xn(n))) == null ? void 0 : t.join(" ")) || "";
-}, kn = ({
-  cssCode: e,
-  contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Cn = `
-.builder-button {
-  all: unset;
-}
-
-.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;
-}
-`, wn = (e) => e ? "" : Cn, In = (e) => `variant-${e}`;
-function Tn(e) {
-  var W, H, _, X, Z, se, de;
-  const t = J(null);
-  function n(g) {
-    var x, k;
-    const h = {
-      ...e.builderContextSignal.rootState,
-      ...g
-    };
-    e.builderContextSignal.rootSetState ? (k = (x = e.builderContextSignal).rootSetState) == null || k.call(x, h) : e.builderContextSignal.rootState = h;
-  }
-  function i(g) {
-    var x, k, I, B, j;
-    const h = {
-      ...e.builderContextSignal.content,
-      ...g,
-      data: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
-        ...g == null ? void 0 : g.data
-      },
-      meta: {
-        ...(k = e.builderContextSignal.content) == null ? void 0 : k.meta,
-        ...g == null ? void 0 : g.meta,
-        breakpoints: ((I = g == null ? void 0 : g.meta) == null ? void 0 : I.breakpoints) || ((j = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : j.breakpoints)
-      }
-    };
-    gn({
-      value: h,
-      key: h.id
-    }).then(() => {
-      E.refresh();
-    });
-  }
-  function o() {
-    return e.showContent ? {} : {
-      hidden: !0,
-      "aria-hidden": !0
-    };
-  }
-  const [a, r] = N(
-    () => e.contentWrapper || "div"
-  );
-  function s(g) {
-    return De({
-      model: e.model,
-      trustedHosts: e.trustedHosts,
-      callbacks: {
-        configureSdk: (h) => {
-          var I;
-          const { breakpoints: x, contentId: k } = h;
-          !k || k !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || x && i({
-            meta: {
-              breakpoints: x
-            }
-          });
-        },
-        animation: (h) => {
-          vn(h);
-        },
-        contentUpdate: (h) => {
-          i(h);
-        }
-      }
-    })(g);
-  }
-  function c() {
-    var h, x;
-    const g = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.jsCode;
-    g && D({
-      code: g,
-      context: e.context || {},
-      localState: void 0,
-      rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState,
-      /**
-       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-       */
-      enableCache: !1
-    });
-  }
-  const [d, u] = N(() => ({})), [m, p] = N(() => ({})), [v, S] = N(() => !1);
-  function f(g) {
-    var h, x;
-    if (e.builderContextSignal.content) {
-      const k = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, I = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
-      ue({
-        type: "click",
-        canTrack: q(e.canTrack),
-        contentId: I,
-        apiKey: e.apiKey,
-        variationId: k !== I ? k : void 0,
-        ...hn(g),
-        unique: !v
-      });
-    }
-    v || S(!0);
-  }
-  function C() {
-    var h, x, k;
-    const g = (k = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.httpRequests) != null ? k : {};
-    Object.entries(g).forEach(([I, B]) => {
-      if (!B || m[I] || d[I] && !V())
-        return;
-      m[I] = !0;
-      const j = B.replace(
-        /{{([^}]+)}}/g,
-        (F, Ve) => String(
-          D({
-            code: Ve,
-            context: e.context || {},
-            localState: void 0,
-            rootState: e.builderContextSignal.rootState,
-            rootSetState: e.builderContextSignal.rootSetState,
-            enableCache: !0
-          })
-        )
-      );
-      He(j).then((F) => F.json()).then((F) => {
-        n({
-          [I]: F
-        }), d[I] = !0;
-      }).catch((F) => {
-        console.error("error fetching dynamic data", B, F);
-      }).finally(() => {
-        m[I] = !1;
-      });
-    });
-  }
-  function b() {
-    V() && window.dispatchEvent(
-      new CustomEvent(
-        "builder:component:stateChange",
-        {
-          detail: {
-            state: ae(e.builderContextSignal.rootState),
-            ref: {
-              name: e.model
-            }
-          }
-        }
-      )
-    );
-  }
-  function y(g) {
-    window.addEventListener("message", s), _e(), Ue({
-      ...e.locale ? {
-        locale: e.locale
-      } : {},
-      ...e.enrich ? {
-        enrich: e.enrich
-      } : {},
-      ...e.trustedHosts ? {
-        trustedHosts: e.trustedHosts
-      } : {}
-    }), Object.values(
-      e.builderContextSignal.componentInfos
-    ).forEach((h) => {
-      var k;
-      const x = je(h);
-      (k = window.parent) == null || k.postMessage(x, "*");
-    }), window.addEventListener(
-      "builder:component:stateChangeListenerActivated",
-      b
-    );
-  }
-  function w(g) {
-    const h = new URL(location.href).searchParams, x = h.get("builder.preview"), k = h.get(
-      `builder.overrides.${x}`
-    ), I = h.get("apiKey") || h.get("builder.space");
-    x === e.model && I === e.apiKey && (!e.content || k === e.content.id) && we({
-      model: e.model,
-      apiKey: e.apiKey,
-      apiVersion: e.builderContextSignal.apiVersion
-    }).then((B) => {
-      B && i(B);
-    });
-  }
-  const E = ze();
-  return R(() => {
-    var g;
-    return (g = t.current) == null || g.addEventListener(
-      "initeditingbldr",
-      y
-    ), () => {
-      var h;
-      return (h = t.current) == null ? void 0 : h.removeEventListener(
-        "initeditingbldr",
-        y
-      );
-    };
-  }, []), R(() => {
-    var g;
-    return (g = t.current) == null || g.addEventListener(
-      "initpreviewingbldr",
-      w
-    ), () => {
-      var h;
-      return (h = t.current) == null ? void 0 : h.removeEventListener(
-        "initpreviewingbldr",
-        w
-      );
-    };
-  }, []), R(() => {
-    var g, h;
-    if (O()) {
-      if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
-        const k = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, I = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
-        ue({
-          type: "impression",
-          canTrack: !0,
-          contentId: I,
-          apiKey: B,
-          variationId: k !== I ? k : void 0
-        });
-      }
-      Ce() && V();
-    }
-  }, []), R(() => {
-    e.apiKey || Y.error(
-      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), c(), C(), b();
-  }, []), R(() => {
-  }, [e.content]), R(() => {
-    c();
-  }, [(H = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : H.jsCode]), R(() => {
-    C();
-  }, [(X = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : X.httpRequests]), R(() => {
-    b();
-  }, [e.builderContextSignal.rootState]), R(() => {
-    e.data && n(e.data);
-  }, [e.data]), R(() => {
-    e.locale && n({
-      locale: e.locale
-    });
-  }, [e.locale]), R(() => () => {
-    O() && (window.removeEventListener("message", s), window.removeEventListener(
-      "builder:component:stateChangeListenerActivated",
-      b
-    ));
-  }, []), /* @__PURE__ */ l(un.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
-    a,
-    {
-      ref: t,
-      onClick: (g) => f(g),
-      "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
-      "builder-model": e.model,
-      ...o(),
-      ...e.contentWrapperProps,
-      className: In(
-        ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
-      ),
-      children: e.children
-    }
-  ) : null });
-}
-function Rn(e) {
-  const t = `
-${kn({
-    cssCode: e.cssCode,
-    contentId: e.contentId
-  })}
-${Sn({
-    customFonts: e.customFonts
-  })}
-${wn(e.isNestedRender)}
-`.trim();
-  return /* @__PURE__ */ l(
-    Q,
-    {
-      id: "builderio-content",
-      styles: t,
-      nonce: e.nonce
-    }
-  );
-}
-const En = ({
-  content: e,
-  data: t,
-  locale: n
-}) => {
-  var a, r, s;
-  const i = {}, o = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
-  return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((c) => {
-    c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
-  }), {
-    ...i,
-    ...o,
-    ...t,
-    ...n ? {
-      locale: n
-    } : {}
-  };
-}, Pn = ({
-  content: e,
-  data: t
-}) => e ? {
-  ...e,
-  data: {
-    ...e == null ? void 0 : e.data,
-    ...t
-  },
-  meta: e == null ? void 0 : e.meta
-} : void 0;
-function ke(e) {
-  var o, a, r, s, c, d, u, m, p, v, S;
-  const t = dn({
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-    variationId: (o = e.content) == null ? void 0 : o.testVariationId,
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-    contentId: (a = e.content) == null ? void 0 : a.id
-  }), n = [
-    ...pe(),
-    ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
-  ].reduce(
-    (f, { component: C, ...b }) => ({
-      ...f,
-      [b.name]: {
-        component: C,
-        ...me(b)
-      }
-    }),
-    {}
-  ), i = {
-    content: Pn({
-      content: e.content,
-      data: e.data
-    }),
-    localState: void 0,
-    rootState: En({
-      content: e.content,
-      data: e.data,
-      locale: e.locale
-    }),
-    rootSetState: void 0,
-    context: e.context || {},
-    canTrack: e.canTrack,
-    apiKey: e.apiKey,
-    apiVersion: e.apiVersion,
-    componentInfos: [
-      ...pe(),
-      ...((s = e.customComponents) == null ? void 0 : s.filter(({ models: f }) => !(f != null && f.length) || !e.model ? !0 : f.includes(e.model))) || []
-    ].reduce(
-      (f, { component: C, ...b }) => ({
-        ...f,
-        [b.name]: me(b)
-      }),
-      {}
-    ),
-    inheritedStyles: {},
-    BlocksWrapper: e.blocksWrapper || "div",
-    BlocksWrapperProps: e.blocksWrapperProps || {},
-    nonce: e.nonce || ""
-  };
-  return /* @__PURE__ */ P(
-    Tn,
-    {
-      nonce: e.nonce,
-      content: e.content,
-      data: e.data,
-      model: e.model,
-      context: e.context,
-      apiKey: e.apiKey,
-      canTrack: e.canTrack,
-      locale: e.locale,
-      enrich: e.enrich,
-      showContent: e.showContent,
-      builderContextSignal: i,
-      contentWrapper: e.contentWrapper,
-      contentWrapperProps: e.contentWrapperProps,
-      trustedHosts: e.trustedHosts,
-      children: [
-        e.isSsrAbTest ? /* @__PURE__ */ l(
-          ie,
-          {
-            id: "builderio-variant-visibility",
-            scriptStr: t,
-            nonce: e.nonce || ""
-          }
-        ) : null,
-        /* @__PURE__ */ l(
-          Rn,
-          {
-            nonce: e.nonce || "",
-            isNestedRender: e.isNestedRender,
-            contentId: (c = i.content) == null ? void 0 : c.id,
-            cssCode: (u = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
-            customFonts: (p = (m = i.content) == null ? void 0 : m.data) == null ? void 0 : p.customFonts
-          }
-        ),
-        /* @__PURE__ */ l(
-          le,
-          {
-            blocks: (S = (v = i.content) == null ? void 0 : v.data) == null ? void 0 : S.blocks,
-            context: i,
-            registeredComponents: n,
-            linkComponent: e.linkComponent
-          }
-        )
-      ]
-    }
-  );
-}
-function Bn(e) {
-  var a;
-  const t = rn({
-    canTrack: q(e.canTrack),
-    content: e.content
-  }), n = function() {
-    var s;
-    return sn(
-      K(e.content).map((c) => ({
-        id: c.testVariationId,
-        testRatio: c.testRatio
-      })),
-      ((s = e.content) == null ? void 0 : s.id) || ""
-    );
-  }, i = function() {
-    return K(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
-  }, o = function() {
-    var s;
-    return t ? {
-      ...e.content,
-      testVariationId: (s = e.content) == null ? void 0 : s.id
-    } : Me({
-      item: e.content,
-      canTrack: q(e.canTrack)
-    });
-  };
-  return /* @__PURE__ */ P(T, { children: [
-    !e.isNestedRender && $ !== "reactNative" ? /* @__PURE__ */ l(
-      ie,
-      {
-        id: "builderio-init-variants-fns",
-        scriptStr: ln(),
-        nonce: e.nonce || ""
-      }
-    ) : null,
-    t ? /* @__PURE__ */ P(T, { children: [
-      /* @__PURE__ */ l(
-        Q,
-        {
-          id: "builderio-variants",
-          styles: i(),
-          nonce: e.nonce || ""
-        }
-      ),
-      /* @__PURE__ */ l(
-        ie,
-        {
-          id: "builderio-variants-visibility",
-          scriptStr: n(),
-          nonce: e.nonce || ""
-        }
-      ),
-      (a = K(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
-        ke,
-        {
-          isNestedRender: e.isNestedRender,
-          nonce: e.nonce,
-          content: r,
-          showContent: !1,
-          model: e.model,
-          data: e.data,
-          context: e.context,
-          apiKey: e.apiKey,
-          apiVersion: e.apiVersion,
-          customComponents: e.customComponents,
-          linkComponent: e.linkComponent,
-          canTrack: e.canTrack,
-          locale: e.locale,
-          enrich: e.enrich,
-          isSsrAbTest: t,
-          blocksWrapper: e.blocksWrapper,
-          blocksWrapperProps: e.blocksWrapperProps,
-          contentWrapper: e.contentWrapper,
-          contentWrapperProps: e.contentWrapperProps,
-          trustedHosts: e.trustedHosts
-        },
-        r.testVariationId
-      ))
-    ] }) : null,
-    /* @__PURE__ */ l(
-      ke,
-      {
-        nonce: e.nonce,
-        isNestedRender: e.isNestedRender,
-        content: o(),
-        showContent: !0,
-        model: e.model,
-        data: e.data,
-        context: e.context,
-        apiKey: e.apiKey,
-        apiVersion: e.apiVersion,
-        customComponents: e.customComponents,
-        linkComponent: e.linkComponent,
-        canTrack: e.canTrack,
-        locale: e.locale,
-        enrich: e.enrich,
-        isSsrAbTest: t,
-        blocksWrapper: e.blocksWrapper,
-        blocksWrapperProps: e.blocksWrapperProps,
-        contentWrapper: e.contentWrapper,
-        contentWrapperProps: e.contentWrapperProps,
-        trustedHosts: e.trustedHosts
-      }
-    )
-  ] });
-}
-const Wn = 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 we({
-      model: t.model,
-      apiKey: e.apiKey,
-      apiVersion: e.apiVersion,
-      ...(t == null ? void 0 : t.entry) && {
-        query: {
-          id: t.entry
-        }
-      }
-    }).catch((n) => {
-      Y.error("Could not fetch symbol content: ", n);
-    });
-};
-async function An(e) {
-  var a, r, s, c, d;
-  const t = function() {
-    return "div";
-  }, n = function() {
-    return "div";
-  }, i = function() {
-    var m, p;
-    return [
-      e.attributes[U()],
-      "builder-symbol",
-      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
-      (p = e.symbol) != null && p.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
-    ].filter(Boolean).join(" ");
-  }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Wn({
-    symbol: e.symbol,
-    builderContextValue: e.builderContext
-  });
-  return /* @__PURE__ */ l("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ l(
-    Bn,
-    {
-      nonce: e.builderContext.nonce,
-      isNestedRender: !0,
-      apiVersion: e.builderContext.apiVersion,
-      apiKey: e.builderContext.apiKey,
-      context: {
-        ...e.builderContext.context,
-        symbolId: (r = e.builderBlock) == null ? void 0 : r.id
-      },
-      customComponents: Object.values(e.builderComponents),
-      data: {
-        ...(s = e.symbol) == null ? void 0 : s.data,
-        ...e.builderContext.localState,
-        ...(c = o == null ? void 0 : o.data) == null ? void 0 : c.state
-      },
-      canTrack: e.builderContext.canTrack,
-      model: (d = e.symbol) == null ? void 0 : d.model,
-      content: o,
-      linkComponent: e.builderLinkComponent,
-      blocksWrapper: t(),
-      contentWrapper: n()
-    }
-  ) });
-}
+import { default as o } from "./blocks/button/button.mjs";
+import { default as r } from "./blocks/columns/columns.mjs";
+import { default as l } from "./blocks/fragment/fragment.mjs";
+import { default as u } from "./blocks/image/image.mjs";
+import { default as s } from "./blocks/section/section.mjs";
+import { default as p } from "./blocks/symbol/symbol.mjs";
+import { default as i } from "./blocks/text/text.mjs";
+import { default as C } from "./blocks/video/video.mjs";
+import { default as g } from "./components/blocks/blocks.mjs";
+import { default as b } from "./components/content-variants/content-variants.mjs";
+import { default as y } from "./context/builder.context.mjs";
 export {
-  le as Blocks,
-  un as BuilderContext,
-  Je as Button,
-  Bt as Columns,
-  Bn as Content,
-  Wt as Fragment,
-  Vt as Image,
-  $t as Section,
-  An as Symbol,
-  Kt as Text,
-  tn as Video
+  g as Blocks,
+  y as BuilderContext,
+  o as Button,
+  r as Columns,
+  b as Content,
+  l as Fragment,
+  u as Image,
+  s as Section,
+  p as Symbol,
+  i as Text,
+  C as Video
 };