@cntrl-site/components 1.0.19-alpha.3 → 1.0.19-alpha.5

package/dist/index.mjs

@@ -6,7 +6,7 @@ import { createPortal as Wo, flushSync as rs } from "react-dom";
 function Mg(t) {
   return t.type === "object" && t.version === 1;
 }
-const as = "ControlSlider-module__wrapper___sHEkd", ls = "ControlSlider-module__hoverArrow___A-dOH", ss = "ControlSlider-module__sliderItem___QQSkR", cs = "ControlSlider-module__sliderImage___9hRl-", ds = "ControlSlider-module__arrow___05ghY", us = "ControlSlider-module__arrowVertical___tBfVN", ps = "ControlSlider-module__nextArrow___-30Yc", ms = "ControlSlider-module__arrowInner___aEra3", gs = "ControlSlider-module__arrowIcon___S4ztF", hs = "ControlSlider-module__arrowImg___2dwJW", fs = "ControlSlider-module__mirror___brd6U", ys = "ControlSlider-module__pagination___bicLF", vs = "ControlSlider-module__paginationInner___bT-P-", bs = "ControlSlider-module__paginationVertical___zYqKw", xs = "ControlSlider-module__paginationItem___nTRbk", ws = "ControlSlider-module__dot___p1Qun", $s = "ControlSlider-module__activeDot___LHFaj", Ss = "ControlSlider-module__paginationInsideBottom___R3FWn", Cs = "ControlSlider-module__paginationInsideTop___V-qb-", Ts = "ControlSlider-module__paginationOutsideBottom___14w8D", Ls = "ControlSlider-module__paginationOutsideTop___SCLqB", Es = "ControlSlider-module__paginationInsideLeft___yOBRZ", Ps = "ControlSlider-module__paginationInsideRight___Rtt3o", Is = "ControlSlider-module__paginationOutsideLeft___lahaw", As = "ControlSlider-module__paginationOutsideRight___EtuQa", _s = "ControlSlider-module__imgWrapper___UjEgB", Ws = "ControlSlider-module__captionBlock___dJ6-j", ks = "ControlSlider-module__captionTextWrapper___HFlpf", Rs = "ControlSlider-module__captionText___uGBVc", Ms = "ControlSlider-module__active___WZK4G", Fs = "ControlSlider-module__withPointerEvents___t-18M", Ns = "ControlSlider-module__topLeftAlignment___zjnGM", Hs = "ControlSlider-module__topCenterAlignment___gD1xW", Os = "ControlSlider-module__topRightAlignment___NMapS", Bs = "ControlSlider-module__middleLeftAlignment___OnUrY", zs = "ControlSlider-module__middleCenterAlignment___Tdkl0", Ds = "ControlSlider-module__middleRightAlignment___wEbfX", Vs = "ControlSlider-module__bottomLeftAlignment___cTP2-", qs = "ControlSlider-module__bottomCenterAlignment___c54fB", js = "ControlSlider-module__bottomRightAlignment___kEwrz", Ks = "ControlSlider-module__clickOverlay___DZA28", Us = "ControlSlider-module__contain___pLyq7", Gs = "ControlSlider-module__cover___KdDat", At = {
+const as = "ControlSlider-module__wrapper___sHEkd", ls = "ControlSlider-module__hoverArrow___A-dOH", ss = "ControlSlider-module__sliderItem___QQSkR", cs = "ControlSlider-module__sliderImage___9hRl-", ds = "ControlSlider-module__arrow___05ghY", us = "ControlSlider-module__arrowVertical___tBfVN", ps = "ControlSlider-module__nextArrow___-30Yc", ms = "ControlSlider-module__arrowInner___aEra3", gs = "ControlSlider-module__arrowIcon___S4ztF", hs = "ControlSlider-module__arrowImg___2dwJW", fs = "ControlSlider-module__mirror___brd6U", ys = "ControlSlider-module__pagination___bicLF", vs = "ControlSlider-module__paginationInner___bT-P-", bs = "ControlSlider-module__paginationVertical___zYqKw", xs = "ControlSlider-module__paginationItem___nTRbk", ws = "ControlSlider-module__dot___p1Qun", $s = "ControlSlider-module__activeDot___LHFaj", Ss = "ControlSlider-module__paginationInsideBottom___R3FWn", Cs = "ControlSlider-module__paginationInsideTop___V-qb-", Ts = "ControlSlider-module__paginationOutsideBottom___14w8D", Ls = "ControlSlider-module__paginationOutsideTop___SCLqB", Es = "ControlSlider-module__paginationInsideLeft___yOBRZ", Ps = "ControlSlider-module__paginationInsideRight___Rtt3o", Is = "ControlSlider-module__paginationOutsideLeft___lahaw", _s = "ControlSlider-module__paginationOutsideRight___EtuQa", As = "ControlSlider-module__imgWrapper___UjEgB", Ws = "ControlSlider-module__captionBlock___dJ6-j", ks = "ControlSlider-module__captionTextWrapper___HFlpf", Rs = "ControlSlider-module__captionText___uGBVc", Ms = "ControlSlider-module__active___WZK4G", Fs = "ControlSlider-module__withPointerEvents___t-18M", Ns = "ControlSlider-module__topLeftAlignment___zjnGM", Hs = "ControlSlider-module__topCenterAlignment___gD1xW", Os = "ControlSlider-module__topRightAlignment___NMapS", Bs = "ControlSlider-module__middleLeftAlignment___OnUrY", zs = "ControlSlider-module__middleCenterAlignment___Tdkl0", Ds = "ControlSlider-module__middleRightAlignment___wEbfX", Vs = "ControlSlider-module__bottomLeftAlignment___cTP2-", qs = "ControlSlider-module__bottomCenterAlignment___c54fB", js = "ControlSlider-module__bottomRightAlignment___kEwrz", Ks = "ControlSlider-module__clickOverlay___DZA28", Us = "ControlSlider-module__contain___pLyq7", Gs = "ControlSlider-module__cover___KdDat", _t = {
   wrapper: as,
   hoverArrow: ls,
   sliderItem: ss,
@@ -31,8 +31,8 @@ const as = "ControlSlider-module__wrapper___sHEkd", ls = "ControlSlider-module__
   paginationInsideLeft: Es,
   paginationInsideRight: Ps,
   paginationOutsideLeft: Is,
-  paginationOutsideRight: As,
-  imgWrapper: _s,
+  paginationOutsideRight: _s,
+  imgWrapper: As,
   captionBlock: Ws,
   captionTextWrapper: ks,
   captionText: Rs,
@@ -106,7 +106,7 @@ function ji(t) {
 function rn(t, e) {
   ji(t).forEach(e);
 }
-function Ar(t, e) {
+function _r(t, e) {
   return t.indexOf(e) > -1;
 }
 function fo(t, e) {
@@ -123,7 +123,7 @@ function hn(t, e) {
 function Ki(t, e) {
   rn(e, t.appendChild.bind(t));
 }
-function _r(t, e) {
+function Ar(t, e) {
   rn(t, function(n) {
     var i = (e || n).parentNode;
     i && i.insertBefore(n, e);
@@ -308,7 +308,7 @@ function fl() {
     destroy: a
   };
 }
-var jn = "mounted", xr = "ready", Pn = "move", Li = "moved", Mr = "click", yl = "active", vl = "inactive", bl = "visible", xl = "hidden", Me = "refresh", Xe = "updated", vi = "resize", Ro = "resized", wl = "drag", $l = "dragging", Sl = "dragged", Mo = "scroll", ri = "scrolled", tc = "overflow", Fr = "destroy", Cl = "arrows:mounted", Tl = "arrows:updated", Ll = "pagination:mounted", El = "pagination:updated", Nr = "navigation:mounted", Hr = "autoplay:play", Pl = "autoplay:playing", Or = "autoplay:pause", Br = "lazyload:loaded", Il = "sk", Al = "sh", Po = "ei";
+var jn = "mounted", xr = "ready", Pn = "move", Li = "moved", Mr = "click", yl = "active", vl = "inactive", bl = "visible", xl = "hidden", Me = "refresh", Xe = "updated", vi = "resize", Ro = "resized", wl = "drag", $l = "dragging", Sl = "dragged", Mo = "scroll", ri = "scrolled", tc = "overflow", Fr = "destroy", Cl = "arrows:mounted", Tl = "arrows:updated", Ll = "pagination:mounted", El = "pagination:updated", Nr = "navigation:mounted", Hr = "autoplay:play", Pl = "autoplay:playing", Or = "autoplay:pause", Br = "lazyload:loaded", Il = "sk", _l = "sh", Po = "ei";
 function Ee(t) {
   var e = t ? t.event.bus : document.createDocumentFragment(), n = fl();
   function i(a, r) {
@@ -368,7 +368,7 @@ function ec(t) {
     e = o;
   }
   function i(o) {
-    return Ar(ji(o), e);
+    return _r(ji(o), e);
   }
   return {
     set: n,
@@ -417,14 +417,14 @@ function ic(t, e, n) {
     set: y
   };
 }
-var No = "Arrow", Ho = No + "Left", Oo = No + "Right", _l = No + "Up", Wl = No + "Down", ca = "rtl", Bo = "ttb", Zo = {
+var No = "Arrow", Ho = No + "Left", Oo = No + "Right", Al = No + "Up", Wl = No + "Down", ca = "rtl", Bo = "ttb", Zo = {
   width: ["height"],
   left: ["top", "right"],
   right: ["bottom", "left"],
   x: ["y"],
   X: ["Y"],
   Y: ["X"],
-  ArrowLeft: [_l, Oo],
+  ArrowLeft: [Al, Oo],
   ArrowRight: [Wl, Ho]
 };
 function oc(t, e, n) {
@@ -478,8 +478,8 @@ function vc(t, e, n) {
     });
   }
   function $(v) {
-    var A = Vr.concat("style");
-    En(u), Sn(r, d), Sn(b, x), fn([b, y], A), fn(r, v ? A : ["style", Hi]);
+    var _ = Vr.concat("style");
+    En(u), Sn(r, d), Sn(b, x), fn([b, y], _), fn(r, v ? _ : ["style", Hi]);
   }
   function C() {
     Sn(r, d), Sn(b, x), d = R(Qo), x = R(ga), hn(r, d), hn(b, x), Ut(r, en, n.label), Ut(r, zr, n.labelledby);
@@ -492,8 +492,8 @@ function vc(t, e, n) {
       next: Nl,
       bar: cc,
       toggle: dc
-    }, function(v, A) {
-      l[A] = E("." + v);
+    }, function(v, _) {
+      l[_] = E("." + v);
     }), Mi(l, {
       root: r,
       track: b,
@@ -502,12 +502,12 @@ function vc(t, e, n) {
     });
   }
   function k() {
-    var v = r.id || Qs(Gi), A = n.role;
-    r.id = v, b.id = b.id || v + "-track", y.id = y.id || v + "-list", !sn(r, Cn) && r.tagName !== "SECTION" && A && Ut(r, Cn, A), Ut(r, Hi, c.carousel), Ut(y, Cn, "presentation");
+    var v = r.id || Qs(Gi), _ = n.role;
+    r.id = v, b.id = b.id || v + "-track", y.id = y.id || v + "-list", !sn(r, Cn) && r.tagName !== "SECTION" && _ && Ut(r, Cn, _), Ut(r, Hi, c.carousel), Ut(y, Cn, "presentation");
   }
   function E(v) {
-    var A = gl(r, v);
-    return A && fc(A, "." + Qo) === r ? A : void 0;
+    var _ = gl(r, v);
+    return _ && fc(_, "." + Qo) === r ? _ : void 0;
   }
   function R(v) {
     return [v + "--" + n.type, v + "--" + n.direction, n.drag && v + "--draggable", n.isNavigation && v + "--nav", v === Qo && oi];
@@ -525,9 +525,9 @@ function bc(t, e, n, i) {
     w || (i.id = u.id + "-slide" + Rr(e + 1), Ut(i, Cn, p ? "tabpanel" : "group"), Ut(i, Hi, y.slide), Ut(i, en, C || br(y.slideLabel, [e + 1, t.length]))), v();
   }
   function v() {
-    c(i, "click", we(r, Mr, X)), c(i, "keydown", we(r, Il, X)), a([Li, Al, ri], T), a(Nr, V), b && a(Pn, m);
+    c(i, "click", we(r, Mr, X)), c(i, "keydown", we(r, Il, X)), a([Li, _l, ri], T), a(Nr, V), b && a(Pn, m);
   }
-  function A() {
+  function _() {
     E = !0, o.destroy(), Sn(i, gc), fn(i, Vr), Ut(i, "style", $), Ut(i, en, C || "");
   }
   function V() {
@@ -570,7 +570,7 @@ function bc(t, e, n, i) {
     var j = tn(l.Elements.track), H = tn(i), Y = L("left", !0), it = L("right", !0);
     return Eo(j[Y]) <= Ni(H[Y]) && Eo(H[it]) <= Ni(j[it]);
   }
-  function _(j, H) {
+  function A(j, H) {
     var Y = Je(j - e);
     return !w && (d.rewind || t.is(Ei)) && (Y = Dn(Y, t.length - Y)), Y <= H;
   }
@@ -581,10 +581,10 @@ function bc(t, e, n, i) {
     container: k,
     isClone: w,
     mount: R,
-    destroy: A,
+    destroy: _,
     update: T,
     style: U,
-    isWithin: _
+    isWithin: A
   };
   return X;
 }
@@ -632,7 +632,7 @@ function xc(t, e, n) {
     rn(T, function(N) {
       if (zn(N) && (N = ml(N)), dl(N)) {
         var U = l[I];
-        U ? _r(N, U) : Ki(u, N), hn(N, n.classes.slide), A(N, we(a, vi));
+        U ? Ar(N, U) : Ki(u, N), hn(N, n.classes.slide), _(N, we(a, vi));
       }
     }), a(Me);
   }
@@ -646,7 +646,7 @@ function xc(t, e, n) {
   }
   function R(T) {
     return d.filter(cl(T) ? T : function(I) {
-      return zn(T) ? ki(I.slide, T) : Ar(ji(T), I.index);
+      return zn(T) ? ki(I.slide, T) : _r(ji(T), I.index);
     });
   }
   function v(T, I, N) {
@@ -654,7 +654,7 @@ function xc(t, e, n) {
       U.style(T, I, N);
     });
   }
-  function A(T, I) {
+  function _(T, I) {
     var N = Wr(T, "img"), U = N.length;
     U ? N.forEach(function(st) {
       r(st, "load error", function() {
@@ -695,7 +695,7 @@ function wc(t, e, n) {
   }
   function k(X) {
     var j = tn(d);
-    (X || L.width !== j.width || L.height !== j.height) && (ln(x, "height", R()), p(l("marginRight"), Yn(n.gap)), p("width", A()), p("height", V(), !0), L = j, r(Ro), $ !== ($ = _()) && ($n(d, Dl, $), r(tc, $)));
+    (X || L.width !== j.width || L.height !== j.height) && (ln(x, "height", R()), p(l("marginRight"), Yn(n.gap)), p("width", _()), p("height", V(), !0), L = j, r(Ro), $ !== ($ = A()) && ($n(d, Dl, $), r(tc, $)));
   }
   function E(X) {
     var j = n.padding, H = l(X ? "right" : "left");
@@ -708,7 +708,7 @@ function wc(t, e, n) {
   function v() {
     return Yn(n.height || tn(b).width * n.heightRatio);
   }
-  function A() {
+  function _() {
     return n.autoWidth ? null : Yn(n.fixedWidth) || (f ? "" : m());
   }
   function V() {
@@ -743,7 +743,7 @@ function wc(t, e, n) {
   function B(X) {
     return parseFloat(ln(x, l("padding" + (X ? "Right" : "Left")))) || 0;
   }
-  function _() {
+  function A() {
     return t.is(Yi) || U(!0) > T();
   }
   return {
@@ -754,7 +754,7 @@ function wc(t, e, n) {
     sliderSize: U,
     totalSize: N,
     getPadding: B,
-    isOverflow: _
+    isOverflow: A
   };
 }
 var $c = 2;
@@ -780,7 +780,7 @@ function Sc(t, e, n) {
         fo(C, C);
       fo(C.slice(-$), C.slice(0, $)).forEach(function(k, E) {
         var R = E < $, v = f(k.slide, E);
-        R ? _r(v, C[0].slide) : Ki(a.list, v), fo(l, v), r.register(v, E - $ + (R ? 0 : w), k.index);
+        R ? Ar(v, C[0].slide) : Ki(a.list, v), fo(l, v), r.register(v, E - $ + (R ? 0 : w), k.index);
       });
     }
   }
@@ -812,17 +812,17 @@ function Cc(t, e, n) {
     e.Controller.isBusy() || (e.Scroll.cancel(), v(t.index), e.Slides.update());
   }
   function R(H, Y, it, rt) {
-    H !== Y && X(H > it) && (T(), A(m(U(), H > it), !0)), r(Ti), a(Pn, Y, it, H), w.start(Y, function() {
+    H !== Y && X(H > it) && (T(), _(m(U(), H > it), !0)), r(Ti), a(Pn, Y, it, H), w.start(Y, function() {
       r(yi), a(Li, Y, it, H), rt && rt();
     });
   }
   function v(H) {
-    A(N(H, !0));
+    _(N(H, !0));
   }
-  function A(H, Y) {
+  function _(H, Y) {
     if (!t.is(Yi)) {
       var it = Y ? H : V(H);
-      ln($, "transform", "translate" + p("X") + "(" + it + "px)"), H !== it && a(Al);
+      ln($, "transform", "translate" + p("X") + "(" + it + "px)"), H !== it && a(_l);
     }
   }
   function V(H) {
@@ -833,11 +833,11 @@ function Cc(t, e, n) {
     return H;
   }
   function m(H, Y) {
-    var it = H - _(Y), rt = b();
+    var it = H - A(Y), rt = b();
     return H -= f(rt * (Ni(Je(it) / rt) || 1)) * (Y ? 1 : -1), H;
   }
   function T() {
-    A(U(), !0), w.cancel();
+    _(U(), !0), w.cancel();
   }
   function I(H) {
     for (var Y = e.Slides.get(), it = 0, rt = 1 / 0, M = 0; M < Y.length; M++) {
@@ -864,7 +864,7 @@ function Cc(t, e, n) {
     var Y = n.focus;
     return Y === "center" ? (x() - l(H, !0)) / 2 : +Y * l(H) || 0;
   }
-  function _(H) {
+  function A(H) {
     return N(H ? e.Controller.getEnd() : 0, !!n.trimSpace);
   }
   function X(H) {
@@ -873,27 +873,27 @@ function Cc(t, e, n) {
   }
   function j(H, Y) {
     Y = qi(Y) ? U() : Y;
-    var it = H !== !0 && f(Y) < f(_(!1)), rt = H !== !1 && f(Y) > f(_(!0));
+    var it = H !== !0 && f(Y) < f(A(!1)), rt = H !== !1 && f(Y) > f(A(!0));
     return it || rt;
   }
   return {
     mount: k,
     move: R,
     jump: v,
-    translate: A,
+    translate: _,
     shift: m,
     cancel: T,
     toIndex: I,
     toPosition: N,
     getPosition: U,
-    getLimit: _,
+    getLimit: A,
     exceededLimit: j,
     reposition: E
   };
 }
 function Tc(t, e, n) {
   var i = Ee(t), o = i.on, a = i.emit, r = e.Move, c = r.getPosition, l = r.getLimit, u = r.toPosition, d = e.Slides, x = d.isEnough, b = d.getLength, y = n.omitEnd, p = t.is(Ei), f = t.is(bi), L = we(U, !1), $ = we(U, !0), C = n.start || 0, w, k = C, E, R, v;
-  function A() {
+  function _() {
     V(), o([Xe, Me, Po], V), o(Ro, m);
   }
   function V() {
@@ -906,13 +906,13 @@ function Tc(t, e, n) {
   }
   function T(h, ot, yt) {
     if (!at()) {
-      var vt = N(h), Bt = _(vt);
+      var vt = N(h), Bt = A(vt);
       Bt > -1 && (ot || Bt !== C) && (it(Bt), r.move(vt, Bt, k, yt));
     }
   }
   function I(h, ot, yt, vt) {
     e.Scroll.scroll(h, ot, yt, function() {
-      var Bt = _(r.toIndex(c()));
+      var Bt = A(r.toIndex(c()));
       it(y ? Dn(Bt, w) : Bt), vt && vt();
     });
   }
@@ -927,7 +927,7 @@ function Tc(t, e, n) {
   }
   function U(h, ot) {
     var yt = R || (M() ? 1 : v), vt = st(C + yt * (h ? -1 : 1), C, !(R || M()));
-    return vt === -1 && f && !hl(c(), l(!h), 1) ? h ? 0 : w : ot ? vt : _(vt);
+    return vt === -1 && f && !hl(c(), l(!h), 1) ? h ? 0 : w : ot ? vt : A(vt);
   }
   function st(h, ot, yt) {
     if (x() || M()) {
@@ -943,7 +943,7 @@ function Tc(t, e, n) {
         h < C ? --h : ++h;
     return h;
   }
-  function _(h) {
+  function A(h) {
     return p ? (h + E) % E || 0 : h;
   }
   function X() {
@@ -977,7 +977,7 @@ function Tc(t, e, n) {
     return t.state.is([Ti, Vi]) && !!n.waitForTransition;
   }
   return {
-    mount: A,
+    mount: _,
     go: T,
     scroll: I,
     getNext: L,
@@ -1013,13 +1013,13 @@ function Pc(t, e, n) {
     i.destroy(), Sn(y, $), L ? (ii(x ? [p, f] : y), p = f = null) : fn([p, f], Vr);
   }
   function v() {
-    o([jn, Li, Me, ri, Po], T), a(f, "click", we(A, ">")), a(p, "click", we(A, "<"));
+    o([jn, Li, Me, ri, Po], T), a(f, "click", we(_, ">")), a(p, "click", we(_, "<"));
   }
-  function A(I) {
+  function _(I) {
     d.go(I, !0);
   }
   function V() {
-    y = x || gi("div", c.arrows), p = m(!0), f = m(!1), L = !0, Ki(y, [p, f]), !x && _r(y, b);
+    y = x || gi("div", c.arrows), p = m(!0), f = m(!1), L = !0, Ki(y, [p, f]), !x && Ar(y, b);
   }
   function m(I) {
     var N = '<button class="' + c.arrow + " " + (I ? c.prev : c.next) + '" type="button"><svg xmlns="' + Lc + '" viewBox="0 0 ' + eo + " " + eo + '" width="' + eo + '" height="' + eo + '" focusable="false"><path d="' + (n.arrowPath || Ec) + '" />';
@@ -1039,7 +1039,7 @@ function Pc(t, e, n) {
   };
 }
 var Ic = kr + "-interval";
-function Ac(t, e, n) {
+function _c(t, e, n) {
   var i = Ee(t), o = i.on, a = i.bind, r = i.emit, c = Fo(n.interval, t.go.bind(t, ">"), v), l = c.isPaused, u = e.Elements, d = e.Elements, x = d.root, b = d.toggle, y = n.autoplay, p, f, L = y === "pause";
   function $() {
     y && (C(), b && Ut(b, Xi, u.track.id), L || w(), R());
@@ -1051,7 +1051,7 @@ function Ac(t, e, n) {
       f = V.type === "focusin", E();
     }), b && a(b, "click", function() {
       L ? w() : k(!0);
-    }), o([Pn, Mo, Me], c.rewind), o(Pn, A);
+    }), o([Pn, Mo, Me], c.rewind), o(Pn, _);
   }
   function w() {
     l() && e.Slides.isEnough() && (c.start(!n.resetProgress), f = p = L = !1, R(), r(Hr));
@@ -1069,7 +1069,7 @@ function Ac(t, e, n) {
     var m = u.bar;
     m && ln(m, "width", V * 100 + "%"), r(Pl, V);
   }
-  function A(V) {
+  function _(V) {
     var m = e.Slides.getAt(V);
     c.set(m && +sn(m.slide, Ic) || n.interval);
   }
@@ -1081,7 +1081,7 @@ function Ac(t, e, n) {
     isPaused: l
   };
 }
-function _c(t, e, n) {
+function Ac(t, e, n) {
   var i = Ee(t), o = i.on;
   function a() {
     n.cover && (o(Br, we(c, !0)), o([jn, Xe, Me], we(r, !0)));
@@ -1106,20 +1106,20 @@ function Nc(t, e, n) {
   function L() {
     o(Pn, k), o([Xe, Me], E);
   }
-  function $(v, A, V, m, T) {
+  function $(v, _, V, m, T) {
     var I = l();
     if (k(), V && (!b || !d())) {
       var N = e.Layout.sliderSize(), U = vr(v) * N * Eo(Je(v) / N) || 0;
       v = c.toPosition(e.Controller.toDest(v % N)) + U;
     }
     var st = hl(I, v, 1);
-    f = 1, A = st ? 0 : A || Lo(Je(v - I) / Mc, Fc), p = m, y = Fo(A, C, we(w, I, v, T), 1), r(Vi), a(Mo), y.start();
+    f = 1, _ = st ? 0 : _ || Lo(Je(v - I) / Mc, Fc), p = m, y = Fo(_, C, we(w, I, v, T), 1), r(Vi), a(Mo), y.start();
   }
   function C() {
     r(yi), p && p(), a(ri);
   }
-  function w(v, A, V, m) {
-    var T = l(), I = v + (A - v) * R(m), N = (I - T) * f;
+  function w(v, _, V, m) {
+    var T = l(), I = v + (_ - v) * R(m), N = (I - T) * f;
     x(T + N), b && !V && d() && (f *= Rc, Je(N) < Wc && $(u(d(!0)), kc, !1, p, !0));
   }
   function k() {
@@ -1129,8 +1129,8 @@ function Nc(t, e, n) {
     y && !y.isPaused() && (k(), C());
   }
   function R(v) {
-    var A = n.easingFunc;
-    return A ? A(v) : 1 - Math.pow(1 - v, 4);
+    var _ = n.easingFunc;
+    return _ ? _(v) : 1 - Math.pow(1 - v, 4);
   }
   return {
     mount: L,
@@ -1144,9 +1144,9 @@ var ui = {
   capture: !0
 };
 function Hc(t, e, n) {
-  var i = Ee(t), o = i.on, a = i.emit, r = i.bind, c = i.unbind, l = t.state, u = e.Move, d = e.Scroll, x = e.Controller, b = e.Elements.track, y = e.Media.reduce, p = e.Direction, f = p.resolve, L = p.orient, $ = u.getPosition, C = u.exceededLimit, w, k, E, R, v, A = !1, V, m, T;
+  var i = Ee(t), o = i.on, a = i.emit, r = i.bind, c = i.unbind, l = t.state, u = e.Move, d = e.Scroll, x = e.Controller, b = e.Elements.track, y = e.Media.reduce, p = e.Direction, f = p.resolve, L = p.orient, $ = u.getPosition, C = u.exceededLimit, w, k, E, R, v, _ = !1, V, m, T;
   function I() {
-    r(b, tr, fr, ui), r(b, er, fr, ui), r(b, Vl, U, ui), r(b, "click", _, {
+    r(b, tr, fr, ui), r(b, er, fr, ui), r(b, Vl, U, ui), r(b, "click", A, {
       capture: !0
     }), r(b, "dragstart", wn), o([jn, Xe], N);
   }
@@ -1164,14 +1164,14 @@ function Hc(t, e, n) {
     if (l.is(ho) || (l.set(ho), a(wl)), G.cancelable)
       if (v) {
         u.translate(w + yt(M(G)));
-        var O = at(G) > ha, F = A !== (A = C());
+        var O = at(G) > ha, F = _ !== (_ = C());
         (O || F) && X(G), V = !0, a($l), wn(G);
       } else Y(G) && (v = H(G), wn(G));
   }
   function B(G) {
     l.is(ho) && (l.set(yi), a(Sl)), v && (j(G), wn(G)), c(T, tr, st), c(T, er, B), v = !1;
   }
-  function _(G) {
+  function A(G) {
     !m && V && wn(G, !0);
   }
   function X(G) {
@@ -1179,7 +1179,7 @@ function Hc(t, e, n) {
   }
   function j(G) {
     var O = it(G), F = rt(O), ht = n.rewind && n.rewindByDrag;
-    y(!1), R ? x.scroll(F, 0, n.snap) : t.is(Yi) ? x.go(L(vr(O)) < 0 ? ht ? "<" : "-" : ht ? ">" : "+") : t.is(bi) && A && ht ? x.go(C(!0) ? ">" : "<") : x.go(x.toDest(F), !0), y(!0);
+    y(!1), R ? x.scroll(F, 0, n.snap) : t.is(Yi) ? x.go(L(vr(O)) < 0 ? ht ? "<" : "-" : ht ? ">" : "+") : t.is(bi) && _ && ht ? x.go(C(!0) ? ">" : "<") : x.go(x.toDest(F), !0), y(!0);
   }
   function H(G) {
     var O = n.dragMinThreshold, F = Wi(O), ht = F && O.mouse || 0, Lt = (F ? O.touch : +O) || 10;
@@ -1189,7 +1189,7 @@ function Hc(t, e, n) {
     return Je(M(G)) > Je(M(G, !0));
   }
   function it(G) {
-    if (t.is(Ei) || !A) {
+    if (t.is(Ei) || !_) {
       var O = at(G);
       if (O && O < ha)
         return M(G) / O;
@@ -1212,7 +1212,7 @@ function Hc(t, e, n) {
     return (Bt(G) ? G.changedTouches[0] : G)["page" + f(O ? "Y" : "X")];
   }
   function yt(G) {
-    return G / (A && t.is(bi) ? yc : 1);
+    return G / (_ && t.is(bi) ? yc : 1);
   }
   function vt(G) {
     var O = n.noDrag;
@@ -1237,7 +1237,7 @@ var Oc = {
   Spacebar: " ",
   Right: Oo,
   Left: Ho,
-  Up: _l,
+  Up: Al,
   Down: Wl
 };
 function jr(t) {
@@ -1277,7 +1277,7 @@ function Bc(t, e, n) {
     disable: p
   };
 }
-var Ai = kr + "-lazy", vo = Ai + "-srcset", zc = "[" + Ai + "], [" + vo + "]";
+var _i = kr + "-lazy", vo = _i + "-srcset", zc = "[" + _i + "], [" + vo + "]";
 function Dc(t, e, n) {
   var i = Ee(t), o = i.on, a = i.off, r = i.bind, c = i.emit, l = n.lazyLoad === "sequential", u = [Li, ri], d = [];
   function x() {
@@ -1289,10 +1289,10 @@ function Dc(t, e, n) {
   function y() {
     e.Slides.forEach(function(C) {
       Wr(C.slide, zc).forEach(function(w) {
-        var k = sn(w, Ai), E = sn(w, vo);
+        var k = sn(w, _i), E = sn(w, vo);
         if (k !== w.src || E !== w.srcset) {
-          var R = n.classes.spinner, v = w.parentElement, A = Ui(v, "." + R) || gi("span", R, v);
-          d.push([w, C, A]), w.src || Fi(w, "none");
+          var R = n.classes.spinner, v = w.parentElement, _ = Ui(v, "." + R) || gi("span", R, v);
+          d.push([w, C, _]), w.src || Fi(w, "none");
         }
       });
     });
@@ -1305,7 +1305,7 @@ function Dc(t, e, n) {
   }
   function f(C) {
     var w = C[0];
-    hn(C[1].slide, $r), r(w, "load error", we(L, C)), Ut(w, "src", sn(w, Ai)), Ut(w, "srcset", sn(w, vo)), fn(w, Ai), fn(w, vo);
+    hn(C[1].slide, $r), r(w, "load error", we(L, C)), Ut(w, "src", sn(w, _i)), Ut(w, "srcset", sn(w, vo)), fn(w, _i), fn(w, vo);
   }
   function L(C, w) {
     var k = C[0], E = C[1];
@@ -1328,7 +1328,7 @@ function Vc(t, e, n) {
     p && Fi(p, m ? "" : "none"), m && (o([Pn, Mo, ri], V), k(), V(), a(Ll, {
       list: L,
       items: f
-    }, A(t.index)));
+    }, _(t.index)));
   }
   function w() {
     L && (ii(p ? qn(L.children) : L), Sn(L, $), En(f), L = null), i.destroy();
@@ -1337,15 +1337,15 @@ function Vc(t, e, n) {
     var m = t.length, T = n.classes, I = n.i18n, N = n.perPage, U = d() ? u.getEnd() + 1 : Ni(m / N);
     L = p || gi("ul", T.pagination, l.track.parentElement), hn(L, $ = Vo + "--" + v()), Ut(L, Cn, "tablist"), Ut(L, en, I.select), Ut(L, Dr, v() === Bo ? "vertical" : "");
     for (var st = 0; st < U; st++) {
-      var B = gi("li", null, L), _ = gi("button", {
+      var B = gi("li", null, L), A = gi("button", {
         class: T.page,
         type: "button"
       }, B), X = c.getIn(st).map(function(H) {
         return H.slide.id;
       }), j = !d() && N > 1 ? I.pageX : I.slideX;
-      r(_, "click", we(E, st)), n.paginationKeyboard && r(_, "keydown", we(R, st)), Ut(B, Cn, "presentation"), Ut(_, Cn, "tab"), Ut(_, Xi, X.join(" ")), Ut(_, en, br(j, st + 1)), Ut(_, hi, -1), f.push({
+      r(A, "click", we(E, st)), n.paginationKeyboard && r(A, "keydown", we(R, st)), Ut(B, Cn, "presentation"), Ut(A, Cn, "tab"), Ut(A, Xi, X.join(" ")), Ut(A, en, br(j, st + 1)), Ut(A, hi, -1), f.push({
         li: B,
-        button: _,
+        button: A,
         page: st
       });
     }
@@ -1362,11 +1362,11 @@ function Vc(t, e, n) {
   function v() {
     return n.paginationDirection || n.direction;
   }
-  function A(m) {
+  function _(m) {
     return f[u.toPage(m)];
   }
   function V() {
-    var m = A(x(!0)), T = A(x());
+    var m = _(x(!0)), T = _(x());
     if (m) {
       var I = m.button;
       Sn(I, oi), fn(I, da), Ut(I, hi, -1);
@@ -1384,7 +1384,7 @@ function Vc(t, e, n) {
     items: f,
     mount: C,
     destroy: w,
-    getAt: A,
+    getAt: _,
     update: V
   };
 }
@@ -1421,7 +1421,7 @@ function jc(t, e, n) {
     t.go(p.index);
   }
   function y(p, f) {
-    Ar(qc, jr(f)) && (b(p), wn(f));
+    _r(qc, jr(f)) && (b(p), wn(f));
   }
   return {
     setup: we(e.Media.set, {
@@ -1482,8 +1482,8 @@ var Xc = /* @__PURE__ */ Object.freeze({
   Move: Cc,
   Controller: Tc,
   Arrows: Pc,
-  Autoplay: Ac,
-  Cover: _c,
+  Autoplay: _c,
+  Cover: Ac,
   Scroll: Nc,
   Drag: Hc,
   Keyboard: Bc,
@@ -1872,25 +1872,25 @@ const sd = "SvgImage-module__svg___q3xE-", cd = "SvgImage-module__img___VsTm-",
     }
   );
 }, pd = {
-  "top-left": At.topLeftAlignment,
-  "top-center": At.topCenterAlignment,
-  "top-right": At.topRightAlignment,
-  "middle-left": At.middleLeftAlignment,
-  "middle-center": At.middleCenterAlignment,
-  "middle-right": At.middleRightAlignment,
-  "bottom-left": At.bottomLeftAlignment,
-  "bottom-center": At.bottomCenterAlignment,
-  "bottom-right": At.bottomRightAlignment
+  "top-left": _t.topLeftAlignment,
+  "top-center": _t.topCenterAlignment,
+  "top-right": _t.topRightAlignment,
+  "middle-left": _t.middleLeftAlignment,
+  "middle-center": _t.middleCenterAlignment,
+  "middle-right": _t.middleRightAlignment,
+  "bottom-left": _t.bottomLeftAlignment,
+  "bottom-center": _t.bottomCenterAlignment,
+  "bottom-right": _t.bottomRightAlignment
 };
 function md({ settings: t, content: e, styles: n, isEditor: i }) {
-  const [o, a] = gt(null), { widthSettings: r, fontSettings: c, letterSpacing: l, textAlign: u, wordSpacing: d, fontSizeLineHeight: x, textAppearance: b, color: y } = n.imageCaption ?? {}, [p, f] = gt(void 0), [L, $] = gt(null), [C, w] = gt(0), [k, E] = gt(0), { direction: R, transition: v, controls: A, pagination: V, imageCaption: m, triggers: T } = t, I = mt(v.type), { x: N, y: U } = t.controls.offset, st = (B) => {
+  const [o, a] = gt(null), { widthSettings: r, fontSettings: c, letterSpacing: l, textAlign: u, wordSpacing: d, fontSizeLineHeight: x, textAppearance: b, color: y } = n.imageCaption ?? {}, [p, f] = gt(void 0), [L, $] = gt(null), [C, w] = gt(0), [k, E] = gt(0), { direction: R, transition: v, controls: _, pagination: V, imageCaption: m, triggers: T } = t, I = mt(v.type), { x: N, y: U } = t.controls.offset, st = (B) => {
     o && o.go(B);
   };
   return Ot(() => {
     if (!L) return;
-    const B = new ResizeObserver((_) => {
+    const B = new ResizeObserver((A) => {
       if (!o) return;
-      const [X] = _;
+      const [X] = A;
       f({
         width: Math.round(X.contentRect.width),
         height: Math.round(X.contentRect.height)
@@ -1899,10 +1899,10 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
     return B.observe(L), () => B.unobserve(L);
   }, [L]), Ot(() => {
     !o || I.current === v.type || (E((B) => B + 1), I.current = v.type);
-  }, [v.type]), /* @__PURE__ */ s("div", { className: Qt(At.wrapper, { [At.editor]: i }), ref: $, children: /* @__PURE__ */ z(
+  }, [v.type]), /* @__PURE__ */ s("div", { className: Qt(_t.wrapper, { [_t.editor]: i }), ref: $, children: /* @__PURE__ */ z(
     "div",
     {
-      className: At.sliderInner,
+      className: _t.sliderInner,
       style: {
         width: p ? p.width : "100%",
         height: p ? p.height : "100%",
@@ -1912,17 +1912,17 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
         t.imageCaption.isActive && /* @__PURE__ */ s(
           "div",
           {
-            className: Qt(At.captionBlock),
+            className: Qt(_t.captionBlock),
             children: /* @__PURE__ */ s(
               "div",
               {
-                className: At.captionTextWrapper,
-                children: e.map((B, _) => /* @__PURE__ */ s(
+                className: _t.captionTextWrapper,
+                children: e.map((B, A) => /* @__PURE__ */ s(
                   "div",
                   {
-                    className: Qt(At.captionText, pd[m.alignment], {
-                      [At.withPointerEvents]: _ === C && i,
-                      [At.active]: _ === C
+                    className: Qt(_t.captionText, pd[m.alignment], {
+                      [_t.withPointerEvents]: A === C && i,
+                      [_t.active]: A === C
                     }),
                     style: {
                       fontFamily: qo(c.fontFamily),
@@ -1944,7 +1944,7 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
                       "div",
                       {
                         "data-styles": "imageCaption",
-                        className: At.captionTextInner,
+                        className: _t.captionTextInner,
                         style: {
                           "--link-hover-color": m.linkHoverColor,
                           "--link-color": m.linkColor,
@@ -1956,7 +1956,7 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
                       }
                     )
                   },
-                  _
+                  A
                 ))
               }
             )
@@ -1985,20 +1985,20 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
               type: v.type === "fade in" ? "fade" : "loop",
               rewind: !0
             },
-            children: e.map((B, _) => /* @__PURE__ */ s(Xr, { children: /* @__PURE__ */ s(
+            children: e.map((B, A) => /* @__PURE__ */ s(Xr, { children: /* @__PURE__ */ s(
               "div",
               {
-                className: At.sliderItem,
+                className: _t.sliderItem,
                 children: /* @__PURE__ */ s(
                   "div",
                   {
-                    className: At.imgWrapper,
+                    className: _t.imgWrapper,
                     children: /* @__PURE__ */ s(
                       "img",
                       {
-                        className: Qt(At.sliderImage, {
-                          [At.contain]: B.image.objectFit === "contain",
-                          [At.cover]: B.image.objectFit === "cover"
+                        className: Qt(_t.sliderImage, {
+                          [_t.contain]: B.image.objectFit === "contain",
+                          [_t.cover]: B.image.objectFit === "cover"
                         }),
                         src: B.image.url,
                         alt: B.image.name ?? ""
@@ -2007,21 +2007,21 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
                   }
                 )
               }
-            ) }, _))
+            ) }, A))
           },
           k
         ),
-        A.isActive && /* @__PURE__ */ z(ie, { children: [
+        _.isActive && /* @__PURE__ */ z(ie, { children: [
           /* @__PURE__ */ s(
             "div",
             {
-              className: Qt(At.arrow, {
-                [At.arrowVertical]: R === "vert",
-                [At.hoverArrow]: A.show === "on hover"
+              className: Qt(_t.arrow, {
+                [_t.arrowVertical]: R === "vert",
+                [_t.hoverArrow]: _.show === "on hover"
               }),
               style: {
-                color: A.color,
-                "--arrow-hover-color": A.hover
+                color: _.color,
+                "--arrow-hover-color": _.hover
               },
               children: /* @__PURE__ */ z(
                 "button",
@@ -2029,21 +2029,21 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
                   onClick: () => {
                     st("-1");
                   },
-                  className: At.arrowInner,
+                  className: _t.arrowInner,
                   style: {
                     transform: `translate(${W(N, i)}, ${W(U * (R === "horiz" ? 1 : -1), i)}) scale(${t.controls.scale / 100}) rotate(${R === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    A.arrowsImgUrl && /* @__PURE__ */ s(
+                    _.arrowsImgUrl && /* @__PURE__ */ s(
                       cn,
                       {
-                        url: A.arrowsImgUrl,
-                        fill: A.color,
-                        hoverFill: A.hover,
-                        className: Qt(At.arrowImg, At.mirror)
+                        url: _.arrowsImgUrl,
+                        fill: _.color,
+                        hoverFill: _.hover,
+                        className: Qt(_t.arrowImg, _t.mirror)
                       }
                     ),
-                    !A.arrowsImgUrl && /* @__PURE__ */ s(ba, { color: A.color, className: Qt(At.arrowIcon, At.arrowImg, At.mirror) })
+                    !_.arrowsImgUrl && /* @__PURE__ */ s(ba, { color: _.color, className: Qt(_t.arrowIcon, _t.arrowImg, _t.mirror) })
                   ]
                 }
               )
@@ -2052,33 +2052,33 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
           /* @__PURE__ */ s(
             "div",
             {
-              className: Qt(At.arrow, At.nextArrow, {
-                [At.arrowVertical]: R === "vert",
-                [At.hoverArrow]: A.show === "on hover"
+              className: Qt(_t.arrow, _t.nextArrow, {
+                [_t.arrowVertical]: R === "vert",
+                [_t.hoverArrow]: _.show === "on hover"
               }),
               style: {
-                color: A.color,
-                "--arrow-hover-color": A.hover
+                color: _.color,
+                "--arrow-hover-color": _.hover
               },
               children: /* @__PURE__ */ z(
                 "button",
                 {
-                  className: At.arrowInner,
+                  className: _t.arrowInner,
                   onClick: () => st("+1"),
                   style: {
                     transform: `translate(${W(N * (R === "horiz" ? -1 : 1), i)}, ${W(U, i)}) scale(${t.controls.scale / 100}) rotate(${R === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    A.arrowsImgUrl && /* @__PURE__ */ s(
+                    _.arrowsImgUrl && /* @__PURE__ */ s(
                       cn,
                       {
-                        url: A.arrowsImgUrl,
-                        fill: A.color,
-                        hoverFill: A.hover,
-                        className: At.arrowImg
+                        url: _.arrowsImgUrl,
+                        fill: _.color,
+                        hoverFill: _.hover,
+                        className: _t.arrowImg
                       }
                     ),
-                    !A.arrowsImgUrl && /* @__PURE__ */ s(ba, { color: A.color, className: Qt(At.arrowIcon, At.arrowImg) })
+                    !_.arrowsImgUrl && /* @__PURE__ */ s(ba, { color: _.color, className: Qt(_t.arrowIcon, _t.arrowImg) })
                   ]
                 }
               )
@@ -2088,7 +2088,7 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
         T.triggersList.click && /* @__PURE__ */ s(
           "div",
           {
-            className: At.clickOverlay,
+            className: _t.clickOverlay,
             onClick: () => {
               o && o.go("+1");
             }
@@ -2097,46 +2097,46 @@ function md({ settings: t, content: e, styles: n, isEditor: i }) {
         V.isActive && /* @__PURE__ */ s(
           "div",
           {
-            className: Qt(At.pagination, {
-              [At.paginationInsideBottom]: V.position === "inside-1" && R === "horiz",
-              [At.paginationInsideTop]: V.position === "inside-2" && R === "horiz",
-              [At.paginationOutsideBottom]: V.position === "outside-1" && R === "horiz",
-              [At.paginationOutsideTop]: V.position === "outside-2" && R === "horiz",
-              [At.paginationInsideLeft]: V.position === "inside-1" && R === "vert",
-              [At.paginationInsideRight]: V.position === "inside-2" && R === "vert",
-              [At.paginationOutsideLeft]: V.position === "outside-1" && R === "vert",
-              [At.paginationOutsideRight]: V.position === "outside-2" && R === "vert",
-              [At.paginationVertical]: R === "vert"
+            className: Qt(_t.pagination, {
+              [_t.paginationInsideBottom]: V.position === "inside-1" && R === "horiz",
+              [_t.paginationInsideTop]: V.position === "inside-2" && R === "horiz",
+              [_t.paginationOutsideBottom]: V.position === "outside-1" && R === "horiz",
+              [_t.paginationOutsideTop]: V.position === "outside-2" && R === "horiz",
+              [_t.paginationInsideLeft]: V.position === "inside-1" && R === "vert",
+              [_t.paginationInsideRight]: V.position === "inside-2" && R === "vert",
+              [_t.paginationOutsideLeft]: V.position === "outside-1" && R === "vert",
+              [_t.paginationOutsideRight]: V.position === "outside-2" && R === "vert",
+              [_t.paginationVertical]: R === "vert"
             }),
             children: /* @__PURE__ */ s(
               "div",
               {
-                className: At.paginationInner,
+                className: _t.paginationInner,
                 style: {
                   backgroundColor: V.colors[2],
                   transform: `scale(${V.scale / 100}) translate(${W(V.offset.x, i)}, ${W(V.offset.y, i)}) rotate(${R === "horiz" ? "0deg" : "90deg"})`
                 },
-                children: e.map((B, _) => /* @__PURE__ */ s(
+                children: e.map((B, A) => /* @__PURE__ */ s(
                   "button",
                   {
                     onClick: () => {
-                      o && o.go(_);
+                      o && o.go(A);
                     },
-                    className: Qt(At.paginationItem),
+                    className: Qt(_t.paginationItem),
                     children: /* @__PURE__ */ s(
                       "div",
                       {
-                        className: Qt(At.dot, {
-                          [At.activeDot]: _ === C
+                        className: Qt(_t.dot, {
+                          [_t.activeDot]: A === C
                         }),
                         style: {
-                          backgroundColor: _ === C ? V.colors[0] : V.colors[1],
+                          backgroundColor: A === C ? V.colors[0] : V.colors[1],
                           "--pagination-hover-color": V.hover
                         }
                       }
                     )
                   },
-                  _
+                  A
                 ))
               }
             )
@@ -2803,12 +2803,12 @@ async function bd(t, e, n, i) {
   return { width: o, height: a, finalWidth: `${o}px` };
 }
 function xd({ settings: t, content: e, isEditor: n }) {
-  const [i, o] = gt(null), [a, r] = gt([]), [c, l] = gt(0), u = mt(0), [d, x] = gt({ x: 0, y: 0 }), [b, y] = gt(1), [p, f] = gt("none"), L = mt({ x: 0, y: 0 }), [$, C] = gt(!1), { sizeType: w, imageWidth: k, randomRangeImageWidth: E } = t.imageSize, { revealPosition: R, visible: v } = t.position, { cursorType: A, target: V, defaultCursorScale: m, defaultCursor: T, hoverCursorScale: I, hoverCursor: N } = t.cursor;
+  const [i, o] = gt(null), [a, r] = gt([]), [c, l] = gt(0), u = mt(0), [d, x] = gt({ x: 0, y: 0 }), [b, y] = gt(1), [p, f] = gt("none"), L = mt({ x: 0, y: 0 }), [$, C] = gt(!1), { sizeType: w, imageWidth: k, randomRangeImageWidth: E } = t.imageSize, { revealPosition: R, visible: v } = t.position, { cursorType: _, target: V, defaultCursorScale: m, defaultCursor: T, hoverCursorScale: I, hoverCursor: N } = t.cursor;
   Ot(() => {
     if (!i) return;
     const B = (j, H) => {
       const Y = i.getBoundingClientRect(), it = j - Y.left, rt = H - Y.top;
-      if (x({ x: it, y: rt }), A === "system") {
+      if (x({ x: it, y: rt }), _ === "system") {
         f("none"), y(1);
         return;
       }
@@ -2819,19 +2819,19 @@ function xd({ settings: t, content: e, isEditor: n }) {
       }
       const ot = xa(M, at, a) || V === "area" ? { img: N ?? "none", scale: I } : { img: T ?? "none", scale: m };
       f(ot.img), y(ot.scale);
-    }, _ = (j) => {
+    }, A = (j) => {
       j.stopPropagation(), L.current = { x: j.clientX, y: j.clientY }, B(j.clientX, j.clientY);
     }, X = () => {
       $ && B(L.current.x, L.current.y);
     };
-    return i.addEventListener("mousemove", _), window.addEventListener("scroll", X, !0), () => {
-      i.removeEventListener("mousemove", _), window.removeEventListener("scroll", X, !0);
+    return i.addEventListener("mousemove", A), window.addEventListener("scroll", X, !0), () => {
+      i.removeEventListener("mousemove", A), window.removeEventListener("scroll", X, !0);
     };
   }, [
     i,
     $,
     d,
-    A,
+    _,
     V,
     N,
     T,
@@ -2841,7 +2841,7 @@ function xd({ settings: t, content: e, isEditor: n }) {
   ]), Ot(() => {
     $ || (f("none"), y(0));
   }, [$]);
-  const U = async (B, _, X, j = {}) => {
+  const U = async (B, A, X, j = {}) => {
     const { width: H, height: Y, finalWidth: it } = await bd(
       B.image.url,
       w,
@@ -2849,8 +2849,8 @@ function xd({ settings: t, content: e, isEditor: n }) {
       E
     );
     let rt = 0, M = 0;
-    R === "same" ? (rt = _ / 2, M = X / 2) : (rt = j.x ?? Math.random() * _, M = j.y ?? Math.random() * X);
-    const at = Math.min(Math.max(rt, H / 2), _ - H / 2), h = Math.min(Math.max(M, Y / 2), X - Y / 2);
+    R === "same" ? (rt = A / 2, M = X / 2) : (rt = j.x ?? Math.random() * A, M = j.y ?? Math.random() * X);
+    const at = Math.min(Math.max(rt, H / 2), A - H / 2), h = Math.min(Math.max(M, Y / 2), X - Y / 2);
     return {
       id: u.current++,
       url: B.image.url,
@@ -2863,9 +2863,9 @@ function xd({ settings: t, content: e, isEditor: n }) {
   };
   return Ot(() => {
     if (!i || e.length === 0) return;
-    const B = i.getBoundingClientRect(), _ = B.width, X = B.height, j = [];
+    const B = i.getBoundingClientRect(), A = B.width, X = B.height, j = [];
     (async () => {
-      const Y = e[0], it = await U(Y, _, X);
+      const Y = e[0], it = await U(Y, A, X);
       j.push(it), r(j), l(1);
     })();
   }, [w, k, E, R, i]), Ot(() => {
@@ -2876,11 +2876,11 @@ function xd({ settings: t, content: e, isEditor: n }) {
       ref: o,
       onClick: async (B) => {
         if (!i) return;
-        const _ = i.getBoundingClientRect(), X = B.clientX - _.left, j = B.clientY - _.top;
+        const A = i.getBoundingClientRect(), X = B.clientX - A.left, j = B.clientY - A.top;
         if (V === "image" && !xa(X, j, a)) return;
         let H = 0, Y = 0;
-        R === "on Click" ? (H = X, Y = j) : R === "same" ? (H = _.width / 2, Y = _.height / 2) : (H = Math.random() * _.width, Y = Math.random() * _.height);
-        const it = e[c], rt = await U(it, _.width, _.height, { x: H, y: Y });
+        R === "on Click" ? (H = X, Y = j) : R === "same" ? (H = A.width / 2, Y = A.height / 2) : (H = Math.random() * A.width, Y = Math.random() * A.height);
+        const it = e[c], rt = await U(it, A.width, A.height, { x: H, y: Y });
         r((M) => v === "all" ? [...M, rt] : [rt]), l((M) => M >= e.length - 1 ? 0 : M + 1);
       },
       onMouseEnter: () => C(!0),
@@ -3265,7 +3265,7 @@ const wd = {
       }
     }
   }
-}, $d = "LightBox-module__hidden___9s-9x", Sd = "LightBox-module__heroImage___sTxNF", Cd = "LightBox-module__background___rm9ml", Td = "LightBox-module__editor___4ACaY", Ld = "LightBox-module__contentStyle___Bgnsq", Ed = "LightBox-module__imageStyle___tLIlB", Pd = "LightBox-module__imgWrapper___LuFUp", Id = "LightBox-module__contain___8-yaS", Ad = "LightBox-module__cover___hNvOG", _d = "LightBox-module__caption___b6L2I", Wd = "LightBox-module__captionTextInner___rCGNH", kd = "LightBox-module__lightboxSplide___XFuWC", Rd = "LightBox-module__arrow___iz38X", Md = "LightBox-module__arrowVertical___Zfz81", Fd = "LightBox-module__nextArrow___zkAQN", Nd = "LightBox-module__arrowInner___p48sW", Hd = "LightBox-module__arrowIcon___3VaFf", Od = "LightBox-module__arrowImg___pNV88", Bd = "LightBox-module__mirror___pjeXc", zd = "LightBox-module__thumbsWrapper___GB-nU", Dd = "LightBox-module__thumbsContainerVertical___wttk5", Vd = "LightBox-module__thumbsContainer___osSma", qd = "LightBox-module__thumbsAlignStart___MO6tY", jd = "LightBox-module__thumbsAlignCenter___Q4sUx", Kd = "LightBox-module__thumbsAlignEnd___p4y9R", Ud = "LightBox-module__thumbItem___HvnF3", Gd = "LightBox-module__closeButton___g2khP", Xd = "LightBox-module__fadeIn___0m5GW", Yd = "LightBox-module__slideInLeft___gPYwC", Jd = "LightBox-module__slideInRight___S-pPp", Zd = "LightBox-module__slideInTop___DFdAj", Qd = "LightBox-module__slideInBottom___m27kZ", tu = "LightBox-module__fadeOut___55qBR", eu = "LightBox-module__slideOutLeft___NvU7P", nu = "LightBox-module__slideOutRight___SK7eC", iu = "LightBox-module__slideOutTop___Vgg0z", ou = "LightBox-module__slideOutBottom___nJ0Ef", ru = "LightBox-module__scaleSlide___vZriG", pt = {
+}, $d = "LightBox-module__hidden___9s-9x", Sd = "LightBox-module__heroImage___sTxNF", Cd = "LightBox-module__background___rm9ml", Td = "LightBox-module__editor___4ACaY", Ld = "LightBox-module__contentStyle___Bgnsq", Ed = "LightBox-module__imageStyle___tLIlB", Pd = "LightBox-module__imgWrapper___LuFUp", Id = "LightBox-module__contain___8-yaS", _d = "LightBox-module__cover___hNvOG", Ad = "LightBox-module__caption___b6L2I", Wd = "LightBox-module__captionTextInner___rCGNH", kd = "LightBox-module__lightboxSplide___XFuWC", Rd = "LightBox-module__arrow___iz38X", Md = "LightBox-module__arrowVertical___Zfz81", Fd = "LightBox-module__nextArrow___zkAQN", Nd = "LightBox-module__arrowInner___p48sW", Hd = "LightBox-module__arrowIcon___3VaFf", Od = "LightBox-module__arrowImg___pNV88", Bd = "LightBox-module__mirror___pjeXc", zd = "LightBox-module__thumbsWrapper___GB-nU", Dd = "LightBox-module__thumbsContainerVertical___wttk5", Vd = "LightBox-module__thumbsContainer___osSma", qd = "LightBox-module__thumbsAlignStart___MO6tY", jd = "LightBox-module__thumbsAlignCenter___Q4sUx", Kd = "LightBox-module__thumbsAlignEnd___p4y9R", Ud = "LightBox-module__thumbItem___HvnF3", Gd = "LightBox-module__closeButton___g2khP", Xd = "LightBox-module__fadeIn___0m5GW", Yd = "LightBox-module__slideInLeft___gPYwC", Jd = "LightBox-module__slideInRight___S-pPp", Zd = "LightBox-module__slideInTop___DFdAj", Qd = "LightBox-module__slideInBottom___m27kZ", tu = "LightBox-module__fadeOut___55qBR", eu = "LightBox-module__slideOutLeft___NvU7P", nu = "LightBox-module__slideOutRight___SK7eC", iu = "LightBox-module__slideOutTop___Vgg0z", ou = "LightBox-module__slideOutBottom___nJ0Ef", ru = "LightBox-module__scaleSlide___vZriG", pt = {
   hidden: $d,
   heroImage: Sd,
   background: Cd,
@@ -3274,8 +3274,8 @@ const wd = {
   imageStyle: Ed,
   imgWrapper: Pd,
   contain: Id,
-  cover: Ad,
-  caption: _d,
+  cover: _d,
+  caption: Ad,
   captionTextInner: Wd,
   lightboxSplide: kd,
   arrow: Rd,
@@ -3448,7 +3448,7 @@ const lu = ({ settings: t, content: e, styles: n, portalId: i, activeEvent: o, i
   ] });
 }, su = ({ isOpen: t, onClose: e, content: n, lightboxStyles: i, settings: o, portalId: a, isEditor: r, metadata: c }) => {
   var Dt;
-  const { widthSettings: l, fontSettings: u, letterSpacing: d, textAlign: x, wordSpacing: b, fontSizeLineHeight: y, textAppearance: p, color: f } = i.imageCaption ?? {}, [L, $] = gt(0), [C, w] = gt(0), [k, E] = gt(!1), [R, v] = gt(!1), [A, V] = gt({}), m = mt(null), T = mt(null), I = mt(null), N = mt(!1), U = mt(null), st = mt(null), B = mt(null), _ = mt(null), X = mt(!1), j = mt(null), [H, Y] = gt(!1), { appear: it, triggers: rt, slider: M, thumbnail: at, controls: h, area: ot, caption: yt, layout: vt } = o.lightboxBlock, { appearClass: Bt, backdropAppearClass: Z, backdropDisappearClass: ct, disappearClass: G } = au(it.type, it.direction), O = (c == null ? void 0 : c.itemId) ?? null;
+  const { widthSettings: l, fontSettings: u, letterSpacing: d, textAlign: x, wordSpacing: b, fontSizeLineHeight: y, textAppearance: p, color: f } = i.imageCaption ?? {}, [L, $] = gt(0), [C, w] = gt(0), [k, E] = gt(!1), [R, v] = gt(!1), [_, V] = gt({}), m = mt(null), T = mt(null), I = mt(null), N = mt(!1), U = mt(null), st = mt(null), B = mt(null), A = mt(null), X = mt(!1), j = mt(null), [H, Y] = gt(!1), { appear: it, triggers: rt, slider: M, thumbnail: at, controls: h, area: ot, caption: yt, layout: vt } = o.lightboxBlock, { appearClass: Bt, backdropAppearClass: Z, backdropDisappearClass: ct, disappearClass: G } = au(it.type, it.direction), O = (c == null ? void 0 : c.itemId) ?? null;
   Ot(() => {
     const D = () => {
       setTimeout(() => {
@@ -3474,7 +3474,7 @@ const lu = ({ settings: t, content: e, styles: n, portalId: i, activeEvent: o, i
     ut();
     const P = new ResizeObserver(ut);
     return P.observe(D), () => P.disconnect();
-  }, [t, at.isActive, n.length, A, M.direction]);
+  }, [t, at.isActive, n.length, _, M.direction]);
   const F = Wt(() => {
     const D = window.matchMedia("(max-width: 768px)").matches, ut = Sa(ot.color);
     D && !r && ut > 0.9 && (document.body.style.backgroundColor = ""), E(!0), N.current = !0;
@@ -3488,9 +3488,9 @@ const lu = ({ settings: t, content: e, styles: n, portalId: i, activeEvent: o, i
       if (rt.type === "click" && rt.switch === "image")
         rt.repeat === "close" && L === n.length - 1 ? F() : (J = m.current) == null || J.go("+1");
       else if (rt.type === "click" && rt.switch === "50/50") {
-        const tt = D.getBoundingClientRect(), ft = ut - tt.left, St = P - tt.top, Xt = tt.width, _t = tt.height;
+        const tt = D.getBoundingClientRect(), ft = ut - tt.left, St = P - tt.top, Xt = tt.width, At = tt.height;
         let Mt;
-        M.direction === "horiz" ? Mt = ft < Xt / 2 ? "-1" : "+1" : Mt = St < _t / 2 ? "-1" : "+1", (q = m.current) == null || q.go(Mt);
+        M.direction === "horiz" ? Mt = ft < Xt / 2 ? "-1" : "+1" : Mt = St < At / 2 ? "-1" : "+1", (q = m.current) == null || q.go(Mt);
       }
     }
   }, Lt = (D) => {
@@ -3589,19 +3589,19 @@ const lu = ({ settings: t, content: e, styles: n, portalId: i, activeEvent: o, i
           const tt = n[L], ft = (tt == null ? void 0 : tt.image.objectFit) === "cover", St = ut.changedTouches[0];
           let Xt;
           if (ft && I.current) {
-            const _t = $a(I.current);
-            Xt = St.clientX >= _t.left && St.clientX <= _t.right && St.clientY >= _t.top && St.clientY <= _t.bottom;
+            const At = $a(I.current);
+            Xt = St.clientX >= At.left && St.clientX <= At.right && St.clientY >= At.top && St.clientY <= At.bottom;
           } else {
-            const _t = I.current ? wa(I.current) : null;
-            if (!_t) return;
-            Xt = St.clientX >= _t.x && St.clientX <= _t.x + _t.width && St.clientY >= _t.y && St.clientY <= _t.y + _t.height;
+            const At = I.current ? wa(I.current) : null;
+            if (!At) return;
+            Xt = St.clientX >= At.x && St.clientX <= At.x + At.width && St.clientY >= At.y && St.clientY <= At.y + At.height;
           }
           if (!Xt) {
             ut.stopPropagation(), N.current = !0;
-            const _t = (Mt) => {
-              Mt.stopPropagation(), Mt.preventDefault(), document.removeEventListener("click", _t, !0);
+            const At = (Mt) => {
+              Mt.stopPropagation(), Mt.preventDefault(), document.removeEventListener("click", At, !0);
             };
-            document.addEventListener("click", _t, !0), F();
+            document.addEventListener("click", At, !0), F();
           }
         }
       }
@@ -3615,25 +3615,25 @@ const lu = ({ settings: t, content: e, styles: n, portalId: i, activeEvent: o, i
     var Mt, Jt;
     if (!t || !Rt || !((Jt = (Mt = m.current) == null ? void 0 : Mt.splide) != null && Jt.root)) return;
     const D = m.current.splide.root, ut = 30, P = (dt, Nt) => {
-      if (_.current) {
-        const Gt = Math.abs(dt - _.current.x), Pt = Math.abs(Nt - _.current.y);
+      if (A.current) {
+        const Gt = Math.abs(dt - A.current.x), Pt = Math.abs(Nt - A.current.y);
         (Gt > 0 || Pt > 0) && (X.current = !0);
       }
     }, J = (dt) => {
-      _.current && (dt.preventDefault(), P(dt.clientX, dt.clientY));
+      A.current && (dt.preventDefault(), P(dt.clientX, dt.clientY));
     }, q = (dt) => {
-      _.current && dt.touches.length > 0 && (dt.preventDefault(), P(dt.touches[0].clientX, dt.touches[0].clientY));
+      A.current && dt.touches.length > 0 && (dt.preventDefault(), P(dt.touches[0].clientX, dt.touches[0].clientY));
     }, tt = (dt, Nt) => {
-      if (!_.current || !m.current) {
-        _.current = null;
+      if (!A.current || !m.current) {
+        A.current = null;
         return;
       }
-      const Gt = Math.abs(dt - _.current.x), Pt = Math.abs(Nt - _.current.y);
-      Pt > ut && Pt > Gt && m.current.go(Nt < _.current.y ? "+1" : "-1"), _.current = null;
+      const Gt = Math.abs(dt - A.current.x), Pt = Math.abs(Nt - A.current.y);
+      Pt > ut && Pt > Gt && m.current.go(Nt < A.current.y ? "+1" : "-1"), A.current = null;
     }, ft = (dt) => {
-      _.current && tt(dt.clientX, dt.clientY), document.removeEventListener("pointerup", ft), document.removeEventListener("pointercancel", ft), document.removeEventListener("pointermove", J);
+      A.current && tt(dt.clientX, dt.clientY), document.removeEventListener("pointerup", ft), document.removeEventListener("pointercancel", ft), document.removeEventListener("pointermove", J);
     }, St = (dt) => {
-      if (_.current) {
+      if (A.current) {
         if (dt.changedTouches.length > 0) {
           const Nt = dt.changedTouches[0];
           tt(Nt.clientX, Nt.clientY);
@@ -3641,12 +3641,12 @@ const lu = ({ settings: t, content: e, styles: n, portalId: i, activeEvent: o, i
         document.removeEventListener("touchend", St), document.removeEventListener("touchcancel", St), document.removeEventListener("touchmove", q);
       }
     }, Xt = (dt) => {
-      _.current = { x: dt.clientX, y: dt.clientY }, X.current = !1, document.addEventListener("pointermove", J, { passive: !1 }), document.addEventListener("pointerup", ft), document.addEventListener("pointercancel", ft);
-    }, _t = (dt) => {
-      dt.touches.length > 0 && (_.current = { x: dt.touches[0].clientX, y: dt.touches[0].clientY }, X.current = !1, document.addEventListener("touchmove", q, { passive: !1 }), document.addEventListener("touchend", St), document.addEventListener("touchcancel", St));
+      A.current = { x: dt.clientX, y: dt.clientY }, X.current = !1, document.addEventListener("pointermove", J, { passive: !1 }), document.addEventListener("pointerup", ft), document.addEventListener("pointercancel", ft);
+    }, At = (dt) => {
+      dt.touches.length > 0 && (A.current = { x: dt.touches[0].clientX, y: dt.touches[0].clientY }, X.current = !1, document.addEventListener("touchmove", q, { passive: !1 }), document.addEventListener("touchend", St), document.addEventListener("touchcancel", St));
     };
-    return D.addEventListener("pointerdown", Xt), D.addEventListener("touchstart", _t), () => {
-      D.removeEventListener("pointerdown", Xt), D.removeEventListener("touchstart", _t), document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", ft), document.removeEventListener("pointercancel", ft), document.removeEventListener("touchmove", q), document.removeEventListener("touchend", St), document.removeEventListener("touchcancel", St), _.current = null, X.current = !1;
+    return D.addEventListener("pointerdown", Xt), D.addEventListener("touchstart", At), () => {
+      D.removeEventListener("pointerdown", Xt), D.removeEventListener("touchstart", At), document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", ft), document.removeEventListener("pointercancel", ft), document.removeEventListener("touchmove", q), document.removeEventListener("touchend", St), document.removeEventListener("touchcancel", St), A.current = null, X.current = !1;
     };
   }, [t, Rt, C]);
   const Et = {
@@ -3881,7 +3881,7 @@ const lu = ({ settings: t, content: e, styles: n, portalId: i, activeEvent: o, i
                         justifyContent: H ? "flex-start" : q()
                       },
                       children: n.map((tt, ft) => {
-                        const St = ft === L, Xt = A[ft], Mt = at.grid.size * (St ? at.activeState.scale : 1), Jt = () => {
+                        const St = ft === L, Xt = _[ft], Mt = at.grid.size * (St ? at.activeState.scale : 1), Jt = () => {
                           if (at.fit !== "fit") return {};
                           if (!Xt)
                             return M.direction === "horiz" ? { height: W(Mt, r) } : { width: W(Mt, r) };
@@ -5215,7 +5215,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
     inputPadding: E,
     inputColor: R,
     inputTextColor: v,
-    inputBorderColor: A,
+    inputBorderColor: _,
     placeholderColor: V,
     buttonColor: m,
     buttonTextColor: T,
@@ -5224,7 +5224,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
     successColor: U,
     errorColor: st,
     fontFamily: B,
-    inputFontSettings: _,
+    inputFontSettings: A,
     inputFontSize: X,
     inputLineHeight: j,
     inputLetterSpacing: H,
@@ -5254,8 +5254,8 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
   } = t, P = u === "B", J = x.slice(0, Math.min(d, x.length)), q = {
     fontSettings: {
       fontFamily: B,
-      fontWeight: (_ == null ? void 0 : _.fontWeight) ?? 400,
-      fontStyle: (_ == null ? void 0 : _.fontStyle) ?? "normal"
+      fontWeight: (A == null ? void 0 : A.fontWeight) ?? 400,
+      fontStyle: (A == null ? void 0 : A.fontStyle) ?? "normal"
     },
     fontSize: X ?? 0.01,
     lineHeight: j,
@@ -5282,7 +5282,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
     paddingLeft: W((E == null ? void 0 : E.left) ?? 0, e),
     height: St,
     minHeight: St
-  }, _t = {
+  }, At = {
     fontSettings: {
       fontFamily: B,
       fontWeight: (rt == null ? void 0 : rt.fontWeight) ?? 400,
@@ -5294,7 +5294,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
     wordSpacing: ot ?? 0,
     textAppearance: yt,
     color: T
-  }, Mt = nn(Be(_t, e)), Jt = W(L ?? 0, e), dt = {
+  }, Mt = nn(Be(At, e)), Jt = W(L ?? 0, e), dt = {
     fontSettings: {
       fontFamily: B,
       fontWeight: (vt == null ? void 0 : vt.fontWeight) ?? 400,
@@ -5321,7 +5321,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
   }, Pt = nn(Be(Gt, e)), pe = Di(l, {
     inputColor: R,
     inputTextColor: v,
-    inputBorderColor: A,
+    inputBorderColor: _,
     placeholderColor: V != null && V.trim() ? V : "#cccccc",
     buttonColor: m,
     buttonTextColor: T,
@@ -5334,14 +5334,14 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
   ), [Yt, ve] = gt("idle"), [ke, Fe] = gt(null), Ne = a === "success" ? "success" : a === "error" ? "error" : Yt, xt = a === "error" ? D : ke, Vt = a === "filled", Zt = kt(() => {
     if (!Vt) return le;
     let qt = null;
-    for (const _e of J)
-      (le[_e.name] ?? "").trim().length > 0 || (qt = qt ?? { ...le }, qt[_e.name] = "Filled");
+    for (const Ae of J)
+      (le[Ae.name] ?? "").trim().length > 0 || (qt = qt ?? { ...le }, qt[Ae.name] = "Filled");
     return qt ?? le;
-  }, [le, Vt, J]), se = Ne === "error" ? Co(J, Zt) : null, je = `${a && a !== "default" ? `${l}-state-${a}` : ""}`.trim(), ze = o == null ? void 0 : o.submitUrl, Ze = (qt, _e) => {
-    Le((Te) => ({ ...Te, [qt]: _e }));
+  }, [le, Vt, J]), se = Ne === "error" ? Co(J, Zt) : null, je = `${a && a !== "default" ? `${l}-state-${a}` : ""}`.trim(), ze = o == null ? void 0 : o.submitUrl, Ze = (qt, Ae) => {
+    Le((Te) => ({ ...Te, [qt]: Ae }));
   }, un = async (qt) => {
     if (qt.preventDefault(), !c) return;
-    const _e = Object.fromEntries(
+    const Ae = Object.fromEntries(
       J.map((ce) => {
         var $e;
         return [ce.name, (($e = le[ce.name]) == null ? void 0 : $e.trim()) ?? ""];
@@ -5351,7 +5351,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
       ve("error"), Fe("No integrations were found for this form.");
       return;
     }
-    if (Object.keys(_e).length === 0) return;
+    if (Object.keys(Ae).length === 0) return;
     const Te = Co(J, le);
     if (Te) {
       ve("error"), Fe(Te);
@@ -5362,7 +5362,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
       const ce = await fetch(ze, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(_e)
+        body: JSON.stringify(Ae)
       });
       if (!ce.ok) {
         const $e = await ce.text();
@@ -5381,8 +5381,8 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
         onSubmit: un,
         className: `${l}-form`,
         children: [
-          /* @__PURE__ */ s("div", { className: `${l}-fields`, children: J.map((qt, _e) => /* @__PURE__ */ z(On.Fragment, { children: [
-            _e > 0 && /* @__PURE__ */ s(
+          /* @__PURE__ */ s("div", { className: `${l}-fields`, children: J.map((qt, Ae) => /* @__PURE__ */ z(On.Fragment, { children: [
+            Ae > 0 && /* @__PURE__ */ s(
               "div",
               {
                 "data-controls": r ? "fieldsGap" : void 0,
@@ -5422,7 +5422,7 @@ function uu({ settings: t, isEditor: e, isEditMode: n, isPreviewMode: i, metadat
                 }
               )
             ] })
-          ] }, _e)) }),
+          ] }, Ae)) }),
           /* @__PURE__ */ s(
             "div",
             {
@@ -6990,7 +6990,7 @@ const xu = ({ settings: t, isEditor: e, isPreviewMode: n, metadata: i, activeEve
     buttonLetterSpacing: E,
     buttonWordSpacing: R,
     buttonTextAppearance: v,
-    statusFontSettings: A,
+    statusFontSettings: _,
     statusFontSize: V,
     statusLineHeight: m,
     statusLetterSpacing: T,
@@ -6999,7 +6999,7 @@ const xu = ({ settings: t, isEditor: e, isPreviewMode: n, metadata: i, activeEve
     iconMaxWidth: U,
     minHeight: st,
     corners: B,
-    stroke: _,
+    stroke: A,
     stateOverrides: X,
     inputPadding: j,
     buttonPadding: H,
@@ -7040,8 +7040,8 @@ const xu = ({ settings: t, isEditor: e, isPreviewMode: n, metadata: i, activeEve
   }, q = {
     fontSettings: {
       fontFamily: x,
-      fontWeight: (A == null ? void 0 : A.fontWeight) ?? 400,
-      fontStyle: (A == null ? void 0 : A.fontStyle) ?? "normal"
+      fontWeight: (_ == null ? void 0 : _.fontWeight) ?? 400,
+      fontStyle: (_ == null ? void 0 : _.fontStyle) ?? "normal"
     },
     fontSize: V ?? 0.01,
     lineHeight: m,
@@ -7058,11 +7058,11 @@ const xu = ({ settings: t, isEditor: e, isPreviewMode: n, metadata: i, activeEve
     errorColor: t.errorColor,
     inputTextColor: t.inputTextColor ?? (P == null ? void 0 : P.color) ?? "#111111",
     buttonTextColor: t.buttonTextColor ?? (J == null ? void 0 : J.color) ?? "#ffffff"
-  }, wu, $u, X), _t = {
+  }, wu, $u, X), At = {
     borderRadius: W(B, e),
-    borderWidth: W(_, e),
+    borderWidth: W(A, e),
     borderStyle: "solid"
-  }, Mt = { borderLeftWidth: W(_, e) }, Jt = async (dt) => {
+  }, Mt = { borderLeftWidth: W(A, e) }, Jt = async (dt) => {
     if (dt.preventDefault(), !r) return;
     const Nt = Object.fromEntries(
       rt.map((Pt) => {
@@ -7104,7 +7104,7 @@ const xu = ({ settings: t, isEditor: e, isPreviewMode: n, metadata: i, activeEve
         onSubmit: Jt,
         className: `${a}-form`,
         style: {
-          ..._t,
+          ...At,
           height: W(st, e),
           minHeight: W(st, e)
         },
@@ -8425,7 +8425,7 @@ function Iu(t) {
 }
 `;
 }
-const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e }, () => t).flat(), Ru = (t, e) => {
+const _u = 30, Au = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e }, () => t).flat(), Ru = (t, e) => {
   const n = e.getBoundingClientRect(), i = t.getBoundingClientRect();
   return i.right > n.left && i.left < n.right;
 }, Mu = (t, e) => {
@@ -8442,7 +8442,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
   scaled: c,
   onFirstSetImageDone: l
 }) => {
-  var v, A, V;
+  var v, _, V;
   const u = mt(null);
   Oe(() => {
     if (!r) return;
@@ -8452,7 +8452,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
   const d = n.display === "cover", x = n.ratioValue ?? "1:1", b = n.reversed ?? !1, [y, p] = x.split(":").map(Number), $ = (b ? p : y) / (b ? y : p);
   let C = i, w = C / $;
   w > o && (w = o, C = w * $);
-  const k = c(C), E = c(w), R = ((A = t.image) == null ? void 0 : A.url) && /* @__PURE__ */ s(
+  const k = c(C), E = c(w), R = ((_ = t.image) == null ? void 0 : _.url) && /* @__PURE__ */ s(
     "img",
     {
       ref: u,
@@ -8516,8 +8516,8 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
     }
   );
 }, Nu = ({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode: o }) => {
-  const { prefix: a } = yn(), r = kt(() => Iu(a), [a]), { speed: c, direction: l, pauseOnHover: u, gap: d, imageMaxWidth: x, imageMaxHeight: b, imageFit: y, hoverEffect: p } = t, f = !!o, L = !n || !!i, $ = L && p !== "off" && p !== "randomize" ? `${a}-image-hover-${p}` : void 0, C = n ? !!i : !0, k = ((e == null ? void 0 : e.length) ?? 0) > 0 && (C || !!n), E = Math.max(0, c) * Au, R = (O) => W(O, n ?? !1), v = mt(null), A = mt(null), V = mt(null), [m, T] = gt(0), [I, N] = gt(0), U = C && u === "on", [st, B] = gt(!1), [_, X] = gt({}), j = mt(_);
-  j.current = _;
+  const { prefix: a } = yn(), r = kt(() => Iu(a), [a]), { speed: c, direction: l, pauseOnHover: u, gap: d, imageMaxWidth: x, imageMaxHeight: b, imageFit: y, hoverEffect: p } = t, f = !!o, L = !n || !!i, $ = L && p !== "off" && p !== "randomize" ? `${a}-image-hover-${p}` : void 0, C = n ? !!i : !0, k = ((e == null ? void 0 : e.length) ?? 0) > 0 && (C || !!n), E = Math.max(0, c) * _u, R = (O) => W(O, n ?? !1), v = mt(null), _ = mt(null), V = mt(null), [m, T] = gt(0), [I, N] = gt(0), U = C && u === "on", [st, B] = gt(!1), [A, X] = gt({}), j = mt(A);
+  j.current = A;
   const H = mt(null), Y = mt(0), it = mt(null), rt = kt(() => (e ?? []).map((O) => {
     var F;
     return ((F = O.image) == null ? void 0 : F.url) ?? "";
@@ -8552,7 +8552,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
       }
       Et.size > 0 && F(Et);
     }, { root: O, threshold: 0 });
-    Object.keys(_).forEach((Rt) => {
+    Object.keys(A).forEach((Rt) => {
       const Et = Number(Rt);
       O.querySelectorAll(`[data-marquee-item-index="${Et}"]`).forEach((Dt) => ht.observe(Dt));
     });
@@ -8564,7 +8564,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
     return Object.keys(j.current).length > 0 && (Lt = requestAnimationFrame(jt)), () => {
       cancelAnimationFrame(Lt), ht.disconnect();
     };
-  }, [p, _, L]), Oe(() => {
+  }, [p, A, L]), Oe(() => {
     if (!k) return;
     const O = v.current, F = V.current;
     if (!O || !F) return;
@@ -8598,7 +8598,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
       it.current = null, cancelAnimationFrame(ht), Rt.disconnect();
     };
   }, [C, k, m, rt, M]), Oe(() => {
-    const O = A.current;
+    const O = _.current;
     if (!k || !O) return;
     const F = m > 0 ? m : 0, ht = F > 0 && E > 0 ? F / E * 1e3 : 0, Lt = `${Math.max(0, ht) / 1e3}s`;
     O.style.setProperty("--marquee-distance", `${F}px`), O.style.setProperty("--marquee-duration", Lt);
@@ -8611,7 +8611,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
       N(0);
       return;
     }
-    const O = A.current;
+    const O = _.current;
     if (!O) return;
     const F = () => {
       const Lt = O.getBoundingClientRect().height;
@@ -8620,7 +8620,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
     F();
     const ht = new ResizeObserver(F);
     return ht.observe(O), () => ht.disconnect();
-  }, [k, yt, h, n, d, x, b, m, y, _]);
+  }, [k, yt, h, n, d, x, b, m, y, A]);
   const vt = () => {
     U && B(!0);
   }, Bt = () => {
@@ -8639,7 +8639,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
       return { ...ht, [O]: Rt };
     });
   }, [e]), G = (O, F, ht, Lt) => {
-    const jt = L && p === "randomize" && y.display === "cover" ? _[ht] ?? O : O, Rt = `max(${R(d)}, ${_u}px)`, Et = `calc(-0.5 * (${Rt} + ${R(d)}))`;
+    const jt = L && p === "randomize" && y.display === "cover" ? A[ht] ?? O : O, Rt = `max(${R(d)}, ${Au}px)`, Et = `calc(-0.5 * (${Rt} + ${R(d)}))`;
     return /* @__PURE__ */ z(
       "div",
       {
@@ -8696,7 +8696,7 @@ const Au = 30, _u = 20, or = 2, Wu = 2, ku = (t, e) => Array.from({ length: e },
           /* @__PURE__ */ s(
             "div",
             {
-              ref: A,
+              ref: _,
               className: `${a}-marquee-track`,
               "data-direction": l,
               onMouseEnter: vt,
@@ -9516,6 +9516,7 @@ type MarqueeProps = {
           type: "object",
           label: "Image",
           display: {
+            isObjectFitEditable: !1,
             type: "media-input"
           }
         },
@@ -9688,7 +9689,7 @@ function Ta(t) {
 `;
 }
 const zu = 30, La = 2, Du = ({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode: o }) => {
-  const { prefix: a } = yn(), { align: r, speed: c, direction: l, pauseOnHover: u, gap: d, cardWidth: x, corners: b, stroke: y, strokeColor: p, bgColor: f, padding: L, logoMarginTop: $, logoWidth: C, logoHeight: w, captionMarginTop: k } = t, E = !!o, R = ((e == null ? void 0 : e.length) ?? 0) > 0, v = c > 0 && (!n || i), A = R && (v || n), V = Math.max(0, c) * zu, m = (P) => W(P, n ?? !1), T = mt(null), I = mt(null), N = mt(null), [U, st] = gt(0), [B, _] = gt(0), [X, j] = gt(0), H = v && u === "on", [Y, it] = gt(!1), rt = mt(null), [M, at] = gt(0), [h, ot] = gt(0), yt = mt(null), vt = (P) => {
+  const { prefix: a } = yn(), { align: r, speed: c, direction: l, pauseOnHover: u, gap: d, cardWidth: x, corners: b, stroke: y, strokeColor: p, bgColor: f, padding: L, logoMarginTop: $, logoWidth: C, logoHeight: w, captionMarginTop: k } = t, E = !!o, R = ((e == null ? void 0 : e.length) ?? 0) > 0, v = c > 0 && (!n || i), _ = R && (v || n), V = Math.max(0, c) * zu, m = (P) => W(P, n ?? !1), T = mt(null), I = mt(null), N = mt(null), [U, st] = gt(0), [B, A] = gt(0), [X, j] = gt(0), H = v && u === "on", [Y, it] = gt(!1), rt = mt(null), [M, at] = gt(0), [h, ot] = gt(0), yt = mt(null), vt = (P) => {
     var q, tt, ft, St, Xt;
     return {
       fontSettings: {
@@ -9713,19 +9714,19 @@ const zu = 30, La = 2, Du = ({ settings: t, content: e, isEditor: n, isPreviewMo
       return (((J = P.text) == null ? void 0 : J.length) ?? 0) > 0 || (((q = P.caption) == null ? void 0 : q.length) ?? 0) > 0;
     }),
     [e]
-  ), G = kt(() => !A || (e == null ? void 0 : e.length) === 0 ? 1 : B <= 0 || U <= 0 ? La : Math.max(La, Math.ceil(U / B) + 1), [A, e == null ? void 0 : e.length, B, U]);
+  ), G = kt(() => !_ || (e == null ? void 0 : e.length) === 0 ? 1 : B <= 0 || U <= 0 ? La : Math.max(La, Math.ceil(U / B) + 1), [_, e == null ? void 0 : e.length, B, U]);
   Oe(() => {
-    if (!A) return;
+    if (!_) return;
     const P = T.current, J = N.current;
     if (!P || !J) return;
     let q = 0;
     const tt = () => {
-      const Xt = P.getBoundingClientRect().width, _t = J.getBoundingClientRect().width, Mt = yt.current, Jt = typeof Mt == "number" && Math.abs(Mt - _t) <= 0.25;
-      if (yt.current = _t, st(Xt), typeof _t == "number" && _t > 0 && B <= 0) {
-        _(_t);
+      const Xt = P.getBoundingClientRect().width, At = J.getBoundingClientRect().width, Mt = yt.current, Jt = typeof Mt == "number" && Math.abs(Mt - At) <= 0.25;
+      if (yt.current = At, st(Xt), typeof At == "number" && At > 0 && B <= 0) {
+        A(At);
         return;
       }
-      Jt && _t !== B ? _(_t) : !Jt && B <= 0 && (cancelAnimationFrame(q), q = requestAnimationFrame(tt));
+      Jt && At !== B ? A(At) : !Jt && B <= 0 && (cancelAnimationFrame(q), q = requestAnimationFrame(tt));
     }, ft = () => {
       cancelAnimationFrame(q), q = requestAnimationFrame(tt);
     };
@@ -9734,13 +9735,13 @@ const zu = 30, La = 2, Du = ({ settings: t, content: e, isEditor: n, isPreviewMo
     return St.observe(P), St.observe(J), () => {
       cancelAnimationFrame(q), St.disconnect();
     };
-  }, [v, A, B]), Oe(() => {
+  }, [v, _, B]), Oe(() => {
     const P = I.current;
-    if (!A || !P) return;
+    if (!_ || !P) return;
     const J = B > 0 ? B : 0, q = J > 0 && V > 0 ? J / V * 1e3 : 0, tt = `${Math.max(0, q) / 1e3}s`;
     P.style.setProperty("--marquee-distance", `${J}px`), P.style.setProperty("--marquee-duration", tt);
-  }, [v, A, V, B]), Oe(() => {
-    if (!A) {
+  }, [v, _, V, B]), Oe(() => {
+    if (!_) {
       j(0);
       return;
     }
@@ -9749,8 +9750,8 @@ const zu = 30, La = 2, Du = ({ settings: t, content: e, isEditor: n, isPreviewMo
     const q = () => {
       let ft = 0;
       for (let St = 0; St < P.children.length; St++) {
-        const _t = P.children[St].firstElementChild;
-        _t && (ft = Math.max(ft, _t.offsetHeight));
+        const At = P.children[St].firstElementChild;
+        At && (ft = Math.max(ft, At.offsetHeight));
       }
       ft <= 0 && (ft = J.offsetHeight), j(ft > 0 ? ft : 0);
     };
@@ -9759,7 +9760,7 @@ const zu = 30, La = 2, Du = ({ settings: t, content: e, isEditor: n, isPreviewMo
     return tt.observe(P), tt.observe(J), () => {
       tt.disconnect();
     };
-  }, [A, G, e, n, d, x, L, y, b, C, w, M, h]);
+  }, [_, G, e, n, d, x, L, y, b, C, w, M, h]);
   const O = () => {
     H && it(!0);
   }, F = () => {
@@ -9986,7 +9987,7 @@ const zu = 30, La = 2, Du = ({ settings: t, content: e, isEditor: n, isPreviewMo
     },
     J
   );
-  if (A) {
+  if (_) {
     const P = v ? H && Y ? "paused" : "running" : "paused";
     return /* @__PURE__ */ z(
       "div",
@@ -11295,7 +11296,7 @@ function Ku(t) {
 `;
 }
 const Uu = 3e3, Gu = ({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode: o }) => {
-  const { prefix: a } = yn(), r = e || [], { speed: c, align: l, width: u, imageMarginTop: d, textMarginTop: x, captionMarginTop: b, imageWidth: y, imageHeight: p, controlsWidth: f, controlsColor: L, controlsHoverColor: $ } = t, C = c > 0 && (!n || !!i), [w, k] = gt(0), [E, R] = gt(null), [v, A] = gt(!1), V = mt(null), m = kt(() => {
+  const { prefix: a } = yn(), r = e || [], { speed: c, align: l, width: u, imageMarginTop: d, textMarginTop: x, captionMarginTop: b, imageWidth: y, imageHeight: p, controlsWidth: f, controlsColor: L, controlsHoverColor: $ } = t, C = c > 0 && (!n || !!i), [w, k] = gt(0), [E, R] = gt(null), [v, _] = gt(!1), V = mt(null), m = kt(() => {
     switch (l) {
       case "center":
         return "center";
@@ -11317,7 +11318,7 @@ const Uu = 3e3, Gu = ({ settings: t, content: e, isEditor: n, isPreviewMode: i,
     }
   }, [l]);
   Ot(() => {
-    k(0), R(null), A(!1);
+    k(0), R(null), _(!1);
   }, [r.length]);
   const I = r[w], N = E === null ? null : r[E], U = (Z) => {
     var G, O, F, ht, Lt;
@@ -11338,11 +11339,11 @@ const Uu = 3e3, Gu = ({ settings: t, content: e, isEditor: n, isPreviewMode: i,
       wordSpacing: (t == null ? void 0 : t[`${Z}WordSpacing`]) ?? 0,
       color: (t == null ? void 0 : t[`${Z}Color`]) ?? "#000000"
     };
-  }, st = U("text"), B = U("caption"), _ = r.length > 1 && r.some((Z) => {
+  }, st = U("text"), B = U("caption"), A = r.length > 1 && r.some((Z) => {
     var ct, G;
     return (((ct = Z.text) == null ? void 0 : ct.length) ?? 0) > 0 || (((G = Z.caption) == null ? void 0 : G.length) ?? 0) > 0;
-  }), X = mt(null), [j, H] = gt(0), [Y, it] = gt(0), rt = t.controls ?? { mode: "Off", icon: null }, M = r.length > 1, at = Wt((Z, ct) => !M || ct === Z ? Z : (V.current && window.clearTimeout(V.current), R(Z), A(!0), V.current = window.setTimeout(() => {
-    R(null), A(!1), V.current = null;
+  }), X = mt(null), [j, H] = gt(0), [Y, it] = gt(0), rt = t.controls ?? { mode: "Off", icon: null }, M = r.length > 1, at = Wt((Z, ct) => !M || ct === Z ? Z : (V.current && window.clearTimeout(V.current), R(Z), _(!0), V.current = window.setTimeout(() => {
+    R(null), _(!1), V.current = null;
   }, 300), ct), [M]), h = Wt(() => {
     M && k((Z) => at(Z, (Z - 1 + r.length) % r.length));
   }, [M, at, r.length]), ot = Wt(() => {
@@ -11433,7 +11434,7 @@ const Uu = 3e3, Gu = ({ settings: t, content: e, isEditor: n, isPreviewMode: i,
     H(Z.maxTextPx), it(Z.maxCaptionPx);
   }, []);
   if (Oe(() => {
-    if (!_) {
+    if (!A) {
       vt({ maxTextPx: 0, maxCaptionPx: 0 });
       return;
     }
@@ -11447,8 +11448,8 @@ const Uu = 3e3, Gu = ({ settings: t, content: e, isEditor: n, isPreviewMode: i,
     return G.observe(Z), () => {
       G.disconnect();
     };
-  }, [_, vt, e]), !I) return /* @__PURE__ */ s(ie, {});
-  const Bt = _ ? { textMinHeightPx: j, captionMinHeightPx: Y } : void 0;
+  }, [A, vt, e]), !I) return /* @__PURE__ */ s(ie, {});
+  const Bt = A ? { textMinHeightPx: j, captionMinHeightPx: Y } : void 0;
   return /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ z("div", { className: `${a}-container`, children: [
     /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: Ku(a) } }),
     /* @__PURE__ */ z(
@@ -11457,7 +11458,7 @@ const Uu = 3e3, Gu = ({ settings: t, content: e, isEditor: n, isPreviewMode: i,
         className: `${a}-wrapper`,
         style: { width: W(u ?? 0, n ?? !1), alignItems: m },
         children: [
-          _ && /* @__PURE__ */ s(
+          A && /* @__PURE__ */ s(
             "div",
             {
               ref: X,
@@ -12723,7 +12724,7 @@ const xn = 500, ep = 750, Mn = "cubic-bezier(0.22, 1, 0.36, 1)";
 function Hn(t) {
   return t.type === "video" ? !0 : t.type === "image" ? !1 : /\.(mp4|webm|ogg|mov)(\?|$)/i.test(t.url);
 }
-function Aa({
+function _a({
   media: t,
   className: e,
   style: n,
@@ -12761,12 +12762,12 @@ function np({ images: t, index: e, imageDisplay: n, originRect: i, reverseClose:
       p({ width: N, height: U, left: I.left, top: I.top });
       return;
     }
-    const _ = st / B, X = N / U;
-    if (_ > X) {
-      const j = N / _;
+    const A = st / B, X = N / U;
+    if (A > X) {
+      const j = N / A;
       p({ width: N, height: j, left: I.left, top: I.top + (U - j) / 2 });
     } else {
-      const j = U * _;
+      const j = U * A;
       p({ width: j, height: U, left: I.left + (N - j) / 2, top: I.top });
     }
   }, [n]);
@@ -12792,7 +12793,7 @@ function np({ images: t, index: e, imageDisplay: n, originRect: i, reverseClose:
   }, [f]);
   const E = () => {
     f !== "closing" && L("closing");
-  }, R = f === "open", v = f === "closing", A = v && o && !!i, V = f === "opening" ? i ?? y : A ? i : y;
+  }, R = f === "open", v = f === "closing", _ = v && o && !!i, V = f === "opening" ? i ?? y : _ ? i : y;
   return /* @__PURE__ */ z(
     "div",
     {
@@ -12908,8 +12909,8 @@ function np({ images: t, index: e, imageDisplay: n, originRect: i, reverseClose:
               width: V.width,
               height: V.height,
               objectFit: n === "cover" ? "cover" : "contain",
-              opacity: v && !A ? 0 : 1,
-              transition: v && !A ? `opacity ${xn}ms ${Mn}` : A || $ ? `top ${xn}ms ${Mn}, left ${xn}ms ${Mn}, width ${xn}ms ${Mn}, height ${xn}ms ${Mn}` : "none",
+              opacity: v && !_ ? 0 : 1,
+              transition: v && !_ ? `opacity ${xn}ms ${Mn}` : _ || $ ? `top ${xn}ms ${Mn}, left ${xn}ms ${Mn}, width ${xn}ms ${Mn}, height ${xn}ms ${Mn}` : "none",
               pointerEvents: "none",
               zIndex: 9998
             }
@@ -12975,7 +12976,7 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     titleMarginTop: E,
     subtitleMarginTop: R,
     titleColor: v,
-    subtitleColor: A,
+    subtitleColor: _,
     lightboxCounterColor: V,
     titleFontFamily: m,
     titleFontSettings: T,
@@ -12984,7 +12985,7 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     titleLetterSpacing: U,
     titleWordSpacing: st,
     titleTextAppearance: B,
-    subtitleFontFamily: _,
+    subtitleFontFamily: A,
     subtitleFontSettings: X,
     subtitleFontSize: j,
     subtitleLineHeight: H,
@@ -13016,7 +13017,7 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     ...nn(Be(G, n))
   }, ht = {
     fontSettings: {
-      fontFamily: _,
+      fontFamily: A,
       fontWeight: (X == null ? void 0 : X.fontWeight) ?? 400,
       fontStyle: (X == null ? void 0 : X.fontStyle) ?? "normal"
     },
@@ -13025,7 +13026,7 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     letterSpacing: Y ?? 0,
     wordSpacing: it ?? 0,
     textAppearance: rt,
-    color: A
+    color: _
   }, jt = {
     ...nn(Be(ht, n))
   }, Rt = {
@@ -13060,9 +13061,9 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     `${l}-text-tight-leading`
   ), tt = Di(l, {
     titleColor: v,
-    subtitleColor: A,
+    subtitleColor: _,
     lightboxCounterColor: V
-  }, rp, ap), Xt = `${r && r !== "default" ? `${l}-state-${r}` : ""}${Z === "on hover" && (!n || i) ? ` ${l}-show-text-hover` : ""}`.trim(), _t = y === 0 ? 1 / 0 : y, Mt = (e ?? []).slice(0, _t), Jt = d.entryWidth ?? 0.2, dt = (f == null ? void 0 : f.display) === "cover", Nt = (f == null ? void 0 : f.ratioValue) ?? "1:1", Gt = (f == null ? void 0 : f.reversed) ?? !1, [Pt, pe] = Nt.split(":").map(Number), Yt = `${Gt ? pe : Pt} / ${Gt ? Pt : pe}`, ve = W(Jt ?? 0, n), ke = !dt && $ !== "off", Fe = {
+  }, rp, ap), Xt = `${r && r !== "default" ? `${l}-state-${r}` : ""}${Z === "on hover" && (!n || i) ? ` ${l}-show-text-hover` : ""}`.trim(), At = y === 0 ? 1 / 0 : y, Mt = (e ?? []).slice(0, At), Jt = d.entryWidth ?? 0.2, dt = (f == null ? void 0 : f.display) === "cover", Nt = (f == null ? void 0 : f.ratioValue) ?? "1:1", Gt = (f == null ? void 0 : f.reversed) ?? !1, [Pt, pe] = Nt.split(":").map(Number), Yt = `${Gt ? pe : Pt} / ${Gt ? Pt : pe}`, ve = W(Jt ?? 0, n), ke = !dt && $ !== "off", Fe = {
     width: ve,
     ...dt ? { aspectRatio: Yt, height: "auto", overflow: "hidden" } : { height: "auto" }
   }, Ne = `${l}-item-image-wrapper${ke ? ` ${l}-item-image-wrapper-fit-slider` : ""}`.trim(), xt = u === "c", Vt = xt && ct === "on", Zt = `calc(${W(Jt ?? 0, n)} * (${x} / 100))`, se = W(Jt * x / 100, n), Ce = dt ? {
@@ -13086,7 +13087,7 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     });
     return he.observe(Ht), () => he.disconnect();
   }, []);
-  const _e = (() => {
+  const Ae = (() => {
     const Ht = { ...tt }, he = qt.current ? getComputedStyle(qt.current).getPropertyValue("--cntrl-article-width").trim() : "";
     return he && (Ht["--cntrl-article-width"] = he), Ht;
   })(), [Te, ce] = gt(!1), [$e, Ke] = gt([]), [bn, Ve] = gt(0), [In, re] = gt(null), Ue = (Ht, he, He) => {
@@ -13178,14 +13179,14 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
             te,
             ae
           ] }), We = /* @__PURE__ */ s("div", { className: Ne, style: Fe, children: (((Ie = Ht.image) == null ? void 0 : Ie.length) ?? 0) === 0 ? null : $ === "off" ? (() => {
-            const zt = Ht.image[0], fe = Ht.image.filter((Ae) => !Hn(Ae)).map((Ae) => Ae.url);
+            const zt = Ht.image[0], fe = Ht.image.filter((_e) => !Hn(_e)).map((_e) => _e.url);
             return /* @__PURE__ */ s(
-              Aa,
+              _a,
               {
                 media: zt,
                 className: `${l}-item-${Hn(zt) ? "video" : "image"}`.trim(),
                 style: Ce,
-                onImageClick: Hn(zt) ? void 0 : (Ae) => Ue(Ae, fe, 0)
+                onImageClick: Hn(zt) ? void 0 : (_e) => Ue(_e, fe, 0)
               }
             );
           })() : /* @__PURE__ */ z(ie, { children: [
@@ -13218,14 +13219,14 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                   }, 0);
                 },
                 children: Ht.image.map((zt, de) => {
-                  const fe = Ht.image.filter((me) => !Hn(me)), Ae = fe.map((me) => me.url), mn = fe.findIndex((me) => me.url === zt.url);
+                  const fe = Ht.image.filter((me) => !Hn(me)), _e = fe.map((me) => me.url), mn = fe.findIndex((me) => me.url === zt.url);
                   return /* @__PURE__ */ s(Xr, { children: /* @__PURE__ */ s(
-                    Aa,
+                    _a,
                     {
                       media: zt,
                       className: `${l}-item-${Hn(zt) ? "video" : "image"}`.trim(),
                       style: Ce,
-                      onImageClick: Hn(zt) ? void 0 : (me) => Ue(me, Ae, mn)
+                      onImageClick: Hn(zt) ? void 0 : (me) => Ue(me, _e, mn)
                     }
                   ) }, de);
                 })
@@ -13298,7 +13299,7 @@ function op({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
       }
     ) }),
     (!n || i) && Te && typeof document < "u" && p === "on" && Wo(
-      /* @__PURE__ */ s("div", { style: _e, "data-selection": "none", children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s("div", { style: Ae, "data-selection": "none", children: /* @__PURE__ */ s(
         np,
         {
           images: $e,
@@ -15201,12 +15202,12 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
   },
   schema: cp,
   sourceCode: lp
-}, _a = 12;
+}, Aa = 12;
 function up(t, e = "50%") {
   const n = {
     position: "absolute",
-    width: _a,
-    height: _a,
+    width: Aa,
+    height: Aa,
     pointerEvents: "auto"
   };
   return t === "left-y" ? { ...n, left: 20, top: "50%", transform: "translateY(-50%)" } : t === "center-x" ? {
@@ -15874,7 +15875,7 @@ const Ip = {
   EColumn: "E",
   cutLabel: "CUT"
 };
-function Ap(t) {
+function _p(t) {
   return [
     ne(t, "textFontFamily"),
     ne(t, "textFontSettings"),
@@ -15892,19 +15893,19 @@ function Ap(t) {
     `${t}VerticalAlign`
   ];
 }
-function _p() {
+function Ap() {
   return {
     type: "tab",
     id: "listColumnTextStyle",
     tabs: Object.fromEntries(
       Jr.map((t) => [
         Ip[t],
-        Ap(t)
+        _p(t)
       ])
     )
   };
 }
-function Ao(t, e) {
+function _o(t, e) {
   const n = (i) => {
     const o = ne(e, i);
     return t[o];
@@ -15943,11 +15944,11 @@ function Na(t, e) {
   return nn(Be(n, e));
 }
 function Ha(t, e, n, i) {
-  const o = Ao(t, e), a = o.textFontSize ?? 0.01, r = o.textLineHeight;
+  const o = _o(t, e), a = o.textFontSize ?? 0.01, r = o.textLineHeight;
   return r !== void 0 && r < a ? `${n} ${i}` : n;
 }
 function Oa(t, e, n, i) {
-  const o = Ao(t, e), a = o.textFontSize ?? 0.01, r = o.textLineHeight;
+  const o = _o(t, e), a = o.textFontSize ?? 0.01, r = o.textLineHeight;
   return r === void 0 || r >= a ? {} : {
     [`--${n}-title-leading-gap`]: W((a - r) / 2, i)
   };
@@ -16014,7 +16015,7 @@ const Xl = {
   DColumnWidth: 0.02,
   EColumnWidth: 0.02
 };
-function _i(t) {
+function Ai(t) {
   const e = typeof t.wrapperWidth == "number" ? t.wrapperWidth : 1;
   return Math.max(0, e);
 }
@@ -16140,7 +16141,7 @@ function Dp(t, e) {
   const n = t.columns, i = e.columns;
   if (typeof n != "number" || n === i)
     return t;
-  const o = _i(t), a = t.type === "b" || t.type === void 0 && e.type === "b", r = {
+  const o = Ai(t), a = t.type === "b" || t.type === void 0 && e.type === "b", r = {
     ...t,
     ...Mp(n, o),
     ...Fp()
@@ -16155,10 +16156,10 @@ function Dp(t, e) {
 function Vp(t, e, n) {
   const i = wp(t);
   i && (t = { ...t, ...i });
-  const o = Gl(n == null ? void 0 : n.designWidth), a = t.columns, r = e.columns, c = _i(t), l = _i(e), u = t.type === "b" || t.type === void 0 && e.type === "b", d = typeof a == "number" ? a : typeof r == "number" ? r : Vn.length, x = (w) => {
+  const o = Gl(n == null ? void 0 : n.designWidth), a = t.columns, r = e.columns, c = Ai(t), l = Ai(e), u = t.type === "b" || t.type === void 0 && e.type === "b", d = typeof a == "number" ? a : typeof r == "number" ? r : Vn.length, x = (w) => {
     if (u)
       return w;
-    const k = ao({ ...e, ...w }), E = _i(w), R = xo(d, E, k), v = Hp(d, R, {
+    const k = ao({ ...e, ...w }), E = Ai(w), R = xo(d, E, k), v = Hp(d, R, {
       ...e,
       ...w
     });
@@ -16261,7 +16262,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     imageSize: E,
     imageOnHover: R,
     entryHoverEffect: v,
-    entryHoverShowOption: A,
+    entryHoverShowOption: _,
     rowPaddingTop: V,
     rowPaddingBottom: m,
     rowPaddingTopB: T,
@@ -16270,7 +16271,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     textColor: U,
     backgroundColor: st,
     dividerColor: B,
-    textHoverColor: _,
+    textHoverColor: A,
     backgroundHoverColor: X,
     dividerHoverColor: j
   } = t, [H, Y] = gt(void 0), [it, rt] = gt(null), M = R === "on" && (!n || i), at = ($ ?? 0) > 0, h = x === "b", ot = mt(null), yt = mt(null), [vt, Bt] = gt(null), [Z, ct] = gt(Bi), G = Gl(Z), O = Math.max(0, ((b ?? 0) - G) / 2), F = Math.min(N ?? 0, O), ht = Math.max(F, pi), Lt = ((b ?? 0) + G) / 2;
@@ -16301,7 +16302,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     textColor: U,
     backgroundColor: st,
     dividerColor: B,
-    textHoverColor: _,
+    textHoverColor: A,
     backgroundHoverColor: X,
     dividerHoverColor: j
   }, Wp, kp), Rt = a && a !== "default" ? `${l}-state-${a}` : "", Dt = `${!n || i ? v === "default" ? `${l}-entry-hover-default` : v === "blinds" ? `${l}-entry-hover-blinds` : v === "reveal" ? `${l}-entry-hover-reveal` : "" : ""} ${Rt}`.trim(), D = v === "reveal" && (!n || i), ut = (L == null ? void 0 : L[0]) ?? !1, P = (L == null ? void 0 : L[1]) ?? !1, J = mt(t), q = mt(r);
@@ -16364,17 +16365,17 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
       t.DColumnPaddingBottom,
       t.EColumnPaddingBottom
     ]
-  ), _t = kt(() => Array.isArray(I) && I.length > 0 ? I : [...Vn], [I]), Mt = kt(
+  ), At = kt(() => Array.isArray(I) && I.length > 0 ? I : [...Vn], [I]), Mt = kt(
     () => Up(
-      _t,
+      At,
       d,
       tt,
       ft,
       St,
       Xt
     ),
-    [_t, d, tt, ft, St, Xt]
-  ), Jt = _i(t), dt = kt(
+    [At, d, tt, ft, St, Xt]
+  ), Jt = Ai(t), dt = kt(
     () => on.slice(0, d).map((et) => tt[et]),
     [d, tt]
   ), Nt = kt(
@@ -16419,7 +16420,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     Yt,
     f ?? 0,
     n ?? !1
-  ).borderTopWidth, Ze = vt != null ? `${vt}px` : `calc(${ze} + ${xt(Ce)})`, un = h ? "rowPaddingTopB" : "rowPaddingTop", qt = Mt[0], _e = Mt[Mt.length - 1], Te = Pt[0], ce = Pt[Pt.length - 1], $e = qt && Te ? Math.max(Te.paddingLeft, pi) : 0, Ke = _e && ce ? Math.max(ce.paddingRight, pi) : 0, bn = Jt, Ve = (et) => {
+  ).borderTopWidth, Ze = vt != null ? `${vt}px` : `calc(${ze} + ${xt(Ce)})`, un = h ? "rowPaddingTopB" : "rowPaddingTop", qt = Mt[0], Ae = Mt[Mt.length - 1], Te = Pt[0], ce = Pt[Pt.length - 1], $e = qt && Te ? Math.max(Te.paddingLeft, pi) : 0, Ke = Ae && ce ? Math.max(ce.paddingRight, pi) : 0, bn = Jt, Ve = (et) => {
     const Ct = ot.current;
     if (!Ct)
       return { x: 0, y: 0 };
@@ -16534,14 +16535,14 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
           de.style.transform = "";
           const fe = de.querySelector(`.${Pe}`);
           fe && (fe.style.minHeight = "", fe.style.height = "");
-          const Ae = de.querySelector(`.${l}-list-col-title`);
-          Ae && (Ae.style.transform = "");
+          const _e = de.querySelector(`.${l}-list-col-title`);
+          _e && (_e.style.transform = "");
         });
       }), Se.forEach((zt) => {
         const de = Array.from(zt.querySelectorAll("[data-list-col]"));
         Lp(zt, de, Pe);
       }), et.offsetHeight, Se.forEach((zt) => {
-        const de = Array.from(zt.querySelectorAll("[data-list-col]")), fe = zt.getBoundingClientRect().top, Ae = /* @__PURE__ */ new Map(), mn = de.map((oe) => {
+        const de = Array.from(zt.querySelectorAll("[data-list-col]")), fe = zt.getBoundingClientRect().top, _e = /* @__PURE__ */ new Map(), mn = de.map((oe) => {
           const qe = oe.querySelector(`.${l}-list-col-title`), Ge = {
             el: oe,
             titleEl: qe,
@@ -16549,12 +16550,12 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
             kind: oe.getAttribute("data-valign") ?? "top",
             anchor: oe.getAttribute("data-valign-anchor")
           };
-          return Ae.set(Ge.letter, Ge), Ge;
+          return _e.set(Ge.letter, Ge), Ge;
         }), me = /* @__PURE__ */ new Map(), an = (oe, qe) => {
           const Ge = me.get(oe.letter);
           if (Ge !== void 0) return Ge;
-          const An = oe.anchor ? Ae.get(oe.anchor) : void 0;
-          if (oe.kind !== "baseline" || !An || qe.has(oe.letter)) {
+          const _n = oe.anchor ? _e.get(oe.anchor) : void 0;
+          if (oe.kind !== "baseline" || !_n || qe.has(oe.letter)) {
             const Wn = sr(
               oe,
               fe,
@@ -16564,15 +16565,15 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
             return me.set(oe.letter, Wn), Wn;
           }
           qe.add(oe.letter);
-          const Un = an(An, qe);
+          const Un = an(_n, qe);
           qe.delete(oe.letter);
           const Gn = sr(
             oe,
             fe,
             Pe,
             Ie
-          ), _n = Un - Gn;
-          Ep(oe.titleEl, _n);
+          ), An = Un - Gn;
+          Ep(oe.titleEl, An);
           const ai = sr(
             oe,
             fe,
@@ -16641,14 +16642,14 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                   ref: Ct === 0 ? (It) => {
                     yt.current = It;
                   } : void 0,
-                  className: `${l}-list-item${Ft || A === "always" ? ` ${l}-list-item-has-link` : ""}`,
+                  className: `${l}-list-item${Ft || _ === "always" ? ` ${l}-list-item-has-link` : ""}`,
                   ...Ft ? { href: et.link, target: "_blank" } : {},
                   style: te,
                   onMouseEnter: (It) => {
-                    D && (Ft || A === "always") && Wa(It, l), M && In(et, It);
+                    D && (Ft || _ === "always") && Wa(It, l), M && In(et, It);
                   },
                   onMouseLeave: (It) => {
-                    D && (Ft || A === "always") && ka(It, l);
+                    D && (Ft || _ === "always") && ka(It, l);
                   },
                   children: [
                     Vt > 0 && /* @__PURE__ */ s(
@@ -16666,7 +16667,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                         style: h ? void 0 : { minHeight: xt(se) },
                         children: [
                           Mt.map((It, We) => {
-                            const Se = We === Mt.length - 1, Pe = Pt[We], Ie = It.paddingBottom, zt = gp(et.cells[It.key]), de = h && zt && Ie > 0, fe = h ? { minHeight: xt(se) } : { width: xt(Gt[We]) }, Ae = h ? {
+                            const Se = We === Mt.length - 1, Pe = Pt[We], Ie = It.paddingBottom, zt = gp(et.cells[It.key]), de = h && zt && Ie > 0, fe = h ? { minHeight: xt(se) } : { width: xt(Gt[We]) }, _e = h ? {
                               paddingLeft: xt(F),
                               paddingRight: xt(F)
                             } : {
@@ -16695,7 +16696,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                                     {
                                       className: `${l}-list-col${Se ? ` ${l}-list-col-last` : ""}`,
                                       style: {
-                                        ...Ae,
+                                        ..._e,
                                         ...fe,
                                         ...h ? { justifyContent: Fa(me.kind) } : {}
                                       },
@@ -16710,7 +16711,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                                             `${l}-text-tight-leading`
                                           ),
                                           style: {
-                                            ...Na(Ao(t, It.textPrefix), n),
+                                            ...Na(_o(t, It.textPrefix), n),
                                             ...Oa(t, It.textPrefix, l, n),
                                             ...h ? {} : $p(me.kind)
                                           },
@@ -16855,7 +16856,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                 }
               }
             ) }, "row-padding-handles"),
-            u && !h && qt && _e && /* @__PURE__ */ z("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
+            u && !h && qt && Ae && /* @__PURE__ */ z("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
               /* @__PURE__ */ s(
                 De,
                 {
@@ -16883,7 +16884,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                 De,
                 {
                   centerXHitTop: `var(--${l}-first-entry-handle-top, 50%)`,
-                  "data-controls": _e.paddingRightKey,
+                  "data-controls": Ae.paddingRightKey,
                   "data-controls-static-handle": "",
                   "data-controls-axis": "x",
                   "data-controls-variant": "column-padding",
@@ -16992,7 +16993,7 @@ function Gp({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
             })
           ] }),
           Yt && (() => {
-            const et = Ao(t, Tn), Ct = Sp(t.cutLabelVerticalAlign), Ft = et.textTextAlign === "justify" || h;
+            const et = _o(t, Tn), Ct = Sp(t.cutLabelVerticalAlign), Ft = et.textTextAlign === "justify" || h;
             return /* @__PURE__ */ s(
               "button",
               {
@@ -20237,7 +20238,7 @@ function wo(t = {}, e) {
     {}
   );
 }
-const om = wo(), rm = _p();
+const om = wo(), rm = Ap();
 function Zl(t) {
   return [
     ne(t, "textFontFamily"),
@@ -21101,7 +21102,7 @@ function ym({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     iconColor: E = "#000000",
     questionHoverColor: R = "#666666",
     iconHoverColor: v = "#666666",
-    iconActiveColor: A = "#000000",
+    iconActiveColor: _ = "#000000",
     dividerHoverColor: V = "#000000",
     questionFontFamily: m,
     questionFontSettings: T,
@@ -21110,7 +21111,7 @@ function ym({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     questionLetterSpacing: U,
     questionWordSpacing: st,
     questionTextAppearance: B,
-    answerFontFamily: _,
+    answerFontFamily: A,
     answerFontSettings: X,
     answerFontSize: j,
     answerLineHeight: H,
@@ -21130,7 +21131,7 @@ function ym({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
   }, [y]), Ot(() => {
     n && !o && !i && G(/* @__PURE__ */ new Set());
   }, [n, o, i]);
-  const F = (xt) => W(xt, n ?? !1), ht = Math.max(M, Fn), Lt = Math.max(at, Fn), jt = Math.max(h, Fn), Rt = Math.max(ot, Fn), Et = Math.max(yt, Fn), Dt = Math.max(vt, Fn), D = Math.max(Bt, Fn), ut = Math.max(0, (l ?? 1) - L - f), P = Math.max(0, (l ?? 1) - yt), J = Math.max(0, (l ?? 1) - ot), q = Math.max(L, Fn), tt = Math.max(0, (l ?? 1) - M - f), ft = kt(() => ct.size === 0 ? 0 : Math.min(...ct), [ct]), St = Wt((xt) => ct.has(xt), [ct]), Xt = O && b === "default" ? `${r}-entry-hover-default` : "", _t = p ?? "", Mt = _t !== "", Jt = $.replace(/^rotate /, ""), dt = `${r}-icon-anim-${Jt}`, Nt = nn(Be(
+  const F = (xt) => W(xt, n ?? !1), ht = Math.max(M, Fn), Lt = Math.max(at, Fn), jt = Math.max(h, Fn), Rt = Math.max(ot, Fn), Et = Math.max(yt, Fn), Dt = Math.max(vt, Fn), D = Math.max(Bt, Fn), ut = Math.max(0, (l ?? 1) - L - f), P = Math.max(0, (l ?? 1) - yt), J = Math.max(0, (l ?? 1) - ot), q = Math.max(L, Fn), tt = Math.max(0, (l ?? 1) - M - f), ft = kt(() => ct.size === 0 ? 0 : Math.min(...ct), [ct]), St = Wt((xt) => ct.has(xt), [ct]), Xt = O && b === "default" ? `${r}-entry-hover-default` : "", At = p ?? "", Mt = At !== "", Jt = $.replace(/^rotate /, ""), dt = `${r}-icon-anim-${Jt}`, Nt = nn(Be(
     Ga(
       m,
       T,
@@ -21144,7 +21145,7 @@ function ym({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     n
   )), Gt = nn(Be(
     Ga(
-      _,
+      A,
       X,
       j,
       H,
@@ -21171,7 +21172,7 @@ function ym({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
     iconColor: E,
     questionHoverColor: R,
     iconHoverColor: v,
-    iconActiveColor: A,
+    iconActiveColor: _,
     dividerHoverColor: V
   }, mm, gm), ve = a && a !== "default" ? `${r}-state-${a}` : "", ke = Wt((xt) => {
     O && G((Vt) => {
@@ -21309,7 +21310,7 @@ function ym({ settings: t, content: e, isEditor: n, isPreviewMode: i, isEditMode
                           je && (Mt ? /* @__PURE__ */ s("span", { className: `${r}-icon ${r}-icon-custom ${dt}`, "aria-hidden": "true", children: /* @__PURE__ */ s(
                             cn,
                             {
-                              url: _t,
+                              url: At,
                               fill: E,
                               hoverFill: v,
                               className: `${r}-icon-image`
@@ -22856,12 +22857,12 @@ const Xa = {
     w(m);
   }, [w]), E = Wt((m) => {
     w(m);
-  }, [w]), R = o > 0, v = r ? `transform ${n}ms ease` : "none", A = r ? `opacity ${n}ms ease` : "none", V = o > 0 || r;
+  }, [w]), R = o > 0, v = r ? `transform ${n}ms ease` : "none", _ = r ? `opacity ${n}ms ease` : "none", V = o > 0 || r;
   return {
     isSwipeDragging: R,
     backdropStyle: {
       opacity: x(o),
-      transition: A
+      transition: _
     },
     mediaAreaStyle: {
       transform: y(o),
@@ -22871,7 +22872,7 @@ const Xa = {
     },
     overlayContentStyle: V ? {
       opacity: b(o),
-      transition: A
+      transition: _
     } : void 0,
     swipeHandlers: t ? {
       onPointerDown: $,
@@ -22921,7 +22922,7 @@ const Xa = {
   }, i + 64), () => {
     d || (d = !0, b(), u(r - Lm(e), !1));
   };
-}, fi = 300, Pm = 900, Im = 1500, Am = "cubic-bezier(0.16, 1, 0.3, 1)", _m = 3e3, $o = 50, Wm = 2, km = 16, Rm = 0.05, Mm = 1, Za = 0.5, Fm = 20, si = 4e-3, Ji = ["title1", "title2", "title3"], Nm = {
+}, fi = 300, Pm = 900, Im = 1500, _m = "cubic-bezier(0.16, 1, 0.3, 1)", Am = 3e3, $o = 50, Wm = 2, km = 16, Rm = 0.05, Mm = 1, Za = 0.5, Fm = 20, si = 4e-3, Ji = ["title1", "title2", "title3"], Nm = {
   title1: "1",
   title2: "2",
   title3: "3"
@@ -23101,13 +23102,13 @@ const Xa = {
     title2Width: E,
     title3Width: R,
     title1MarginLeft: v = 0,
-    title2MarginLeft: A = 0,
+    title2MarginLeft: _ = 0,
     title3MarginLeft: V = 0,
     titleRowMarginBottom: m = 0,
     titleHeaderLayout: T = "desktop",
     contentMarginTop: I,
     iconMarginLeft: N
-  } = n, U = (g) => W(g, i ?? !1), st = U(l), B = U(u ?? 0.02), _ = U(d ?? 0), X = U(I ?? 0), j = U(N ?? 0), { title1: H, title2: Y, title3: it } = zm(e), rt = mr("title1", pr(n, "title1"), i), M = mr("title2", pr(n, "title2"), i), at = mr("title3", pr(n, "title3"), i), h = T === "mobile", ot = !o && (!i || a), yt = ot, vt = ot, Bt = ot, Z = Ln($), ct = Z ? { "--image-aspect-ratio": Ko($) } : void 0, G = !!(H || Y || it), O = kt(
+  } = n, U = (g) => W(g, i ?? !1), st = U(l), B = U(u ?? 0.02), A = U(d ?? 0), X = U(I ?? 0), j = U(N ?? 0), { title1: H, title2: Y, title3: it } = zm(e), rt = mr("title1", pr(n, "title1"), i), M = mr("title2", pr(n, "title2"), i), at = mr("title3", pr(n, "title3"), i), h = T === "mobile", ot = !o && (!i || a), yt = ot, vt = ot, Bt = ot, Z = Ln($), ct = Z ? { "--image-aspect-ratio": Ko($) } : void 0, G = !!(H || Y || it), O = kt(
     () => qm(t, H, Y, it, rt, M, at),
     [t, H, Y, it, rt, M, at]
   ), F = kt(() => ({ title1Width: k, title2Width: E, title3Width: R }), [k, E, R]), ht = kt(() => O.map((g) => F[g.widthKey]), [O, F]), Lt = kt(() => ea(O.length, ht), [O.length, ht]), jt = kt(() => es(O.length, ht), [O.length, ht]), Rt = kt(() => O.filter((g) => g.prefix === "title1"), [O]), Et = kt(() => O.filter((g) => g.prefix === "title2" || g.prefix === "title3"), [O]), Dt = kt(() => Qa(Rt, F), [Rt, F]), D = kt(() => Qa(Et, F), [Et, F]), ut = Wt((g, K) => {
@@ -23147,10 +23148,10 @@ const Xa = {
   ), J = P(m ?? 0), q = kt(
     () => ({
       title1MarginLeft: v,
-      title2MarginLeft: A,
+      title2MarginLeft: _,
       title3MarginLeft: V
     }),
-    [v, A, V]
+    [v, _, V]
   ), tt = Wt(
     (g) => O.slice(0, g + 1).reduce(
       (K, Q, lt) => K + (Q != null && Q.marginLeftKey ? q[Q.marginLeftKey] ?? 0 : 0) + (Lt[lt] ?? 0),
@@ -23172,7 +23173,7 @@ const Xa = {
       return St(g) + (K.marginLeftKey ? q[K.marginLeftKey] ?? 0 : 0) + (D.resolved[g] ?? 0);
     },
     [Et, D.resolved, St, q]
-  ), _t = (g, K) => {
+  ), At = (g, K) => {
     const Q = g.marginLeftKey ? q[g.marginLeftKey] ?? 0 : 0, { effectiveWidth: lt, resolvedWidth: bt, maxWidth: ue } = ut(g, K), Re = o && K === "two-row-top";
     return /* @__PURE__ */ z(
       "div",
@@ -23346,14 +23347,14 @@ const Xa = {
   }), ve = mt(null), ke = mt(null), Fe = mt(0), Ne = mt("forward"), xt = mt(0), Vt = mt(null), Zt = mt(!1), se = mt(null), Ce = e.length > 1 && (!o || !!a), je = Ce ? 3 : 1, ze = kt(
     () => Array.from({ length: je }, () => e).flat(),
     [e, je]
-  ), [Ze, un] = gt(!1), [qt, _e] = gt(!1), [Te, ce] = gt(!0), [$e, Ke] = gt(0), bn = mt($e);
+  ), [Ze, un] = gt(!1), [qt, Ae] = gt(!1), [Te, ce] = gt(!0), [$e, Ke] = gt(0), bn = mt($e);
   bn.current = $e;
   const Ve = mt(null), In = mt(!1), re = mt(null), Ue = mt(null), pn = yt && !Te, Ht = Wt(() => {
     yt && (ce(!0), Ue.current && clearTimeout(Ue.current), Ue.current = setTimeout(() => {
       Yt.current.isActive || ce(!1);
-    }, _m));
+    }, Am));
   }, [yt]), he = Wt(() => {
-    o || In.current || (In.current = !0, _e(!1), re.current = setTimeout(() => {
+    o || In.current || (In.current = !0, Ae(!1), re.current = setTimeout(() => {
       r();
     }, fi));
   }, [o, r]), He = () => /* @__PURE__ */ z(
@@ -23424,12 +23425,12 @@ const Xa = {
     return /* @__PURE__ */ z(ie, { children: [
       /* @__PURE__ */ z("div", { className: `${t}-header-row-top`, children: [
         (v ?? 0) > 0 || o ? et() : null,
-        g && _t(g, "two-row-top"),
+        g && At(g, "two-row-top"),
         x && He()
       ] }),
       Q ? /* @__PURE__ */ z("div", { className: `${t}-header-row-bottom-wrap`, children: [
         K.length > 0 ? /* @__PURE__ */ z("div", { className: `${t}-header-row-bottom`, children: [
-          K.map((lt) => _t(lt, "two-row-bottom")),
+          K.map((lt) => At(lt, "two-row-bottom")),
           o && /* @__PURE__ */ z(ie, { children: [
             dt(),
             Nt()
@@ -23454,7 +23455,7 @@ const Xa = {
     ] });
   }, Ft = () => /* @__PURE__ */ z(ie, { children: [
     (v ?? 0) > 0 || o ? et("single-row") : null,
-    O.map((g) => _t(g, "single-row")),
+    O.map((g) => At(g, "single-row")),
     o ? /* @__PURE__ */ z(ie, { children: [
       Mt(),
       Jt()
@@ -23497,7 +23498,7 @@ const Xa = {
   }, fe = (g) => {
     const K = Pt.current;
     return !g || !K ? !1 : g.offsetWidth > K.clientWidth + 1;
-  }, Ae = (g) => {
+  }, _e = (g) => {
     Pt.current && le.current.forEach((K) => {
       K && (K.style.scrollSnapAlign = fe(K) && g === "backward" ? "end" : "start");
     });
@@ -23521,7 +23522,7 @@ const Xa = {
     (g = ke.current) == null || g.call(ke), ke.current = null;
   }, Ge = () => {
     Vt.current !== null && (cancelAnimationFrame(Vt.current), Vt.current = null), Zt.current = !1;
-  }, An = () => {
+  }, _n = () => {
     const g = Pt.current;
     if (!g) {
       Vt.current = null, Zt.current = !1;
@@ -23532,7 +23533,7 @@ const Xa = {
       g.scrollLeft = xt.current, zt(), me(), Vt.current = null, Zt.current = !1;
       return;
     }
-    g.scrollLeft += K * Rm, zt(), me(), Ht(), Vt.current = requestAnimationFrame(An);
+    g.scrollLeft += K * Rm, zt(), me(), Ht(), Vt.current = requestAnimationFrame(_n);
   }, Un = () => {
     const g = pe.current;
     g && (g.style.transition = "", g.style.transform = "", g.style.willChange = "");
@@ -23541,7 +23542,7 @@ const Xa = {
     const bt = Q ?? de() % e.length, ue = de() % e.length;
     fetch("http://127.0.0.1:7916/ingest/05b80f60-0d98-4176-9acb-551465211f52", { method: "POST", headers: { "Content-Type": "application/json", "X-Debug-Session-Id": "8d1a00" }, body: JSON.stringify({ sessionId: "8d1a00", runId: "pre-fix-2", hypothesisId: "K", location: "LightboxOverlay.tsx:finishStripScroll", message: "scroll settled", data: { targetLeft: K, scrollLeft: g.scrollLeft, intendedIndex: bt, actualIndex: ue, indexMismatch: bt !== ue }, timestamp: Date.now() }) }).catch(() => {
     }), oe(!0), lt == null || lt();
-  }, _n = (g, { behavior: K = "smooth", activeIndex: Q, onComplete: lt } = {}) => {
+  }, An = (g, { behavior: K = "smooth", activeIndex: Q, onComplete: lt } = {}) => {
     const bt = Pt.current, ue = pe.current;
     if (!bt || !ue) return;
     if (Ge(), qe(), oe(!1), K === "auto") {
@@ -23556,7 +23557,7 @@ const Xa = {
     );
     ke.current = Em(bt, ue, g, {
       duration: S,
-      easing: Am,
+      easing: _m,
       onComplete: () => {
         ke.current = null, Gn(bt, g, Q, lt);
       }
@@ -23564,7 +23565,7 @@ const Xa = {
   }, ai = (g = "smooth") => {
     if (!Pt.current || e.length === 0) return;
     const Q = de(), lt = le.current[Q];
-    lt && _n(lt.offsetLeft, { behavior: g, activeIndex: Q % e.length });
+    lt && An(lt.offsetLeft, { behavior: g, activeIndex: Q % e.length });
   }, Wn = (g, K = "smooth") => {
     const Q = Pt.current;
     if (!Q || e.length === 0) return;
@@ -23580,14 +23581,14 @@ const Xa = {
     }
     const ge = lt < 0 && fe(wt) ? wt.offsetLeft + wt.offsetWidth - Q.clientWidth : wt.offsetLeft, ye = Tt % e.length, ee = de(Q.scrollLeft);
     fetch("http://127.0.0.1:7916/ingest/05b80f60-0d98-4176-9acb-551465211f52", { method: "POST", headers: { "Content-Type": "application/json", "X-Debug-Session-Id": "8d1a00" }, body: JSON.stringify({ sessionId: "8d1a00", runId: "pre-fix-2", hypothesisId: "B_J", location: "LightboxOverlay.tsx:snapAfterDrag", message: "drag snap decision", data: { startScrollLeft: g, scrollLeft: Q.scrollLeft, scrollDelta: lt, startFlatIndex: bt, endFlatIndex: ee, scrollAdjustment: nt, targetFlatIndex: Tt, startIndex: bt % e.length, endIndex: ee % e.length, targetIndex: ye, indexDelta: ye - bt % e.length, endMinusStart: ee - bt }, timestamp: Date.now() }) }).catch(() => {
-    }), K === "smooth" && (Ve.current = ye), Ke(ye), _n(ge, {
+    }), K === "smooth" && (Ve.current = ye), Ke(ye), An(ge, {
       behavior: K,
       activeIndex: ye,
       onComplete: K === "smooth" ? an : void 0
     });
   }, kn = (g, K = "smooth") => {
     const Q = Pt.current, lt = Ce ? e.length + g : g, bt = le.current[lt];
-    !Q || !bt || (K === "smooth" ? Ve.current = g : Ve.current = null, Ke(g), _n(bt.offsetLeft, {
+    !Q || !bt || (K === "smooth" ? Ve.current = g : Ve.current = null, Ke(g), An(bt.offsetLeft, {
       behavior: K,
       activeIndex: g,
       onComplete: K === "smooth" ? an : void 0
@@ -23648,7 +23649,7 @@ const Xa = {
     !vt || g.pointerType !== "mouse" || gn(g.pointerId);
   };
   return ts(), Ot(() => {
-    const g = requestAnimationFrame(() => _e(!0));
+    const g = requestAnimationFrame(() => Ae(!0));
     return () => {
       cancelAnimationFrame(g), qe(), Rn(), re.current && clearTimeout(re.current), Ue.current && clearTimeout(Ue.current);
     };
@@ -23671,9 +23672,9 @@ const Xa = {
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
   }, [he]), Oe(() => {
     Ie();
-  }, [_, e.length, Ce]), Oe(() => {
+  }, [A, e.length, Ce]), Oe(() => {
     o || kn(bn.current, "auto");
-  }, [_, o]), Oe(() => {
+  }, [A, o]), Oe(() => {
     kn(0, "auto");
   }, [e.length, Ce]), Ot(() => {
     const g = Pt.current;
@@ -23686,7 +23687,7 @@ const Xa = {
           const ue = g.scrollWidth - g.clientWidth;
           xt.current = Math.max(0, Math.min(ue, xt.current));
         }
-        Ht(), Vt.current === null && (Vt.current = requestAnimationFrame(An));
+        Ht(), Vt.current === null && (Vt.current = requestAnimationFrame(_n));
       }
     };
     return g.addEventListener("wheel", K, { passive: !1 }), () => {
@@ -23702,13 +23703,13 @@ const Xa = {
       const ue = Le.current > 0 ? Le.current * 0.5 : 1 / 0;
       if (bt !== 0 && Math.abs(bt) < ue) {
         const Re = bt > 0 ? "forward" : "backward";
-        Re !== Ne.current && (Ne.current = Re, Ae(Re));
+        Re !== Ne.current && (Ne.current = Re, _e(Re));
       }
       me();
     };
     g.addEventListener("scroll", K, { passive: !0 });
     const Q = new ResizeObserver(() => {
-      Ie(), zt(Yt.current.isActive), Ae(Ne.current), me();
+      Ie(), zt(Yt.current.isActive), _e(Ne.current), me();
     });
     return Q.observe(g), () => {
       qe(), g.removeEventListener("scroll", K), Q.disconnect();
@@ -23757,8 +23758,8 @@ const Xa = {
                   onPointerUp: Qi,
                   onPointerCancel: Qi,
                   onLostPointerCapture: Jo,
-                  children: /* @__PURE__ */ s("div", { ref: pe, className: `${t}-lightbox-strip-track`, style: { gap: _ }, children: ze.map((g, K) => {
-                    const Q = g.image.objectFit ?? "contain", lt = K % e.length, bt = Math.floor(K / e.length), ue = ur(_), Re = `calc(-0.5 * (${ue} + ${_}))`;
+                  children: /* @__PURE__ */ s("div", { ref: pe, className: `${t}-lightbox-strip-track`, style: { gap: A }, children: ze.map((g, K) => {
+                    const Q = g.image.objectFit ?? "contain", lt = K % e.length, bt = Math.floor(K / e.length), ue = ur(A), Re = `calc(-0.5 * (${ue} + ${A}))`;
                     return /* @__PURE__ */ z(
                       "div",
                       {
@@ -25259,17 +25260,17 @@ const tg = Vm(), eg = {
       }
     },
     defaults: {
-      cover: "https://cdn.cntrl.site/component-assets/LightboxJournal_1.jpg",
+      cover: "https://cdn.cntrl.site/component-assets/lightbox_strip_1.jpg",
       coverFit: {
-        display: "cover",
-        ratioValue: "16:9",
+        display: "fit",
+        ratioValue: "1:1",
         reversed: !1
       },
       closeIcon: Ym,
       closeIconColor: "#ffffff",
       closeIconHoverColor: "#cccccc",
       thumbnailObjectFit: {
-        display: "Fit",
+        display: "fit",
         ratioValue: "16:9",
         reversed: !1
       },
@@ -25314,7 +25315,7 @@ const tg = Vm(), eg = {
         thumbnailGap: 0.02,
         thumbnailMarginBottom: 7e-3,
         imageGap: 5e-3,
-        title1Width: 0.13,
+        title1Width: 0.3,
         title2Width: 0.13,
         title3Width: 0.14,
         title1MarginLeft: 0.02,
@@ -25399,6 +25400,7 @@ const tg = Vm(), eg = {
           type: "object",
           label: "Image",
           display: {
+            isObjectFitEditable: !1,
             type: "media-input",
             supportsMainImage: !0
           }
@@ -25426,38 +25428,45 @@ const tg = Vm(), eg = {
     default: [
       {
         image: {
-          url: "https://cdn.cntrl.site/component-assets/LightboxStrip_1.jpg",
+          url: "https://cdn.cntrl.site/component-assets/lightbox_strip_2.jpg",
           name: "",
           objectFit: "contain"
         },
-        title1: "Ethan Parker",
-        title2: "Midnight Atlas",
-        title3: "Portland, OR"
+        title1: "Giovanni Andrea Vavassore",
+        title2: "ESEMPLA",
+        title3: "Venice, 1500"
       },
       {
         image: {
-          url: "https://cdn.cntrl.site/component-assets/LightboxStrip_2.jpg",
+          url: "https://cdn.cntrl.site/component-assets/lightbox_strip_3.jpg",
           name: "",
           objectFit: "contain"
         }
       },
       {
         image: {
-          url: "https://cdn.cntrl.site/component-assets/LightboxStrip_3.jpg",
+          url: "https://cdn.cntrl.site/component-assets/lightbox_strip_4.jpg",
           name: "",
           objectFit: "contain"
         }
       },
       {
         image: {
-          url: "https://cdn.cntrl.site/component-assets/LightboxStrip_4.jpg",
+          url: "https://cdn.cntrl.site/component-assets/lightbox_strip_5.jpg",
           name: "",
           objectFit: "contain"
         }
       },
       {
         image: {
-          url: "https://cdn.cntrl.site/component-assets/LightboxStrip_5.jpg",
+          url: "https://cdn.cntrl.site/component-assets/lightbox_strip_6.jpg",
+          name: "",
+          objectFit: "contain"
+        }
+      },
+      {
+        image: {
+          url: "https://cdn.cntrl.site/component-assets/lightbox_strip_7.jpg",
           name: "",
           objectFit: "contain"
         }
@@ -25601,7 +25610,7 @@ const tg = Vm(), eg = {
     style: o,
     text: e.title3
   }), a;
-}, _o = (t, e) => {
+}, Ao = (t, e) => {
   if (t <= 0)
     return [];
   const n = e.slice(0, t), i = n.reduce((a, r) => a + r, 0);
@@ -25620,13 +25629,13 @@ const tg = Vm(), eg = {
     { overflow: i - 1, widths: [] }
   );
   return o;
-}, Er = (t, e) => _o(t, e), ti = (t, e) => {
+}, Er = (t, e) => Ao(t, e), ti = (t, e) => {
   const n = e.filter((i, o) => o !== t).reduce((i, o) => i + o, 0);
   return Math.max(1 - n, 0);
 }, po = (t, e) => {
   const n = t.map((i) => e[i.widthKey] ?? 0);
   return {
-    resolved: _o(t.length, n),
+    resolved: Ao(t.length, n),
     effective: Er(t.length, n)
   };
 }, pg = (t, e, n, i) => t.slice(0, i).reduce(
@@ -25736,7 +25745,7 @@ const tg = Vm(), eg = {
     title1MarginLeft: E = 0,
     title2MarginLeft: R = 0,
     title3MarginLeft: v = 0,
-    titleRowMarginBottom: A = 0,
+    titleRowMarginBottom: _ = 0,
     titleHeaderLayout: V = "single-row",
     countCloseGap: m = 0,
     closeIcon: T,
@@ -25745,7 +25754,7 @@ const tg = Vm(), eg = {
     closeIconHoverColor: U,
     contentMarginTop: st = 0,
     iconMarginRight: B = 0
-  } = n, _ = Wt((S) => W(S, i ?? !1), [i]), X = _(p ?? 0), j = `${f}%`, H = `${L}%`, Y = _(m), it = _(st), rt = _(B), M = go("title1", mo(n, "title1"), i), at = go("title2", mo(n, "title2"), i), h = go("title3", mo(n, "title3"), i), ot = go("count", mo(n, "count"), i), yt = V === "mobile", vt = !i || !!a, Bt = !o && (!i || !!a), Z = kt(() => So(e, x), [e, x]), [ct, G] = gt(r), O = Z[ct], F = O == null ? void 0 : O.entry, [ht, Lt] = gt(!1), [jt, Rt] = gt(null), [Et, Dt] = gt(!1), [D, ut] = gt(null), [P, J] = gt(!1), [q, tt] = gt(0), [ft, St] = gt(), [Xt, _t] = gt(), [Mt, Jt] = gt(null), dt = mt(null), Nt = mt(0), Gt = mt(0), Pt = mt(0), pe = mt(!1), le = mt(null), Le = mt(null), Yt = mt(null), ve = mt(null), ke = mt(null), Fe = mt(null), Ne = mt(null), xt = Wt(() => {
+  } = n, A = Wt((S) => W(S, i ?? !1), [i]), X = A(p ?? 0), j = `${f}%`, H = `${L}%`, Y = A(m), it = A(st), rt = A(B), M = go("title1", mo(n, "title1"), i), at = go("title2", mo(n, "title2"), i), h = go("title3", mo(n, "title3"), i), ot = go("count", mo(n, "count"), i), yt = V === "mobile", vt = !i || !!a, Bt = !o && (!i || !!a), Z = kt(() => So(e, x), [e, x]), [ct, G] = gt(r), O = Z[ct], F = O == null ? void 0 : O.entry, [ht, Lt] = gt(!1), [jt, Rt] = gt(null), [Et, Dt] = gt(!1), [D, ut] = gt(null), [P, J] = gt(!1), [q, tt] = gt(0), [ft, St] = gt(), [Xt, At] = gt(), [Mt, Jt] = gt(null), dt = mt(null), Nt = mt(0), Gt = mt(0), Pt = mt(0), pe = mt(!1), le = mt(null), Le = mt(null), Yt = mt(null), ve = mt(null), ke = mt(null), Fe = mt(null), Ne = mt(null), xt = Wt(() => {
     const S = Le.current;
     if (!S) return;
     const nt = S.closest(`.${t}-lightbox-content-area`);
@@ -25766,7 +25775,7 @@ const tg = Vm(), eg = {
     mediaAreaStyle: Ze,
     overlayContentStyle: un,
     swipeHandlers: qt,
-    dismissAreaStyle: _e
+    dismissAreaStyle: Ae
   } = Ql({
     enabled: Bt,
     onClose: se,
@@ -25794,9 +25803,9 @@ const tg = Vm(), eg = {
       ye ?? 0,
       (ee == null ? void 0 : ee.measuredIncomingTitlesHeight) ?? 0
     ) || void 0;
-    tt($t), ut(ct), J(!0), G(nt), Te(nt), Pt.current = nt, ge ? (Vt(), Ye && St(Ye), ee != null && ee.incomingTitlesMeasureWidth && _t(ee.incomingTitlesMeasureWidth), Rt((Tt == null ? void 0 : Tt.entryIndex) ?? null), Dt(!0), Gt.current = wt.entryIndex, dt.current = setTimeout(() => {
-      Rt(null), Dt(!1), St(void 0), _t(void 0), Jt(null), dt.current = null;
-    }, 400)) : (Vt(), Rt(null), Dt(!1), St(void 0), _t(void 0), Jt(null), Gt.current = wt.entryIndex);
+    tt($t), ut(ct), J(!0), G(nt), Te(nt), Pt.current = nt, ge ? (Vt(), Ye && St(Ye), ee != null && ee.incomingTitlesMeasureWidth && At(ee.incomingTitlesMeasureWidth), Rt((Tt == null ? void 0 : Tt.entryIndex) ?? null), Dt(!0), Gt.current = wt.entryIndex, dt.current = setTimeout(() => {
+      Rt(null), Dt(!1), St(void 0), At(void 0), Jt(null), dt.current = null;
+    }, 400)) : (Vt(), Rt(null), Dt(!1), St(void 0), At(void 0), Jt(null), Gt.current = wt.entryIndex);
   }, [ct, Vt, xt, ce, Z, Te, $]), Ke = Wt(() => {
     Ne.current = null;
   }, []), bn = Wt((S) => {
@@ -25840,7 +25849,7 @@ const tg = Vm(), eg = {
     };
   }, []), Ot(() => {
     var S;
-    $ !== "fade" && (Gt.current = ((S = Z[ct]) == null ? void 0 : S.entryIndex) ?? 0, Vt(), Rt(null), Dt(!1), St(void 0), _t(void 0));
+    $ !== "fade" && (Gt.current = ((S = Z[ct]) == null ? void 0 : S.entryIndex) ?? 0, Vt(), Rt(null), Dt(!1), St(void 0), At(void 0));
   }, [ct, Vt, Z, $]), Ot(() => {
     const S = (nt) => {
       if (nt.key === "Escape") {
@@ -25868,7 +25877,7 @@ const tg = Vm(), eg = {
     };
     return window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S);
   }, [$e, se, ct, Z.length]), Oe(() => {
-    Vt(), Nt.current = 0, tt(0), ut(null), J(!1), Rt(null), Dt(!1), St(void 0), _t(void 0), Jt(null), G((S) => {
+    Vt(), Nt.current = 0, tt(0), ut(null), J(!1), Rt(null), Dt(!1), St(void 0), At(void 0), Jt(null), G((S) => {
       const nt = Math.max(0, Z.length - 1);
       return Math.min(S, nt);
     });
@@ -25877,7 +25886,7 @@ const tg = Vm(), eg = {
     const S = Math.max(0, Z.length - 1), nt = Math.min(Math.max(0, r), S);
     Pt.current = nt, Gt.current = ((Tt = Z[nt]) == null ? void 0 : Tt.entryIndex) ?? 0, G(nt);
   }, [r]);
-  const re = jt !== null ? e[jt] : null, Ue = D !== null ? Z[D] : null, pn = (F == null ? void 0 : F.title1) || (F == null ? void 0 : F.title2) || (F == null ? void 0 : F.title3) || (re == null ? void 0 : re.title1) || (re == null ? void 0 : re.title2) || (re == null ? void 0 : re.title3), Ht = ug(x, Z, e), he = T !== null, He = pn || Ht || he, et = Ht && he ? { gap: Y } : void 0, Ct = `${t}-titles-stack${yt ? ` ${t}-titles-stack-stacked` : ""}`, Ft = `${t}-titles-layer-out${yt ? ` ${t}-titles-layer-out-stacked` : ""}`, Kt = _(A), te = kt(
+  const re = jt !== null ? e[jt] : null, Ue = D !== null ? Z[D] : null, pn = (F == null ? void 0 : F.title1) || (F == null ? void 0 : F.title2) || (F == null ? void 0 : F.title3) || (re == null ? void 0 : re.title1) || (re == null ? void 0 : re.title2) || (re == null ? void 0 : re.title3), Ht = ug(x, Z, e), he = T !== null, He = pn || Ht || he, et = Ht && he ? { gap: Y } : void 0, Ct = `${t}-titles-stack${yt ? ` ${t}-titles-stack-stacked` : ""}`, Ft = `${t}-titles-layer-out${yt ? ` ${t}-titles-layer-out-stacked` : ""}`, Kt = A(_), te = kt(
     () => ({
       title1Width: C ?? hr.title1Width,
       title2Width: w ?? hr.title2Width,
@@ -25894,7 +25903,7 @@ const tg = Vm(), eg = {
     () => It.map((S) => te[S.widthKey]),
     [It, te]
   ), Se = kt(
-    () => _o(It.length, We),
+    () => Ao(It.length, We),
     [It.length, We]
   ), Pe = kt(
     () => Er(It.length, We),
@@ -25911,7 +25920,7 @@ const tg = Vm(), eg = {
   ), fe = kt(
     () => po(zt, te),
     [zt, te]
-  ), Ae = Wt((S, nt) => {
+  ), _e = Wt((S, nt) => {
     const Tt = It.findIndex(($t) => $t.prefix === S.prefix);
     if (!yt || nt === "single-row")
       return {
@@ -25967,7 +25976,7 @@ const tg = Vm(), eg = {
     [zt, fe.resolved, an, ae]
   ), qe = Wt((S, nt, Tt) => {
     if (!yt || Tt === "single-row") {
-      const ee = S.findIndex((Xn) => Xn.prefix === nt.prefix), Ye = S.map((Xn) => te[Xn.widthKey]), Qe = _o(S.length, Ye);
+      const ee = S.findIndex((Xn) => Xn.prefix === nt.prefix), Ye = S.map((Xn) => te[Xn.widthKey]), Qe = Ao(S.length, Ye);
       return {
         effectiveWidth: Er(S.length, Ye)[ee] ?? 0,
         resolvedWidth: Qe[ee] ?? 0,
@@ -25993,15 +26002,15 @@ const tg = Vm(), eg = {
       effectiveWidth: $t,
       resolvedWidth: ge,
       maxWidth: ye
-    } = Tt ?? Ae(S, nt), ee = Math.max(wt, co), Ye = o && nt === "two-row-top";
+    } = Tt ?? _e(S, nt), ee = Math.max(wt, co), Ye = o && nt === "two-row-top";
     return /* @__PURE__ */ z(
       "div",
       {
         className: `${t}-title-cell`,
         "data-title": S.prefix,
         style: {
-          width: _($t),
-          ...wt > 0 ? { marginLeft: _(wt) } : {}
+          width: A($t),
+          ...wt > 0 ? { marginLeft: A(wt) } : {}
         },
         children: [
           /* @__PURE__ */ s("p", { className: S.className, style: S.style, children: S.text }),
@@ -26015,8 +26024,8 @@ const tg = Vm(), eg = {
               style: {
                 position: "absolute",
                 top: 0,
-                left: _(-wt),
-                width: _(ee),
+                left: A(-wt),
+                width: A(ee),
                 height: "100%",
                 pointerEvents: "auto"
               }
@@ -26033,8 +26042,8 @@ const tg = Vm(), eg = {
               style: {
                 position: "absolute",
                 top: 0,
-                right: _(-ci / 2),
-                width: _(ci),
+                right: A(-ci / 2),
+                width: A(ci),
                 height: "100%",
                 pointerEvents: "auto"
               }
@@ -26044,7 +26053,7 @@ const tg = Vm(), eg = {
       },
       S.className
     );
-  }, An = () => /* @__PURE__ */ s(
+  }, _n = () => /* @__PURE__ */ s(
     "div",
     {
       ...o ? {
@@ -26052,7 +26061,7 @@ const tg = Vm(), eg = {
         "data-controls-axis": "x"
       } : {},
       style: {
-        width: _(E ?? 0),
+        width: A(E ?? 0),
         flexShrink: 0,
         alignSelf: "stretch",
         ...o ? { pointerEvents: "auto" } : {}
@@ -26135,14 +26144,14 @@ const tg = Vm(), eg = {
         )
       ]
     }
-  ), _n = () => !Ht && !he ? null : /* @__PURE__ */ z("div", { className: `${t}-titles-row-top-controls`, style: et, children: [
+  ), An = () => !Ht && !he ? null : /* @__PURE__ */ z("div", { className: `${t}-titles-row-top-controls`, style: et, children: [
     Ht ? Un() : null,
     he ? Gn() : null
   ] }), ai = (S) => {
     if (!S) return null;
     const nt = uo(t, S, M, at, h);
     return /* @__PURE__ */ z(ie, { children: [
-      E > 0 || o ? An() : null,
+      E > 0 || o ? _n() : null,
       nt.map((Tt) => Ge(
         Tt,
         "single-row",
@@ -26153,7 +26162,7 @@ const tg = Vm(), eg = {
     if (!S) return null;
     const nt = uo(t, S, M, at, h), Tt = nt.find((wt) => wt.prefix === "title1");
     return !Tt && !(E > 0 || o) ? null : /* @__PURE__ */ z(ie, { children: [
-      E > 0 || o ? An() : null,
+      E > 0 || o ? _n() : null,
       Tt ? Ge(
         Tt,
         "two-row-top",
@@ -26162,7 +26171,7 @@ const tg = Vm(), eg = {
     ] });
   }, kn = (S, nt = !1) => {
     const Tt = S ? uo(t, S, M, at, h) : [], wt = Tt.filter((ye) => ye.prefix === "title2" || ye.prefix === "title3"), $t = o && nt;
-    return wt.length > 0 || $t || (A ?? 0) > 0 ? /* @__PURE__ */ z("div", { className: `${t}-titles-row-bottom-wrap`, children: [
+    return wt.length > 0 || $t || (_ ?? 0) > 0 ? /* @__PURE__ */ z("div", { className: `${t}-titles-row-bottom-wrap`, children: [
       wt.length > 0 ? /* @__PURE__ */ z("div", { className: `${t}-titles-row-bottom`, children: [
         wt.map((ye) => Ge(
           ye,
@@ -26174,7 +26183,7 @@ const tg = Vm(), eg = {
           Jo()
         ] }) : null
       ] }) : null,
-      (A ?? 0) > 0 || $t ? /* @__PURE__ */ s(
+      (_ ?? 0) > 0 || $t ? /* @__PURE__ */ s(
         "div",
         {
           "data-controls": $t ? "titleRowMarginBottom" : void 0,
@@ -26193,7 +26202,7 @@ const tg = Vm(), eg = {
   }, Rn = (S, nt = !1) => /* @__PURE__ */ z(ie, { children: [
     /* @__PURE__ */ z("div", { className: `${t}-titles-row-top`, children: [
       Wn(S),
-      _n()
+      An()
     ] }),
     kn(S, nt)
   ] }), gn = (S) => yt ? /* @__PURE__ */ s("div", { className: `${t}-titles-row-two-row`, style: { width: "100%" }, children: Rn(S) }) : S ? /* @__PURE__ */ s("div", { className: `${t}-titles-row`, style: { width: "100%" }, children: ai(S) }) : null, Xo = () => {
@@ -26210,7 +26219,7 @@ const tg = Vm(), eg = {
             position: "absolute",
             top: 0,
             left: 0,
-            width: _($t),
+            width: A($t),
             height: "100%",
             pointerEvents: "auto"
           }
@@ -26235,8 +26244,8 @@ const tg = Vm(), eg = {
           style: {
             position: "absolute",
             top: 0,
-            left: _(ye),
-            width: _(ee),
+            left: A(ye),
+            width: A(ee),
             height: "100%",
             pointerEvents: "auto"
           }
@@ -26258,8 +26267,8 @@ const tg = Vm(), eg = {
         style: {
           position: "absolute",
           top: 0,
-          left: _($t),
-          width: _(ci),
+          left: A($t),
+          width: A(ci),
           height: "100%",
           pointerEvents: "auto"
         }
@@ -26267,7 +26276,7 @@ const tg = Vm(), eg = {
     ) }, `${S.widthKey}-junction`);
   }), Qi = () => zt.flatMap((S, nt) => {
     if (!S.marginLeftKey) return [];
-    const Tt = ae[S.marginLeftKey] ?? 0, wt = an(nt), $t = Math.max(Tt, co), { resolvedWidth: ge } = Ae(S, "two-row-bottom");
+    const Tt = ae[S.marginLeftKey] ?? 0, wt = an(nt), $t = Math.max(Tt, co), { resolvedWidth: ge } = _e(S, "two-row-bottom");
     return /* @__PURE__ */ s(
       "div",
       {
@@ -26278,8 +26287,8 @@ const tg = Vm(), eg = {
         style: {
           position: "absolute",
           top: 0,
-          left: _(wt),
-          width: _($t),
+          left: A(wt),
+          width: A($t),
           height: "100%",
           pointerEvents: "auto"
         }
@@ -26287,7 +26296,7 @@ const tg = Vm(), eg = {
       S.marginLeftKey
     );
   }), Jo = () => zt.map((S, nt) => {
-    const { maxWidth: Tt } = Ae(S, "two-row-bottom"), $t = oe(nt) - ci / 2;
+    const { maxWidth: Tt } = _e(S, "two-row-bottom"), $t = oe(nt) - ci / 2;
     return /* @__PURE__ */ s("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: /* @__PURE__ */ s(
       "div",
       {
@@ -26299,8 +26308,8 @@ const tg = Vm(), eg = {
         style: {
           position: "absolute",
           top: 0,
-          left: _($t),
-          width: _(ci),
+          left: A($t),
+          width: A(ci),
           height: "100%",
           pointerEvents: "auto"
         }
@@ -26363,7 +26372,7 @@ const tg = Vm(), eg = {
         ] }, `${$t.url}-${ge}`))
       }
     );
-  }, bt = !!(F != null && F.title2 || F != null && F.title3 || re != null && re.title2 || re != null && re.title3 || (A ?? 0) > 0 || o), ue = () => /* @__PURE__ */ z(
+  }, bt = !!(F != null && F.title2 || F != null && F.title3 || re != null && re.title2 || re != null && re.title3 || (_ ?? 0) > 0 || o), ue = () => /* @__PURE__ */ z(
     "div",
     {
       style: {
@@ -26424,7 +26433,7 @@ const tg = Vm(), eg = {
                     ]
                   }
                 ),
-                _n()
+                An()
               ] }),
               bt ? /* @__PURE__ */ z("div", { className: `${t}-titles-row-bottom-area`, children: [
                 re && Et ? /* @__PURE__ */ s("div", { className: `${Ft} ${t}-titles-layer-out-bottom ${t}-titles-fade-out`, children: kn(re) }) : null,
@@ -26497,7 +26506,7 @@ const tg = Vm(), eg = {
               position: "relative",
               width: "100%",
               height: "100%",
-              ..._e
+              ...Ae
             },
             ...qt,
             children: [
@@ -27135,7 +27144,7 @@ const wg = ({ settings: t, content: e, isEditor: n, isEditMode: i, isPreviewMode
     [e]
   ), E = y && k.length > 0, R = !n, v = Wt(() => {
     R && (w.current = !0, rg(C.current, l), C.current = !1);
-  }, [R, l]), A = (m = 0) => {
+  }, [R, l]), _ = (m = 0) => {
     if (k.length === 0 || n && !i && !o) return;
     const T = So(k, x), I = Math.max(0, Math.min(m, T.length - 1));
     if (L(I), R) {
@@ -27183,7 +27192,7 @@ const wg = ({ settings: t, content: e, isEditor: n, isEditMode: i, isPreviewMode
         {
           type: "button",
           className: `${c}-cover ${Ln(d) ? `${c}-ratio-wrapper-cover` : `${c}-ratio-wrapper-fit`}`,
-          onClick: () => A(),
+          onClick: () => _(),
           style: {
             display: "block",
             padding: 0,
@@ -28297,10 +28306,10 @@ const Eg = fg(), Pg = {
       }
     },
     defaults: {
-      cover: "https://cdn.cntrl.site/component-assets/LightboxJournal_1.jpg",
+      cover: "https://cdn.cntrl.site/component-assets/lightbox_journal_1.jpg",
       coverFit: {
-        display: "cover",
-        ratioValue: "16:9",
+        display: "fit",
+        ratioValue: "1:1",
         reversed: !1
       },
       closeIcon: Sg,
@@ -28468,12 +28477,12 @@ const Eg = fg(), Pg = {
         title3: "July 1978",
         image: [
           {
-            url: "https://cdn.cntrl.site/component-assets/LightboxStrip_1.jpg",
+            url: "https://cdn.cntrl.site/component-assets/lightbox_journal_2.jpg",
             name: "",
             objectFit: "contain"
           },
           {
-            url: "https://cdn.cntrl.site/component-assets/LightboxStrip_2.jpg",
+            url: "https://cdn.cntrl.site/component-assets/lightbox_journal_3.jpg",
             name: "",
             objectFit: "contain"
           }
@@ -28485,12 +28494,12 @@ const Eg = fg(), Pg = {
         title3: "March 1979",
         image: [
           {
-            url: "https://cdn.cntrl.site/component-assets/LightboxStrip_3.jpg",
+            url: "https://cdn.cntrl.site/component-assets/lightbox_journal_4.jpg",
             name: "",
             objectFit: "contain"
           },
           {
-            url: "https://cdn.cntrl.site/component-assets/LightboxStrip_4.jpg",
+            url: "https://cdn.cntrl.site/component-assets/lightbox_journal_5.jpg",
             name: "",
             objectFit: "contain"
           }
@@ -28502,7 +28511,7 @@ const Eg = fg(), Pg = {
         title3: "January 1980",
         image: [
           {
-            url: "https://cdn.cntrl.site/component-assets/LightboxStrip_5.jpg",
+            url: "https://cdn.cntrl.site/component-assets/lightbox_journal_6.jpg",
             name: "",
             objectFit: "contain"
           }