@builder.io/sdk-react-nextjs 0.7.1-4 → 0.7.2

package/lib/node/{bundle-844e3979.js → bundle-fb3490a6.js}

@@ -1,51 +1,20 @@
 import { LRUCache } from "lru-cache";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-32bb8c8f.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-c6d9e08c.js";
 import "next/navigation";
-const fastClone = (e) => JSON.parse(JSON.stringify(e)), SIZES = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
-  },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, getMaxWidthQueryForSize = (e, t = SIZES) => `@media (max-width: ${t[e].max}px)`, getSizesForBreakpoints = ({
-  small: e,
-  medium: t
-}) => {
-  const n = fastClone(SIZES);
-  if (!e || !t)
-    return n;
-  const o = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: o,
-    default: o + 1
-  };
-  const r = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: r,
-    default: r + 1
+function getBlockComponentOptions(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 i = n.medium.max + 1;
-  return n.large = {
-    max: 2e3,
-    // TODO: decide upper limit
-    min: i,
-    default: i + 1
-  }, n;
-}, TARGET = "rsc", MSG_PREFIX = "[Builder.io]: ", logger = {
+}
+const MSG_PREFIX = "[Builder.io]: ", logger = {
   log: (...e) => console.log(MSG_PREFIX, ...e),
   error: (...e) => console.error(MSG_PREFIX, ...e),
   warn: (...e) => console.warn(MSG_PREFIX, ...e),
@@ -54,6 +23,7 @@ const fastClone = (e) => JSON.parse(JSON.stringify(e)), SIZES = {
 function isBrowser() {
   return typeof window < "u" && typeof document < "u";
 }
+const TARGET = "rsc";
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
@@ -120,13 +90,13 @@ const getLocation = () => {
   rootSetState: i,
   rootState: a
 }) => {
-  const c = getFunctionArguments({
+  const s = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
     state: flattenState(a, r, i)
   });
-  return new Function(...c.map(([s]) => s), e)(...c.map(([, s]) => s));
+  return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
 function flattenState(e, t, n) {
   if (e === t)
@@ -140,18 +110,18 @@ function flattenState(e, t, n) {
     }
   });
 }
-const noop = () => null;
+const fastClone = (e) => JSON.parse(JSON.stringify(e)), set = (e, t, n) => {
+  if (Object(e) !== e)
+    return e;
+  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return o.slice(0, -1).reduce((r, i, a) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[a + 1])) >> 0 === +o[a + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+}, noop = () => null;
 let safeDynamicRequire = noop;
 try {
   safeDynamicRequire = eval("require");
 } catch (e) {
 }
-const set = (e, t, n) => {
-  if (Object(e) !== e)
-    return e;
-  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, i, a) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[a + 1])) >> 0 === +o[a + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
-}, ivm = safeDynamicRequire("isolated-vm"), getSyncValName = (e) => `bldr_${e}_sync`, BUILDER_SET_STATE_NAME = "BUILDER_SET_STATE", INJECTED_IVM_GLOBAL = "BUILDER_IVM", REF_TO_PROXY_FN = `
+const ivm = safeDynamicRequire("isolated-vm"), getSyncValName = (e) => `bldr_${e}_sync`, BUILDER_SET_STATE_NAME = "BUILDER_SET_STATE", INJECTED_IVM_GLOBAL = "BUILDER_IVM", REF_TO_PROXY_FN = `
 var refToProxy = (obj) => {
   if (typeof obj !== 'object' || obj === null) {
     return obj;
@@ -208,20 +178,20 @@ output;
   rootSetState: i,
   rootState: a
 }) => {
-  const c = fastClone({
+  const s = fastClone({
     ...a,
     ...r
-  }), s = getFunctionArguments({
+  }), c = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
-    state: c
+    state: s
   }), u = getIsolateContext(), m = u.global;
   m.setSync("global", m.derefInto()), m.setSync("log", function(...l) {
     console.log(...l);
   }), m.setSync(BUILDER_SET_STATE_NAME, function(l, f) {
     set(a, l, f), i == null || i(a);
-  }), s.forEach(([l, f]) => {
+  }), c.forEach(([l, f]) => {
     const d = typeof f == "object" ? new ivm.Reference(
       // workaround: methods with default values for arguments is not being cloned over
       l === "builder" ? {
@@ -233,7 +203,7 @@ output;
   }), m.setSync(INJECTED_IVM_GLOBAL, ivm);
   const h = processCode({
     code: e,
-    args: s
+    args: c
   }), p = u.evalSync(h);
   try {
     return JSON.parse(p);
@@ -254,7 +224,7 @@ function evaluate({
     logger.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const c = {
+  const s = {
     code: parseCode(e, {
       isExpression: a
     }),
@@ -266,9 +236,9 @@ function evaluate({
     localState: n
   };
   try {
-    return chooseBrowserOrServerEval(c);
-  } catch (s) {
-    logger.error("Failed code evaluation: " + s.message, {
+    return chooseBrowserOrServerEval(s);
+  } catch (c) {
+    logger.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
@@ -295,15 +265,15 @@ const evaluateBindings = ({
       ...i.actions
     }
   };
-  for (const c in e.bindings) {
-    const s = e.bindings[c], u = evaluate({
-      code: s,
+  for (const s in e.bindings) {
+    const c = e.bindings[s], u = evaluate({
+      code: c,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    set(a, c, u);
+    set(a, s, u);
   }
   return a;
 };
@@ -324,7 +294,104 @@ function getProcessedBlock({
     context: t
   }) : a;
 }
-const camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), checkIsDefined = (e) => e != null, convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
+const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], isEmptyHtmlElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.includes(e.toLowerCase()), getComponent = ({
+  block: e,
+  context: t,
+  registeredComponents: n
+}) => {
+  var i;
+  const o = (i = getProcessedBlock({
+    block: e,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context,
+    shouldEvaluateBindings: !1
+  }).component) == null ? void 0 : i.name;
+  if (!o)
+    return null;
+  const r = n[o];
+  if (r)
+    return r;
+  console.warn(`
+      Could not find a registered component named "${o}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+}, getRepeatItemData = ({
+  block: e,
+  context: t
+}) => {
+  const {
+    repeat: n,
+    ...o
+  } = e;
+  if (!(n != null && n.collection))
+    return;
+  const r = evaluate({
+    code: n.collection,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context
+  });
+  if (!Array.isArray(r))
+    return;
+  const i = n.collection.split(".").pop(), a = n.itemName || (i ? i + "Item" : "item");
+  return r.map((c, u) => ({
+    context: {
+      ...t,
+      localState: {
+        ...t.localState,
+        $index: u,
+        $item: c,
+        [a]: c,
+        [`$${a}Index`]: u
+      }
+    },
+    block: o
+  }));
+}, SIZES = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, getMaxWidthQueryForSize = (e, t = SIZES) => `@media (max-width: ${t[e].max}px)`, getSizesForBreakpoints = ({
+  small: e,
+  medium: t
+}) => {
+  const n = fastClone(SIZES);
+  if (!e || !t)
+    return n;
+  const o = Math.floor(e / 2);
+  n.small = {
+    max: e,
+    min: o,
+    default: o + 1
+  };
+  const r = n.small.max + 1;
+  n.medium = {
+    max: t,
+    min: r,
+    default: r + 1
+  };
+  const i = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    // TODO: decide upper limit
+    min: i,
+    default: i + 1
+  }, n;
+}, camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), checkIsDefined = (e) => e != null, convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${camelToKebabCase(n)}: ${o};`;
 }).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
@@ -363,111 +430,33 @@ function BlockStyles(e) {
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), i = r.responsiveStyles, a = e.context.content, c = getSizesForBreakpoints(
+    }), i = r.responsiveStyles, a = e.context.content, s = getSizesForBreakpoints(
       ((d = a == null ? void 0 : a.meta) == null ? void 0 : d.breakpoints) || {}
-    ), s = i == null ? void 0 : i.large, u = i == null ? void 0 : i.medium, m = i == null ? void 0 : i.small, h = r.id;
+    ), c = i == null ? void 0 : i.large, u = i == null ? void 0 : i.medium, m = i == null ? void 0 : i.small, h = r.id;
     if (!h)
       return "";
-    const p = s ? createCssClass({
+    const p = c ? createCssClass({
       className: h,
-      styles: s
+      styles: c
     }) : "", l = u ? createCssClass({
       className: h,
       styles: u,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
-        c
+        s
       )
     }) : "", f = m ? createCssClass({
       className: h,
       styles: m,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
-        c
+        s
       )
     }) : "";
     return [p, l, f].join(" ");
   };
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
-function getBlockComponentOptions(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 EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], isEmptyHtmlElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.includes(e.toLowerCase()), getComponent = ({
-  block: e,
-  context: t,
-  registeredComponents: n
-}) => {
-  var i;
-  const o = (i = getProcessedBlock({
-    block: e,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context,
-    shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : i.name;
-  if (!o)
-    return null;
-  const r = n[o];
-  if (r)
-    return r;
-  console.warn(`
-      Could not find a registered component named "${o}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, getRepeatItemData = ({
-  block: e,
-  context: t
-}) => {
-  const {
-    repeat: n,
-    ...o
-  } = e;
-  if (!(n != null && n.collection))
-    return;
-  const r = evaluate({
-    code: n.collection,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context
-  });
-  if (!Array.isArray(r))
-    return;
-  const i = n.collection.split(".").pop(), a = n.itemName || (i ? i + "Item" : "item");
-  return r.map((s, u) => ({
-    context: {
-      ...t,
-      localState: {
-        ...t.localState,
-        $index: u,
-        $item: s,
-        [a]: s,
-        [`$${a}Index`]: u
-      }
-    },
-    block: o
-  }));
-};
-function RepeatedBlock(e) {
-  const t = e.repeatContext;
-  return /* @__PURE__ */ jsx(
-    Block,
-    {
-      block: e.block,
-      context: t,
-      registeredComponents: e.registeredComponents
-    }
-  );
-}
 function capitalizeFirstLetter(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
@@ -598,6 +587,17 @@ function ComponentRef(e) {
     }
   ) }) : null });
 }
+function RepeatedBlock(e) {
+  const t = e.repeatContext;
+  return /* @__PURE__ */ jsx(
+    Block,
+    {
+      block: e.block,
+      context: t,
+      registeredComponents: e.registeredComponents
+    }
+  );
+}
 function Block(e) {
   var u, m, h, p;
   const t = function() {
@@ -627,7 +627,7 @@ function Block(e) {
   }, a = function() {
     var d;
     return !((d = t()) != null && d.component) && !n() ? o().children ?? [] : [];
-  }, c = function() {
+  }, s = function() {
     var f, d, b, y, g;
     return {
       blockChildren: o().children ?? [],
@@ -639,14 +639,26 @@ function Block(e) {
           builderComponents: e.registeredComponents
         } : {}
       },
-      context: s,
+      context: c,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
       includeBlockProps: ((y = t()) == null ? void 0 : y.noWrap) === !0,
       isInteractive: !((g = t()) != null && g.isRSC)
     };
-  }, s = e.context;
-  return /* @__PURE__ */ jsx(Fragment, { children: i() ? /* @__PURE__ */ jsx(Fragment, { children: (u = t()) != null && u.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ComponentRef, { ...c() }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  }, c = e.context;
+  return /* @__PURE__ */ jsx(Fragment, { children: i() ? /* @__PURE__ */ jsx(Fragment, { children: (u = t()) != null && u.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    ComponentRef,
+    {
+      componentRef: s().componentRef,
+      componentOptions: s().componentOptions,
+      blockChildren: s().blockChildren,
+      context: s().context,
+      registeredComponents: s().registeredComponents,
+      builderBlock: s().builderBlock,
+      includeBlockProps: s().includeBlockProps,
+      isInteractive: s().isInteractive
+    }
+  ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     isEmptyHtmlElement(r()) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       BlockWrapper,
       {
@@ -673,12 +685,24 @@ function Block(e) {
         context: e.context,
         hasChildren: !0,
         children: [
-          /* @__PURE__ */ jsx(ComponentRef, { ...c() }),
+          /* @__PURE__ */ jsx(
+            ComponentRef,
+            {
+              componentRef: s().componentRef,
+              componentOptions: s().componentOptions,
+              blockChildren: s().blockChildren,
+              context: s().context,
+              registeredComponents: s().registeredComponents,
+              builderBlock: s().builderBlock,
+              includeBlockProps: s().includeBlockProps,
+              isInteractive: s().isInteractive
+            }
+          ),
           (h = a()) == null ? void 0 : h.map((l) => /* @__PURE__ */ jsx(
             Block,
             {
               block: l,
-              context: s,
+              context: c,
               registeredComponents: e.registeredComponents
             },
             "block-" + l.id
@@ -687,7 +711,7 @@ function Block(e) {
             BlockStyles,
             {
               block: l,
-              context: s
+              context: c
             },
             "block-style-" + l.id
           ))
@@ -740,34 +764,34 @@ function Columns(e) {
     desktopStyle: b
   }) {
     return o === "tablet" ? d : b;
-  }, c = function({
+  }, s = function({
     stackedStyle: d,
     desktopStyle: b
   }) {
     return o === "never" ? b : d;
-  }, s = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
+  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
-      "--flex-dir": s,
+      "--flex-dir": c,
       "--flex-dir-tablet": a({
-        stackedStyle: s,
+        stackedStyle: c,
         desktopStyle: "row"
       })
     };
   }, m = function(d) {
-    const b = d === 0 ? 0 : t, y = i(d), g = `${b}px`, v = "100%", x = 0;
+    const b = d === 0 ? 0 : t, y = i(d), g = `${b}px`, k = "100%", x = 0;
     return {
       width: y,
       ["marginLeft"]: g,
-      "--column-width-mobile": c({
-        stackedStyle: v,
+      "--column-width-mobile": s({
+        stackedStyle: k,
         desktopStyle: y
       }),
-      "--column-margin-left-mobile": c({
+      "--column-margin-left-mobile": s({
         stackedStyle: x,
         desktopStyle: g
       }),
       "--column-width-tablet": a({
-        stackedStyle: v,
+        stackedStyle: k,
         desktopStyle: y
       }),
       "--column-margin-left-tablet": a({
@@ -811,14 +835,14 @@ function Columns(e) {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-666689ca`,
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-0d69fe26`,
         style: u(),
         children: [
           /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: p() }) }),
           (l = e.columns) == null ? void 0 : l.map((f, d) => /* @__PURE__ */ createElement(
             "div",
             {
-              className: "builder-column div-666689ca-2",
+              className: "builder-column div-0d69fe26-2",
               style: m(d),
               key: d
             },
@@ -839,10 +863,10 @@ function Columns(e) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("style", { children: `.div-666689ca {
+    /* @__PURE__ */ jsx("style", { children: `.div-0d69fe26 {
   display: flex;
   line-height: normal;
-}.div-666689ca-2 {
+}.div-0d69fe26-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -879,98 +903,142 @@ function getSrcSet(e) {
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [getShopifyImageUrl(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const getVariants = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), checkShouldRunVariants = ({
-  canTrack: e,
-  content: t
-}) => !(!(getVariants(t).length > 0) || !e || isBrowser());
-function bldrAbTest(e, t, n) {
-  var a;
-  function o() {
-    function c(f, d, b) {
-      let y = "";
-      if (b) {
-        const g = /* @__PURE__ */ new Date();
-        g.setTime(g.getTime() + b * 24 * 60 * 60 * 1e3), y = "; expires=" + g.toUTCString();
-      }
-      document.cookie = f + "=" + (d || "") + y + "; path=/; Secure; SameSite=None";
-    }
-    function s(f) {
-      const d = f + "=", b = document.cookie.split(";");
-      for (let y = 0; y < b.length; y++) {
-        let g = b[y];
-        for (; g.charAt(0) === " "; )
-          g = g.substring(1, g.length);
-        if (g.indexOf(d) === 0)
-          return g.substring(d.length, g.length);
-      }
-      return null;
-    }
-    const u = `builder.tests.${e}`, m = s(u), h = t.map((f) => f.id).concat(e);
-    if (m && h.includes(m))
-      return m;
-    let p = 0;
-    const l = Math.random();
-    for (let f = 0; f < t.length; f++) {
-      const d = t[f], b = d.testRatio;
-      if (p += b, l < p)
-        return c(u, d.id), d.id;
-    }
-    return c(u, e), e;
-  }
-  const r = o(), i = (a = document.currentScript) == null ? void 0 : a.previousElementSibling;
-  if (n) {
-    i.remove();
-    const c = document.currentScript;
-    c == null || c.remove();
-  } else {
-    const c = t.concat({
-      id: e
-    }).filter((s) => s.id !== r).map((s) => `.variant-${s.id} {  display: none; }
-        `).join("");
-    i.innerHTML = c;
-  }
-}
-function bldrCntntScrpt(e, t, n) {
-  var s;
-  if (!navigator.cookieEnabled)
+const getTopLevelDomain = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, getCookieSync = ({
+  name: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (o) {
+    logger.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
-  function o(u) {
-    const m = u + "=", h = document.cookie.split(";");
-    for (let p = 0; p < h.length; p++) {
-      let l = h[p];
-      for (; l.charAt(0) === " "; )
-        l = l.substring(1, l.length);
-      if (l.indexOf(m) === 0)
-        return l.substring(m.length, l.length);
-    }
-    return null;
   }
-  const r = `builder.tests.${t}`, i = o(r), a = (s = document.currentScript) == null ? void 0 : s.parentElement, c = e === t;
-  if (i === e) {
-    if (c)
+}, getCookie = async (e) => getCookieSync(e), stringifyCookie = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(checkIsDefined).join("; "), SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]], createCookieString = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const r = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...i, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...r];
+  return stringifyCookie(a);
+}, setCookie = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
       return;
-    a == null || a.removeAttribute("hidden"), a == null || a.removeAttribute("aria-hidden");
-  } else {
-    c && (n ? a == null || a.remove() : (a == null || a.setAttribute("hidden", "true"), a == null || a.setAttribute("aria-hidden", "true")));
-    return;
+    const r = createCookieString({
+      name: e,
+      value: t,
+      expires: n
+    });
+    document.cookie = r;
+  } catch (r) {
+    logger.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}
-const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydrationTarget = getIsHydrationTarget(TARGET), AB_TEST_FN_NAME = "builderIoAbTest", CONTENT_FN_NAME = "builderIoRenderContent", getScriptString = () => {
-  const e = bldrAbTest.toString().replace(/\s+/g, " "), t = bldrCntntScrpt.toString().replace(/\s+/g, " ");
-  return `
-  window.${AB_TEST_FN_NAME} = ${e}
-  window.${CONTENT_FN_NAME} = ${t}
-  `;
-}, getVariantsScriptString = (e, t) => `
-  window.${AB_TEST_FN_NAME}("${t}",${JSON.stringify(e)}, ${isHydrationTarget})`, getRenderContentScriptString = ({
+}, BUILDER_STORE_PREFIX = "builder.tests", getContentTestKey = (e) => `${BUILDER_STORE_PREFIX}.${e}`, getContentVariationCookie = ({
+  contentId: e
+}) => getCookie({
+  name: getContentTestKey(e),
+  canTrack: !0
+}), getContentVariationCookieSync = ({
+  contentId: e
+}) => getCookieSync({
+  name: getContentTestKey(e),
+  canTrack: !0
+}), setContentVariationCookie = ({
   contentId: e,
-  variationId: t
-}) => `
-  window.${CONTENT_FN_NAME}("${t}", "${e}", ${isHydrationTarget})`, componentInfo$a = {
+  value: t
+}) => setCookie({
+  name: getContentTestKey(e),
+  value: t,
+  canTrack: !0
+}), checkIsBuilderContentWithVariations = (e) => checkIsDefined(e.id) && checkIsDefined(e.variations) && Object.keys(e.variations).length > 0, getRandomVariationId = ({
+  id: e,
+  variations: t
+}) => {
+  var r;
+  let n = 0;
+  const o = Math.random();
+  for (const i in t) {
+    const a = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += a, o < n)
+      return i;
+  }
+  return e;
+}, getAndSetVariantId = (e) => {
+  const t = getRandomVariationId(e);
+  return setContentVariationCookie({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    logger.error("could not store A/B test variation: ", n);
+  }), t;
+}, getTestFields = ({
+  item: e,
+  testGroupId: t
+}) => {
+  const n = e.variations[t];
+  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
+    testVariationId: e.id,
+    testVariationName: "Default"
+  } : {
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === e.id ? "Default" : "")
+  };
+}, handleABTestingSync = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!checkIsBuilderContentWithVariations(e))
+    return e;
+  const n = getContentVariationCookieSync({
+    contentId: e.id
+  }) || getAndSetVariantId({
+    variations: e.variations,
+    id: e.id
+  }), o = getTestFields({
+    item: e,
+    testGroupId: n
+  });
+  return {
+    ...e,
+    ...o
+  };
+}, handleABTesting = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !checkIsBuilderContentWithVariations(e))
+    return e;
+  const o = await getContentVariationCookie({
+    contentId: e.id
+  }) || getAndSetVariantId({
+    variations: e.variations,
+    id: e.id
+  }), r = getTestFields({
+    item: e,
+    testGroupId: o
+  });
+  return {
+    ...e,
+    ...r
+  };
+}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$a = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1182,7 +1250,7 @@ const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydr
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((i) => !i.get("width")) || n.reduce((c, s) => c + s.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((i) => !i.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1205,12 +1273,59 @@ const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydr
     advanced: !0
   }]
 }, componentInfo$8 = {
+  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
+  }]
+}, componentInfo$7 = {
+  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((o) => o.json()).then((o) => {
+          e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
+        }).catch((o) => {
+          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
+  }]
+}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$6 = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, componentInfo$7 = {
+}, componentInfo$5 = {
   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",
@@ -1230,17 +1345,17 @@ const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydr
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(a, c = 6e4) {
-        return new Promise((s, u) => {
+      function n(a, s = 6e4) {
+        return new Promise((c, u) => {
           const m = document.createElement("img");
           let h = !1;
           m.onload = () => {
-            h = !0, s(m);
+            h = !0, c(m);
           }, m.addEventListener("error", (p) => {
             console.warn("Image load failed", p.error), u(p.error);
           }), m.src = a, setTimeout(() => {
             h || u(new Error("Image load timed out"));
-          }, c);
+          }, s);
         });
       }
       function o(a) {
@@ -1251,8 +1366,8 @@ const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydr
         a.type.includes("svg") && e.set("noWebp", !0);
       }), r && (!i || i === 0.7041))
         return n(r).then((a) => {
-          const c = e.get("aspectRatio");
-          e.get("image") === r && (!c || c === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
+          const s = e.get("aspectRatio");
+          e.get("image") === r && (!s || s === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
         });
     }
   }, {
@@ -1310,7 +1425,21 @@ const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydr
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, componentInfo$6 = {
+}, componentInfo$4 = {
+  // 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
+}, componentInfo$3 = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1349,7 +1478,7 @@ const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydr
       }
     }
   }]
-}, componentInfo$5 = {
+}, componentInfo$2 = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1382,7 +1511,7 @@ const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydr
     hideFromUI: !0,
     type: "boolean"
   }]
-}, componentInfo$4 = {
+}, componentInfo$1 = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1414,7 +1543,7 @@ function Text(e) {
     }
   );
 }
-const componentInfo$3 = {
+const componentInfo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1495,67 +1624,6 @@ const componentInfo$3 = {
     defaultValue: !0,
     advanced: !0
   }]
-}, componentInfo$2 = {
-  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((o) => o.json()).then((o) => {
-          e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
-        }).catch((o) => {
-          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
-  }]
-}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$1 = {
-  // 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
-}, componentInfo = {
-  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
-  }]
 }, getDefaultRegisteredComponents = () => [{
   component: Button,
   ...componentInfo$a
@@ -1564,31 +1632,31 @@ const componentInfo$3 = {
   ...componentInfo$9
 }, {
   component: CustomCode,
-  ...componentInfo
+  ...componentInfo$8
 }, {
   component: Embed,
-  ...componentInfo$2
+  ...componentInfo$7
 }, {
   component: FragmentComponent,
-  ...componentInfo$8
+  ...componentInfo$6
 }, {
   component: Image,
-  ...componentInfo$7
+  ...componentInfo$5
 }, {
   component: ImgComponent,
-  ...componentInfo$1
+  ...componentInfo$4
 }, {
   component: SectionComponent,
-  ...componentInfo$6
+  ...componentInfo$3
 }, {
   component: Symbol$1,
-  ...componentInfo$5
+  ...componentInfo$2
 }, {
   component: Text,
-  ...componentInfo$4
+  ...componentInfo$1
 }, {
   component: Video,
-  ...componentInfo$3
+  ...componentInfo
 }], components = [], createRegisterComponentMessage = (e) => ({
   type: "builder.registerComponent",
   data: serializeComponentInfo(e)
@@ -1604,99 +1672,123 @@ const componentInfo$3 = {
     ...o,
     [r]: serializeValue(i)
   }), {}))
-}), getCssFromFont = (e) => {
-  var i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
-  let r = "";
-  if (o && t && n && (r += `
-@font-face {
-font-family: "${t}";
-src: local("${n}"), url('${o}') format('woff2');
-font-display: fallback;
-font-weight: 400;
+}), getVariants = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), checkShouldRunVariants = ({
+  canTrack: e,
+  content: t
+}) => !(!(getVariants(t).length > 0) || !e || isBrowser());
+function bldrAbTest(e, t, n) {
+  var a;
+  function o() {
+    function s(f, d, b) {
+      let y = "";
+      if (b) {
+        const g = /* @__PURE__ */ new Date();
+        g.setTime(g.getTime() + b * 24 * 60 * 60 * 1e3), y = "; expires=" + g.toUTCString();
+      }
+      document.cookie = f + "=" + (d || "") + y + "; path=/; Secure; SameSite=None";
+    }
+    function c(f) {
+      const d = f + "=", b = document.cookie.split(";");
+      for (let y = 0; y < b.length; y++) {
+        let g = b[y];
+        for (; g.charAt(0) === " "; )
+          g = g.substring(1, g.length);
+        if (g.indexOf(d) === 0)
+          return g.substring(d.length, g.length);
+      }
+      return null;
+    }
+    const u = `builder.tests.${e}`, m = c(u), h = t.map((f) => f.id).concat(e);
+    if (m && h.includes(m))
+      return m;
+    let p = 0;
+    const l = Math.random();
+    for (let f = 0; f < t.length; f++) {
+      const d = t[f], b = d.testRatio;
+      if (p += b, l < p)
+        return s(u, d.id), d.id;
+    }
+    return s(u, e), e;
+  }
+  const r = o(), i = (a = document.currentScript) == null ? void 0 : a.previousElementSibling;
+  if (n) {
+    i.remove();
+    const s = document.currentScript;
+    s == null || s.remove();
+  } else {
+    const s = t.concat({
+      id: e
+    }).filter((c) => c.id !== r).map((c) => `.variant-${c.id} {  display: none; }
+        `).join("");
+    i.innerHTML = s;
+  }
 }
-      `.trim()), e.files)
-    for (const a in e.files) {
-      if (!(String(Number(a)) === a))
-        continue;
-      const s = e.files[a];
-      s && s !== o && (r += `
-@font-face {
-font-family: "${t}";
-src: url('${s}') format('woff2');
-font-display: fallback;
-font-weight: ${a};
+function bldrCntntScrpt(e, t, n) {
+  var c;
+  if (!navigator.cookieEnabled)
+    return;
+  function o(u) {
+    const m = u + "=", h = document.cookie.split(";");
+    for (let p = 0; p < h.length; p++) {
+      let l = h[p];
+      for (; l.charAt(0) === " "; )
+        l = l.substring(1, l.length);
+      if (l.indexOf(m) === 0)
+        return l.substring(m.length, l.length);
+    }
+    return null;
+  }
+  const r = `builder.tests.${t}`, i = o(r), a = (c = document.currentScript) == null ? void 0 : c.parentElement, s = e === t;
+  if (i === e) {
+    if (s)
+      return;
+    a == null || a.removeAttribute("hidden"), a == null || a.removeAttribute("aria-hidden");
+  } else {
+    s && (n ? a == null || a.remove() : (a == null || a.setAttribute("hidden", "true"), a == null || a.setAttribute("aria-hidden", "true")));
+    return;
+  }
 }
-        `.trim());
+const getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydrationTarget = getIsHydrationTarget(TARGET), AB_TEST_FN_NAME = "builderIoAbTest", CONTENT_FN_NAME = "builderIoRenderContent", getScriptString = () => {
+  const e = bldrAbTest.toString().replace(/\s+/g, " "), t = bldrCntntScrpt.toString().replace(/\s+/g, " ");
+  return `
+  window.${AB_TEST_FN_NAME} = ${e}
+  window.${CONTENT_FN_NAME} = ${t}
+  `;
+}, getVariantsScriptString = (e, t) => `
+  window.${AB_TEST_FN_NAME}("${t}",${JSON.stringify(e)}, ${isHydrationTarget})`, getRenderContentScriptString = ({
+  contentId: e,
+  variationId: t
+}) => `
+  window.${CONTENT_FN_NAME}("${t}", "${e}", ${isHydrationTarget})`;
+function InlinedScript(e) {
+  return /* @__PURE__ */ jsx(
+    "script",
+    {
+      dangerouslySetInnerHTML: { __html: e.scriptStr },
+      id: e.id
     }
-  return r;
-}, getFontCss = ({
-  customFonts: e
-}) => {
-  var t;
-  return ((t = e == null ? void 0 : e.map((n) => getCssFromFont(n))) == null ? void 0 : t.join(" ")) || "";
-}, getCss = ({
-  cssCode: e,
-  contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function ContentStyles(e) {
-  const t = `
-${getCss({
-    cssCode: e.cssCode,
-    contentId: e.contentId
-  })}
-${getFontCss({
-    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;
+const getIdFromSearchParams = (e) => {
+  const t = e.get("preview"), n = e.get("overrides." + t);
+  return n || logger.warn("No previewed ID found in search params."), n;
+};
+function init() {
+  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new LRUCache({
+    max: 500,
+    // how long to live in ms
+    ttl: 1e3 * 60 * 5
+  }));
 }
-`.trim();
-  return /* @__PURE__ */ jsx(InlinedStyles, { styles: t });
+function getPreviewContent(e) {
+  init();
+  const t = getIdFromSearchParams(e);
+  return typeof t == "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t) : void 0;
 }
-const getContextStateInitialValue = ({
-  content: e,
-  data: t,
-  locale: n
-}) => {
-  var i, a, c;
-  const o = {};
-  (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((s) => {
-    var u;
-    s.name && s.defaultValue !== void 0 && ((u = e == null ? void 0 : e.data) != null && u.state) && e.data.state[s.name] === void 0 && (o[s.name] = s.defaultValue);
-  });
-  const r = {
-    ...(c = e == null ? void 0 : e.data) == null ? void 0 : c.state,
-    ...t,
-    ...n ? {
-      locale: n
-    } : {}
-  };
-  return {
-    ...o,
-    ...r
-  };
-}, getContentInitialValue = ({
-  content: e,
-  data: t
-}) => e ? {
-  ...e,
-  data: {
-    ...e == null ? void 0 : e.data,
-    ...t
-  },
-  meta: e == null ? void 0 : e.meta
-} : void 0;
 function getGlobalThis() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
@@ -1707,48 +1799,140 @@ function getFetch() {
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const fetch$1 = getFetch(), getTopLevelDomain = (e) => {
-  if (e === "localhost" || e === "127.0.0.1")
-    return e;
-  const t = e.split(".");
-  return t.length > 2 ? t.slice(1).join(".") : e;
-}, getCookieSync = ({
-  name: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
-  } catch (o) {
-    logger.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
-    return;
+const fetch$1 = getFetch();
+function flatten(e, t = null, n = ".") {
+  return Object.keys(e).reduce((o, r) => {
+    const i = e[r], a = [t, r].filter(Boolean).join(n);
+    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
+      ...o,
+      ...flatten(i, a, n)
+    } : {
+      ...o,
+      [a]: i
+    };
+  }, {});
+}
+const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUILDER_OPTIONS_PREFIX = "options.", convertSearchParamsToQueryObject = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, getBuilderSearchParams = (e) => {
+  if (!e)
+    return {};
+  const t = normalizeSearchParams(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
+      const r = o.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
+      n[r] = t[o];
+    }
+  }), n;
+}, getBuilderSearchParamsFromWindow = () => {
+  if (!isBrowser())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return getBuilderSearchParams(e);
+}, normalizeSearchParams = (e) => e instanceof URLSearchParams ? convertSearchParamsToQueryObject(e) : e, isPositiveNumber = (e) => typeof e == "number" && !isNaN(e) && e >= 0, generateContentUrl = (e) => {
+  let {
+    noTraverse: t = !1
+  } = e;
+  const {
+    limit: n = 30,
+    userAttributes: o,
+    query: r,
+    model: i,
+    apiKey: a,
+    includeRefs: s = !0,
+    enrich: c,
+    locale: u,
+    apiVersion: m = DEFAULT_API_VERSION,
+    fields: h,
+    omit: p,
+    offset: l,
+    cacheSeconds: f,
+    staleCacheSeconds: d,
+    sort: b,
+    includeUnpublished: y
+  } = e;
+  if (!a)
+    throw new Error("Missing API key");
+  if (!["v2", "v3"].includes(m))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${m}'`);
+  (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
+  const g = new URL(`https://cdn.builder.io/api/${m}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${u ? `&locale=${u}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (g.searchParams.set("omit", p || "meta.componentsUsed"), h && g.searchParams.set("fields", h), Number.isFinite(l) && l > -1 && g.searchParams.set("offset", String(Math.floor(l))), typeof y == "boolean" && g.searchParams.set("includeUnpublished", String(y)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), d && isPositiveNumber(d) && g.searchParams.set("staleCacheSeconds", String(d)), b) {
+    const S = flatten({
+      sort: b
+    });
+    for (const C in S)
+      g.searchParams.set(C, JSON.stringify(S[C]));
   }
-}, getCookie = async (e) => getCookieSync(e), stringifyCookie = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(checkIsDefined).join("; "), SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]], createCookieString = ({
-  name: e,
-  value: t,
-  expires: n
-}) => {
-  const r = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...i, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...r];
-  return stringifyCookie(a);
-}, setCookie = async ({
-  name: e,
-  value: t,
-  expires: n,
-  canTrack: o
-}) => {
-  try {
-    if (!o)
-      return;
-    const r = createCookieString({
-      name: e,
-      value: t,
-      expires: n
+  const k = {
+    ...getBuilderSearchParamsFromWindow(),
+    ...normalizeSearchParams(e.options || {})
+  }, x = flatten(k);
+  for (const S in x)
+    g.searchParams.set(S, String(x[S]));
+  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const S = flatten({
+      query: r
     });
-    document.cookie = r;
-  } catch (r) {
-    logger.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    for (const C in S)
+      g.searchParams.set(C, JSON.stringify(S[C]));
+  }
+  return g;
+}, checkContentHasResults = (e) => "results" in e;
+async function fetchOneEntry(e) {
+  const t = await fetchEntries({
+    ...e,
+    limit: 1
+  });
+  return t && t.results[0] || null;
+}
+const getContent = fetchOneEntry, _fetchContent = async (e) => {
+  const t = generateContentUrl(e);
+  return await (await fetch$1(t.href)).json();
+}, _processContentResult = async (e, t, n = generateContentUrl(e)) => {
+  const o = getDefaultCanTrack(e.canTrack);
+  if (n.search.includes("preview=")) {
+    const i = [];
+    for (const a of t.results) {
+      const s = getPreviewContent(n.searchParams);
+      i.push(s || a);
+    }
+    t.results = i;
+  }
+  if (!o || !(isBrowser() || TARGET === "reactNative"))
+    return t;
+  try {
+    const i = [];
+    for (const a of t.results)
+      i.push(await handleABTesting({
+        item: a,
+        canTrack: o
+      }));
+    t.results = i;
+  } catch (i) {
+    logger.error("Could not process A/B tests. ", i);
   }
+  return t;
 };
+async function fetchEntries(e) {
+  try {
+    const t = generateContentUrl(e), n = await _fetchContent(e);
+    return checkContentHasResults(n) ? _processContentResult(e, n) : (logger.error("Error fetching data. ", {
+      url: t,
+      content: n,
+      options: e
+    }), null);
+  } catch (t) {
+    return logger.error("Error fetching data. ", t), null;
+  }
+}
+const getAllContent = fetchEntries;
+function isPreviewing() {
+  return !isBrowser() || isEditing() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+}
 function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
@@ -1890,7 +2074,50 @@ async function _track(e) {
 const track = (e) => _track({
   ...e,
   canTrack: !0
-}), SDK_VERSION = "0.7.1-4", registry = {};
+});
+function round(e) {
+  return Math.round(e * 1e3) / 1e3;
+}
+const findParentElement = (e, t, n = !0) => {
+  if (!(e instanceof HTMLElement))
+    return null;
+  let o = n ? e : e.parentElement;
+  do {
+    if (!o)
+      return null;
+    if (t(o))
+      return o;
+  } while (o = o.parentElement);
+  return null;
+}, findBuilderParent = (e) => findParentElement(e, (t) => {
+  const n = t.getAttribute("builder-id") || t.id;
+  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
+}), computeOffset = ({
+  event: e,
+  target: t
+}) => {
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = round(o / n.width), a = round(r / n.height);
+  return {
+    x: i,
+    y: a
+  };
+}, getInteractionPropertiesForEvent = (e) => {
+  const t = e.target, n = t && findBuilderParent(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  return {
+    targetBuilderElement: o || void 0,
+    metadata: {
+      targetOffset: t ? computeOffset({
+        event: e,
+        target: t
+      }) : void 0,
+      builderTargetOffset: n ? computeOffset({
+        event: e,
+        target: n
+      }) : void 0,
+      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
+    }
+  };
+}, SDK_VERSION = "0.7.2", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -1957,17 +2184,17 @@ const setupBrowserForEditing = (e = {}) => {
     if (o != null && o.type)
       switch (o.type) {
         case "builder.evaluate": {
-          const a = o.data.text, c = o.data.arguments || [], s = o.data.id, u = new Function(a);
+          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, u = new Function(a);
           let m, h = null;
           try {
-            m = u.apply(null, c);
+            m = u.apply(null, s);
           } catch (p) {
             h = p;
           }
           h ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: s,
+              id: c,
               error: h.message
             }
           }, "*") : m && typeof m.then == "function" ? m.then((p) => {
@@ -1975,7 +2202,7 @@ const setupBrowserForEditing = (e = {}) => {
             (l = window.parent) == null || l.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: s,
+                id: c,
                 result: p
               }
             }, "*");
@@ -1983,310 +2210,108 @@ const setupBrowserForEditing = (e = {}) => {
             type: "builder.evaluateResult",
             data: {
               result: m,
-              id: s
+              id: c
             }
           }, "*");
           break;
         }
       }
   })));
-};
-function round(e) {
-  return Math.round(e * 1e3) / 1e3;
+}, getCssFromFont = (e) => {
+  var i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
+  let r = "";
+  if (o && t && n && (r += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${o}') format('woff2');
+font-display: fallback;
+font-weight: 400;
 }
-const findParentElement = (e, t, n = !0) => {
-  if (!(e instanceof HTMLElement))
-    return null;
-  let o = n ? e : e.parentElement;
-  do {
-    if (!o)
-      return null;
-    if (t(o))
-      return o;
-  } while (o = o.parentElement);
-  return null;
-}, findBuilderParent = (e) => findParentElement(e, (t) => {
-  const n = t.getAttribute("builder-id") || t.id;
-  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), computeOffset = ({
-  event: e,
-  target: t
-}) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = round(o / n.width), a = round(r / n.height);
-  return {
-    x: i,
-    y: a
-  };
-}, getInteractionPropertiesForEvent = (e) => {
-  const t = e.target, n = t && findBuilderParent(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
-  return {
-    targetBuilderElement: o || void 0,
-    metadata: {
-      targetOffset: t ? computeOffset({
-        event: e,
-        target: t
-      }) : void 0,
-      builderTargetOffset: n ? computeOffset({
-        event: e,
-        target: n
-      }) : void 0,
-      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
+      `.trim()), e.files)
+    for (const a in e.files) {
+      if (!(String(Number(a)) === a))
+        continue;
+      const c = e.files[a];
+      c && c !== o && (r += `
+@font-face {
+font-family: "${t}";
+src: url('${c}') format('woff2');
+font-display: fallback;
+font-weight: ${a};
+}
+        `.trim());
     }
-  };
-}, BUILDER_STORE_PREFIX = "builder.tests", getContentTestKey = (e) => `${BUILDER_STORE_PREFIX}.${e}`, getContentVariationCookie = ({
-  contentId: e
-}) => getCookie({
-  name: getContentTestKey(e),
-  canTrack: !0
-}), getContentVariationCookieSync = ({
-  contentId: e
-}) => getCookieSync({
-  name: getContentTestKey(e),
-  canTrack: !0
-}), setContentVariationCookie = ({
-  contentId: e,
-  value: t
-}) => setCookie({
-  name: getContentTestKey(e),
-  value: t,
-  canTrack: !0
-}), checkIsBuilderContentWithVariations = (e) => checkIsDefined(e.id) && checkIsDefined(e.variations) && Object.keys(e.variations).length > 0, getRandomVariationId = ({
-  id: e,
-  variations: t
-}) => {
-  var r;
-  let n = 0;
-  const o = Math.random();
-  for (const i in t) {
-    const a = (r = t[i]) == null ? void 0 : r.testRatio;
-    if (n += a, o < n)
-      return i;
-  }
-  return e;
-}, getAndSetVariantId = (e) => {
-  const t = getRandomVariationId(e);
-  return setContentVariationCookie({
-    contentId: e.id,
-    value: t
-  }).catch((n) => {
-    logger.error("could not store A/B test variation: ", n);
-  }), t;
-}, getTestFields = ({
-  item: e,
-  testGroupId: t
+  return r;
+}, getFontCss = ({
+  customFonts: e
 }) => {
-  const n = e.variations[t];
-  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
-  !n ? {
-    testVariationId: e.id,
-    testVariationName: "Default"
-  } : {
-    data: n.data,
-    testVariationId: n.id,
-    testVariationName: n.name || (n.id === e.id ? "Default" : "")
-  };
-}, handleABTestingSync = ({
-  item: e,
-  canTrack: t
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => getCssFromFont(n))) == null ? void 0 : t.join(" ")) || "";
+}, getCss = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
+function ContentStyles(e) {
+  const t = `
+${getCss({
+    cssCode: e.cssCode,
+    contentId: e.contentId
+  })}
+${getFontCss({
+    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__ */ jsx(InlinedStyles, { styles: t });
+}
+const getContextStateInitialValue = ({
+  content: e,
+  data: t,
+  locale: n
 }) => {
-  if (!t)
-    return e;
-  if (!e)
-    return;
-  if (!checkIsBuilderContentWithVariations(e))
-    return e;
-  const n = getContentVariationCookieSync({
-    contentId: e.id
-  }) || getAndSetVariantId({
-    variations: e.variations,
-    id: e.id
-  }), o = getTestFields({
-    item: e,
-    testGroupId: n
+  var i, a, s;
+  const o = {};
+  (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((c) => {
+    var u;
+    c.name && c.defaultValue !== void 0 && ((u = e == null ? void 0 : e.data) != null && u.state) && e.data.state[c.name] === void 0 && (o[c.name] = c.defaultValue);
   });
-  return {
-    ...e,
-    ...o
+  const r = {
+    ...(s = e == null ? void 0 : e.data) == null ? void 0 : s.state,
+    ...t,
+    ...n ? {
+      locale: n
+    } : {}
   };
-}, handleABTesting = async ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!t || !checkIsBuilderContentWithVariations(e))
-    return e;
-  const o = await getContentVariationCookie({
-    contentId: e.id
-  }) || getAndSetVariantId({
-    variations: e.variations,
-    id: e.id
-  }), r = getTestFields({
-    item: e,
-    testGroupId: o
-  });
   return {
-    ...e,
+    ...o,
     ...r
   };
-}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, getIdFromSearchParams = (e) => {
-  const t = e.get("preview"), n = e.get("overrides." + t);
-  return n || logger.warn("No previewed ID found in search params."), n;
-};
-function init() {
-  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new LRUCache({
-    max: 500,
-    // how long to live in ms
-    ttl: 1e3 * 60 * 5
-  }));
-}
-function getPreviewContent(e) {
-  init();
-  const t = getIdFromSearchParams(e);
-  return typeof t == "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t) : void 0;
-}
-function flatten(e, t = null, n = ".") {
-  return Object.keys(e).reduce((o, r) => {
-    const i = e[r], a = [t, r].filter(Boolean).join(n);
-    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
-      ...o,
-      ...flatten(i, a, n)
-    } : {
-      ...o,
-      [a]: i
-    };
-  }, {});
-}
-const BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUILDER_OPTIONS_PREFIX = "options.", convertSearchParamsToQueryObject = (e) => {
-  const t = {};
-  return e.forEach((n, o) => {
-    t[o] = n;
-  }), t;
-}, getBuilderSearchParams = (e) => {
-  if (!e)
-    return {};
-  const t = normalizeSearchParams(e), n = {};
-  return Object.keys(t).forEach((o) => {
-    if (o.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-      const r = o.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
-      n[r] = t[o];
-    }
-  }), n;
-}, getBuilderSearchParamsFromWindow = () => {
-  if (!isBrowser())
-    return {};
-  const e = new URLSearchParams(window.location.search);
-  return getBuilderSearchParams(e);
-}, normalizeSearchParams = (e) => e instanceof URLSearchParams ? convertSearchParamsToQueryObject(e) : e, DEFAULT_API_VERSION = "v3", isPositiveNumber = (e) => typeof e == "number" && !isNaN(e) && e >= 0, generateContentUrl = (e) => {
-  let {
-    noTraverse: t = !1
-  } = e;
-  const {
-    limit: n = 30,
-    userAttributes: o,
-    query: r,
-    model: i,
-    apiKey: a,
-    includeRefs: c = !0,
-    enrich: s,
-    locale: u,
-    apiVersion: m = DEFAULT_API_VERSION,
-    fields: h,
-    omit: p,
-    offset: l,
-    cacheSeconds: f,
-    staleCacheSeconds: d,
-    sort: b,
-    includeUnpublished: y
-  } = e;
-  if (!a)
-    throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(m))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${m}'`);
-  (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const g = new URL(`https://cdn.builder.io/api/${m}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${c}${u ? `&locale=${u}` : ""}${s ? `&enrich=${s}` : ""}`);
-  if (g.searchParams.set("omit", p || "meta.componentsUsed"), h && g.searchParams.set("fields", h), Number.isFinite(l) && l > -1 && g.searchParams.set("offset", String(Math.floor(l))), typeof y == "boolean" && g.searchParams.set("includeUnpublished", String(y)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), d && isPositiveNumber(d) && g.searchParams.set("staleCacheSeconds", String(d)), b) {
-    const S = flatten({
-      sort: b
-    });
-    for (const C in S)
-      g.searchParams.set(C, JSON.stringify(S[C]));
-  }
-  const v = {
-    ...getBuilderSearchParamsFromWindow(),
-    ...normalizeSearchParams(e.options || {})
-  }, x = flatten(v);
-  for (const S in x)
-    g.searchParams.set(S, String(x[S]));
-  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const S = flatten({
-      query: r
-    });
-    for (const C in S)
-      g.searchParams.set(C, JSON.stringify(S[C]));
-  }
-  return g;
-}, checkContentHasResults = (e) => "results" in e;
-async function fetchOneEntry(e) {
-  const t = await fetchEntries({
-    ...e,
-    limit: 1
-  });
-  return t && t.results[0] || null;
-}
-const getContent = fetchOneEntry, _fetchContent = async (e) => {
-  const t = generateContentUrl(e);
-  return await (await fetch$1(t.href)).json();
-}, _processContentResult = async (e, t, n = generateContentUrl(e)) => {
-  const o = getDefaultCanTrack(e.canTrack);
-  if (n.search.includes("preview=")) {
-    const i = [];
-    for (const a of t.results) {
-      const c = getPreviewContent(n.searchParams);
-      i.push(c || a);
-    }
-    t.results = i;
-  }
-  if (!o || !(isBrowser() || TARGET === "reactNative"))
-    return t;
-  try {
-    const i = [];
-    for (const a of t.results)
-      i.push(await handleABTesting({
-        item: a,
-        canTrack: o
-      }));
-    t.results = i;
-  } catch (i) {
-    logger.error("Could not process A/B tests. ", i);
-  }
-  return t;
-};
-async function fetchEntries(e) {
-  try {
-    const t = generateContentUrl(e), n = await _fetchContent(e);
-    return checkContentHasResults(n) ? _processContentResult(e, n) : (logger.error("Error fetching data. ", {
-      url: t,
-      content: n,
-      options: e
-    }), null);
-  } catch (t) {
-    return logger.error("Error fetching data. ", t), null;
-  }
-}
-const getAllContent = fetchEntries;
-function isPreviewing() {
-  return !isBrowser() || isEditing() ? !1 : location.search.indexOf("builder.preview=") !== -1;
-}
-function InlinedScript(e) {
-  return /* @__PURE__ */ jsx(
-    "script",
-    {
-      dangerouslySetInnerHTML: { __html: e.scriptStr },
-      id: e.id
-    }
-  );
-}
+}, getContentInitialValue = ({
+  content: e,
+  data: t
+}) => e ? {
+  ...e,
+  data: {
+    ...e == null ? void 0 : e.data,
+    ...t
+  },
+  meta: e == null ? void 0 : e.meta
+} : void 0;
 function ContentComponent(e) {
-  var r, i, a, c, s, u, m, h, p;
+  var r, i, a, s, c, u, m, h, p;
   const t = getRenderContentScriptString({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (r = e.content) == null ? void 0 : r.testVariationId,
@@ -2363,7 +2388,7 @@ function ContentComponent(e) {
           ContentStyles,
           {
             contentId: (a = o.content) == null ? void 0 : a.id,
-            cssCode: (s = (c = o.content) == null ? void 0 : c.data) == null ? void 0 : s.cssCode,
+            cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
             customFonts: (m = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : m.customFonts
           }
         ) }),
@@ -2380,7 +2405,7 @@ function ContentComponent(e) {
   );
 }
 function ContentVariants(e) {
-  var i, a, c;
+  var i, a, s;
   const t = checkShouldRunVariants({
     canTrack: getDefaultCanTrack(e.canTrack),
     content: e.content
@@ -2416,10 +2441,10 @@ function ContentVariants(e) {
         }
       ),
       /* @__PURE__ */ jsx(InlinedScript, { scriptStr: n() }),
-      (a = getVariants(e.content)) == null ? void 0 : a.map((s) => /* @__PURE__ */ jsx(
+      (a = getVariants(e.content)) == null ? void 0 : a.map((c) => /* @__PURE__ */ jsx(
         ContentComponent,
         {
-          content: s,
+          content: c,
           showContent: !1,
           classNameProp: void 0,
           model: e.model,
@@ -2434,14 +2459,14 @@ function ContentVariants(e) {
           enrich: e.enrich,
           isSsrAbTest: t
         },
-        s.testVariationId
+        c.testVariationId
       ))
     ] }) : null,
     /* @__PURE__ */ jsx(
       ContentComponent,
       {
         content: r(),
-        classNameProp: `variant-${(c = e.content) == null ? void 0 : c.id}`,
+        classNameProp: `variant-${(s = e.content) == null ? void 0 : s.id}`,
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -2480,11 +2505,11 @@ const fetchSymbolContent = async ({
 async function Symbol$1(e) {
   var o, r, i, a;
   const t = function() {
-    var s, u;
+    var c, u;
     return [
       e.attributes.className,
       "builder-symbol",
-      (s = e.symbol) != null && s.inline ? "builder-inline-symbol" : void 0,
+      (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
       (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, n = ((o = e.symbol) == null ? void 0 : o.content) || await fetchSymbolContent({
@@ -2572,8 +2597,8 @@ export {
   Columns as t,
   register as u,
   setEditorSettings as v,
-  fetchEntries as w,
-  getAllContent as x,
-  getContent as y,
-  _processContentResult as z
+  _processContentResult as w,
+  fetchEntries as x,
+  getAllContent as y,
+  getContent as z
 };