@cntrl-site/components 1.0.17-3 → 1.0.17-4

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { jsx as l, Fragment as Ge, jsxs as re } from "react/jsx-runtime";
-import en, { useState as de, useEffect as Ie, useRef as Te, useCallback as ft, useMemo as He, useLayoutEffect as yt } from "react";
+import { jsx as l, Fragment as Ge, jsxs as oe } from "react/jsx-runtime";
+import en, { useState as de, useEffect as Ae, useRef as Te, useCallback as ft, useMemo as He, useLayoutEffect as yt } from "react";
 import Fe from "classnames";
 import { s as L, u as an, b as Jn, g as Lr, r as zi } from "./readTestimonialTextMeasure-B1FI-93F.mjs";
 import { createPortal as Vi } from "react-dom";
@@ -1853,7 +1853,7 @@ const Bl = "SvgImage-module__svg___q3xE-", Dl = "SvgImage-module__img___VsTm-",
   return t.startsWith("data:image/svg+xml") ? !0 : (t.split(/[?#]/)[0] ?? t).endsWith(".svg");
 }, Vl = (e) => `url("${e.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}")`, qt = ({ url: e, fill: t = "#000000", hoverFill: n = "#CCCCCC", className: r = "", style: i }) => {
   const [s, o] = de(() => typeof window > "u" ? !0 : CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")'));
-  return Ie(() => {
+  return Ae(() => {
     if (typeof window < "u" && window.CSS) {
       const c = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
       o(c);
@@ -1886,7 +1886,7 @@ function jl({ settings: e, content: t, styles: n, isEditor: r }) {
   const [i, s] = de(null), { widthSettings: o, fontSettings: c, letterSpacing: a, textAlign: u, wordSpacing: d, fontSizeLineHeight: w, textAppearance: v, color: h } = n.imageCaption ?? {}, [p, m] = de(void 0), [b, $] = de(null), [x, f] = de(0), [F, S] = de(0), { direction: M, transition: y, controls: T, pagination: O, imageCaption: C, triggers: P } = e, _ = Te(y.type), { x: W, y: V } = e.controls.offset, ee = (k) => {
     i && i.go(k);
   };
-  return Ie(() => {
+  return Ae(() => {
     if (!b) return;
     const k = new ResizeObserver((R) => {
       if (!i) return;
@@ -1897,9 +1897,9 @@ function jl({ settings: e, content: t, styles: n, isEditor: r }) {
       });
     });
     return k.observe(b), () => k.unobserve(b);
-  }, [b]), Ie(() => {
+  }, [b]), Ae(() => {
     !i || _.current === y.type || (S((k) => k + 1), _.current = y.type);
-  }, [y.type]), /* @__PURE__ */ l("div", { className: Fe(ue.wrapper, { [ue.editor]: r }), ref: $, children: /* @__PURE__ */ re(
+  }, [y.type]), /* @__PURE__ */ l("div", { className: Fe(ue.wrapper, { [ue.editor]: r }), ref: $, children: /* @__PURE__ */ oe(
     "div",
     {
       className: ue.sliderInner,
@@ -2011,7 +2011,7 @@ function jl({ settings: e, content: t, styles: n, isEditor: r }) {
           },
           F
         ),
-        T.isActive && /* @__PURE__ */ re(Ge, { children: [
+        T.isActive && /* @__PURE__ */ oe(Ge, { children: [
           /* @__PURE__ */ l(
             "div",
             {
@@ -2023,7 +2023,7 @@ function jl({ settings: e, content: t, styles: n, isEditor: r }) {
                 color: T.color,
                 "--arrow-hover-color": T.hover
               },
-              children: /* @__PURE__ */ re(
+              children: /* @__PURE__ */ oe(
                 "button",
                 {
                   onClick: () => {
@@ -2060,7 +2060,7 @@ function jl({ settings: e, content: t, styles: n, isEditor: r }) {
                 color: T.color,
                 "--arrow-hover-color": T.hover
               },
-              children: /* @__PURE__ */ re(
+              children: /* @__PURE__ */ oe(
                 "button",
                 {
                   className: ue.arrowInner,
@@ -2804,7 +2804,7 @@ async function Ql(e, t, n, r) {
 }
 function Zl({ settings: e, content: t, isEditor: n }) {
   const [r, i] = de(null), [s, o] = de([]), [c, a] = de(0), u = Te(0), [d, w] = de({ x: 0, y: 0 }), [v, h] = de(1), [p, m] = de("none"), b = Te({ x: 0, y: 0 }), [$, x] = de(!1), { sizeType: f, imageWidth: F, randomRangeImageWidth: S } = e.imageSize, { revealPosition: M, visible: y } = e.position, { cursorType: T, target: O, defaultCursorScale: C, defaultCursor: P, hoverCursorScale: _, hoverCursor: W } = e.cursor;
-  Ie(() => {
+  Ae(() => {
     if (!r) return;
     const k = (N, A) => {
       const j = r.getBoundingClientRect(), X = N - j.left, Q = A - j.top;
@@ -2838,7 +2838,7 @@ function Zl({ settings: e, content: t, isEditor: n }) {
     _,
     C,
     s
-  ]), Ie(() => {
+  ]), Ae(() => {
     $ || (m("none"), h(0));
   }, [$]);
   const V = async (k, R, D, N = {}) => {
@@ -2861,16 +2861,16 @@ function Zl({ settings: e, content: t, isEditor: n }) {
       width: X
     };
   };
-  return Ie(() => {
+  return Ae(() => {
     if (!r || t.length === 0) return;
     const k = r.getBoundingClientRect(), R = k.width, D = k.height, N = [];
     (async () => {
       const j = t[0], X = await V(j, R, D);
       N.push(X), o(N), a(1);
     })();
-  }, [f, F, S, M, r]), Ie(() => {
+  }, [f, F, S, M, r]), Ae(() => {
     y === "last One" && o((k) => k.length > 0 ? [k[k.length - 1]] : []);
-  }, [y]), /* @__PURE__ */ re(
+  }, [y]), /* @__PURE__ */ oe(
     "div",
     {
       ref: i,
@@ -3421,9 +3421,9 @@ function Hc(e, t) {
 }
 const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, isEditor: s, isPreviewMode: o }) => {
   const [c, a] = de(!1), { url: u } = e.thumbnailBlock.cover;
-  return Ie(() => {
+  return Ae(() => {
     i === "close" && a(!1), i === "open" && a(!0);
-  }, [i]), /* @__PURE__ */ re(Ge, { children: [
+  }, [i]), /* @__PURE__ */ oe(Ge, { children: [
     /* @__PURE__ */ l(
       "img",
       {
@@ -3447,48 +3447,48 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     )
   ] });
 }, Bc = ({ isOpen: e, onClose: t, content: n, lightboxStyles: r, settings: i, portalId: s, isEditor: o, metadata: c }) => {
-  var Ae;
+  var Ie;
   const { widthSettings: a, fontSettings: u, letterSpacing: d, textAlign: w, wordSpacing: v, fontSizeLineHeight: h, textAppearance: p, color: m } = r.imageCaption ?? {}, [b, $] = de(0), [x, f] = de(0), [F, S] = de(!1), [M, y] = de(!1), [T, O] = de({}), C = Te(null), P = Te(null), _ = Te(null), W = Te(!1), V = Te(null), ee = Te(null), k = Te(null), R = Te(null), D = Te(!1), N = Te(null), [A, j] = de(!1), { appear: X, triggers: Q, slider: I, thumbnail: te, controls: g, area: J, caption: he, layout: le } = i.lightboxBlock, { appearClass: xe, backdropAppearClass: ne, backdropDisappearClass: ce, disappearClass: B } = Hc(X.type, X.direction), K = (c == null ? void 0 : c.itemId) ?? null;
-  Ie(() => {
+  Ae(() => {
     const H = () => {
       setTimeout(() => {
         var E, z;
         (z = (E = C.current) == null ? void 0 : E.splide) == null || z.refresh();
       }, 16);
-    }, oe = () => {
+    }, re = () => {
       f((E) => E + 1);
     };
-    return window.addEventListener("ArticleEditor.Layout:change", H), window.addEventListener("ArticleEditor.ComponentContent:change", oe), () => {
-      window.removeEventListener("ArticleEditor.Layout:change", H), window.removeEventListener("ArticleEditor.ComponentContent:change", oe);
+    return window.addEventListener("ArticleEditor.Layout:change", H), window.addEventListener("ArticleEditor.ComponentContent:change", re), () => {
+      window.removeEventListener("ArticleEditor.Layout:change", H), window.removeEventListener("ArticleEditor.ComponentContent:change", re);
     };
-  }, []), Ie(() => {
+  }, []), Ae(() => {
     if (!e || !te.isActive) {
       j(!1);
       return;
     }
     const H = N.current;
     if (!H) return;
-    const oe = () => {
+    const re = () => {
       I.direction === "horiz" ? j(H.scrollWidth > H.clientWidth) : j(H.scrollHeight > H.clientHeight);
     };
-    oe();
-    const E = new ResizeObserver(oe);
+    re();
+    const E = new ResizeObserver(re);
     return E.observe(H), () => E.disconnect();
   }, [e, te.isActive, n.length, T, I.direction]);
   const U = ft(() => {
-    const H = window.matchMedia("(max-width: 768px)").matches, oe = gi(J.color);
-    H && !o && oe > 0.9 && (document.body.style.backgroundColor = ""), S(!0), W.current = !0;
+    const H = window.matchMedia("(max-width: 768px)").matches, re = gi(J.color);
+    H && !o && re > 0.9 && (document.body.style.backgroundColor = ""), S(!0), W.current = !0;
     const E = (z) => {
       z.target === V.current && z.animationName && (V.current && ee.current && V.current.removeEventListener("animationend", ee.current), ee.current = null, W.current && (W.current = !1, t()), S(!1));
     };
     V.current && (ee.current = E, V.current.addEventListener("animationend", E));
-  }, [t, J.color, o]), se = (H, oe, E) => {
+  }, [t, J.color, o]), se = (H, re, E) => {
     var z, q;
     if (H) {
       if (Q.type === "click" && Q.switch === "image")
         Q.repeat === "close" && b === n.length - 1 ? U() : (z = C.current) == null || z.go("+1");
       else if (Q.type === "click" && Q.switch === "50/50") {
-        const G = H.getBoundingClientRect(), ae = oe - G.left, ge = E - G.top, Ne = G.width, fe = G.height;
+        const G = H.getBoundingClientRect(), ae = re - G.left, ge = E - G.top, Ne = G.width, fe = G.height;
         let be;
         I.direction === "horiz" ? be = ae < Ne / 2 ? "-1" : "+1" : be = ge < fe / 2 ? "-1" : "+1", (q = C.current) == null || q.go(be);
       }
@@ -3498,7 +3498,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
       D.current = !1;
       return;
     }
-    const oe = n[b], E = (oe == null ? void 0 : oe.image.objectFit) === "cover";
+    const re = n[b], E = (re == null ? void 0 : re.image.objectFit) === "cover";
     let z, q;
     if ("changedTouches" in H && H.changedTouches.length > 0)
       z = H.changedTouches[0].clientX, q = H.changedTouches[0].clientY;
@@ -3520,43 +3520,43 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     }
     G ? se(_.current, z, q) : U();
   }, Pe = (H) => {
-    const oe = H.target;
-    (oe.classList.contains(Z.thumbsWrapper) || oe.classList.contains(Z.thumbsContainer)) && ve(H);
+    const re = H.target;
+    (re.classList.contains(Z.thumbsWrapper) || re.classList.contains(Z.thumbsContainer)) && ve(H);
   };
-  Ie(() => {
+  Ae(() => {
     if (!e) return;
-    const H = (oe) => {
+    const H = (re) => {
       var E, z;
-      if (oe.key === "Escape") {
+      if (re.key === "Escape") {
         U();
         return;
       }
-      if (oe.key === "ArrowRight") {
+      if (re.key === "ArrowRight") {
         $((q) => (q + 1) % Math.max(n.length, 1)), (E = C.current) == null || E.go("+1");
         return;
       }
-      oe.key === "ArrowLeft" && ($((q) => (q - 1 + Math.max(n.length, 1)) % Math.max(n.length, 1)), (z = C.current) == null || z.go("-1"));
+      re.key === "ArrowLeft" && ($((q) => (q - 1 + Math.max(n.length, 1)) % Math.max(n.length, 1)), (z = C.current) == null || z.go("-1"));
     };
     return window.addEventListener("keydown", H), () => {
       window.removeEventListener("keydown", H);
     };
-  }, [e, U, n.length]), Ie(() => {
+  }, [e, U, n.length]), Ae(() => {
     if (e) {
-      if ($(0), f((oe) => oe + 1), W.current = !1, S(!1), y(!1), O({}), !K) return;
+      if ($(0), f((re) => re + 1), W.current = !1, S(!1), y(!1), O({}), !K) return;
       const H = new CustomEvent("page-overlay", { detail: { itemId: K } });
       window.dispatchEvent(H);
     }
     return () => {
       V.current && ee.current && (V.current.removeEventListener("animationend", ee.current), ee.current = null), y(!1);
     };
-  }, [e, K]), Ie(() => {
+  }, [e, K]), Ae(() => {
     P.current !== null && P.current !== I.type && f((H) => H + 1), P.current = I.type;
-  }, [I.type]), Ie(() => {
+  }, [I.type]), Ae(() => {
     if (!e) return;
-    const H = document.body.style.overflow, oe = window.matchMedia("(max-width: 768px)").matches, E = gi(J.color);
+    const H = document.body.style.overflow, re = window.matchMedia("(max-width: 768px)").matches, E = gi(J.color);
     document.body.style.overflow = "hidden", y(!1);
     const z = (G) => {
-      G.target === V.current && !W.current && G.animationName && (oe && !o && E > 0.9 && (document.body.style.backgroundColor = J.color), y(!0), V.current && k.current && V.current.removeEventListener("animationend", k.current), k.current = null);
+      G.target === V.current && !W.current && G.animationName && (re && !o && E > 0.9 && (document.body.style.backgroundColor = J.color), y(!0), V.current && k.current && V.current.removeEventListener("animationend", k.current), k.current = null);
     };
     V.current && (k.current = z, V.current.addEventListener("animationend", z));
     const q = (G) => {
@@ -3566,27 +3566,27 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     return document.addEventListener("touchmove", q, { passive: !1 }), () => {
       document.body.style.overflow = H, document.removeEventListener("touchmove", q), V.current && k.current && (V.current.removeEventListener("animationend", k.current), k.current = null), y(!1);
     };
-  }, [e, o, J.color, I.type]), Ie(() => {
+  }, [e, o, J.color, I.type]), Ae(() => {
     if (!e) return;
-    const H = (oe) => {
+    const H = (re) => {
       var z, q;
       if (W.current) {
-        oe.stopPropagation();
+        re.stopPropagation();
         return;
       }
       if (D.current) {
         D.current = !1;
         return;
       }
-      const E = oe.target;
+      const E = re.target;
       if (!(E && (E.closest(`.${Z.thumbsContainer}`) || E.closest(`.${Z.thumbItem}`) || E.closest(`.${Z.arrow}`) || E.closest(`.${Z.closeButton}`) || E.closest(`.${Z.caption}`)))) {
         if (I.type === "slide" && Q.type === "drag" && ((q = (z = C.current) == null ? void 0 : z.splide) != null && q.root)) {
           const G = C.current.splide.root;
           if (E && (G.contains(E) || G === E))
             return;
         }
-        if (oe.touches.length === 0 && oe.changedTouches.length > 0) {
-          const G = n[b], ae = (G == null ? void 0 : G.image.objectFit) === "cover", ge = oe.changedTouches[0];
+        if (re.touches.length === 0 && re.changedTouches.length > 0) {
+          const G = n[b], ae = (G == null ? void 0 : G.image.objectFit) === "cover", ge = re.changedTouches[0];
           let Ne;
           if (ae && _.current) {
             const fe = mi(_.current);
@@ -3597,7 +3597,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
             Ne = ge.clientX >= fe.x && ge.clientX <= fe.x + fe.width && ge.clientY >= fe.y && ge.clientY <= fe.y + fe.height;
           }
           if (!Ne) {
-            oe.stopPropagation(), W.current = !0;
+            re.stopPropagation(), W.current = !0;
             const fe = (be) => {
               be.stopPropagation(), be.preventDefault(), document.removeEventListener("click", fe, !0);
             };
@@ -3611,10 +3611,10 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     };
   }, [e, U, b, n]);
   const we = (I.type === "scale" || I.type === "fade") && I.direction === "vert" && Q.type === "drag";
-  Ie(() => {
+  Ae(() => {
     var be, Oe;
     if (!e || !we || !((Oe = (be = C.current) == null ? void 0 : be.splide) != null && Oe.root)) return;
-    const H = C.current.splide.root, oe = 30, E = (ie, Ce) => {
+    const H = C.current.splide.root, re = 30, E = (ie, Ce) => {
       if (R.current) {
         const We = Math.abs(ie - R.current.x), Me = Math.abs(Ce - R.current.y);
         (We > 0 || Me > 0) && (D.current = !0);
@@ -3629,7 +3629,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
         return;
       }
       const We = Math.abs(ie - R.current.x), Me = Math.abs(Ce - R.current.y);
-      Me > oe && Me > We && C.current.go(Ce < R.current.y ? "+1" : "-1"), R.current = null;
+      Me > re && Me > We && C.current.go(Ce < R.current.y ? "+1" : "-1"), R.current = null;
     }, ae = (ie) => {
       R.current && G(ie.clientX, ie.clientY), document.removeEventListener("pointerup", ae), document.removeEventListener("pointercancel", ae), document.removeEventListener("pointermove", z);
     }, ge = (ie) => {
@@ -3657,7 +3657,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     animationFillMode: "both"
   };
   return typeof document > "u" || !document.getElementById(s) ? null : Vi(
-    /* @__PURE__ */ re(Ge, { children: [
+    /* @__PURE__ */ oe(Ge, { children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -3669,7 +3669,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
           }
         }
       ),
-      /* @__PURE__ */ re(
+      /* @__PURE__ */ oe(
         "div",
         {
           ref: o ? V : null,
@@ -3702,7 +3702,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
                   start: 0
                 },
                 style: { "--splide-speed": I.duration },
-                children: n.map((H, oe) => {
+                children: n.map((H, re) => {
                   const E = mr(le.position, le.offset, o), z = `${L(le.padding.top, o)} ${L(le.padding.right, o)} ${L(le.padding.bottom, o)} ${L(le.padding.left, o)}`, q = I.type === "scale" ? (() => {
                     const { transform: G, ...ae } = E;
                     return {
@@ -3716,7 +3716,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
                   return /* @__PURE__ */ l(Bo, { children: /* @__PURE__ */ l("div", { className: Z.imgWrapper, onClick: ve, children: /* @__PURE__ */ l(
                     "img",
                     {
-                      ref: oe === b ? _ : null,
+                      ref: re === b ? _ : null,
                       className: Fe(Z.imageStyle, {
                         [Z.contain]: H.image.objectFit === "contain",
                         [Z.cover]: H.image.objectFit === "cover",
@@ -3726,18 +3726,18 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
                       alt: H.image.name ?? "",
                       style: { ...q, pointerEvents: H.image.objectFit === "contain" ? "none" : "auto" }
                     }
-                  ) }) }, oe);
+                  ) }) }, re);
                 })
               },
               x
             ),
-            g.isActive && /* @__PURE__ */ re(Ge, { children: [
+            g.isActive && /* @__PURE__ */ oe(Ge, { children: [
               /* @__PURE__ */ l(
                 "div",
                 {
                   className: Fe(Z.arrow, { [Z.arrowVertical]: I.direction === "vert" }),
                   style: { color: g.color, "--arrow-hover-color": g.hover },
-                  children: /* @__PURE__ */ re(
+                  children: /* @__PURE__ */ oe(
                     "button",
                     {
                       className: Z.arrowInner,
@@ -3768,7 +3768,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
                 {
                   className: Fe(Z.arrow, Z.nextArrow, { [Z.arrowVertical]: I.direction === "vert" }),
                   style: { color: g.color, "--arrow-hover-color": g.hover },
-                  children: /* @__PURE__ */ re(
+                  children: /* @__PURE__ */ oe(
                     "button",
                     {
                       className: Z.arrowInner,
@@ -3796,10 +3796,10 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
               )
             ] }),
             J.closeIconUrl && (() => {
-              const H = mr(J.closeIconAlign, J.closeIconOffset, o), oe = `scale(${J.closeIconScale})`, E = H.transform ? `${H.transform} ${oe}` : oe;
+              const H = mr(J.closeIconAlign, J.closeIconOffset, o), re = `scale(${J.closeIconScale})`, E = H.transform ? `${H.transform} ${re}` : re;
               return /* @__PURE__ */ l("button", { className: Z.closeButton, style: { ...H, transform: E }, onClick: U, "aria-label": "Close lightbox", children: /* @__PURE__ */ l(qt, { url: J.closeIconUrl, fill: J.closeIconColor ?? "#000000", hoverFill: J.closeIconHover ?? "#cccccc" }) });
             })(),
-            he && he.isActive && r.imageCaption && ((Ae = n[b]) == null ? void 0 : Ae.imageCaption) && /* @__PURE__ */ l(
+            he && he.isActive && r.imageCaption && ((Ie = n[b]) == null ? void 0 : Ie.imageCaption) && /* @__PURE__ */ l(
               "div",
               {
                 className: Z.caption,
@@ -3835,11 +3835,11 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
               }
             ),
             te.isActive && (() => {
-              const [H, oe] = te.position.split("-"), E = I.direction === "horiz" ? `${H}-left` : te.position, z = mr(E, te.offset, o), q = () => {
+              const [H, re] = te.position.split("-"), E = I.direction === "horiz" ? `${H}-left` : te.position, z = mr(E, te.offset, o), q = () => {
                 if (I.direction === "horiz") {
-                  if (oe === "left") return "flex-start";
-                  if (oe === "center") return "center";
-                  if (oe === "right") return "flex-end";
+                  if (re === "left") return "flex-start";
+                  if (re === "center") return "center";
+                  if (re === "right") return "flex-end";
                 } else {
                   if (H === "top") return "flex-start";
                   if (H === "middle") return "center";
@@ -5248,9 +5248,9 @@ function Vc({ settings: e, isEditor: t, isEditMode: n, isPreviewMode: r, metadat
     statusLetterSpacing: Pe,
     statusWordSpacing: we,
     statusTextAppearance: Ee,
-    successMessage: Ae,
+    successMessage: Ie,
     errorMessage: H,
-    stateOverrides: oe
+    stateOverrides: re
   } = e, E = u === "B", z = w.slice(0, Math.min(d, w.length)), q = {
     fontSettings: {
       fontFamily: k,
@@ -5329,7 +5329,7 @@ function Vc({ settings: e, isEditor: t, isEditMode: n, isPreviewMode: r, metadat
     labelTextColor: W,
     successColor: V,
     errorColor: ee
-  }, qc, jc, oe), [at, vt] = de(
+  }, qc, jc, re), [at, vt] = de(
     () => Object.fromEntries(z.map((Se) => [Se.name, ""]))
   ), [bt, Pt] = de("idle"), [Ft, xt] = de(null), Mt = s === "success" ? "success" : s === "error" ? "error" : bt, me = s === "error" ? H : Ft, ze = s === "filled", Ve = He(() => {
     if (!ze) return at;
@@ -5373,15 +5373,15 @@ function Vc({ settings: e, isEditor: t, isEditMode: n, isPreviewMode: r, metadat
       Pt("error"), xt(Ke instanceof Error ? Ke.message : "Something went wrong");
     }
   };
-  return /* @__PURE__ */ re("div", { className: `${a}-wrapper ${a}-type-${u} ${Gt}`.trim(), style: je, children: [
+  return /* @__PURE__ */ oe("div", { className: `${a}-wrapper ${a}-type-${u} ${Gt}`.trim(), style: je, children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: zc(a) } }),
-    /* @__PURE__ */ re(
+    /* @__PURE__ */ oe(
       "form",
       {
         onSubmit: On,
         className: `${a}-form`,
         children: [
-          /* @__PURE__ */ l("div", { className: `${a}-fields`, children: z.map((Se, nt) => /* @__PURE__ */ re(en.Fragment, { children: [
+          /* @__PURE__ */ l("div", { className: `${a}-fields`, children: z.map((Se, nt) => /* @__PURE__ */ oe(en.Fragment, { children: [
             nt > 0 && /* @__PURE__ */ l(
               "div",
               {
@@ -5390,7 +5390,7 @@ function Vc({ settings: e, isEditor: t, isEditMode: n, isPreviewMode: r, metadat
                 style: { height: L(p ?? 0, t) }
               }
             ),
-            /* @__PURE__ */ re("div", { className: `${a}-field-group${E ? ` ${a}-labeled` : ""}`, children: [
+            /* @__PURE__ */ oe("div", { className: `${a}-field-group${E ? ` ${a}-labeled` : ""}`, children: [
               E && /* @__PURE__ */ l("span", { className: `${a}-field-label`, style: Ce ? { ...Ce, lineHeight: Ce.fontSize } : void 0, children: Se.label || Se.name }),
               Se.type === "textarea" ? /* @__PURE__ */ l(
                 "textarea",
@@ -5475,7 +5475,7 @@ function Vc({ settings: e, isEditor: t, isEditMode: n, isPreviewMode: r, metadat
       {
         className: `${a}-success`,
         style: { ...Me },
-        children: Ae
+        children: Ie
       }
     ),
     Mt === "error" && /* @__PURE__ */ l(
@@ -7013,7 +7013,7 @@ const Zc = ({ settings: e, isEditor: t, isPreviewMode: n, metadata: r, activeEve
     for (const Ce of Q)
       (I[Ce.name] ?? "").trim().length > 0 || (ie = ie ?? { ...I }, ie[Ce.name] = "Filled");
     return ie ?? I;
-  }, [ce, I, Q]), K = xe === "error" ? Lr(Q, B) : null, U = i && i !== "default" ? `${s}-state-${i}` : "", se = Q.some((ie) => (B[ie.name] ?? "").trim().length > 0), ve = U !== `${s}-state-filled` && se ? `${s}-state-filled` : "", Pe = `${U} ${ve}`.trim(), we = r == null ? void 0 : r.submitUrl, Ee = u ?? "", Ae = (a == null ? void 0 : a.icon) ?? "", H = (a == null ? void 0 : a.mode) === "On", oe = Ee || "Submit", E = {
+  }, [ce, I, Q]), K = xe === "error" ? Lr(Q, B) : null, U = i && i !== "default" ? `${s}-state-${i}` : "", se = Q.some((ie) => (B[ie.name] ?? "").trim().length > 0), ve = U !== `${s}-state-filled` && se ? `${s}-state-filled` : "", Pe = `${U} ${ve}`.trim(), we = r == null ? void 0 : r.submitUrl, Ee = u ?? "", Ie = (a == null ? void 0 : a.icon) ?? "", H = (a == null ? void 0 : a.mode) === "On", re = Ee || "Submit", E = {
     fontSettings: {
       fontFamily: w,
       fontWeight: (v == null ? void 0 : v.fontWeight) ?? 400,
@@ -7096,9 +7096,9 @@ const Zc = ({ settings: e, isEditor: t, isPreviewMode: n, metadata: r, activeEve
       J("error"), le(Me instanceof Error ? Me.message : "Something went wrong");
     }
   };
-  return /* @__PURE__ */ re("div", { className: `${s}-wrapper ${Pe}`.trim(), style: Ne, children: [
+  return /* @__PURE__ */ oe("div", { className: `${s}-wrapper ${Pe}`.trim(), style: Ne, children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: Qc(s) } }),
-    /* @__PURE__ */ re(
+    /* @__PURE__ */ oe(
       "form",
       {
         onSubmit: Oe,
@@ -7142,7 +7142,7 @@ const Zc = ({ settings: e, isEditor: t, isPreviewMode: n, metadata: r, activeEve
             {
               type: o ? "submit" : "button",
               className: `${s}-submitBtn`,
-              "aria-label": oe,
+              "aria-label": re,
               style: {
                 ...ae,
                 ...be,
@@ -7152,10 +7152,10 @@ const Zc = ({ settings: e, isEditor: t, isPreviewMode: n, metadata: r, activeEve
                 paddingBottom: L(A.bottom, t),
                 pointerEvents: o ? "auto" : void 0
               },
-              children: g === "submitting" ? "..." : H ? Ae && /* @__PURE__ */ l(
+              children: g === "submitting" ? "..." : H ? Ie && /* @__PURE__ */ l(
                 qt,
                 {
-                  url: Ae,
+                  url: Ie,
                   className: `${s}-submitBtnIcon`,
                   style: { maxWidth: L(V ?? 0, t) },
                   fill: `var(--${s}-button-text-color)`,
@@ -8533,28 +8533,28 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
   ), he = F ? dd : 1;
   yt(() => {
     j.current = 0, D({}), A.current = null, te(to), P(0);
-  }, [Q]), Ie(() => {
+  }, [Q]), Ae(() => {
     if (!b || p !== "randomize") return;
     const K = y.current;
     if (!K) return;
     const U = (we) => {
       D((Ee) => {
-        let Ae = null;
+        let Ie = null;
         for (const H of we)
-          H in Ee && (md(K, H) || (Ae || (Ae = { ...Ee }), delete Ae[H]));
-        return Ae ?? Ee;
+          H in Ee && (md(K, H) || (Ie || (Ie = { ...Ee }), delete Ie[H]));
+        return Ie ?? Ee;
       });
     }, se = new IntersectionObserver((we) => {
       const Ee = /* @__PURE__ */ new Set();
-      for (const Ae of we) {
-        const H = Ae.target.dataset.marqueeItemIndex, oe = H !== void 0 ? Number(H) : NaN;
-        Number.isNaN(oe) || Ee.add(oe);
+      for (const Ie of we) {
+        const H = Ie.target.dataset.marqueeItemIndex, re = H !== void 0 ? Number(H) : NaN;
+        Number.isNaN(re) || Ee.add(re);
       }
       Ee.size > 0 && U(Ee);
     }, { root: K, threshold: 0 });
     Object.keys(R).forEach((we) => {
       const Ee = Number(we);
-      K.querySelectorAll(`[data-marquee-item-index="${Ee}"]`).forEach((Ae) => se.observe(Ae));
+      K.querySelectorAll(`[data-marquee-item-index="${Ee}"]`).forEach((Ie) => se.observe(Ie));
     });
     let ve = 0;
     const Pe = () => {
@@ -8570,9 +8570,9 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
     if (!K || !U) return;
     let se = 0;
     const ve = () => {
-      const Ee = K.getBoundingClientRect().width, Ae = U.getBoundingClientRect().width, H = A.current, oe = typeof H == "number" && Math.abs(H - Ae) <= 0.25;
-      if (A.current = Ae, x && Ae > 0 && I > 0) {
-        const E = Ae / I;
+      const Ee = K.getBoundingClientRect().width, Ie = U.getBoundingClientRect().width, H = A.current, re = typeof H == "number" && Math.abs(H - Ie) <= 0.25;
+      if (A.current = Ie, x && Ie > 0 && I > 0) {
+        const E = Ie / I;
         if (E > 0 && Ee > 0) {
           const z = Math.max(
             to,
@@ -8584,11 +8584,11 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
           }
         }
       }
-      if (Ae > 0 && C <= 0) {
-        P(Ae);
+      if (Ie > 0 && C <= 0) {
+        P(Ie);
         return;
       }
-      oe && Ae !== C ? P(Ae) : !oe && C <= 0 && (cancelAnimationFrame(se), se = requestAnimationFrame(ve));
+      re && Ie !== C ? P(Ie) : !re && C <= 0 && (cancelAnimationFrame(se), se = requestAnimationFrame(ve));
     }, Pe = () => {
       cancelAnimationFrame(se), se = requestAnimationFrame(ve);
     };
@@ -8640,7 +8640,7 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
     });
   }, [t]), B = (K, U, se, ve) => {
     const Pe = b && p === "randomize" && h.display === "Cover" ? R[se] ?? K : K, we = `max(${M(d)}, ${cd}px)`, Ee = `calc(-0.5 * (${we} + ${M(d)}))`;
-    return /* @__PURE__ */ re(
+    return /* @__PURE__ */ oe(
       "div",
       {
         className: `${s}-marquee-card`,
@@ -8684,7 +8684,7 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
   };
   if (F) {
     const K = x ? V && ee ? "paused" : "running" : "paused";
-    return /* @__PURE__ */ re(
+    return /* @__PURE__ */ oe(
       "div",
       {
         ref: y,
@@ -8725,7 +8725,7 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
       }
     );
   }
-  return /* @__PURE__ */ re("div", { ref: y, className: `${s}-wrapper`, children: [
+  return /* @__PURE__ */ oe("div", { ref: y, className: `${s}-wrapper`, children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: o } }),
     /* @__PURE__ */ l(
       "div",
@@ -9785,7 +9785,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
         return "left";
     }
   }, [o]), Pe = ft(
-    (E, z, q, G) => /* @__PURE__ */ re(
+    (E, z, q, G) => /* @__PURE__ */ oe(
       "div",
       {
         style: {
@@ -9825,7 +9825,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
   ), we = ft(
     (E, z, q) => {
       var G, ae, ge;
-      return /* @__PURE__ */ re(
+      return /* @__PURE__ */ oe(
         "div",
         {
           style: {
@@ -9840,7 +9840,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
           },
           children: [
             /* @__PURE__ */ l("div", { className: `${s}-cover`, style: { background: m } }),
-            /* @__PURE__ */ re(
+            /* @__PURE__ */ oe(
               "div",
               {
                 className: `${s}-elements-overlay`,
@@ -9852,7 +9852,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
                     "text",
                     q != null && q.dataMeasureAttrs ? { dataMeasureKind: "text" } : typeof (q == null ? void 0 : q.textMinHeightPx) == "number" && q.textMinHeightPx > 0 ? { minHeightPx: q.textMinHeightPx } : void 0
                   ),
-                  /* @__PURE__ */ re(
+                  /* @__PURE__ */ oe(
                     "div",
                     {
                       style: {
@@ -9936,7 +9936,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
       q.disconnect();
     };
   }, [ce, Ee, t, we]);
-  const Ae = ce ? { textMinHeightPx: I, captionMinHeightPx: g } : void 0, H = ce ? /* @__PURE__ */ l(
+  const Ie = ce ? { textMinHeightPx: I, captionMinHeightPx: g } : void 0, H = ce ? /* @__PURE__ */ l(
     "div",
     {
       ref: Q,
@@ -9952,7 +9952,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
       },
       children: (t ?? []).map((E, z) => we(E, `measure-${z}`, { dataMeasureAttrs: !0 }))
     }
-  ) : null, oe = (E, z) => /* @__PURE__ */ re(
+  ) : null, re = (E, z) => /* @__PURE__ */ oe(
     "div",
     {
       style: {
@@ -9965,7 +9965,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
         willChange: "transform"
       },
       children: [
-        we(E, `card-${z}`, Ae),
+        we(E, `card-${z}`, Ie),
         S && /* @__PURE__ */ l(
           "div",
           {
@@ -9988,7 +9988,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
   );
   if (T) {
     const E = y ? A && j ? "paused" : "running" : "paused";
-    return /* @__PURE__ */ re(
+    return /* @__PURE__ */ oe(
       "div",
       {
         ref: P,
@@ -10037,7 +10037,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
                   },
                   "aria-hidden": q > 0,
                   children: t == null ? void 0 : t.map(
-                    (G, ae) => oe(G, `${q}-${ae}`)
+                    (G, ae) => re(G, `${q}-${ae}`)
                   )
                 },
                 `set-${q}`
@@ -10048,7 +10048,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
       }
     );
   }
-  return /* @__PURE__ */ re("div", { className: `${s}-wrapper`, children: [
+  return /* @__PURE__ */ oe("div", { className: `${s}-wrapper`, children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: fi(s) } }),
     H,
     /* @__PURE__ */ l(
@@ -10063,7 +10063,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
         },
         "aria-label": "Testimonials",
         children: t == null ? void 0 : t.map(
-          (E, z) => oe(E, z)
+          (E, z) => re(E, z)
         )
       }
     )
@@ -11316,7 +11316,7 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
         return "left";
     }
   }, [a]);
-  Ie(() => {
+  Ae(() => {
     F(0), M(null), T(!1);
   }, [o.length]);
   const _ = o[f], W = S === null ? null : o[S], V = (ne) => {
@@ -11348,7 +11348,7 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
   }, [I, te, o.length]), J = ft(() => {
     I && F((ne) => te(ne, (ne + 1) % o.length));
   }, [I, te, o.length]);
-  Ie(() => {
+  Ae(() => {
     if (!x || !I) return;
     const ne = Math.max(300, Td / c), ce = window.setInterval(() => {
       F((B) => te(B, (B + 1) % o.length));
@@ -11356,14 +11356,14 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
     return () => {
       window.clearInterval(ce);
     };
-  }, [x, I, te, o.length, c]), Ie(() => () => {
+  }, [x, I, te, o.length, c]), Ae(() => () => {
     O.current && window.clearTimeout(O.current);
   }, []);
   const he = (ne, ce) => {
     var ve, Pe, we, Ee;
     const B = ce == null ? void 0 : ce.textMinHeightPx, K = ce == null ? void 0 : ce.captionMinHeightPx, U = ce == null ? void 0 : ce.dataMeasureAttrs, se = i && !(ce != null && ce.dataMeasureAttrs) && !(ce != null && ce.hideControls);
-    return /* @__PURE__ */ re(Ge, { children: [
-      ne.text && /* @__PURE__ */ re("div", { style: { display: "flex", flexDirection: "column", alignItems: C, width: "100%" }, children: [
+    return /* @__PURE__ */ oe(Ge, { children: [
+      ne.text && /* @__PURE__ */ oe("div", { style: { display: "flex", flexDirection: "column", alignItems: C, width: "100%" }, children: [
         /* @__PURE__ */ l(
           "div",
           {
@@ -11386,7 +11386,7 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
           }
         )
       ] }),
-      /* @__PURE__ */ re("div", { style: { display: "flex", flexDirection: "column", alignItems: C, width: "100%" }, children: [
+      /* @__PURE__ */ oe("div", { style: { display: "flex", flexDirection: "column", alignItems: C, width: "100%" }, children: [
         /* @__PURE__ */ l(
           "div",
           {
@@ -11405,7 +11405,7 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
           }
         ) })
       ] }),
-      ne.caption && /* @__PURE__ */ re("div", { style: { display: "flex", flexDirection: "column", alignItems: C, width: "100%" }, children: [
+      ne.caption && /* @__PURE__ */ oe("div", { style: { display: "flex", flexDirection: "column", alignItems: C, width: "100%" }, children: [
         /* @__PURE__ */ l(
           "div",
           {
@@ -11449,9 +11449,9 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
     };
   }, [R, le, t]), !_) return /* @__PURE__ */ l(Ge, {});
   const xe = R ? { textMinHeightPx: N, captionMinHeightPx: j } : void 0;
-  return /* @__PURE__ */ l(Ge, { children: /* @__PURE__ */ re("div", { className: `${s}-container`, children: [
+  return /* @__PURE__ */ l(Ge, { children: /* @__PURE__ */ oe("div", { className: `${s}-container`, children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: Sd(s) } }),
-    /* @__PURE__ */ re(
+    /* @__PURE__ */ oe(
       "div",
       {
         className: `${s}-wrapper`,
@@ -11475,14 +11475,14 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
               children: o.map((ne, ce) => /* @__PURE__ */ l("div", { style: { width: "100%" }, children: he(ne, { dataMeasureAttrs: !0 }) }, ce))
             }
           ),
-          /* @__PURE__ */ re("div", { className: `${s}-fade-stack`, children: [
+          /* @__PURE__ */ oe("div", { className: `${s}-fade-stack`, children: [
             W && y && /* @__PURE__ */ l("div", { className: Fe(`${s}-fade-item-prev`, `${s}-fade-out`), children: he(W, { ...xe, hideControls: !0 }) }),
             /* @__PURE__ */ l("div", { className: Fe(`${s}-fade-item-current`, y ? `${s}-fade-in` : void 0), children: he(_, xe) })
           ] })
         ]
       }
     ),
-    Q.mode === "On" && /* @__PURE__ */ re("div", { className: `${s}-controls`, children: [
+    Q.mode === "On" && /* @__PURE__ */ oe("div", { className: `${s}-controls`, children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -12770,21 +12770,21 @@ function Rd({ images: e, index: t, imageDisplay: n, originRect: r, reverseClose:
       p({ width: N, height: V, left: _.left + (W - N) / 2, top: _.top });
     }
   }, [n]);
-  Ie(() => {
+  Ae(() => {
     F();
     const C = w.current;
     if (!C) return;
     const P = new ResizeObserver(() => F());
     return P.observe(C), () => P.disconnect();
-  }, [F, t]), Ie(() => {
+  }, [F, t]), Ae(() => {
     m === "opening" && h && b("open");
-  }, [m, h]), Ie(() => {
+  }, [m, h]), Ae(() => {
     if (m !== "closing") return;
     const C = setTimeout(() => s(), Ht);
     return () => clearTimeout(C);
-  }, [m, s]), Ie(() => {
+  }, [m, s]), Ae(() => {
     f.current !== t && x(!1), f.current = t;
-  }, [t]), Ie(() => {
+  }, [t]), Ae(() => {
     const C = (P) => {
       P.key === "Escape" && (P.preventDefault(), P.stopPropagation(), m !== "closing" && b("closing"));
     };
@@ -12793,7 +12793,7 @@ function Rd({ images: e, index: t, imageDisplay: n, originRect: r, reverseClose:
   const S = () => {
     m !== "closing" && b("closing");
   }, M = m === "open", y = m === "closing", T = y && i && !!r, O = m === "opening" ? r ?? h : T ? r : h;
-  return /* @__PURE__ */ re(
+  return /* @__PURE__ */ oe(
     "div",
     {
       style: {
@@ -12831,7 +12831,7 @@ function Rd({ images: e, index: t, imageDisplay: n, originRect: r, reverseClose:
               alignItems: "center",
               justifyContent: "center"
             },
-            children: d ? /* @__PURE__ */ re(Ge, { children: [
+            children: d ? /* @__PURE__ */ oe(Ge, { children: [
               /* @__PURE__ */ l("div", { ref: w, style: { position: "absolute", inset: 0 } }),
               /* @__PURE__ */ l(
                 "div",
@@ -12851,14 +12851,14 @@ function Rd({ images: e, index: t, imageDisplay: n, originRect: r, reverseClose:
                     pointerEvents: "none",
                     zIndex: 9999
                   },
-                  children: e.length > 1 && /* @__PURE__ */ re("p", { className: a, style: u, children: [
+                  children: e.length > 1 && /* @__PURE__ */ oe("p", { className: a, style: u, children: [
                     t + 1,
                     " / ",
                     e.length
                   ] })
                 }
               )
-            ] }) : /* @__PURE__ */ re(Ge, { children: [
+            ] }) : /* @__PURE__ */ oe(Ge, { children: [
               /* @__PURE__ */ l("div", { style: { height: "10%" } }),
               /* @__PURE__ */ l(
                 "div",
@@ -12885,7 +12885,7 @@ function Rd({ images: e, index: t, imageDisplay: n, originRect: r, reverseClose:
                     opacity: M ? 1 : 0,
                     transition: `opacity ${Ht}ms ${Yt}`
                   },
-                  children: e.length > 1 && /* @__PURE__ */ re("p", { className: a, style: u, children: [
+                  children: e.length > 1 && /* @__PURE__ */ oe("p", { className: a, style: u, children: [
                     t + 1,
                     " / ",
                     e.length
@@ -12915,7 +12915,7 @@ function Rd({ images: e, index: t, imageDisplay: n, originRect: r, reverseClose:
             }
           }
         ),
-        M && h && /* @__PURE__ */ re(Ge, { children: [
+        M && h && /* @__PURE__ */ oe(Ge, { children: [
           /* @__PURE__ */ l(
             "div",
             {
@@ -13040,7 +13040,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     wordSpacing: le ?? 0,
     textAppearance: xe,
     color: O
-  }, Ae = {
+  }, Ie = {
     ...St(rt(we, n)),
     ...ro(g, J, a, n)
   }, H = no(
@@ -13048,7 +13048,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     W,
     `${a}-item-title`,
     `${a}-text-tight-leading`
-  ), oe = no(
+  ), re = no(
     N,
     A,
     `${a}-item-subtitle`,
@@ -13078,7 +13078,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     height: "auto",
     maxWidth: "100%"
   }, [Gt, Ct] = de("ltr"), [Nt, On] = de(0), Se = Te(null);
-  Ie(() => {
+  Ae(() => {
     const Re = Se.current;
     if (!Re) return;
     const ut = new ResizeObserver((pt) => {
@@ -13094,17 +13094,17 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     const Y = Re.currentTarget.getBoundingClientRect();
     cr({ top: Y.top, left: Y.left, width: Y.width, height: Y.height }), lr(ut), yn(pt), Ke(!0);
   };
-  Ie(() => {
+  Ae(() => {
     if (!Qe || p !== "on" || typeof document > "u") return;
     const Re = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = Re;
     };
-  }, [Qe, p]), Ie(() => {
+  }, [Qe, p]), Ae(() => {
     !n || r || (Ke(!1), cr(null));
   }, [n, r]);
   const Gr = He(() => kd(a), [a]);
-  return /* @__PURE__ */ re(Ge, { children: [
+  return /* @__PURE__ */ oe(Ge, { children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: Gr } }),
     /* @__PURE__ */ l("div", { style: G, children: /* @__PURE__ */ l(
       "div",
@@ -13120,7 +13120,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
         },
         children: be.map((Re, ut) => {
           var et, ht;
-          const pt = xi(Re.title), Y = xi(Re.subtitle), pe = (((et = Re.link) == null ? void 0 : et.length) ?? 0) > 0 && p === "off" ? Re.link : void 0, ye = Math.floor(ut / d.columnsCount) === Math.ceil(be.length / d.columnsCount) - 1, Le = me ? /* @__PURE__ */ re("div", { className: `${a}-item-text-block`, children: [
+          const pt = xi(Re.title), Y = xi(Re.subtitle), pe = (((et = Re.link) == null ? void 0 : et.length) ?? 0) > 0 && p === "off" ? Re.link : void 0, ye = Math.floor(ut / d.columnsCount) === Math.ceil(be.length / d.columnsCount) - 1, Le = me ? /* @__PURE__ */ oe("div", { className: `${a}-item-text-block`, children: [
             pt && /* @__PURE__ */ l("p", { className: H, style: { width: Ve, ...U, ...E }, children: Re.title }),
             pt && /* @__PURE__ */ l(
               "div",
@@ -13133,7 +13133,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 }
               }
             ),
-            Y && /* @__PURE__ */ l("p", { className: oe, style: { width: Ve, ...Pe, ...z }, children: Re.subtitle }),
+            Y && /* @__PURE__ */ l("p", { className: re, style: { width: Ve, ...Pe, ...z }, children: Re.subtitle }),
             Y && /* @__PURE__ */ l(
               "div",
               {
@@ -13145,7 +13145,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 }
               }
             )
-          ] }) : null, Ye = me ? /* @__PURE__ */ re("div", { className: `${a}-item-title-row`, children: [
+          ] }) : null, Ye = me ? /* @__PURE__ */ oe("div", { className: `${a}-item-title-row`, children: [
             pt && /* @__PURE__ */ l("p", { className: H, style: { width: Ve, ...U, ...E }, children: Re.title }),
             pt && /* @__PURE__ */ l(
               "div",
@@ -13158,8 +13158,8 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 }
               }
             )
-          ] }) : null, Je = me ? /* @__PURE__ */ re("div", { className: `${a}-item-subtitle-row`, children: [
-            Y && /* @__PURE__ */ l("p", { className: oe, style: { width: Ve, ...Pe, ...z }, children: Re.subtitle }),
+          ] }) : null, Je = me ? /* @__PURE__ */ oe("div", { className: `${a}-item-subtitle-row`, children: [
+            Y && /* @__PURE__ */ l("p", { className: re, style: { width: Ve, ...Pe, ...z }, children: Re.subtitle }),
             Y && /* @__PURE__ */ l(
               "div",
               {
@@ -13171,10 +13171,10 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 }
               }
             )
-          ] }) : null, _e = pe ? /* @__PURE__ */ re("a", { href: pe, target: "_blank", className: `${a}-item-text-link`, children: [
+          ] }) : null, _e = pe ? /* @__PURE__ */ oe("a", { href: pe, target: "_blank", className: `${a}-item-text-link`, children: [
             Ye,
             Je
-          ] }) : /* @__PURE__ */ re(Ge, { children: [
+          ] }) : /* @__PURE__ */ oe(Ge, { children: [
             Ye,
             Je
           ] }), mt = /* @__PURE__ */ l("div", { className: Mt, style: xt, children: (((ht = Re.image) == null ? void 0 : ht.length) ?? 0) === 0 ? null : $ === "off" ? (() => {
@@ -13188,7 +13188,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 onImageClick: Jt(Be) ? void 0 : (ot) => dr(ot, lt, 0)
               }
             );
-          })() : /* @__PURE__ */ re(Ge, { children: [
+          })() : /* @__PURE__ */ oe(Ge, { children: [
             Ft && /* @__PURE__ */ l("div", { className: `${a}-item-image-wrapper-sizer`, "aria-hidden": "true", children: Re.image.map((Be) => Jt(Be) ? /* @__PURE__ */ l("video", { src: Be.url, muted: !0, playsInline: !0 }, `sizer-${Be.url}`) : /* @__PURE__ */ l("img", { src: Be.url, alt: "" }, `sizer-${Be.url}`)) }),
             /* @__PURE__ */ l(
               Oo,
@@ -13232,7 +13232,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
               },
               `${F}-${Oe}-${f}-${x}-${Nt}-${c}`
             )
-          ] }) }), gt = me ? null : /* @__PURE__ */ re(Ge, { children: [
+          ] }) }), gt = me ? null : /* @__PURE__ */ oe(Ge, { children: [
             /* @__PURE__ */ l(
               "div",
               {
@@ -13266,7 +13266,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
             /* @__PURE__ */ l(
               "p",
               {
-                className: oe,
+                className: re,
                 style: { width: Ve, ...Pe, ...z },
                 children: Re.subtitle
               }
@@ -13281,10 +13281,10 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 {
                   className: `${i ? `${a}-item-inner` : `${a}-item-inner-hidden`}${ze && ye ? ` ${a}-item-inner-last-row` : ""}`.trim(),
                   style: { width: (w ?? 0) > 100 ? `calc(${L(Oe ?? 0, n)} * (${w} / 100))` : L(Oe ?? 0, n) },
-                  children: ze ? /* @__PURE__ */ re(Ge, { children: [
+                  children: ze ? /* @__PURE__ */ oe(Ge, { children: [
                     _e,
                     /* @__PURE__ */ l("a", { href: pe, target: "_blank", className: `${a}-item-image-link`, children: mt })
-                  ] }) : /* @__PURE__ */ re("a", { href: pe, target: "_blank", className: `${a}-item-image-link`, children: [
+                  ] }) : /* @__PURE__ */ oe("a", { href: pe, target: "_blank", className: `${a}-item-image-link`, children: [
                     Le,
                     mt,
                     gt
@@ -13310,7 +13310,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
           onPrev: () => yn((Re) => (Re - 1 + dt.length) % dt.length),
           onNext: () => yn((Re) => (Re + 1) % dt.length),
           counterClassName: q,
-          counterStyle: Ae
+          counterStyle: Ie
         }
       ) }),
       document.body
@@ -15214,7 +15214,7 @@ function qd({
   style: n
 }) {
   const r = Te(null);
-  return Ie(() => {
+  return Ae(() => {
     if (!e.isVideo) return;
     const i = r.current;
     if (!i) return;
@@ -16292,9 +16292,9 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     for (; Le && !Le.style.getPropertyValue("--cntrl-article-width"); )
       Le = Le.parentElement;
     return Le && ye.observe(Le), () => ye.disconnect();
-  }, [n, o]), Ie(() => {
+  }, [n, o]), Ae(() => {
     j(void 0);
-  }, [$, x, t, h]), Ie(() => {
+  }, [$, x, t, h]), Ae(() => {
     n && !r && j(void 0);
   }, [n, r]);
   const Pe = Jn(a, {
@@ -16304,8 +16304,8 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     textHoverColor: R,
     backgroundHoverColor: D,
     dividerHoverColor: N
-  }, cu, du), we = s && s !== "default" ? `${a}-state-${s}` : "", Ae = `${!n || r ? y === "default" ? `${a}-entry-hover-default` : y === "blinds" ? `${a}-entry-hover-blinds` : y === "reveal" ? `${a}-entry-hover-reveal` : "" : ""} ${we}`.trim(), H = y === "reveal" && (!n || r), oe = (b == null ? void 0 : b[0]) ?? !1, E = (b == null ? void 0 : b[1]) ?? !1, z = Te(e), q = Te(o);
-  Ie(() => {
+  }, cu, du), we = s && s !== "default" ? `${a}-state-${s}` : "", Ie = `${!n || r ? y === "default" ? `${a}-entry-hover-default` : y === "blinds" ? `${a}-entry-hover-blinds` : y === "reveal" ? `${a}-entry-hover-reveal` : "" : ""} ${we}`.trim(), H = y === "reveal" && (!n || r), re = (b == null ? void 0 : b[0]) ?? !1, E = (b == null ? void 0 : b[1]) ?? !1, z = Te(e), q = Te(o);
+  Ae(() => {
     if (!c || !n) {
       z.current = e, q.current = o;
       return;
@@ -16401,7 +16401,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
       link: ye.link
     }));
   }, [t, h]), at = te ? A ?? $ : je.length, vt = He(() => te ? je.slice(0, at) : je, [je, te, at]), bt = te && at < je.length, Pt = vt.length > 1 || bt, Ft = [
-    oe ? `${a}-divider-top` : "",
+    re ? `${a}-divider-top` : "",
     E || Pt ? `${a}-divider-bottom` : ""
   ].filter(Boolean).join(" "), xt = !n || r, Mt = () => {
     if (!xt) return;
@@ -16414,7 +16414,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
   }, me = (Y) => L(Y, n ?? !1), ze = g ? P ?? 0 : O ?? 0, Ve = C ?? 0, Ze = p ?? 0, Et = ze + Ze / 2, Gt = Math.max(Ve, ao), Ct = Si(
     0,
     vt.length,
-    oe,
+    re,
     E,
     bt,
     m ?? 0,
@@ -16491,7 +16491,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     We,
     ne,
     m,
-    oe,
+    re,
     E,
     bt
   ]);
@@ -16609,13 +16609,13 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     We
   ]);
   const pt = He(() => Ud(a), [a]);
-  return /* @__PURE__ */ re(Ge, { children: [
+  return /* @__PURE__ */ oe(Ge, { children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: pt } }),
-    /* @__PURE__ */ l("div", { style: Pe, children: /* @__PURE__ */ re(
+    /* @__PURE__ */ l("div", { style: Pe, children: /* @__PURE__ */ oe(
       "div",
       {
         ref: J,
-        className: `${a}-wrapper ${Ae}${Ft ? ` ${Ft}` : ""}${g ? ` ${a}-type-b` : ""}`.trim(),
+        className: `${a}-wrapper ${Ie}${Ft ? ` ${Ft}` : ""}${g ? ` ${a}-type-b` : ""}`.trim(),
         style: {
           width: L(v ?? 0, n),
           ...!g && u ? { [`--${a}-first-entry-handle-top`]: Nt } : {}
@@ -16623,19 +16623,19 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
         onMouseMove: I ? cr : void 0,
         onMouseLeave: I ? dr : void 0,
         children: [
-          /* @__PURE__ */ re("div", { style: { width: "100%", position: "relative" }, children: [
+          /* @__PURE__ */ oe("div", { style: { width: "100%", position: "relative" }, children: [
             vt.map((Y, pe) => {
               var Je;
               const ye = (((Je = Y.link) == null ? void 0 : Je.length) ?? 0) > 0, Le = ye && (!n || r) ? "a" : "div", Ye = Si(
                 pe,
                 vt.length,
-                oe,
+                re,
                 E,
                 bt,
                 m ?? 0,
                 n ?? !1
               );
-              return /* @__PURE__ */ re(
+              return /* @__PURE__ */ oe(
                 Le,
                 {
                   ref: pe === 0 ? (_e) => {
@@ -16658,7 +16658,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                         style: { height: me(ze) }
                       }
                     ),
-                    /* @__PURE__ */ re(
+                    /* @__PURE__ */ oe(
                       "div",
                       {
                         className: `${a}-list-cols-row${g ? "" : ` ${a}-list-cols-row-h`}${u && pe === 0 && g ? ` ${a}-list-cols-row-controls` : ""}`,
@@ -16679,7 +16679,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                               e,
                               vn
                             ), ur = g && Be && u && pe === 0;
-                            return /* @__PURE__ */ re(
+                            return /* @__PURE__ */ oe(
                               "div",
                               {
                                 className: g ? `${a}-list-col-wrap` : void 0,
@@ -16751,7 +16751,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                               _e.key
                             );
                           }),
-                          u && pe === 0 && g && /* @__PURE__ */ re(Ge, { children: [
+                          u && pe === 0 && g && /* @__PURE__ */ oe(Ge, { children: [
                             /* @__PURE__ */ l(
                               Ot,
                               {
@@ -16855,7 +16855,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 }
               }
             ) }, "row-padding-handles"),
-            u && !g && Se && nt && /* @__PURE__ */ re("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
+            u && !g && Se && nt && /* @__PURE__ */ oe("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
               /* @__PURE__ */ l(
                 Ot,
                 {
@@ -16912,7 +16912,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                 Je.paddingLeft,
                 Sn
               );
-              return /* @__PURE__ */ re("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
+              return /* @__PURE__ */ oe("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
                 /* @__PURE__ */ l(
                   Ot,
                   {
@@ -21201,10 +21201,14 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     answerPaddingTop: le = 0,
     answerPaddingBottom: xe = 0
   } = e, ne = t ?? [], [ce, B] = de(() => /* @__PURE__ */ new Set()), K = !n || r;
-  Ie(() => {
+  Ae(() => {
     B(/* @__PURE__ */ new Set());
-  }, [h]);
-  const U = (me) => L(me, n ?? !1), se = Math.max(I, Xt), ve = Math.max(te, Xt), Pe = Math.max(g, Xt), we = Math.max(J, Xt), Ee = Math.max(he, Xt), Ae = Math.max(le, Xt), H = Math.max(xe, Xt), oe = Math.max(0, (a ?? 1) - b - m), E = Math.max(0, (a ?? 1) - he), z = Math.max(0, (a ?? 1) - J), q = Math.max(b, Xt), G = Math.max(0, (a ?? 1) - I - m), ae = He(() => ce.size === 0 ? 0 : Math.min(...ce), [ce]), ge = ft((me) => ce.has(me), [ce]), Ne = K && v === "default" ? `${o}-entry-hover-default` : "", fe = p ?? "", be = fe !== "", Oe = $.replace(/^rotate /, ""), ie = `${o}-icon-anim-${Oe}`, Ce = St(rt(
+  }, [h]), Ae(() => {
+    n && !i && !r && B(/* @__PURE__ */ new Set());
+  }, [n, i, r]);
+  const U = (me) => L(me, n ?? !1), se = Math.max(I, Xt), ve = Math.max(te, Xt), Pe = Math.max(g, Xt), we = Math.max(J, Xt), Ee = Math.max(he, Xt), Ie = Math.max(le, Xt), H = Math.max(xe, Xt), re = Math.max(0, (a ?? 1) - b - m), E = Math.max(0, (a ?? 1) - he), z = Math.max(0, (a ?? 1) - J), q = Math.max(b, Xt), G = Math.max(0, (a ?? 1) - I - m);
+  console.log("questionPaddingLeftMaxFraction", re);
+  const ae = He(() => ce.size === 0 ? 0 : Math.min(...ce), [ce]), ge = ft((me) => ce.has(me), [ce]), Ne = K && v === "default" ? `${o}-entry-hover-default` : "", fe = p ?? "", be = fe !== "", Oe = $.replace(/^rotate /, ""), ie = `${o}-icon-anim-${Oe}`, Ce = St(rt(
     Bi(
       C,
       P,
@@ -21264,7 +21268,7 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     [`--${o}-icon-max-width`]: L(m, n ?? !1),
     ...u > 0 ? { [`--${o}-question-min-height`]: L(u, n ?? !1) } : {}
   };
-  return /* @__PURE__ */ re(Ge, { children: [
+  return /* @__PURE__ */ oe(Ge, { children: [
     /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: xt } }),
     /* @__PURE__ */ l("div", { style: bt, children: /* @__PURE__ */ l(
       "div",
@@ -21278,14 +21282,14 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
         children: ne.map((me, ze) => {
           var Nt;
           const Ve = ge(ze), Ze = ((Nt = me.question) == null ? void 0 : Nt.trim()) ?? "", Et = me.answer, Gt = ((Et == null ? void 0 : Et.length) ?? 0) > 0, Ct = c && ze === ae;
-          return /* @__PURE__ */ re(
+          return /* @__PURE__ */ oe(
             "div",
             {
               className: `${o}-item${Ve ? ` ${o}-item-open` : ""}`.trim(),
               "data-faq-item": "",
               children: [
-                /* @__PURE__ */ re("div", { className: `${o}-question-controls`, children: [
-                  Ct && /* @__PURE__ */ re(Ge, { children: [
+                /* @__PURE__ */ oe("div", { className: `${o}-question-controls`, children: [
+                  Ct && /* @__PURE__ */ oe(Ge, { children: [
                     /* @__PURE__ */ l(
                       Qt,
                       {
@@ -21315,7 +21319,7 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                         "data-controls-axis": "x",
                         "data-controls-variant": "column-padding",
                         "data-controls-min": "0",
-                        "data-controls-max-fraction": String(oe),
+                        "data-controls-max-fraction": String(re),
                         className: `${o}-padding-control-handle`,
                         hitPlacement: "center-x",
                         areaStyle: {
@@ -21351,7 +21355,7 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ re(
+                  /* @__PURE__ */ oe(
                     "button",
                     {
                       type: "button",
@@ -21373,7 +21377,7 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ re("span", { className: `${o}-question-row`, children: [
+                        /* @__PURE__ */ oe("span", { className: `${o}-question-row`, children: [
                           /* @__PURE__ */ l("span", { className: Me, children: Ze }),
                           Gt && (be ? /* @__PURE__ */ l("span", { className: `${o}-icon ${o}-icon-custom ${ie}`, "aria-hidden": "true", children: /* @__PURE__ */ l(
                             qt,
@@ -21418,8 +21422,8 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                     }
                   )
                 ] }),
-                Gt && Et && /* @__PURE__ */ l("div", { className: `${o}-panel`, "aria-hidden": !Ve, children: /* @__PURE__ */ l("div", { className: `${o}-panel-inner`, children: /* @__PURE__ */ re("div", { className: `${o}-answer-controls`, children: [
-                  Ct && /* @__PURE__ */ re(Ge, { children: [
+                Gt && Et && /* @__PURE__ */ l("div", { className: `${o}-panel`, "aria-hidden": !Ve, children: /* @__PURE__ */ l("div", { className: `${o}-panel-inner`, children: /* @__PURE__ */ oe("div", { className: `${o}-answer-controls`, children: [
+                  Ct && /* @__PURE__ */ oe(Ge, { children: [
                     /* @__PURE__ */ l(
                       Qt,
                       {
@@ -21436,7 +21440,7 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                           top: 0,
                           left: 0,
                           width: "100%",
-                          height: U(Ae),
+                          height: U(Ie),
                           zIndex: 2
                         }
                       }
@@ -21983,6 +21987,12 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
   useEffect(() => {
     setOpenIndices(new Set());
   }, [autoclose]);
+
+  useEffect(() => {
+    if (isEditor && !isEditMode && !isPreviewMode) {
+      setOpenIndices(new Set());
+    }
+  }, [isEditor, isEditMode, isPreviewMode]);
   const scaled = (value: number) => scalingValue(value, isEditor ?? false);
   const questionPaddingLeftWidth = Math.max(questionPaddingLeft, PADDING_HANDLE_SIZE);
   const questionPaddingTopHeight = Math.max(questionPaddingTop, PADDING_HANDLE_SIZE);
@@ -21997,6 +22007,8 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
   const iconPaddingRightWidth = Math.max(iconPaddingRight, PADDING_HANDLE_SIZE);
   const iconPaddingRightMaxFraction = Math.max(0, (wrapperWidth ?? 1) - questionPaddingLeft - iconMaxWidth);
 
+  console.log('questionPaddingLeftMaxFraction', questionPaddingLeftMaxFraction);
+
   const controlsTargetIndex = useMemo(() => {
     if (openIndices.size === 0) {
       return 0;