@builder.io/sdk-react 1.0.33 → 1.0.36

package/lib/browser/blocks-exports.mjs

@@ -2,8 +2,8 @@
 var Ke = Object.defineProperty;
 var qe = (e, t, n) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ie = (e, t, n) => (qe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as s, Fragment as E, jsxs as B } from "react/jsx-runtime";
-import { TARGET as L, isEditing as $, isBrowser as H, getUserAttributes as _e, checkIsDefined as G, logger as Z, fastClone as de, registerInsertMenu as ze, setupBrowserForEditing as Je, createRegisterComponentMessage as Ye, getDefaultCanTrack as Q, _track as he, isPreviewing as Ge, fetchOneEntry as we, createEditorListener as Qe, fetch as Xe, serializeComponentInfo as ge, handleABTestingSync as Ze } from "./server-entry-08c4885b.js";
+import { jsx as s, Fragment as E, jsxs as V } from "react/jsx-runtime";
+import { TARGET as L, isEditing as $, isBrowser as H, getUserAttributes as _e, checkIsDefined as G, logger as Z, fastClone as de, registerInsertMenu as ze, setupBrowserForEditing as Je, createRegisterComponentMessage as Ye, getDefaultCanTrack as Q, _track as he, isPreviewing as Ge, fetchOneEntry as we, createEditorListener as Qe, fetch as Xe, serializeComponentInfo as ge, handleABTestingSync as Ze } from "./server-entry-b8f6be3b.js";
 import { createContext as Ee, useState as C, useEffect as P, useContext as be, useRef as ee, createElement as Re } from "react";
 const et = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), tt = (e) => typeof e == "string" && et.has(e.toLowerCase());
 function ue(e) {
@@ -60,7 +60,7 @@ const me = Ee({
   inheritedStyles: {},
   BlocksWrapper: "div",
   BlocksWrapperProps: {}
-}), Be = Ee({ registeredComponents: {} });
+}), Ve = Ee({ registeredComponents: {} });
 function it(e) {
   var t;
   return {
@@ -100,7 +100,7 @@ const ot = ({
     builder: t,
     context: n,
     event: i,
-    state: Ve({
+    state: Be({
       rootState: a,
       localState: o,
       rootSetState: r
@@ -108,7 +108,7 @@ const ot = ({
   });
   return new Function(...l.map(([c]) => c), e)(...l.map(([, c]) => c));
 };
-function Ve({
+function Be({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -118,7 +118,7 @@ function Ve({
       if (t && o in t)
         return t[o];
       const r = i[o];
-      return typeof r == "object" && r !== null ? Ve({
+      return typeof r == "object" && r !== null ? Be({
         rootState: r,
         localState: void 0,
         rootSetState: n ? (a) => {
@@ -286,7 +286,7 @@ function mt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        We(t);
+        Fe(t);
         break;
       case "scrollInView":
         ht(t);
@@ -309,7 +309,7 @@ function ft(e) {
       t.indexOf(i) === -1 && t.push(i);
   return t;
 }
-function We(e) {
+function Fe(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
     Ae(e.elementId || e.id || "");
@@ -358,10 +358,10 @@ function ht(e) {
     }), r();
   });
 }
-const Fe = (e) => Object.entries(e).map(([n, i]) => {
+const We = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${te(n)}: ${i};`;
-}).filter(G), gt = (e) => Fe(e).join(`
+}).filter(G), gt = (e) => We(e).join(`
 `), J = ({
   mediaQuery: e,
   className: t,
@@ -393,7 +393,7 @@ function $e(e) {
     case "vue":
     case "solid":
     case "angular":
-      return Fe(e).join(" ");
+      return We(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -457,9 +457,9 @@ const yt = ({
     },
     block: i
   }));
-}, St = (e, t) => e && (e.isRSC && L === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+}, vt = (e, t) => e && (e.isRSC && L === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
   builderLinkComponent: t
-} : {}, vt = (e, t) => e && (e.isRSC && L === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+} : {}, St = (e, t) => e && (e.isRSC && L === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
   builderComponents: t
 } : {}, kt = (e, t) => e && (e.isRSC && L === "rsc" || L === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
   builderBlock: t
@@ -530,7 +530,7 @@ function Tt(e) {
     return G(i.hide) ? !i.hide : G(i.show) ? i.show : !0;
   }
   function n() {
-    var x, R, V;
+    var x, R, B;
     const i = X({
       block: e.block,
       localState: e.context.localState,
@@ -563,7 +563,7 @@ function Tt(e) {
     }) : "", p = i.animations && i.animations.find((A) => A.trigger === "hover");
     let I = "";
     if (p) {
-      const A = ((V = (R = p.steps) == null ? void 0 : R[1]) == null ? void 0 : V.styles) || {};
+      const A = ((B = (R = p.steps) == null ? void 0 : R[1]) == null ? void 0 : B.styles) || {};
       I = J({
         className: `${f}:hover`,
         styles: {
@@ -623,7 +623,7 @@ function Rt({
 }) {
   return e;
 }
-const Bt = (e) => ({
+const Vt = (e) => ({
   href: e.href
 });
 function fe({
@@ -632,7 +632,7 @@ function fe({
 }) {
   var i;
   const n = {
-    ...Bt(e),
+    ...Vt(e),
     ...e.properties,
     "builder-id": e.id,
     style: pt({
@@ -647,7 +647,7 @@ function fe({
     block: e
   });
 }
-function Vt(e) {
+function Bt(e) {
   return /* @__PURE__ */ s(
     ue,
     {
@@ -809,8 +809,8 @@ function z(e) {
         ...it(i()),
         ...kt(t(), i()),
         ...Ct(t(), e.context),
-        ...St(t(), e.linkComponent),
-        ...vt(
+        ...vt(t(), e.linkComponent),
+        ...St(
           t(),
           e.registeredComponents
         )
@@ -831,7 +831,7 @@ function z(e) {
         elementId: d
       }))
     );
-  }, []), /* @__PURE__ */ s(E, { children: r() ? /* @__PURE__ */ B(E, { children: [
+  }, []), /* @__PURE__ */ s(E, { children: r() ? /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ s(Tt, { block: e.block, context: e.context }),
     (c = t == null ? void 0 : t()) != null && c.noWrap ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
       xe,
@@ -855,8 +855,8 @@ function z(e) {
         linkComponent: e.linkComponent
       },
       m
-    )) }) : /* @__PURE__ */ B(
-      Vt,
+    )) }) : /* @__PURE__ */ V(
+      Bt,
       {
         Wrapper: o(),
         block: i(),
@@ -891,7 +891,7 @@ function z(e) {
     ) })
   ] }) : null });
 }
-function Wt(e) {
+function Ft(e) {
   function t() {
     var o;
     return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
@@ -922,7 +922,7 @@ function Wt(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ B(E, { children: [
+  return /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ s(
       e.BlocksWrapper,
       {
@@ -946,9 +946,9 @@ function Wt(e) {
 }
 function D(e) {
   var i, o, r;
-  const t = be(me), n = be(Be);
+  const t = be(me), n = be(Ve);
   return /* @__PURE__ */ s(
-    Wt,
+    Ft,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -969,7 +969,7 @@ function D(e) {
     }
   );
 }
-const Ft = (e) => `builder-columns ${e}-breakpoints`;
+const Wt = (e) => `builder-columns ${e}-breakpoints`;
 function $t(e) {
   var A, j;
   const [t, n] = C(
@@ -977,28 +977,28 @@ function $t(e) {
   ), [i, o] = C(() => e.columns || []), [r, a] = C(
     () => e.stackColumnsAt || "tablet"
   );
-  function l(v) {
-    return v.link ? e.builderLinkComponent || "a" : "div";
+  function l(S) {
+    return S.link ? e.builderLinkComponent || "a" : "div";
   }
-  function c(v) {
+  function c(S) {
     var w;
-    return ((w = i[v]) == null ? void 0 : w.width) || 100 / i.length;
+    return ((w = i[S]) == null ? void 0 : w.width) || 100 / i.length;
   }
-  function u(v) {
+  function u(S) {
     const w = t * (i.length - 1) / i.length;
-    return `calc(${c(v)}% - ${w}px)`;
+    return `calc(${c(S)}% - ${w}px)`;
   }
   function f({
-    stackedStyle: v,
+    stackedStyle: S,
     desktopStyle: w
   }) {
-    return r === "tablet" ? v : w;
+    return r === "tablet" ? S : w;
   }
   function d({
-    stackedStyle: v,
+    stackedStyle: S,
     desktopStyle: w
   }) {
-    return r === "never" ? w : v;
+    return r === "never" ? w : S;
   }
   const [m, g] = C(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
@@ -1012,19 +1012,19 @@ function $t(e) {
       })
     };
   }
-  function I(v) {
-    const w = v === 0 ? 0 : t, W = u(v), b = `${w}px`, h = "100%", y = 0;
+  function I(S) {
+    const w = S === 0 ? 0 : t, F = u(S), b = `${w}px`, h = "100%", y = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: W,
+      width: F,
       ["marginLeft"]: b,
       "--column-width-mobile": d({
         stackedStyle: h,
-        desktopStyle: W
+        desktopStyle: F
       }),
       "--column-margin-left-mobile": d({
         stackedStyle: y,
@@ -1032,7 +1032,7 @@ function $t(e) {
       }),
       "--column-width-tablet": f({
         stackedStyle: h,
-        desktopStyle: W
+        desktopStyle: F
       }),
       "--column-margin-left-tablet": f({
         stackedStyle: y,
@@ -1040,11 +1040,11 @@ function $t(e) {
       })
     };
   }
-  function x(v) {
-    var W, b;
+  function x(S) {
+    var F, b;
     return Le(
-      ((b = (W = e.builderContext.content) == null ? void 0 : W.meta) == null ? void 0 : b.breakpoints) || {}
-    )[v].max;
+      ((b = (F = e.builderContext.content) == null ? void 0 : F.meta) == null ? void 0 : b.breakpoints) || {}
+    )[S].max;
   }
   function R() {
     return `
@@ -1073,29 +1073,29 @@ function $t(e) {
         },
       `;
   }
-  function V(v, w) {
+  function B(S, w) {
     return {
-      ...v.link ? {
-        href: v.link
+      ...S.link ? {
+        href: S.link
       } : {},
       [q()]: "builder-column",
       style: $e(I(w))
     };
   }
-  return /* @__PURE__ */ B(E, { children: [
-    /* @__PURE__ */ B(
+  return /* @__PURE__ */ V(E, { children: [
+    /* @__PURE__ */ V(
       "div",
       {
-        className: Ft((A = e.builderBlock) == null ? void 0 : A.id) + " div-bade6b34",
+        className: Wt((A = e.builderBlock) == null ? void 0 : A.id) + " div-bade6b34",
         style: p(),
         children: [
           /* @__PURE__ */ s(ne, { id: "builderio-columns", styles: R() }),
-          (j = e.columns) == null ? void 0 : j.map((v, w) => /* @__PURE__ */ s(
+          (j = e.columns) == null ? void 0 : j.map((S, w) => /* @__PURE__ */ s(
             ue,
             {
-              TagName: l(v),
+              TagName: l(S),
               actionAttributes: {},
-              attributes: V(v, w),
+              attributes: B(S, w),
               children: /* @__PURE__ */ s(
                 D,
                 {
@@ -1107,7 +1107,7 @@ function $t(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: v.blocks
+                  blocks: S.blocks
                 }
               )
             },
@@ -1125,7 +1125,7 @@ function $t(e) {
 function Dt(e) {
   return /* @__PURE__ */ s("span", { children: e.children });
 }
-function Se(e) {
+function ve(e) {
   return e.replace(/http(s)?:/, "");
 }
 function Lt(e = "", t, n) {
@@ -1136,11 +1136,11 @@ function Ot(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Se(e);
+    return ve(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const i = e.split(n[0]), o = n[3], r = t.match("x") ? t : `${t}x`;
-    return Se(`${i[0]}_${r}${o}`);
+    return ve(`${i[0]}_${r}${o}`);
   }
   return null;
 }
@@ -1185,9 +1185,9 @@ function jt(e) {
     };
     return e.aspectRatio ? f : void 0;
   }
-  return /* @__PURE__ */ B(E, { children: [
-    /* @__PURE__ */ B(E, { children: [
-      /* @__PURE__ */ B("picture", { children: [
+  return /* @__PURE__ */ V(E, { children: [
+    /* @__PURE__ */ V(E, { children: [
+      /* @__PURE__ */ V("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
           "img",
@@ -1378,7 +1378,7 @@ const ae = {
       e.get("useChildrenForItems") === !0 && e.set("items", []);
     }
   }]
-}, ve = (e) => e.toString();
+}, Se = (e) => e.toString();
 function Ht(e) {
   var d;
   const [t, n] = C(() => []);
@@ -1429,13 +1429,13 @@ function Ht(e) {
           if (x) {
             if (x.classList.contains("builder-accordion-detail"))
               continue;
-            const V = x.getBoundingClientRect();
-            if (V.left > R.left) {
+            const B = x.getBoundingClientRect();
+            if (B.left > R.left) {
               const A = parseInt(
                 x.getAttribute("data-index") || "",
                 10
               );
-              isNaN(A) || (R = V, m = A);
+              isNaN(A) || (R = B, m = A);
             } else
               break;
           }
@@ -1457,7 +1457,7 @@ function Ht(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((g) => g !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (d = e.items) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ B(E, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (d = e.items) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1465,7 +1465,7 @@ function Ht(e) {
         style: {
           ...r(),
           width: e.grid ? e.gridRowWidth : void 0,
-          order: c() !== null ? ve(g) : ve(g + 1)
+          order: c() !== null ? Se(g) : Se(g + 1)
         },
         "data-index": g,
         onClick: (p) => f(g),
@@ -1757,7 +1757,7 @@ const Kt = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "webp"],
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -2103,7 +2103,7 @@ function Zt(e) {
   function o(a) {
     a === t && e.collapsible ? n(-1) : n(a);
   }
-  return /* @__PURE__ */ B("div", { children: [
+  return /* @__PURE__ */ V("div", { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2255,13 +2255,16 @@ const an = {
     helperText: "e.g. enter a youtube url, google map, etc",
     onChange: (e) => {
       const t = e.get("url");
-      if (t)
-        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((i) => i.json()).then((i) => {
+      if (t) {
+        e.set("content", "Loading...");
+        const n = _iframelyApiKey;
+        return fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=${n}`).then((i) => i.json()).then((i) => {
           e.get("url") === t && (i.html ? e.set("content", i.html) : e.set("content", "Invalid url, please try another"));
         }).catch((i) => {
           e.set("content", "There was an error embedding this URL, please try again or another URL");
         });
-      e.delete("content");
+      } else
+        e.delete("content");
     }
   }, {
     name: "content",
@@ -2565,7 +2568,7 @@ function fn(e) {
       }
       g.preventDefault();
       const x = g.currentTarget || g.target, R = e.customHeaders || {};
-      let V;
+      let B;
       const A = new FormData(x), j = Array.from(x.querySelectorAll("input,select,textarea")).filter((b) => !!b.name).map((b) => {
         let h;
         const y = b.name;
@@ -2579,8 +2582,8 @@ function fn(e) {
           } else if (b.type === "checkbox")
             h = b.checked;
           else if (b.type === "number" || b.type === "range") {
-            const S = b.valueAsNumber;
-            isNaN(S) || (h = S);
+            const v = b.valueAsNumber;
+            isNaN(v) || (h = v);
           } else
             b.type === "file" ? h = b.files : h = b.value;
         else
@@ -2590,42 +2593,42 @@ function fn(e) {
           value: h
         };
       });
-      let v = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (v = "multipart/form-data"), Array.from(j).forEach(({ value: b }) => {
-        (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (v = "multipart/form-data");
-      }), v !== "application/json")
-        V = A;
+      let S = e.contentType;
+      if (e.sendSubmissionsTo === "email" && (S = "multipart/form-data"), Array.from(j).forEach(({ value: b }) => {
+        (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (S = "multipart/form-data");
+      }), S !== "application/json")
+        B = A;
       else {
         const b = {};
         Array.from(j).forEach(({ value: h, key: y }) => {
           Pe(b, y, h);
-        }), V = JSON.stringify(b);
+        }), B = JSON.stringify(b);
       }
-      v && v !== "multipart/form-data" && (p && ((I = e.action) != null && I.includes("zapier.com")) || (R["content-type"] = v));
-      const w = new CustomEvent("presubmit", { detail: { body: V } });
+      S && S !== "multipart/form-data" && (p && ((I = e.action) != null && I.includes("zapier.com")) || (R["content-type"] = S));
+      const w = new CustomEvent("presubmit", { detail: { body: B } });
       if (t.current && (t.current.dispatchEvent(w), w.defaultPrevented))
         return;
       i("sending");
-      const W = `${un() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+      const F = `${un() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`;
       fetch(
-        e.sendSubmissionsTo === "email" ? W : e.action,
-        { body: V, headers: R, method: e.method || "post" }
+        e.sendSubmissionsTo === "email" ? F : e.action,
+        { body: B, headers: R, method: e.method || "post" }
       ).then(
         async (b) => {
           let h;
           const y = b.headers.get("content-type");
           if (y && y.indexOf("application/json") !== -1 ? h = await b.json() : h = await b.text(), !b.ok && e.errorMessagePath) {
-            let S = mn(h, e.errorMessagePath);
-            S && (typeof S != "string" && (S = JSON.stringify(S)), l(S), c({ formErrorMessage: S }));
+            let v = mn(h, e.errorMessagePath);
+            v && (typeof v != "string" && (v = JSON.stringify(v)), l(v), c({ formErrorMessage: v }));
           }
           if (r(h), i(b.ok ? "success" : "error"), b.ok) {
-            const S = new CustomEvent("submit:success", {
+            const v = new CustomEvent("submit:success", {
               detail: { res: b, body: h }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(S), S.defaultPrevented)
+              if (t.current.dispatchEvent(v), v.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -2648,9 +2651,9 @@ function fn(e) {
       );
     }
   }
-  return /* @__PURE__ */ B(E, { children: [
+  return /* @__PURE__ */ V(E, { children: [
     " ",
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ V(
       "form",
       {
         validate: e.validate,
@@ -2823,7 +2826,8 @@ function pn(e) {
       value: e.value,
       key: $() && e.defaultValue ? e.defaultValue : "default-key",
       defaultValue: e.defaultValue,
-      name: e.name
+      name: e.name,
+      required: e.required
     },
     (t = e.options) == null ? void 0 : t.map((n, i) => /* @__PURE__ */ s("option", { value: n.value, children: n.name || n.value }, `${n.name}-${i}`))
   );
@@ -2857,7 +2861,57 @@ const yn = {
 function xn(e) {
   return /* @__PURE__ */ s("button", { type: "submit", ...e.attributes, children: e.text });
 }
-const Sn = {
+const vn = {
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: !0,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: !0,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: !1
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: !0,
+  noWrap: !0
+};
+function Sn(e) {
+  return /* @__PURE__ */ s(
+    "textarea",
+    {
+      ...e.attributes,
+      placeholder: e.placeholder,
+      name: e.name,
+      value: e.value,
+      defaultValue: e.defaultValue,
+      required: e.required
+    }
+  );
+}
+const kn = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -2872,7 +2926,7 @@ const Sn = {
   noWrap: !0,
   static: !0
 };
-function vn(e) {
+function Cn(e) {
   return /* @__PURE__ */ s(
     "img",
     {
@@ -2887,7 +2941,7 @@ function vn(e) {
     $() && e.imgSrc || "default-key"
   );
 }
-const kn = {
+const Tn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2969,7 +3023,7 @@ const kn = {
     advanced: !0
   }]
 };
-function Cn(e) {
+function In(e) {
   var i, o, r, a, l, c, u;
   function t() {
     return {
@@ -2995,7 +3049,7 @@ function Cn(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ V(
     "div",
     {
       style: {
@@ -3070,7 +3124,7 @@ function Cn(e) {
     }
   );
 }
-const Tn = () => [{
+const wn = () => [{
   component: on,
   ...nn
 }, {
@@ -3089,11 +3143,14 @@ const Tn = () => [{
   component: pn,
   ...bn
 }, {
-  component: vn,
-  ...Sn
+  component: Sn,
+  ...vn
 }, {
   component: Cn,
   ...kn
+}, {
+  component: In,
+  ...Tn
 }], ke = () => [{
   component: nt,
   ...Kt
@@ -3113,7 +3170,7 @@ const Tn = () => [{
   component: Gt,
   ...Yt
 }, {
-  component: zn,
+  component: Yn,
   ...Qt
 }, {
   component: tn,
@@ -3124,7 +3181,7 @@ const Tn = () => [{
 }, {
   component: Ht,
   ...Mt
-}, ...Tn()], In = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...wn()], En = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3180,7 +3237,7 @@ const Tn = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, wn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Rn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3218,16 +3275,16 @@ const Tn = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), En = ({
+})), Vn = ({
   canTrack: e,
   content: t
-}) => !(!(Y(t).length > 0) || !e || H()), Rn = (e) => e === "react" || e === "reactNative", Me = Rn(L), Bn = () => `
-  window.${je} = ${In}
-  window.${Ue} = ${wn}
-  `, Vn = (e, t) => `
+}) => !(!(Y(t).length > 0) || !e || H()), Bn = (e) => e === "react" || e === "reactNative", Me = Bn(L), Pn = () => `
+  window.${je} = ${En}
+  window.${Ue} = ${Rn}
+  `, An = (e, t) => `
   window.${je}(
     "${t}",${JSON.stringify(e)}, ${Me}
-  )`, Pn = ({
+  )`, Nn = ({
   contentId: e,
   variationId: t
 }) => `window.${Ue}(
@@ -3245,7 +3302,7 @@ function ce(e) {
 function Ce(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const An = (e, t, n = !0) => {
+const Fn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -3256,7 +3313,7 @@ const An = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, Nn = (e) => An(e, (t) => {
+}, Wn = (e) => Fn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Te = ({
@@ -3268,8 +3325,8 @@ const An = (e, t, n = !0) => {
     x: r,
     y: a
   };
-}, Wn = (e) => {
-  const t = e.target, n = t && Nn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, $n = (e) => {
+  const t = e.target, n = t && Wn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -3284,7 +3341,7 @@ const An = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Fn = (e) => {
+}, Dn = (e) => {
   var r, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
   let o = "";
@@ -3310,15 +3367,15 @@ font-weight: ${l};
         `.trim());
     }
   return o;
-}, $n = ({
+}, Ln = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Fn(n))) == null ? void 0 : t.join(" ")) || "";
-}, Dn = ({
+  return ((t = e == null ? void 0 : e.map((n) => Dn(n))) == null ? void 0 : t.join(" ")) || "";
+}, On = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ln = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", jn = `
 .builder-button {
   all: unset;
 }
@@ -3335,28 +3392,28 @@ font-weight: ${l};
   text-align: inherit;
   font-family: inherit;
 }
-`, On = (e) => e ? "" : Ln, jn = (e) => `variant-${e}`;
-function Un(e) {
-  var V, A, j, v, w, W, b;
+`, Un = (e) => e ? "" : jn, Mn = (e) => `variant-${e}`;
+function Hn(e) {
+  var B, A, j, S, w, F, b;
   const t = ee(null);
   function n(h) {
-    var S, k;
+    var v, k;
     const y = {
       ...e.builderContextSignal.rootState,
       ...h
     };
-    e.builderContextSignal.rootSetState ? (k = (S = e.builderContextSignal).rootSetState) == null || k.call(S, y) : e.setBuilderContextSignal((T) => ({
+    e.builderContextSignal.rootSetState ? (k = (v = e.builderContextSignal).rootSetState) == null || k.call(v, y) : e.setBuilderContextSignal((T) => ({
       ...T,
       rootState: y
     }));
   }
   function i(h) {
-    var S, k, T, N, U;
+    var v, k, T, N, U;
     const y = {
       ...e.builderContextSignal.content,
       ...h,
       data: {
-        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
+        ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
         ...h == null ? void 0 : h.data
       },
       meta: {
@@ -3365,8 +3422,8 @@ function Un(e) {
         breakpoints: ((T = h == null ? void 0 : h.meta) == null ? void 0 : T.breakpoints) || ((U = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : U.breakpoints)
       }
     };
-    e.setBuilderContextSignal((F) => ({
-      ...F,
+    e.setBuilderContextSignal((W) => ({
+      ...W,
       content: y
     }));
   }
@@ -3386,15 +3443,15 @@ function Un(e) {
       callbacks: {
         configureSdk: (y) => {
           var T;
-          const { breakpoints: S, contentId: k } = y;
-          !k || k !== ((T = e.builderContextSignal.content) == null ? void 0 : T.id) || S && i({
+          const { breakpoints: v, contentId: k } = y;
+          !k || k !== ((T = e.builderContextSignal.content) == null ? void 0 : T.id) || v && i({
             meta: {
-              breakpoints: S
+              breakpoints: v
             }
           });
         },
         animation: (y) => {
-          We(y);
+          Fe(y);
         },
         contentUpdate: (y) => {
           i(y);
@@ -3403,8 +3460,8 @@ function Un(e) {
     })(h);
   }
   function c() {
-    var y, S;
-    const h = (S = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : S.jsCode;
+    var y, v;
+    const h = (v = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : v.jsCode;
     h && _({
       code: h,
       context: e.context || {},
@@ -3419,31 +3476,31 @@ function Un(e) {
   }
   const [u, f] = C(() => ({})), [d, m] = C(() => ({})), [g, p] = C(() => !1);
   function I(h) {
-    var y, S;
+    var y, v;
     if (e.builderContextSignal.content) {
-      const k = (y = e.builderContextSignal.content) == null ? void 0 : y.testVariationId, T = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
+      const k = (y = e.builderContextSignal.content) == null ? void 0 : y.testVariationId, T = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
       he({
         type: "click",
         canTrack: Q(e.canTrack),
         contentId: T,
         apiKey: e.apiKey,
         variationId: k !== T ? k : void 0,
-        ...Wn(h),
+        ...$n(h),
         unique: !g
       });
     }
     g || p(!0);
   }
   function x() {
-    var y, S, k;
-    const h = (k = (S = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : S.httpRequests) != null ? k : {};
+    var y, v, k;
+    const h = (k = (v = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : v.httpRequests) != null ? k : {};
     Object.entries(h).forEach(([T, N]) => {
       if (!N || d[T] || u[T] && !$())
         return;
       d[T] = !0;
       const U = N.replace(
         /{{([^}]+)}}/g,
-        (F, He) => String(
+        (W, He) => String(
           _({
             code: He,
             context: e.context || {},
@@ -3454,12 +3511,12 @@ function Un(e) {
           })
         )
       );
-      Xe(U).then((F) => F.json()).then((F) => {
+      Xe(U).then((W) => W.json()).then((W) => {
         n({
-          [T]: F
+          [T]: W
         }), u[T] = !0;
-      }).catch((F) => {
-        console.error("error fetching dynamic data", N, F);
+      }).catch((W) => {
+        console.error("error fetching dynamic data", N, W);
       }).finally(() => {
         d[T] = !1;
       });
@@ -3520,8 +3577,8 @@ function Un(e) {
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((F) => {
-          F && i(F);
+        }).then((W) => {
+          W && i(W);
         });
       }
     }
@@ -3533,9 +3590,9 @@ function Un(e) {
     e.content && i(e.content);
   }, [e.content]), P(() => {
     c();
-  }, [(A = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : A.jsCode]), P(() => {
+  }, [(A = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : A.jsCode]), P(() => {
     x();
-  }, [(v = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : v.httpRequests]), P(() => {
+  }, [(S = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : S.httpRequests]), P(() => {
     R();
   }, [e.builderContextSignal.rootState]), P(() => {
     e.data && n(e.data);
@@ -3557,29 +3614,29 @@ function Un(e) {
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: jn(
-        ((W = e.content) == null ? void 0 : W.testVariationId) || ((b = e.content) == null ? void 0 : b.id)
+      className: Mn(
+        ((F = e.content) == null ? void 0 : F.testVariationId) || ((b = e.content) == null ? void 0 : b.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function Mn(e) {
+function Kn(e) {
   const [t, n] = C(
     () => `
-${Dn({
+${On({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${$n({
+${Ln({
       customFonts: e.customFonts
     })}
-${On(e.isNestedRender)}
+${Un(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ s(ne, { id: "builderio-content", styles: t });
 }
-const Hn = ({
+const qn = ({
   content: e,
   data: t,
   locale: n
@@ -3596,7 +3653,7 @@ const Hn = ({
       locale: n
     } : {}
   };
-}, Kn = ({
+}, _n = ({
   content: e,
   data: t
 }) => e ? {
@@ -3612,7 +3669,7 @@ function Ie(e) {
   const [t, n] = C(
     () => {
       var I, x;
-      return Pn({
+      return Nn({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (I = e.content) == null ? void 0 : I.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -3641,12 +3698,12 @@ function Ie(e) {
       {}
     )
   ), [a, l] = C(() => ({
-    content: Kn({
+    content: _n({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Hn({
+    rootState: qn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -3671,13 +3728,13 @@ function Ie(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
   return /* @__PURE__ */ s(
-    Be.Provider,
+    Ve.Provider,
     {
       value: {
         registeredComponents: o
       },
-      children: /* @__PURE__ */ B(
-        Un,
+      children: /* @__PURE__ */ V(
+        Hn,
         {
           content: e.content,
           data: e.data,
@@ -3702,7 +3759,7 @@ function Ie(e) {
               }
             ) : null,
             /* @__PURE__ */ s(
-              Mn,
+              Kn,
               {
                 isNestedRender: e.isNestedRender,
                 contentId: (c = a.content) == null ? void 0 : c.id,
@@ -3725,17 +3782,17 @@ function Ie(e) {
     }
   );
 }
-function qn(e) {
+function zn(e) {
   var a;
   const [t, n] = C(
-    () => En({
+    () => Vn({
       canTrack: Q(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var l;
-    return Vn(
+    return An(
       Y(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -3757,15 +3814,15 @@ function qn(e) {
     });
   }
   return P(() => {
-  }, []), /* @__PURE__ */ B(E, { children: [
+  }, []), /* @__PURE__ */ V(E, { children: [
     !e.isNestedRender && L !== "reactNative" ? /* @__PURE__ */ s(
       ce,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: Bn()
+        scriptStr: Pn()
       }
     ) : null,
-    t ? /* @__PURE__ */ B(E, { children: [
+    t ? /* @__PURE__ */ V(E, { children: [
       /* @__PURE__ */ s(
         ne,
         {
@@ -3832,7 +3889,7 @@ function qn(e) {
     )
   ] });
 }
-const _n = async ({
+const Jn = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -3851,7 +3908,7 @@ const _n = async ({
       Z.error("Could not fetch symbol content: ", n);
     });
 };
-function zn(e) {
+function Yn(e) {
   var l, c, u, f;
   function t() {
     return "div";
@@ -3873,7 +3930,7 @@ function zn(e) {
     return (d = e.symbol) == null ? void 0 : d.content;
   });
   function a() {
-    o || _n({
+    o || Jn({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((d) => {
@@ -3884,7 +3941,7 @@ function zn(e) {
   }, []), P(() => {
     a();
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ s(
-    qn,
+    zn,
     {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -3913,11 +3970,11 @@ export {
   me as BuilderContext,
   nt as Button,
   $t as Columns,
-  qn as Content,
+  zn as Content,
   Dt as Fragment,
   jt as Image,
   Ut as Section,
-  zn as Symbol,
+  Yn as Symbol,
   tn as Text,
-  Cn as Video
+  In as Video
 };