@builder.io/sdk-react 1.0.23 → 1.0.24

package/lib/edge/{content-variants-f416bff5.js → content-variants-c8061bc0.js}

@@ -1,11 +1,11 @@
-import { jsx as f, jsxs as P, Fragment as K } from "react/jsx-runtime";
-import { lazy as C, useRef as ne, useState as I, useEffect as S } from "react";
-import { isBrowser as U, TARGET as Q, isEditing as F, registerInsertMenu as ae, setupBrowserForEditing as ie, createRegisterComponentMessage as oe, getDefaultCanTrack as A, _track as B, isPreviewing as re, fetchOneEntry as se, logger as le, createEditorListener as de, fetch as ce, fastClone as ue, serializeComponentInfo as _, handleABTestingSync as me } from "./server-entry-e1e18fd2.js";
-import { Video as pe, Button as ge, Columns as fe, Fragment as he, Image as be, Section as ye, Symbol as xe, Text as ve, BuilderContext as Se } from "./blocks-exports.mjs";
-import { triggerAnimation as Ie, evaluate as M, InlinedStyles as G, ComponentsContext as ke, Blocks as Te } from "./blocks-93608689.js";
-import "./get-class-prop-name-e85bf7a3.js";
+import { jsx as f, jsxs as D, Fragment as M } from "react/jsx-runtime";
+import { lazy as k, useRef as oe, useState as I, useEffect as S } from "react";
+import { isBrowser as L, TARGET as Z, isEditing as F, registerInsertMenu as re, setupBrowserForEditing as se, createRegisterComponentMessage as le, getDefaultCanTrack as A, _track as O, isPreviewing as de, fetchOneEntry as ce, logger as ue, createEditorListener as me, fetch as pe, fastClone as ge, serializeComponentInfo as z, handleABTestingSync as fe } from "./server-entry-bbf65248.js";
+import { Video as he, Button as be, Columns as ye, Fragment as xe, Image as ve, Section as Se, Symbol as Te, Text as Ie, BuilderContext as ke } from "./blocks-exports.mjs";
+import { triggerAnimation as Ce, evaluate as J, InlinedStyles as ee, ComponentsContext as we, Blocks as Ve } from "./blocks-e6873db2.js";
+import "./get-class-prop-name-a023381f.js";
 import "./dynamic-renderer-8b343325.js";
-const Ce = {
+const Re = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -38,7 +38,7 @@ const Ce = {
   }],
   static: !0,
   noWrap: !0
-}, we = {
+}, Ee = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -217,7 +217,7 @@ const Ce = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((p) => !p.get("width")) || n.reduce((o, u) => o + u.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((u) => !u.get("width")) || n.reduce((o, m) => o + m.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -239,13 +239,13 @@ const Ce = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Ve = {
+}, Fe = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Re = {
+}, We = {
   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",
@@ -266,25 +266,25 @@ const Ce = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, o = 6e4) {
-        return new Promise((u, v) => {
-          const b = document.createElement("img");
-          let w = !1;
-          b.onload = () => {
-            w = !0, u(b);
-          }, b.addEventListener("error", (k) => {
-            console.warn("Image load failed", k.error), v(k.error);
-          }), b.src = i, setTimeout(() => {
-            w || v(new Error("Image load timed out"));
+        return new Promise((m, h) => {
+          const C = document.createElement("img");
+          let T = !1;
+          C.onload = () => {
+            T = !0, m(C);
+          }, C.addEventListener("error", (w) => {
+            console.warn("Image load failed", w.error), h(w.error);
+          }), C.src = i, setTimeout(() => {
+            T || h(new Error("Image load timed out"));
           }, o);
         });
       }
       function a(i) {
         return Math.round(i * 1e3) / 1e3;
       }
-      const d = e.get("image"), p = e.get("aspectRatio");
+      const d = e.get("image"), u = e.get("aspectRatio");
       if (fetch(d).then((i) => i.blob()).then((i) => {
         i.type.includes("svg") && e.set("noWebp", !0);
-      }), d && (!p || p === 0.7041))
+      }), d && (!u || u === 0.7041))
         return n(d).then((i) => {
           const o = e.get("aspectRatio");
           e.get("image") === d && (!o || o === 0.7041) && i.width && i.height && (e.set("aspectRatio", a(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
@@ -345,7 +345,7 @@ const Ce = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Ee = {
+}, Ae = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -384,7 +384,7 @@ const Ce = {
       }
     }
   }]
-}, Fe = {
+}, Pe = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -397,7 +397,7 @@ const Ce = {
     required: !0,
     defaultValue: "children"
   }]
-}, We = C(() => import("./slot-97599025.js")), Ae = {
+}, Ue = k(() => import("./slot-2f6f1817.js")), De = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -430,7 +430,142 @@ const Ce = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Pe = {
+}, P = {
+  "@type": "@builder.io/sdk:Element",
+  responsiveStyles: {
+    large: {
+      paddingLeft: "20px",
+      paddingRight: "20px",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      minWidth: "100px",
+      textAlign: "center",
+      display: "flex",
+      flexDirection: "column",
+      cursor: "pointer",
+      userSelect: "none"
+    }
+  },
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab"
+    }
+  }
+}, U = {
+  "@type": "@builder.io/sdk:Element",
+  responsiveStyles: {
+    large: {
+      height: "200px",
+      display: "flex",
+      marginTop: "20px",
+      flexDirection: "column"
+    }
+  },
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab content "
+    }
+  }
+}, Le = {
+  name: "Builder: Tabs",
+  inputs: [{
+    name: "tabs",
+    type: "list",
+    broadcast: !0,
+    subFields: [{
+      name: "label",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [P]
+    }, {
+      name: "content",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [U]
+    }],
+    defaultValue: [{
+      label: [{
+        ...P,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 1"
+          }
+        }
+      }],
+      content: [{
+        ...U,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 1 content"
+          }
+        }
+      }]
+    }, {
+      label: [{
+        ...P,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 2"
+          }
+        }
+      }],
+      content: [{
+        ...U,
+        component: {
+          name: "Text",
+          options: {
+            text: "Tab 2 content"
+          }
+        }
+      }]
+    }]
+  }, {
+    name: "activeTabStyle",
+    type: "uiStyle",
+    helperText: "CSS styles for the active tab",
+    defaultValue: {
+      backgroundColor: "rgba(0, 0, 0, 0.1)"
+    }
+  }, {
+    name: "defaultActiveTab",
+    type: "number",
+    helperText: 'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',
+    defaultValue: 1,
+    advanced: !0
+  }, {
+    name: "collapsible",
+    type: "boolean",
+    helperText: "If on, clicking an open tab closes it so no tabs are active",
+    defaultValue: !1,
+    advanced: !0
+  }, {
+    name: "tabHeaderLayout",
+    type: "enum",
+    helperText: "Change the layout of the tab headers (uses justify-content)",
+    defaultValue: "flex-start",
+    enum: [{
+      label: "Center",
+      value: "center"
+    }, {
+      label: "Space between",
+      value: "space-between"
+    }, {
+      label: "Space around",
+      value: "space-around"
+    }, {
+      label: "Left",
+      value: "flex-start"
+    }, {
+      label: "Right",
+      value: "flex-end"
+    }]
+  }]
+}, $e = k(() => import("./tabs-28d0f021.js")), He = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -448,7 +583,7 @@ const Ce = {
     height: "auto",
     textAlign: "center"
   }
-}, Ue = {
+}, Ne = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -470,7 +605,7 @@ const Ce = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, $e = C(() => import("./custom-code-7786788e.js")), He = {
+}, je = k(() => import("./custom-code-7786788e.js")), qe = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -495,7 +630,7 @@ const Ce = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, De = C(() => import("./embed-5c1bbe12.js")), Le = {
+}, Be = k(() => import("./embed-5c1bbe12.js")), Ke = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -726,7 +861,7 @@ const Ce = {
       }
     }
   }]
-}, qe = C(() => import("./form-8526db32.js")), Ne = {
+}, _e = k(() => import("./form-c3d12c27.js")), Me = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -777,7 +912,7 @@ const Ce = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, je = C(() => import("./input-3f85283b.js")), Ke = {
+}, Oe = k(() => import("./input-f611f26d.js")), ze = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -819,7 +954,7 @@ const Ce = {
   }],
   static: !0,
   noWrap: !0
-}, Be = C(() => import("./select-4fe889b6.js")), _e = {
+}, Je = k(() => import("./select-e056d1d3.js")), Ye = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -844,7 +979,7 @@ const Ce = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Me = C(() => import("./submit-button-b48361a7.js")), Oe = {
+}, Qe = k(() => import("./submit-button-b48361a7.js")), Ge = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -858,7 +993,7 @@ const Ce = {
   }],
   noWrap: !0,
   static: !0
-}, ze = C(() => import("./img-5ef224a8.js")), Je = {
+}, Xe = k(() => import("./img-03949fec.js")), Ze = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -939,55 +1074,58 @@ const Ce = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Ye = () => [{
-  component: $e,
-  ...Ue
-}, {
-  component: De,
-  ...He
-}, {
-  component: qe,
-  ...Le
-}, {
+}, et = () => [{
   component: je,
   ...Ne
-}, {
-  component: Me,
-  ..._e
 }, {
   component: Be,
+  ...qe
+}, {
+  component: _e,
   ...Ke
 }, {
-  component: ze,
-  ...Oe
+  component: Oe,
+  ...Me
 }, {
-  component: pe,
-  ...Je
-}], O = () => [{
-  component: ge,
-  ...Ce
+  component: Qe,
+  ...Ye
 }, {
-  component: fe,
-  ...we
+  component: Je,
+  ...ze
 }, {
-  component: he,
-  ...Ve
+  component: Xe,
+  ...Ge
 }, {
+  component: he,
+  ...Ze
+}], Y = () => [{
   component: be,
   ...Re
 }, {
   component: ye,
   ...Ee
 }, {
-  component: We,
+  component: xe,
   ...Fe
 }, {
-  component: xe,
+  component: ve,
+  ...We
+}, {
+  component: Se,
   ...Ae
 }, {
-  component: ve,
+  component: Ue,
   ...Pe
-}, ...Ye()], Qe = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, {
+  component: Te,
+  ...De
+}, {
+  component: Ie,
+  ...He
+}, {
+  component: $e,
+  ...Le
+}, ...et()], tt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1043,7 +1181,7 @@ const Ce = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Ge = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, nt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1077,24 +1215,24 @@ const Ce = {
     thisScriptEl?.remove();
   }
   return;
-}`, X = "builderIoAbTest", Z = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, te = "builderIoAbTest", ne = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Xe = ({
+})), at = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e || U()), Ze = (e) => e === "react" || e === "reactNative", ee = Ze(Q), et = () => `
-  window.${X} = ${Qe}
-  window.${Z} = ${Ge}
-  `, tt = (e, t) => `
-  window.${X}(
-    "${t}",${JSON.stringify(e)}, ${ee}
-  )`, nt = ({
+}) => !(!(W(t).length > 0) || !e || L()), it = (e) => e === "react" || e === "reactNative", ae = it(Z), ot = () => `
+  window.${te} = ${tt}
+  window.${ne} = ${nt}
+  `, rt = (e, t) => `
+  window.${te}(
+    "${t}",${JSON.stringify(e)}, ${ae}
+  )`, st = ({
   contentId: e,
   variationId: t
-}) => `window.${Z}(
-    "${t}", "${e}", ${ee}
+}) => `window.${ne}(
+    "${t}", "${e}", ${ae}
   )`;
 function $(e) {
   return /* @__PURE__ */ f(
@@ -1105,10 +1243,10 @@ function $(e) {
     }
   );
 }
-function z(e) {
+function Q(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const at = (e, t, n = !0) => {
+const lt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let a = n ? e : e.parentElement;
@@ -1119,56 +1257,107 @@ const at = (e, t, n = !0) => {
       return a;
   } while (a = a.parentElement);
   return null;
-}, it = (e) => at(e, (t) => {
+}, dt = (e) => lt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), J = ({
+}), G = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, p = z(a / n.width), i = z(d / n.height);
+  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, u = Q(a / n.width), i = Q(d / n.height);
   return {
-    x: p,
+    x: u,
     y: i
   };
-}, ot = (e) => {
-  const t = e.target, n = t && it(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ct = (e) => {
+  const t = e.target, n = t && dt(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: a || void 0,
     metadata: {
-      targetOffset: t ? J({
+      targetOffset: t ? G({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? J({
+      builderTargetOffset: n ? G({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && a ? [].slice.call(document.getElementsByClassName(a)).indexOf(n) : void 0
     }
   };
-};
-function rt(e) {
-  var T, H, D, L, q, N, j;
-  const t = ne(null);
+}, ut = (e) => {
+  var u, i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
+  let d = "";
+  if (a && t && n && (d += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${a}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), e.files)
+    for (const o in e.files) {
+      if (!(String(Number(o)) === o))
+        continue;
+      const h = e.files[o];
+      h && h !== a && (d += `
+@font-face {
+font-family: "${t}";
+src: url('${h}') format('woff2');
+font-display: fallback;
+font-weight: ${o};
+}
+        `.trim());
+    }
+  return d;
+}, mt = ({
+  customFonts: e
+}) => {
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => ut(n))) == null ? void 0 : t.join(" ")) || "";
+}, pt = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", gt = `
+.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;
+}
+`, ft = (e) => e ? "" : gt, ht = (e) => `variant-${e}`;
+function bt(e) {
+  var H, N, j, q, B, K, _;
+  const t = oe(null);
   function n(r) {
-    var m, l;
+    var p, l;
     const c = {
       ...e.builderContextSignal.rootState,
       ...r
     };
-    e.builderContextSignal.rootSetState ? (l = (m = e.builderContextSignal).rootSetState) == null || l.call(m, c) : e.setBuilderContextSignal((s) => ({
+    e.builderContextSignal.rootSetState ? (l = (p = e.builderContextSignal).rootSetState) == null || l.call(p, c) : e.setBuilderContextSignal((s) => ({
       ...s,
       rootState: c
     }));
   }
   function a(r) {
-    var m, l, s, g, V;
+    var p, l, s, g, V;
     const c = {
       ...e.builderContextSignal.content,
       ...r,
       data: {
-        ...(m = e.builderContextSignal.content) == null ? void 0 : m.data,
+        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
         ...r == null ? void 0 : r.data
       },
       meta: {
@@ -1177,30 +1366,36 @@ function rt(e) {
         breakpoints: ((s = r == null ? void 0 : r.meta) == null ? void 0 : s.breakpoints) || ((V = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : V.breakpoints)
       }
     };
-    e.setBuilderContextSignal((x) => ({
-      ...x,
+    e.setBuilderContextSignal((b) => ({
+      ...b,
       content: c
     }));
   }
-  const [d, p] = I(
+  function d() {
+    return e.showContent ? {} : {
+      hidden: !0,
+      "aria-hidden": !0
+    };
+  }
+  const [u, i] = I(
     () => e.contentWrapper || "div"
   );
-  function i(r) {
-    return de({
+  function o(r) {
+    return me({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (c) => {
           var s;
-          const { breakpoints: m, contentId: l } = c;
-          !l || l !== ((s = e.builderContextSignal.content) == null ? void 0 : s.id) || m && a({
+          const { breakpoints: p, contentId: l } = c;
+          !l || l !== ((s = e.builderContextSignal.content) == null ? void 0 : s.id) || p && a({
             meta: {
-              breakpoints: m
+              breakpoints: p
             }
           });
         },
         animation: (c) => {
-          Ie(c);
+          Ce(c);
         },
         contentUpdate: (c) => {
           a(c);
@@ -1208,10 +1403,10 @@ function rt(e) {
       }
     })(r);
   }
-  function o() {
-    var c, m;
-    const r = (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.jsCode;
-    r && M({
+  function m() {
+    var c, p;
+    const r = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.jsCode;
+    r && J({
       code: r,
       context: e.context || {},
       localState: void 0,
@@ -1223,35 +1418,35 @@ function rt(e) {
       enableCache: !1
     });
   }
-  const [u, v] = I(() => ({})), [b, w] = I(() => ({})), [k, R] = I(() => !1);
-  function E(r) {
-    var c, m;
+  const [h, C] = I(() => ({})), [T, w] = I(() => ({})), [R, E] = I(() => !1);
+  function y(r) {
+    var c, p;
     if (e.builderContextSignal.content) {
-      const l = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, s = (m = e.builderContextSignal.content) == null ? void 0 : m.id;
-      B({
+      const l = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, s = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      O({
         type: "click",
         canTrack: A(e.canTrack),
         contentId: s,
         apiKey: e.apiKey,
         variationId: l !== s ? l : void 0,
-        ...ot(r),
-        unique: !k
+        ...ct(r),
+        unique: !R
       });
     }
-    k || R(!0);
+    R || E(!0);
   }
-  function y() {
-    var c, m, l;
-    const r = (l = (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.httpRequests) != null ? l : {};
+  function x() {
+    var c, p, l;
+    const r = (l = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.httpRequests) != null ? l : {};
     Object.entries(r).forEach(([s, g]) => {
-      if (!g || b[s] || u[s] && !F())
+      if (!g || T[s] || h[s] && !F())
         return;
-      b[s] = !0;
+      T[s] = !0;
       const V = g.replace(
         /{{([^}]+)}}/g,
-        (x, te) => String(
-          M({
-            code: te,
+        (b, ie) => String(
+          J({
+            code: ie,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -1260,24 +1455,24 @@ function rt(e) {
           })
         )
       );
-      ce(V).then((x) => x.json()).then((x) => {
+      pe(V).then((b) => b.json()).then((b) => {
         n({
-          [s]: x
-        }), u[s] = !0;
-      }).catch((x) => {
-        console.error("error fetching dynamic data", g, x);
+          [s]: b
+        }), h[s] = !0;
+      }).catch((b) => {
+        console.error("error fetching dynamic data", g, b);
       }).finally(() => {
-        b[s] = !1;
+        T[s] = !1;
       });
     });
   }
-  function h() {
+  function v() {
     F() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: ue(e.builderContextSignal.rootState),
+            state: ge(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1288,8 +1483,8 @@ function rt(e) {
   }
   return S(() => {
     var r, c;
-    if (U()) {
-      if (F() && (window.addEventListener("message", i), ae(), ie({
+    if (L()) {
+      if (F() && (window.addEventListener("message", o), re(), se({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1303,14 +1498,14 @@ function rt(e) {
         e.builderContextSignal.componentInfos
       ).forEach((l) => {
         var g;
-        const s = oe(l);
+        const s = le(l);
         (g = window.parent) == null || g.postMessage(s, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        h
+        v
       )), e.builderContextSignal.content && A(e.canTrack)) {
         const l = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, s = (c = e.builderContextSignal.content) == null ? void 0 : c.id, g = e.apiKey;
-        B({
+        O({
           type: "impression",
           canTrack: !0,
           contentId: s,
@@ -1318,31 +1513,31 @@ function rt(e) {
           variationId: l !== s ? l : void 0
         });
       }
-      if (re() && !F()) {
+      if (de() && !F()) {
         const l = new URL(location.href).searchParams, s = l.get("builder.preview"), g = l.get(
           `builder.preview.${s}`
         ), V = l.get("apiKey") || l.get("builder.space");
-        s === e.model && V === e.apiKey && (!e.content || g === e.content.id) && se({
+        s === e.model && V === e.apiKey && (!e.content || g === e.content.id) && ce({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((x) => {
-          x && a(x);
+        }).then((b) => {
+          b && a(b);
         });
       }
     }
   }, []), S(() => {
-    e.apiKey || le.error(
+    e.apiKey || ue.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), o(), y(), h();
+    ), m(), x(), v();
   }, []), S(() => {
     e.content && a(e.content);
   }, [e.content]), S(() => {
-    o();
-  }, [(H = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : H.jsCode]), S(() => {
-    y();
-  }, [(L = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : L.httpRequests]), S(() => {
-    h();
+    m();
+  }, [(N = (H = e.builderContextSignal.content) == null ? void 0 : H.data) == null ? void 0 : N.jsCode]), S(() => {
+    x();
+  }, [(q = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : q.httpRequests]), S(() => {
+    v();
   }, [e.builderContextSignal.rootState]), S(() => {
     e.data && n(e.data);
   }, [e.data]), S(() => {
@@ -1350,103 +1545,50 @@ function rt(e) {
       locale: e.locale
     });
   }, [e.locale]), S(() => () => {
-    U() && (window.removeEventListener("message", i), window.removeEventListener(
+    L() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      h
+      v
     ));
-  }, []), /* @__PURE__ */ f(Se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
-    d,
+  }, []), /* @__PURE__ */ f(ke.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
+    u,
     {
       ref: t,
-      onClick: (r) => E(r),
-      "builder-content-id": (q = e.builderContextSignal.content) == null ? void 0 : q.id,
+      onClick: (r) => y(r),
+      "builder-content-id": (B = e.builderContextSignal.content) == null ? void 0 : B.id,
       "builder-model": e.model,
-      ...e.showContent ? {} : {
-        hidden: !0,
-        "aria-hidden": !0
-      },
+      ...d(),
       ...e.contentWrapperProps,
-      className: `variant-${((N = e.content) == null ? void 0 : N.testVariationId) || ((j = e.content) == null ? void 0 : j.id)}`,
+      className: ht(
+        ((K = e.content) == null ? void 0 : K.testVariationId) || ((_ = e.content) == null ? void 0 : _.id)
+      ),
       children: e.children
     }
   ) : null });
 }
-const st = (e) => {
-  var p, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (p = e == null ? void 0 : e.files) == null ? void 0 : p.regular;
-  let d = "";
-  if (a && t && n && (d += `
-@font-face {
-font-family: "${t}";
-src: local("${n}"), url('${a}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim()), e.files)
-    for (const o in e.files) {
-      if (!(String(Number(o)) === o))
-        continue;
-      const v = e.files[o];
-      v && v !== a && (d += `
-@font-face {
-font-family: "${t}";
-src: url('${v}') format('woff2');
-font-display: fallback;
-font-weight: ${o};
-}
-        `.trim());
-    }
-  return d;
-}, lt = ({
-  customFonts: e
-}) => {
-  var t;
-  return ((t = e == null ? void 0 : e.map((n) => st(n))) == null ? void 0 : t.join(" ")) || "";
-}, dt = ({
-  cssCode: e,
-  contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ct = `
-.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;
-}
-`, ut = (e) => e ? "" : ct;
-function mt(e) {
+function yt(e) {
   const [t, n] = I(
     () => `
-${dt({
+${pt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${lt({
+${mt({
       customFonts: e.customFonts
     })}
-${ut(e.isNestedRender)}
+${ft(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ f(G, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ f(ee, { id: "builderio-content", styles: t });
 }
-const pt = ({
+const xt = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var p, i, o;
-  const a = {}, d = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.state) || {};
-  return (o = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || o.forEach((u) => {
-    u.name && u.defaultValue !== void 0 && (a[u.name] = u.defaultValue);
+  var u, i, o;
+  const a = {}, d = ((u = e == null ? void 0 : e.data) == null ? void 0 : u.state) || {};
+  return (o = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || o.forEach((m) => {
+    m.name && m.defaultValue !== void 0 && (a[m.name] = m.defaultValue);
   }), {
     ...a,
     ...d,
@@ -1455,7 +1597,7 @@ const pt = ({
       locale: n
     } : {}
   };
-}, gt = ({
+}, vt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1466,46 +1608,46 @@ const pt = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Y(e) {
-  var u, v, b, w, k, R, E;
+function X(e) {
+  var m, h, C, T, w, R, E;
   const [t, n] = I(
     () => {
-      var y, h;
-      return nt({
+      var y, x;
+      return st({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (y = e.content) == null ? void 0 : y.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (h = e.content) == null ? void 0 : h.id
+        contentId: (x = e.content) == null ? void 0 : x.id
       });
     }
   );
   function a(y) {
-    o((h) => ({
-      ...h,
+    o((x) => ({
+      ...x,
       rootState: y
     }));
   }
-  const [d, p] = I(
+  const [d, u] = I(
     () => [
-      ...O(),
+      ...Y(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: h, ...T }) => ({
+      (y, { component: x, ...v }) => ({
         ...y,
-        [T.name]: {
-          component: h,
-          ..._(T)
+        [v.name]: {
+          component: x,
+          ...z(v)
         }
       }),
       {}
     )
   ), [i, o] = I(() => ({
-    content: gt({
+    content: vt({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: pt({
+    rootState: xt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1515,12 +1657,12 @@ function Y(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...O(),
+      ...Y(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: h, ...T }) => ({
+      (y, { component: x, ...v }) => ({
         ...y,
-        [T.name]: _(T)
+        [v.name]: z(v)
       }),
       {}
     ),
@@ -1529,13 +1671,13 @@ function Y(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
   return /* @__PURE__ */ f(
-    ke.Provider,
+    we.Provider,
     {
       value: {
         registeredComponents: d
       },
-      children: /* @__PURE__ */ P(
-        rt,
+      children: /* @__PURE__ */ D(
+        bt,
         {
           content: e.content,
           data: e.data,
@@ -1561,16 +1703,16 @@ function Y(e) {
               }
             ) : null,
             /* @__PURE__ */ f(
-              mt,
+              yt,
               {
                 isNestedRender: e.isNestedRender,
-                contentId: (u = i.content) == null ? void 0 : u.id,
-                cssCode: (b = (v = i.content) == null ? void 0 : v.data) == null ? void 0 : b.cssCode,
-                customFonts: (k = (w = i.content) == null ? void 0 : w.data) == null ? void 0 : k.customFonts
+                contentId: (m = i.content) == null ? void 0 : m.id,
+                cssCode: (C = (h = i.content) == null ? void 0 : h.data) == null ? void 0 : C.cssCode,
+                customFonts: (w = (T = i.content) == null ? void 0 : T.data) == null ? void 0 : w.customFonts
               }
             ),
             /* @__PURE__ */ f(
-              Te,
+              Ve,
               {
                 blocks: (E = (R = i.content) == null ? void 0 : R.data) == null ? void 0 : E.blocks,
                 context: i,
@@ -1584,20 +1726,20 @@ function Y(e) {
     }
   );
 }
-function It(e) {
+function Rt(e) {
   var i;
   const [t, n] = I(
-    () => Xe({
+    () => at({
       canTrack: A(e.canTrack),
       content: e.content
     })
   );
   function a() {
     var o;
-    return tt(
-      W(e.content).map((u) => ({
-        id: u.testVariationId,
-        testRatio: u.testRatio
+    return rt(
+      W(e.content).map((m) => ({
+        id: m.testVariationId,
+        testRatio: m.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
@@ -1605,28 +1747,28 @@ function It(e) {
   function d() {
     return W(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function p() {
+  function u() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : me({
+    } : fe({
       item: e.content,
       canTrack: A(e.canTrack)
     });
   }
   return S(() => {
-  }, []), /* @__PURE__ */ P(K, { children: [
-    !e.isNestedRender && Q !== "reactNative" ? /* @__PURE__ */ f(
+  }, []), /* @__PURE__ */ D(M, { children: [
+    !e.isNestedRender && Z !== "reactNative" ? /* @__PURE__ */ f(
       $,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: et()
+        scriptStr: ot()
       }
     ) : null,
-    t ? /* @__PURE__ */ P(K, { children: [
+    t ? /* @__PURE__ */ D(M, { children: [
       /* @__PURE__ */ f(
-        G,
+        ee,
         {
           id: "builderio-variants",
           styles: d()
@@ -1640,7 +1782,7 @@ function It(e) {
         }
       ),
       (i = W(e.content)) == null ? void 0 : i.map((o) => /* @__PURE__ */ f(
-        Y,
+        X,
         {
           isNestedRender: e.isNestedRender,
           content: o,
@@ -1666,10 +1808,10 @@ function It(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ f(
-      Y,
+      X,
       {
         isNestedRender: e.isNestedRender,
-        content: p(),
+        content: u(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -1692,5 +1834,5 @@ function It(e) {
   ] });
 }
 export {
-  It as default
+  Rt as default
 };