@lanaco/lnc-react-ui 4.0.170 → 4.0.171

package/dist/BannerSectionCarousel.js

@@ -1,29 +1,30 @@
-import { jsxs as G, jsx as C, Fragment as ut } from "react/jsx-runtime";
-import k, { Suspense as gt, forwardRef as yt } from "react";
-import { c as B, g as St } from "./_commonjsHelpers-BkfeUUK-.js";
-import { P as W } from "./index-CblbdqjE.js";
-import { s as dt } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { o as X } from "./utils-BdsZgOUE.js";
-import Tt from "./Button.js";
-import { u as wt } from "./useDetectMobile-Bkvj0VMa.js";
-var J = {}, Q = {}, m = {}, $ = {};
+import { jsx as C, Fragment as lt, jsxs as X } from "react/jsx-runtime";
+import A, { Suspense as vt, forwardRef as gt } from "react";
+import { c as G, g as yt } from "./_commonjsHelpers-BkfeUUK-.js";
+import { P as D } from "./index-CblbdqjE.js";
+import St from "./Button.js";
+import { u as Tt } from "./useDetectMobile-Bkvj0VMa.js";
+import { s as ut } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { S as wt, b as bt } from "./style-CXMUA6cI.js";
+import { M as _t } from "./consts-BuFChS64.js";
+var Z = {}, q = {}, m = {}, F = {};
 (function(o) {
   function i(l, n, a) {
-    var u = n.slidesToShow, d = n.currentSlide;
-    return a.length > 2 * u ? l + 2 * u : d >= a.length ? a.length + l : l;
+    var u = n.slidesToShow, h = n.currentSlide;
+    return a.length > 2 * u ? l + 2 * u : h >= a.length ? a.length + l : l;
   }
   function t(l, n) {
     if (n.length > 2 * l) {
-      for (var a = {}, u = n.length - 2 * l, d = n.length - u, c = u, h = 0; h < d; h++) a[h] = c, c++;
-      var p = n.length + d, f = p + n.slice(0, 2 * l).length, g = 0;
-      for (h = p; h <= f; h++) a[h] = g, g++;
+      for (var a = {}, u = n.length - 2 * l, h = n.length - u, c = u, d = 0; d < h; d++) a[d] = c, c++;
+      var p = n.length + h, f = p + n.slice(0, 2 * l).length, g = 0;
+      for (d = p; d <= f; d++) a[d] = g, g++;
       var w = p, b = 0;
-      for (h = d; h < w; h++) a[h] = b, b++;
+      for (d = h; d < w; d++) a[d] = b, b++;
       return a;
     }
     a = {};
     var _ = 3 * n.length, y = 0;
-    for (h = 0; h < _; h++) a[h] = y, ++y === n.length && (y = 0);
+    for (d = 0; d < _; d++) a[d] = y, ++y === n.length && (y = 0);
     return a;
   }
   function e(l, n) {
@@ -33,82 +34,82 @@ var J = {}, Q = {}, m = {}, $ = {};
     return n.length > 2 * l ? 2 * l : n.length;
   }
   function s(l, n, a) {
-    var u, d = l.currentSlide, c = l.slidesToShow, h = l.itemWidth, p = l.totalItems, f = 0, g = 0, w = d === 0, b = n.length - (n.length - 2 * c);
-    return n.length < c ? (g = f = 0, w = u = !1) : n.length > 2 * c ? ((u = d >= b + n.length) && (g = -h * (f = d - n.length)), w && (g = -h * (f = b + (n.length - 2 * c)))) : ((u = d >= 2 * n.length) && (g = -h * (f = d - n.length)), w && (g = a.showDots ? -h * (f = n.length) : -h * (f = p / 3))), { isReachingTheEnd: u, isReachingTheStart: w, nextSlide: f, nextPosition: g };
+    var u, h = l.currentSlide, c = l.slidesToShow, d = l.itemWidth, p = l.totalItems, f = 0, g = 0, w = h === 0, b = n.length - (n.length - 2 * c);
+    return n.length < c ? (g = f = 0, w = u = !1) : n.length > 2 * c ? ((u = h >= b + n.length) && (g = -d * (f = h - n.length)), w && (g = -d * (f = b + (n.length - 2 * c)))) : ((u = h >= 2 * n.length) && (g = -d * (f = h - n.length)), w && (g = a.showDots ? -d * (f = n.length) : -d * (f = p / 3))), { isReachingTheEnd: u, isReachingTheStart: w, nextSlide: f, nextPosition: g };
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.getOriginalCounterPart = i, o.getOriginalIndexLookupTableByClones = t, o.getClones = e, o.getInitialSlideInInfiniteMode = r, o.checkClonesPosition = s;
-})($);
+})(F);
 var O = {};
 Object.defineProperty(O, "__esModule", { value: !0 });
-var nt = !1;
-function bt(o, i, t, e) {
+var rt = !1;
+function Ct(o, i, t, e) {
   var r = 0, s = e || t;
-  return i && s && (!nt && process.env.NODE_ENV !== "production" && o[s].paritialVisibilityGutter && (nt = !0, console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")), r = o[s].partialVisibilityGutter || o[s].paritialVisibilityGutter), r;
+  return i && s && (!rt && process.env.NODE_ENV !== "production" && o[s].paritialVisibilityGutter && (rt = !0, console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")), r = o[s].partialVisibilityGutter || o[s].paritialVisibilityGutter), r;
 }
-function _t(o, i) {
+function It(o, i) {
   var t;
   return i[o] && (t = (100 / i[o].items).toFixed(1)), t;
 }
-function Ct(o, i, t) {
+function Mt(o, i, t) {
   return Math.round(t / (i + (o.centerMode ? 1 : 0)));
 }
-O.getPartialVisibilityGutter = bt, O.getWidthFromDeviceType = _t, O.getItemClientSideWidth = Ct;
+O.getPartialVisibilityGutter = Ct, O.getWidthFromDeviceType = It, O.getItemClientSideWidth = Mt;
 var S = {};
 Object.defineProperty(S, "__esModule", { value: !0 });
-var q = O;
-function Z(o) {
+var K = O;
+function J(o) {
   var i = o.slidesToShow;
   return o.totalItems < i;
 }
-function It(o, i) {
-  var t, e = o.domLoaded, r = o.slidesToShow, s = o.containerWidth, l = o.itemWidth, n = i.deviceType, a = i.responsive, u = i.ssr, d = i.partialVisbile, c = i.partialVisible, h = !!(e && r && s && l);
-  u && n && !h && (t = q.getWidthFromDeviceType(n, a));
-  var p = !!(u && n && !h && t);
-  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: h, partialVisibilityGutter: q.getPartialVisibilityGutter(a, d || c, n, o.deviceType), shouldRenderAtAll: p || h };
+function Pt(o, i) {
+  var t, e = o.domLoaded, r = o.slidesToShow, s = o.containerWidth, l = o.itemWidth, n = i.deviceType, a = i.responsive, u = i.ssr, h = i.partialVisbile, c = i.partialVisible, d = !!(e && r && s && l);
+  u && n && !d && (t = K.getWidthFromDeviceType(n, a));
+  var p = !!(u && n && !d && t);
+  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: d, partialVisibilityGutter: K.getPartialVisibilityGutter(a, h || c, n, o.deviceType), shouldRenderAtAll: p || d };
 }
-function Mt(o, i) {
+function Et(o, i) {
   var t = i.currentSlide, e = i.slidesToShow;
   return t <= o && o < t + e;
 }
 function ht(o, i, t) {
   var e = t || o.transform;
-  return !i.infinite && o.currentSlide === 0 || Z(o) ? e : e + o.itemWidth / 2;
+  return !i.infinite && o.currentSlide === 0 || J(o) ? e : e + o.itemWidth / 2;
 }
-function Pt(o) {
+function Rt(o) {
   return !(0 < o.currentSlide);
 }
-function ct(o) {
+function dt(o) {
   var i = o.currentSlide, t = o.totalItems;
   return !(i + o.slidesToShow < t);
 }
-function pt(o, i, t, e) {
+function ct(o, i, t, e) {
   i === void 0 && (i = 0);
-  var r = o.currentSlide, s = o.slidesToShow, l = ct(o), n = !t.infinite && l, a = e || o.transform;
-  if (Z(o)) return a;
+  var r = o.currentSlide, s = o.slidesToShow, l = dt(o), n = !t.infinite && l, a = e || o.transform;
+  if (J(o)) return a;
   var u = a + r * i;
   return n ? u + (o.containerWidth - (o.itemWidth - i) * s) : u;
 }
-function ft(o, i) {
+function pt(o, i) {
   return o.rtl ? -1 * i : i;
 }
 function xt(o, i, t) {
-  var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, l = i.deviceType, n = i.centerMode, a = t || o.transform, u = q.getPartialVisibilityGutter(s, e || r, l, o.deviceType);
-  return ft(i, r || e ? pt(o, u, i, t) : n ? ht(o, i, t) : a);
+  var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, l = i.deviceType, n = i.centerMode, a = t || o.transform, u = K.getPartialVisibilityGutter(s, e || r, l, o.deviceType);
+  return pt(i, r || e ? ct(o, u, i, t) : n ? ht(o, i, t) : a);
 }
-function Et(o, i) {
+function Ot(o, i) {
   var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, s = o.itemWidth, l = i.deviceType, n = i.responsive, a = i.slidesToSlide || 1, u = !!(t && e && r && s);
-  return i.ssr && i.deviceType && !u && Object.keys(n).forEach(function(d) {
-    var c = n[d].slidesToSlide;
-    l === d && c && (a = c);
-  }), u && Object.keys(n).forEach(function(d) {
-    var c = n[d], h = c.breakpoint, p = c.slidesToSlide, f = h.max, g = h.min;
+  return i.ssr && i.deviceType && !u && Object.keys(n).forEach(function(h) {
+    var c = n[h].slidesToSlide;
+    l === h && c && (a = c);
+  }), u && Object.keys(n).forEach(function(h) {
+    var c = n[h], d = c.breakpoint, p = c.slidesToSlide, f = d.max, g = d.min;
     p && window.innerWidth >= g && window.innerWidth <= f && (a = p);
   }), a;
 }
-S.notEnoughChildren = Z, S.getInitialState = It, S.getIfSlideIsVisbile = Mt, S.getTransformForCenterMode = ht, S.isInLeftEnd = Pt, S.isInRightEnd = ct, S.getTransformForPartialVsibile = pt, S.parsePosition = ft, S.getTransform = xt, S.getSlidesToSlide = Et;
-var H = {};
-Object.defineProperty(H, "__esModule", { value: !0 });
-var Rt = function(o, i, t) {
+S.notEnoughChildren = J, S.getInitialState = Pt, S.getIfSlideIsVisbile = Et, S.getTransformForCenterMode = ht, S.isInLeftEnd = Rt, S.isInRightEnd = dt, S.getTransformForPartialVsibile = ct, S.parsePosition = pt, S.getTransform = xt, S.getSlidesToSlide = Ot;
+var Q = {};
+Object.defineProperty(Q, "__esModule", { value: !0 });
+var At = function(o, i, t) {
   var e;
   return function() {
     var r = arguments;
@@ -117,8 +118,8 @@ var Rt = function(o, i, t) {
     }, i));
   };
 };
-H.default = Rt;
-var mt = {};
+Q.default = At;
+var ft = {};
 (function(o) {
   function i(t, e) {
     var r = e.partialVisbile, s = e.partialVisible, l = e.centerMode, n = e.ssr, a = e.responsive;
@@ -127,56 +128,56 @@ var mt = {};
     if (a && typeof a != "object") throw new Error("responsive prop must be an object");
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.default = i;
-})(mt);
-var tt = {};
-Object.defineProperty(tt, "__esModule", { value: !0 });
-var Ot = S;
-function kt(o, i, t) {
+})(ft);
+var H = {};
+Object.defineProperty(H, "__esModule", { value: !0 });
+var Wt = S;
+function Dt(o, i, t) {
   t === void 0 && (t = 0);
-  var e, r, s = o.slidesToShow, l = o.currentSlide, n = o.itemWidth, a = o.totalItems, u = Ot.getSlidesToSlide(o, i), d = l + 1 + t + s + (0 < t ? 0 : u);
-  return r = d <= a ? -n * (e = l + t + (0 < t ? 0 : u)) : a < d && l !== a - s ? -n * (e = a - s) : e = void 0, { nextSlides: e, nextPosition: r };
+  var e, r, s = o.slidesToShow, l = o.currentSlide, n = o.itemWidth, a = o.totalItems, u = Wt.getSlidesToSlide(o, i), h = l + 1 + t + s + (0 < t ? 0 : u);
+  return r = h <= a ? -n * (e = l + t + (0 < t ? 0 : u)) : a < h && l !== a - s ? -n * (e = a - s) : e = void 0, { nextSlides: e, nextPosition: r };
 }
-tt.populateNextSlides = kt;
-var et = {};
-Object.defineProperty(et, "__esModule", { value: !0 });
-var At = k, Wt = S, Dt = S;
-function Lt(o, i, t) {
+H.populateNextSlides = Dt;
+var tt = {};
+Object.defineProperty(tt, "__esModule", { value: !0 });
+var Lt = A, kt = S, Vt = S;
+function jt(o, i, t) {
   t === void 0 && (t = 0);
-  var e, r, s = o.currentSlide, l = o.itemWidth, n = o.slidesToShow, a = i.children, u = i.showDots, d = i.infinite, c = Wt.getSlidesToSlide(o, i), h = s - t - (0 < t ? 0 : c), p = (At.Children.toArray(a).length - n) % c;
-  return r = 0 <= h ? (e = h, u && !d && 0 < p && Dt.isInRightEnd(o) && (e = s - p), -l * e) : e = h < 0 && s !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
+  var e, r, s = o.currentSlide, l = o.itemWidth, n = o.slidesToShow, a = i.children, u = i.showDots, h = i.infinite, c = kt.getSlidesToSlide(o, i), d = s - t - (0 < t ? 0 : c), p = (Lt.Children.toArray(a).length - n) % c;
+  return r = 0 <= d ? (e = d, u && !h && 0 < p && Vt.isInRightEnd(o) && (e = s - p), -l * e) : e = d < 0 && s !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
 }
-et.populatePreviousSlides = Lt;
-var vt = {};
+tt.populatePreviousSlides = jt;
+var mt = {};
 (function(o) {
   function i(t, e, r, s, l, n) {
-    var a, u, d = t.itemWidth, c = t.slidesToShow, h = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - s) / d), b = Math.round((s - r) / d), _ = r < l;
+    var a, u, h = t.itemWidth, c = t.slidesToShow, d = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - s) / h), b = Math.round((s - r) / h), _ = r < l;
     if (l < r && w <= c) {
       a = "right";
-      var y = Math.abs(-d * (h - c)), M = n - (s - l), I = p === h - c;
+      var y = Math.abs(-h * (d - c)), M = n - (s - l), I = p === d - c;
       (Math.abs(M) <= y || I && f) && (u = M, g = !0);
     }
     return _ && b <= c && (a = "left", ((M = n + (l - s)) <= 0 || p === 0 && f) && (g = !0, u = M)), { direction: a, nextPosition: u, canContinue: g };
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.populateSlidesOnMouseTouchMove = i;
-})(vt);
+})(mt);
 Object.defineProperty(m, "__esModule", { value: !0 });
-var V = $;
+var V = F;
 m.getOriginalCounterPart = V.getOriginalCounterPart, m.getClones = V.getClones, m.checkClonesPosition = V.checkClonesPosition, m.getInitialSlideInInfiniteMode = V.getInitialSlideInInfiniteMode;
-var Y = O;
-m.getWidthFromDeviceType = Y.getWidthFromDeviceType, m.getPartialVisibilityGutter = Y.getPartialVisibilityGutter, m.getItemClientSideWidth = Y.getItemClientSideWidth;
-var x = S;
-m.getInitialState = x.getInitialState, m.getIfSlideIsVisbile = x.getIfSlideIsVisbile, m.getTransformForCenterMode = x.getTransformForCenterMode, m.getTransformForPartialVsibile = x.getTransformForPartialVsibile, m.isInLeftEnd = x.isInLeftEnd, m.isInRightEnd = x.isInRightEnd, m.notEnoughChildren = x.notEnoughChildren, m.getSlidesToSlide = x.getSlidesToSlide;
-var Vt = H;
-m.throttle = Vt.default;
-var jt = mt;
-m.throwError = jt.default;
-var Nt = tt;
+var U = O;
+m.getWidthFromDeviceType = U.getWidthFromDeviceType, m.getPartialVisibilityGutter = U.getPartialVisibilityGutter, m.getItemClientSideWidth = U.getItemClientSideWidth;
+var E = S;
+m.getInitialState = E.getInitialState, m.getIfSlideIsVisbile = E.getIfSlideIsVisbile, m.getTransformForCenterMode = E.getTransformForCenterMode, m.getTransformForPartialVsibile = E.getTransformForPartialVsibile, m.isInLeftEnd = E.isInLeftEnd, m.isInRightEnd = E.isInRightEnd, m.notEnoughChildren = E.notEnoughChildren, m.getSlidesToSlide = E.getSlidesToSlide;
+var Bt = Q;
+m.throttle = Bt.default;
+var Gt = ft;
+m.throwError = Gt.default;
+var Nt = H;
 m.populateNextSlides = Nt.populateNextSlides;
-var Gt = et;
-m.populatePreviousSlides = Gt.populatePreviousSlides;
-var Bt = vt;
-m.populateSlidesOnMouseTouchMove = Bt.populateSlidesOnMouseTouchMove;
-var z = {}, Ft = B && B.__extends || /* @__PURE__ */ function() {
+var Ft = tt;
+m.populatePreviousSlides = Ft.populatePreviousSlides;
+var $t = mt;
+m.populateSlidesOnMouseTouchMove = $t.populateSlidesOnMouseTouchMove;
+var $ = {}, zt = G && G.__extends || /* @__PURE__ */ function() {
   var o = function(i, t) {
     return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
       e.__proto__ = r;
@@ -191,26 +192,26 @@ var z = {}, Ft = B && B.__extends || /* @__PURE__ */ function() {
     o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
   };
 }();
-Object.defineProperty(z, "__esModule", { value: !0 });
-var $t = k;
-function zt(o) {
+Object.defineProperty($, "__esModule", { value: !0 });
+var Xt = A;
+function Ut(o) {
   return "clientY" in o;
 }
-z.isMouseMoveEvent = zt;
-var Ut = function(o) {
+$.isMouseMoveEvent = Ut;
+var Yt = function(o) {
   function i() {
     return o !== null && o.apply(this, arguments) || this;
   }
-  return Ft(i, o), i;
-}($t.Component);
-z.default = Ut;
-var it = {}, ot = {};
-Object.defineProperty(ot, "__esModule", { value: !0 });
-var Xt = $, Yt = S;
-function Kt(o, i, t, e) {
-  var r = {}, s = Yt.getSlidesToSlide(i, t);
+  return zt(i, o), i;
+}(Xt.Component);
+$.default = Yt;
+var et = {}, it = {};
+Object.defineProperty(it, "__esModule", { value: !0 });
+var Kt = F, Zt = S;
+function qt(o, i, t, e) {
+  var r = {}, s = Zt.getSlidesToSlide(i, t);
   return Array(o).fill(0).forEach(function(l, n) {
-    var a = Xt.getOriginalCounterPart(n, i, e);
+    var a = Kt.getOriginalCounterPart(n, i, e);
     if (n === 0) r[0] = a;
     else {
       var u = r[n - 1] + s;
@@ -218,68 +219,68 @@ function Kt(o, i, t, e) {
     }
   }), r;
 }
-ot.getLookupTableForNextSlides = Kt;
-Object.defineProperty(it, "__esModule", { value: !0 });
-var D = k, qt = $, Jt = ot, st = S, Qt = function(o) {
+it.getLookupTableForNextSlides = qt;
+Object.defineProperty(et, "__esModule", { value: !0 });
+var L = A, Jt = F, Qt = it, nt = S, Ht = function(o) {
   var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, s = i.showDots, l = i.customDot, n = i.dotListClass, a = i.infinite, u = i.children;
-  if (!s || st.notEnoughChildren(t)) return null;
-  var d, c = t.currentSlide, h = t.slidesToShow, p = st.getSlidesToSlide(t, i), f = D.Children.toArray(u);
-  d = a ? Math.ceil(f.length / p) : Math.ceil((f.length - h) / p) + 1;
-  var g = Jt.getLookupTableForNextSlides(d, t, i, f), w = qt.getOriginalIndexLookupTableByClones(h, f), b = w[c];
-  return D.createElement("ul", { className: "react-multi-carousel-dot-list " + n }, Array(d).fill(0).map(function(_, y) {
+  if (!s || nt.notEnoughChildren(t)) return null;
+  var h, c = t.currentSlide, d = t.slidesToShow, p = nt.getSlidesToSlide(t, i), f = L.Children.toArray(u);
+  h = a ? Math.ceil(f.length / p) : Math.ceil((f.length - d) / p) + 1;
+  var g = Qt.getLookupTableForNextSlides(h, t, i, f), w = Jt.getOriginalIndexLookupTableByClones(d, f), b = w[c];
+  return L.createElement("ul", { className: "react-multi-carousel-dot-list " + n }, Array(h).fill(0).map(function(_, y) {
     var M, I;
     if (a) {
       I = g[y];
-      var R = w[I];
-      M = b === R || R <= b && b < R + p;
+      var x = w[I];
+      M = b === x || x <= b && b < x + p;
     } else {
-      var A = f.length - h, L = y * p;
-      M = (I = A < L ? A : L) === c || I < c && c < I + p && c < f.length - h;
+      var W = f.length - d, k = y * p;
+      M = (I = W < k ? W : k) === c || I < c && c < I + p && c < f.length - d;
     }
-    return l ? D.cloneElement(l, { index: y, active: M, key: y, onClick: function() {
+    return l ? L.cloneElement(l, { index: y, active: M, key: y, onClick: function() {
       return e(I);
-    }, carouselState: r() }) : D.createElement("li", { "data-index": y, key: y, className: "react-multi-carousel-dot " + (M ? "react-multi-carousel-dot--active" : "") }, D.createElement("button", { "aria-label": "Go to slide " + (y + 1), onClick: function() {
+    }, carouselState: r() }) : L.createElement("li", { "data-index": y, key: y, className: "react-multi-carousel-dot " + (M ? "react-multi-carousel-dot--active" : "") }, L.createElement("button", { "aria-label": "Go to slide " + (y + 1), onClick: function() {
       return e(I);
     } }));
   }));
 };
-it.default = Qt;
-var U = {};
-Object.defineProperty(U, "__esModule", { value: !0 });
-var F = k, Zt = function(o) {
+et.default = Ht;
+var z = {};
+Object.defineProperty(z, "__esModule", { value: !0 });
+var N = A, te = function(o) {
   var i = o.customLeftArrow, t = o.getState, e = o.previous, r = o.disabled, s = o.rtl;
-  if (i) return F.cloneElement(i, { onClick: function() {
+  if (i) return N.cloneElement(i, { onClick: function() {
     return e();
   }, carouselState: t(), disabled: r, rtl: s });
   var l = s ? "rtl" : "";
-  return F.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + l, onClick: function() {
+  return N.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + l, onClick: function() {
     return e();
   }, type: "button", disabled: r });
 };
-U.LeftArrow = Zt;
-var Ht = function(o) {
+z.LeftArrow = te;
+var ee = function(o) {
   var i = o.customRightArrow, t = o.getState, e = o.next, r = o.disabled, s = o.rtl;
-  if (i) return F.cloneElement(i, { onClick: function() {
+  if (i) return N.cloneElement(i, { onClick: function() {
     return e();
   }, carouselState: t(), disabled: r, rtl: s });
   var l = s ? "rtl" : "";
-  return F.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + l, onClick: function() {
+  return N.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + l, onClick: function() {
     return e();
   }, type: "button", disabled: r });
 };
-U.RightArrow = Ht;
-var rt = {};
-Object.defineProperty(rt, "__esModule", { value: !0 });
-var j = k, K = m, te = function(o) {
-  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, l = t.itemWidth, n = i.children, a = i.infinite, u = i.itemClass, d = i.itemAriaLabel, c = i.partialVisbile, h = i.partialVisible, p = K.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
+z.RightArrow = ee;
+var ot = {};
+Object.defineProperty(ot, "__esModule", { value: !0 });
+var j = A, Y = m, ie = function(o) {
+  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, l = t.itemWidth, n = i.children, a = i.infinite, u = i.itemClass, h = i.itemAriaLabel, c = i.partialVisbile, d = i.partialVisible, p = Y.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
   return p.shouldRenderAtAll ? (c && console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'), j.createElement(j.Fragment, null, (a ? r : j.Children.toArray(n)).map(function(_, y) {
     return j.createElement("li", { key: y, "data-index": y, onClick: function() {
       i.focusOnSelect && e(y);
-    }, "aria-hidden": K.getIfSlideIsVisbile(y, t) ? "false" : "true", "aria-label": d || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((c || h) && b && !s ? l - b : l) + "px" : "auto" }, className: "react-multi-carousel-item " + (K.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + u }, _);
+    }, "aria-hidden": Y.getIfSlideIsVisbile(y, t) ? "false" : "true", "aria-label": h || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((c || d) && b && !s ? l - b : l) + "px" : "auto" }, className: "react-multi-carousel-item " + (Y.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + u }, _);
   }))) : null;
 };
-rt.default = te;
-var ee = B && B.__extends || /* @__PURE__ */ function() {
+ot.default = ie;
+var oe = G && G.__extends || /* @__PURE__ */ function() {
   var o = function(i, t) {
     return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
       e.__proto__ = r;
@@ -294,13 +295,13 @@ var ee = B && B.__extends || /* @__PURE__ */ function() {
     o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
   };
 }();
-Object.defineProperty(Q, "__esModule", { value: !0 });
-var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transform 400ms ease-in-out", re = function(o) {
+Object.defineProperty(q, "__esModule", { value: !0 });
+var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transform 400ms ease-in-out", se = function(o) {
   function i(t) {
     var e = o.call(this, t) || this;
     return e.containerRef = T.createRef(), e.listRef = T.createRef(), e.state = { itemWidth: 0, slidesToShow: 0, currentSlide: 0, totalItems: T.Children.count(t.children), deviceType: "", domLoaded: !1, transform: 0, containerWidth: 0 }, e.onResize = e.onResize.bind(e), e.handleDown = e.handleDown.bind(e), e.handleMove = e.handleMove.bind(e), e.handleOut = e.handleOut.bind(e), e.onKeyUp = e.onKeyUp.bind(e), e.handleEnter = e.handleEnter.bind(e), e.setIsInThrottle = e.setIsInThrottle.bind(e), e.next = v.throttle(e.next.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.previous = v.throttle(e.previous.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.goToSlide = v.throttle(e.goToSlide.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.onMove = !1, e.initialX = 0, e.lastX = 0, e.isAnimationAllowed = !1, e.direction = "", e.initialY = 0, e.isInThrottle = !1, e.transformPlaceHolder = 0, e;
   }
-  return ee(i, o), i.prototype.resetTotalItems = function() {
+  return oe(i, o), i.prototype.resetTotalItems = function() {
     var t = this, e = T.Children.count(this.props.children), r = v.notEnoughChildren(this.state) ? 0 : Math.max(0, Math.min(this.state.currentSlide, e));
     this.setState({ totalItems: e, currentSlide: r }, function() {
       t.setContainerAndItemWidth(t.state.slidesToShow, !0);
@@ -310,26 +311,26 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
   }, i.prototype.setTransformDirectly = function(t, e) {
     var r = this.props.additionalTransfrom;
     this.transformPlaceHolder = t;
-    var s = N.getTransform(this.state, this.props, this.transformPlaceHolder);
+    var s = B.getTransform(this.state, this.props, this.transformPlaceHolder);
     this.listRef && this.listRef.current && (this.setAnimationDirectly(e), this.listRef.current.style.transform = "translate3d(" + (s + r) + "px,0,0)");
   }, i.prototype.setAnimationDirectly = function(t) {
-    this.listRef && this.listRef.current && (this.listRef.current.style.transition = t ? this.props.customTransition || lt : "none");
+    this.listRef && this.listRef.current && (this.listRef.current.style.transition = t ? this.props.customTransition || at : "none");
   }, i.prototype.componentDidMount = function() {
     this.setState({ domLoaded: !0 }), this.setItemsToShow(), window.addEventListener("resize", this.onResize), this.onResize(!0), this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), this.props.autoPlay && (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
   }, i.prototype.setClones = function(t, e, r, s) {
     var l = this;
     s === void 0 && (s = !1), this.isAnimationAllowed = !1;
-    var n = T.Children.toArray(this.props.children), a = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, n), u = v.getClones(this.state.slidesToShow, n), d = n.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
-    this.setState({ totalItems: u.length, currentSlide: r && !s ? d : a }, function() {
+    var n = T.Children.toArray(this.props.children), a = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, n), u = v.getClones(this.state.slidesToShow, n), h = n.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
+    this.setState({ totalItems: u.length, currentSlide: r && !s ? h : a }, function() {
       l.correctItemsPosition(e || l.state.itemWidth);
     });
   }, i.prototype.setItemsToShow = function(t, e) {
     var r = this, s = this.props.responsive;
     Object.keys(s).forEach(function(l) {
-      var n = s[l], a = n.breakpoint, u = n.items, d = a.max, c = a.min, h = [window.innerWidth];
-      window.screen && window.screen.width && h.push(window.screen.width);
-      var p = Math.min.apply(Math, h);
-      c <= p && p <= d && (r.setState({ slidesToShow: u, deviceType: l }), r.setContainerAndItemWidth(u, t, e));
+      var n = s[l], a = n.breakpoint, u = n.items, h = a.max, c = a.min, d = [window.innerWidth];
+      window.screen && window.screen.width && d.push(window.screen.width);
+      var p = Math.min.apply(Math, d);
+      c <= p && p <= h && (r.setState({ slidesToShow: u, deviceType: l }), r.setContainerAndItemWidth(u, t, e));
     });
   }, i.prototype.setContainerAndItemWidth = function(t, e, r) {
     var s = this;
@@ -347,31 +348,31 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
     var e;
     e = !!this.props.infinite && (typeof t != "boolean" || !t), this.setItemsToShow(e);
   }, i.prototype.componentDidUpdate = function(t, e) {
-    var r = this, s = t.keyBoardControl, l = t.autoPlay, n = t.children, a = e.containerWidth, u = e.domLoaded, d = e.currentSlide;
+    var r = this, s = t.keyBoardControl, l = t.autoPlay, n = t.children, a = e.containerWidth, u = e.domLoaded, h = e.currentSlide;
     if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== a && (this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), this.itemsToShowTimeout = setTimeout(function() {
       r.setItemsToShow(!0);
     }, this.props.transitionDuration || P)), s && !this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), !s && this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), l && !this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), l || !this.props.autoPlay || this.autoPlay || (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed)), n.length !== this.props.children.length ? i.clonesTimeout = setTimeout(function() {
       r.props.infinite ? r.setClones(r.state.slidesToShow, r.state.itemWidth, !0, !0) : r.resetTotalItems();
-    }, this.props.transitionDuration || P) : this.props.infinite && this.state.currentSlide !== d && this.correctClonesPosition({ domLoaded: u }), this.transformPlaceHolder !== this.state.transform && (this.transformPlaceHolder = this.state.transform), this.props.autoPlay && this.props.rewind && !this.props.infinite && v.isInRightEnd(this.state)) {
+    }, this.props.transitionDuration || P) : this.props.infinite && this.state.currentSlide !== h && this.correctClonesPosition({ domLoaded: u }), this.transformPlaceHolder !== this.state.transform && (this.transformPlaceHolder = this.state.transform), this.props.autoPlay && this.props.rewind && !this.props.infinite && v.isInRightEnd(this.state)) {
       var c = this.props.transitionDuration || P;
       i.isInThrottleTimeout = setTimeout(function() {
         r.setIsInThrottle(!1), r.resetAutoplayInterval(), r.goToSlide(0, void 0, !!r.props.rewindWithAnimation);
       }, c + this.props.autoPlaySpeed);
     }
   }, i.prototype.correctClonesPosition = function(t) {
-    var e = this, r = t.domLoaded, s = T.Children.toArray(this.props.children), l = v.checkClonesPosition(this.state, s, this.props), n = l.isReachingTheEnd, a = l.isReachingTheStart, u = l.nextSlide, d = l.nextPosition;
+    var e = this, r = t.domLoaded, s = T.Children.toArray(this.props.children), l = v.checkClonesPosition(this.state, s, this.props), n = l.isReachingTheEnd, a = l.isReachingTheStart, u = l.nextSlide, h = l.nextPosition;
     this.state.domLoaded && r && (n || a) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
-      e.setState({ transform: d, currentSlide: u });
+      e.setState({ transform: h, currentSlide: u });
     }, this.props.transitionDuration || P));
   }, i.prototype.next = function(t) {
     var e = this;
     t === void 0 && (t = 0);
     var r = this.props, s = r.afterChange, l = r.beforeChange;
     if (!v.notEnoughChildren(this.state)) {
-      var n = v.populateNextSlides(this.state, this.props, t), a = n.nextSlides, u = n.nextPosition, d = this.state.currentSlide;
+      var n = v.populateNextSlides(this.state, this.props, t), a = n.nextSlides, u = n.nextPosition, h = this.state.currentSlide;
       a !== void 0 && u !== void 0 && (typeof l == "function" && l(a, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: a }, function() {
         typeof s == "function" && (i.afterChangeTimeout = setTimeout(function() {
-          s(d, e.getState());
+          s(h, e.getState());
         }, e.props.transitionDuration || P));
       }));
     }
@@ -382,10 +383,10 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
     if (!v.notEnoughChildren(this.state)) {
       var n = v.populatePreviousSlides(this.state, this.props, t), a = n.nextSlides, u = n.nextPosition;
       if (a !== void 0 && u !== void 0) {
-        var d = this.state.currentSlide;
+        var h = this.state.currentSlide;
         typeof l == "function" && l(a, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: a }, function() {
           typeof s == "function" && (i.afterChangeTimeout2 = setTimeout(function() {
-            s(d, e.getState());
+            s(h, e.getState());
           }, e.props.transitionDuration || P));
         });
       }
@@ -398,19 +399,19 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
     this.onMove = !1, this.initialX = 0, this.lastX = 0, this.direction = "", this.initialY = 0;
   }, i.prototype.getCords = function(t) {
     var e = t.clientX, r = t.clientY;
-    return { clientX: N.parsePosition(this.props, e), clientY: N.parsePosition(this.props, r) };
+    return { clientX: B.parsePosition(this.props, e), clientY: B.parsePosition(this.props, r) };
   }, i.prototype.handleDown = function(t) {
-    if (!(!E.isMouseMoveEvent(t) && !this.props.swipeable || E.isMouseMoveEvent(t) && !this.props.draggable || this.isInThrottle)) {
-      var e = this.getCords(E.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY;
+    if (!(!R.isMouseMoveEvent(t) && !this.props.swipeable || R.isMouseMoveEvent(t) && !this.props.draggable || this.isInThrottle)) {
+      var e = this.getCords(R.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY;
       this.onMove = !0, this.initialX = r, this.initialY = s, this.lastX = r, this.isAnimationAllowed = !1;
     }
   }, i.prototype.handleMove = function(t) {
-    if (!(!E.isMouseMoveEvent(t) && !this.props.swipeable || E.isMouseMoveEvent(t) && !this.props.draggable || v.notEnoughChildren(this.state))) {
-      var e = this.getCords(E.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY, l = this.initialX - r, n = this.initialY - s;
+    if (!(!R.isMouseMoveEvent(t) && !this.props.swipeable || R.isMouseMoveEvent(t) && !this.props.draggable || v.notEnoughChildren(this.state))) {
+      var e = this.getCords(R.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY, l = this.initialX - r, n = this.initialY - s;
       if (this.onMove) {
         if (!(Math.abs(l) > Math.abs(n))) return;
-        var a = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), u = a.direction, d = a.nextPosition, c = a.canContinue;
-        u && (this.direction = u, c && d !== void 0 && this.setTransformDirectly(d)), this.lastX = r;
+        var a = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), u = a.direction, h = a.nextPosition, c = a.canContinue;
+        u && (this.direction = u, c && h !== void 0 && this.setTransformDirectly(h)), this.lastX = r;
       }
     }
   }, i.prototype.handleOut = function(t) {
@@ -424,7 +425,7 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
       this.direction === "left" && (this.lastX - this.initialX > this.props.minimumTouchDrag ? (s = Math.round((this.lastX - this.initialX) / this.state.itemWidth), this.previous(s)) : this.correctItemsPosition(this.state.itemWidth, !0, !0)), this.resetMoveStatus();
     }
   }, i.prototype.isInViewport = function(t) {
-    var e = t.getBoundingClientRect(), r = e.top, s = r === void 0 ? 0 : r, l = e.left, n = l === void 0 ? 0 : l, a = e.bottom, u = a === void 0 ? 0 : a, d = e.right, c = d === void 0 ? 0 : d;
+    var e = t.getBoundingClientRect(), r = e.top, s = r === void 0 ? 0 : r, l = e.left, n = l === void 0 ? 0 : l, a = e.bottom, u = a === void 0 ? 0 : a, h = e.right, c = h === void 0 ? 0 : h;
     return 0 <= s && 0 <= n && u <= (window.innerHeight || document.documentElement.clientHeight) && c <= (window.innerWidth || document.documentElement.clientWidth);
   }, i.prototype.isChildOfCarousel = function(t) {
     return !!(t instanceof Element && this.listRef && this.listRef.current) && this.listRef.current.contains(t);
@@ -441,14 +442,14 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
         if (this.isChildOfCarousel(e) && e instanceof HTMLInputElement && this.isInViewport(e)) return this.next();
     }
   }, i.prototype.handleEnter = function(t) {
-    E.isMouseMoveEvent(t) && this.autoPlay && this.props.autoPlay && this.props.pauseOnHover && (clearInterval(this.autoPlay), this.autoPlay = void 0);
+    R.isMouseMoveEvent(t) && this.autoPlay && this.props.autoPlay && this.props.pauseOnHover && (clearInterval(this.autoPlay), this.autoPlay = void 0);
   }, i.prototype.goToSlide = function(t, e, r) {
     var s = this;
     if (r === void 0 && (r = !0), !this.isInThrottle) {
-      var l = this.state.itemWidth, n = this.props, a = n.afterChange, u = n.beforeChange, d = this.state.currentSlide;
+      var l = this.state.itemWidth, n = this.props, a = n.afterChange, u = n.beforeChange, h = this.state.currentSlide;
       typeof u != "function" || e && (typeof e != "object" || e.skipBeforeChange) || u(t, this.getState()), this.isAnimationAllowed = r, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ currentSlide: t, transform: -l * t }, function() {
         s.props.infinite && s.correctClonesPosition({ domLoaded: !0 }), typeof a != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
-          a(d, s.getState());
+          a(h, s.getState());
         }, s.props.transitionDuration || P));
       });
     }
@@ -456,12 +457,12 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
     return this.state;
   }, i.prototype.renderLeftArrow = function(t) {
     var e = this, r = this.props, s = r.customLeftArrow, l = r.rtl;
-    return T.createElement(at.LeftArrow, { customLeftArrow: s, getState: function() {
+    return T.createElement(st.LeftArrow, { customLeftArrow: s, getState: function() {
       return e.getState();
     }, previous: this.previous, disabled: t, rtl: l });
   }, i.prototype.renderRightArrow = function(t) {
     var e = this, r = this.props, s = r.customRightArrow, l = r.rtl;
-    return T.createElement(at.RightArrow, { customRightArrow: s, getState: function() {
+    return T.createElement(st.RightArrow, { customRightArrow: s, getState: function() {
       return e.getState();
     }, next: this.next, disabled: t, rtl: l });
   }, i.prototype.renderButtonGroups = function() {
@@ -475,7 +476,7 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
     }, carouselState: this.getState() }) : null;
   }, i.prototype.renderDotsList = function() {
     var t = this;
-    return T.createElement(ie.default, { state: this.state, props: this.props, goToSlide: this.goToSlide, getState: function() {
+    return T.createElement(re.default, { state: this.state, props: this.props, goToSlide: this.goToSlide, getState: function() {
       return t.getState();
     } });
   }, i.prototype.renderCarouselItems = function() {
@@ -484,74 +485,20 @@ var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transfo
       var e = T.Children.toArray(this.props.children);
       t = v.getClones(this.state.slidesToShow, e);
     }
-    return T.createElement(oe.default, { clones: t, goToSlide: this.goToSlide, state: this.state, notEnoughChildren: v.notEnoughChildren(this.state), props: this.props });
+    return T.createElement(ne.default, { clones: t, goToSlide: this.goToSlide, state: this.state, notEnoughChildren: v.notEnoughChildren(this.state), props: this.props });
   }, i.prototype.render = function() {
-    var t = this.props, e = t.deviceType, r = t.arrows, s = t.renderArrowsWhenDisabled, l = t.removeArrowOnDeviceType, n = t.infinite, a = t.containerClass, u = t.sliderClass, d = t.customTransition, c = t.additionalTransfrom, h = t.renderDotsOutside, p = t.renderButtonGroupOutside, f = t.className, g = t.rtl;
+    var t = this.props, e = t.deviceType, r = t.arrows, s = t.renderArrowsWhenDisabled, l = t.removeArrowOnDeviceType, n = t.infinite, a = t.containerClass, u = t.sliderClass, h = t.customTransition, c = t.additionalTransfrom, d = t.renderDotsOutside, p = t.renderButtonGroupOutside, f = t.className, g = t.rtl;
     process.env.NODE_ENV !== "production" && v.throwError(this.state, this.props);
-    var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll, y = v.isInLeftEnd(this.state), M = v.isInRightEnd(this.state), I = r && !(l && (e && -1 < l.indexOf(e) || this.state.deviceType && -1 < l.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, R = !n && y, A = !n && M, L = N.getTransform(this.state, this.props);
-    return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + a + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + u, style: { transition: this.isAnimationAllowed ? d || lt : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (L + c) + "px,0,0)" }, onMouseMove: this.handleMove, onMouseDown: this.handleDown, onMouseUp: this.handleOut, onMouseEnter: this.handleEnter, onMouseLeave: this.handleOut, onTouchStart: this.handleDown, onTouchMove: this.handleMove, onTouchEnd: this.handleOut }, this.renderCarouselItems()), I && (!R || s) && this.renderLeftArrow(R), I && (!A || s) && this.renderRightArrow(A), _ && !p && this.renderButtonGroups(), _ && !h && this.renderDotsList()), _ && h && this.renderDotsList(), _ && p && this.renderButtonGroups());
+    var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll, y = v.isInLeftEnd(this.state), M = v.isInRightEnd(this.state), I = r && !(l && (e && -1 < l.indexOf(e) || this.state.deviceType && -1 < l.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, x = !n && y, W = !n && M, k = B.getTransform(this.state, this.props);
+    return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + a + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + u, style: { transition: this.isAnimationAllowed ? h || at : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (k + c) + "px,0,0)" }, onMouseMove: this.handleMove, onMouseDown: this.handleDown, onMouseUp: this.handleOut, onMouseEnter: this.handleEnter, onMouseLeave: this.handleOut, onTouchStart: this.handleDown, onTouchMove: this.handleMove, onTouchEnd: this.handleOut }, this.renderCarouselItems()), I && (!x || s) && this.renderLeftArrow(x), I && (!W || s) && this.renderRightArrow(W), _ && !p && this.renderButtonGroups(), _ && !d && this.renderDotsList()), _ && d && this.renderDotsList(), _ && p && this.renderButtonGroups());
   }, i.defaultProps = { slidesToSlide: 1, infinite: !1, draggable: !0, swipeable: !0, arrows: !0, renderArrowsWhenDisabled: !1, containerClass: "", sliderClass: "", itemClass: "", keyBoardControl: !0, autoPlaySpeed: 3e3, showDots: !1, renderDotsOutside: !1, renderButtonGroupOutside: !1, minimumTouchDrag: 80, className: "", dotListClass: "", focusOnSelect: !1, centerMode: !1, additionalTransfrom: 0, pauseOnHover: !0, shouldResetAutoplay: !0, rewind: !1, rtl: !1, rewindWithAnimation: !1 }, i;
 }(T.Component);
-Q.default = re;
-Object.defineProperty(J, "__esModule", { value: !0 });
-var ne = Q;
-J.default = ne.default;
-var se = J;
-const ae = /* @__PURE__ */ St(se), le = dt.div`
-  width: 100%;
-  max-width: 76rem;
-  height: 100vh;
-  max-height: 22.5rem;
-  border-radius: 0.75rem;
-  background: ${X("-90deg")};
-
-  & .skeleton__active-slide {
-    display: none;
-  }
-
-  & .skeleton__next-slide {
-    display: none;
-  }
-
-  @media (max-width: 464px) {
-    max-width: 100%;
-    height: 23.4375rem;
-    max-height: 23.4375rem;
-    border-radius: 0;
-    background: transparent;
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-    justify-content: space-between;
-
-    & .skeleton__active-slide {
-      display: block;
-      width: 100%;
-      height: 100vh;
-      max-height: 23.4375rem;
-      border-radius: 0.75rem;
-      background: ${X("-90deg")};
-    }
-
-    & .skeleton__next-slide {
-      display: block;
-      width: 100%;
-      max-width: 4rem;
-      height: 100vh;
-      max-height: 20.625rem;
-      border-radius: 0.75rem 0 0 0.75rem;
-      background: ${X("-90deg")};
-    }
-  }
-`, ue = () => /* @__PURE__ */ G(le, { className: "banner-carousel__skeleton", children: [
-  /* @__PURE__ */ C("div", { className: "skeleton__active-slide" }),
-  /* @__PURE__ */ C("div", { className: "skeleton__next-slide" })
-] }), de = ({
-  children: o,
-  fallbackComponent: i = /* @__PURE__ */ C(ut, {}),
-  isLoading: t = !1,
-  keyPrefix: e
-}) => /* @__PURE__ */ C(gt, { fallbackComponent: i, children: t === !0 ? /* @__PURE__ */ C(ue, {}, e) : o }), he = dt.div`
+q.default = se;
+Object.defineProperty(Z, "__esModule", { value: !0 });
+var ae = q;
+Z.default = ae.default;
+var le = Z;
+const ue = /* @__PURE__ */ yt(le), he = ut.div`
   &:hover {
     cursor: pointer;
 
@@ -720,11 +667,23 @@ const ae = /* @__PURE__ */ St(se), le = dt.div`
       }
     }
   }
-`, ce = yt(
+`, de = ut(wt)`
+  @media (max-width: ${_t + "px"}) {
+    & > div {
+      height: 100%;
+      aspect-ratio: 1 / 1;
+    }
+  }
+`, ce = ({ keyPrefix: o }) => /* @__PURE__ */ C(de, { noGradient: !0, children: /* @__PURE__ */ C(bt, { keyPrefix: `${o}-1`, height: "22.5rem" }) }), pe = ({
+  keyPrefix: o,
+  isLoading: i = !1,
+  fallbackComponent: t = /* @__PURE__ */ C(lt, {}),
+  children: e
+}) => /* @__PURE__ */ C(vt, { fallbackComponent: t, children: i === !0 ? /* @__PURE__ */ C(ce, { keyPrefix: o }) : e }), fe = gt(
   ({
     items: o = [],
     isLoading: i = !1,
-    fallbackComponent: t = /* @__PURE__ */ C(ut, {}),
+    fallbackComponent: t = /* @__PURE__ */ C(lt, {}),
     onSelectItem: e = () => {
     },
     onButtonAction: r = () => {
@@ -746,15 +705,15 @@ const ae = /* @__PURE__ */ St(se), le = dt.div`
         items: 1,
         partialVisibilityGutter: 64
       }
-    }, n = wt();
+    }, n = Tt();
     return /* @__PURE__ */ C(he, { ref: s, children: /* @__PURE__ */ C(
-      de,
+      pe,
       {
         fallbackComponent: t,
         keyPrefix: "banner-carousel-skeleton",
         isLoading: i,
         children: /* @__PURE__ */ C(
-          ae,
+          ue,
           {
             responsive: l,
             removeArrowOnDeviceType: ["tablet", "mobile"],
@@ -768,7 +727,7 @@ const ae = /* @__PURE__ */ St(se), le = dt.div`
             containerClass: "carousel-container",
             rewind: !0,
             rewindWithAnimation: !0,
-            children: o == null ? void 0 : o.map((a, u) => /* @__PURE__ */ G(
+            children: o == null ? void 0 : o.map((a, u) => /* @__PURE__ */ X(
               "div",
               {
                 className: "section__card",
@@ -782,19 +741,19 @@ const ae = /* @__PURE__ */ St(se), le = dt.div`
                       className: "section__image"
                     }
                   ),
-                  /* @__PURE__ */ G("div", { className: "card__content", children: [
-                    /* @__PURE__ */ G("div", { className: "card__text", children: [
+                  /* @__PURE__ */ X("div", { className: "card__content", children: [
+                    /* @__PURE__ */ X("div", { className: "card__text", children: [
                       (a == null ? void 0 : a.title) && /* @__PURE__ */ C("div", { className: "card__title", children: a == null ? void 0 : a.title }),
                       (a == null ? void 0 : a.title) && /* @__PURE__ */ C("div", { className: "card__description", children: a == null ? void 0 : a.description })
                     ] }),
                     (a == null ? void 0 : a.buttonText) && /* @__PURE__ */ C(
-                      Tt,
+                      St,
                       {
                         text: a == null ? void 0 : a.buttonText,
                         className: "card__action",
                         size: "medium",
-                        onClick: (d) => {
-                          d == null || d.stopPropagation(), r(a);
+                        onClick: (h) => {
+                          h == null || h.stopPropagation(), r(a);
                         }
                       }
                     )
@@ -809,13 +768,13 @@ const ae = /* @__PURE__ */ St(se), le = dt.div`
     ) }, `banner-section-carousel__${n}`);
   }
 );
-ce.propTypes = {
-  items: W.array,
-  isLoading: W.bool,
-  fallbackComponent: W.any,
-  onSelectItem: W.func,
-  onButtonAction: W.func
+fe.propTypes = {
+  items: D.array,
+  isLoading: D.bool,
+  fallbackComponent: D.any,
+  onSelectItem: D.func,
+  onButtonAction: D.func
 };
 export {
-  ce as default
+  fe as default
 };