@lanaco/lnc-react-ui 4.0.122 → 4.0.124

package/dist/BannerSectionCarousel.js

@@ -1,1576 +1,721 @@
-import { jsx as N, jsxs as le } from "react/jsx-runtime";
-import F, { forwardRef as Ce } from "react";
-import { c as Oe } from "./_commonjsHelpers-BkfeUUK-.js";
-import { p as Le, P as Se } from "./index-CblbdqjE.js";
-import { a as ke } from "./index-BXrmgzsU.js";
-import { s as te } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as ne } from "./consts-BuFChS64.js";
-import { k as re } from "./utils-BbgAIA9N.js";
-import De from "./Button.js";
-var Re = {}, ie = {}, me = {}, fe = {}, ge;
-function Ae() {
-  return ge || (ge = 1, function(t) {
-    (function(n, r) {
-      r(t, F, Le);
-    })(Oe, function(n, r, i) {
-      Object.defineProperty(n, "__esModule", {
-        value: !0
-      }), n.setHasSupportToCaptureOption = E;
-      var e = a(r), o = a(i);
-      function a(l) {
-        return l && l.__esModule ? l : {
-          default: l
-        };
-      }
-      var s = Object.assign || function(l) {
-        for (var p = 1; p < arguments.length; p++) {
-          var S = arguments[p];
-          for (var u in S)
-            Object.prototype.hasOwnProperty.call(S, u) && (l[u] = S[u]);
-        }
-        return l;
-      };
-      function f(l, p) {
-        var S = {};
-        for (var u in l)
-          p.indexOf(u) >= 0 || Object.prototype.hasOwnProperty.call(l, u) && (S[u] = l[u]);
-        return S;
-      }
-      function h(l, p) {
-        if (!(l instanceof p))
-          throw new TypeError("Cannot call a class as a function");
-      }
-      var m = /* @__PURE__ */ function() {
-        function l(p, S) {
-          for (var u = 0; u < S.length; u++) {
-            var g = S[u];
-            g.enumerable = g.enumerable || !1, g.configurable = !0, "value" in g && (g.writable = !0), Object.defineProperty(p, g.key, g);
-          }
-        }
-        return function(p, S, u) {
-          return S && l(p.prototype, S), u && l(p, u), p;
-        };
-      }();
-      function v(l, p) {
-        if (!l)
-          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return p && (typeof p == "object" || typeof p == "function") ? p : l;
-      }
-      function _(l, p) {
-        if (typeof p != "function" && p !== null)
-          throw new TypeError("Super expression must either be null or a function, not " + typeof p);
-        l.prototype = Object.create(p && p.prototype, {
-          constructor: {
-            value: l,
-            enumerable: !1,
-            writable: !0,
-            configurable: !0
-          }
-        }), p && (Object.setPrototypeOf ? Object.setPrototypeOf(l, p) : l.__proto__ = p);
-      }
-      var b = !1;
-      function E(l) {
-        b = l;
-      }
-      try {
-        addEventListener("test", null, Object.defineProperty({}, "capture", { get: function() {
-          E(!0);
-        } }));
-      } catch {
-      }
-      function X() {
-        var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { capture: !0 };
-        return b ? l : l.capture;
-      }
-      function ue(l) {
-        if ("touches" in l) {
-          var p = l.touches[0], S = p.pageX, u = p.pageY;
-          return { x: S, y: u };
-        }
-        var g = l.screenX, T = l.screenY;
-        return { x: g, y: T };
-      }
-      var z = function(l) {
-        _(p, l);
-        function p() {
-          var S;
-          h(this, p);
-          for (var u = arguments.length, g = Array(u), T = 0; T < u; T++)
-            g[T] = arguments[T];
-          var w = v(this, (S = p.__proto__ || Object.getPrototypeOf(p)).call.apply(S, [this].concat(g)));
-          return w._handleSwipeStart = w._handleSwipeStart.bind(w), w._handleSwipeMove = w._handleSwipeMove.bind(w), w._handleSwipeEnd = w._handleSwipeEnd.bind(w), w._onMouseDown = w._onMouseDown.bind(w), w._onMouseMove = w._onMouseMove.bind(w), w._onMouseUp = w._onMouseUp.bind(w), w._setSwiperRef = w._setSwiperRef.bind(w), w;
-        }
-        return m(p, [{
-          key: "componentDidMount",
-          value: function() {
-            this.swiper && this.swiper.addEventListener("touchmove", this._handleSwipeMove, X({
-              capture: !0,
-              passive: !1
-            }));
-          }
-        }, {
-          key: "componentWillUnmount",
-          value: function() {
-            this.swiper && this.swiper.removeEventListener("touchmove", this._handleSwipeMove, X({
-              capture: !0,
-              passive: !1
-            }));
-          }
-        }, {
-          key: "_onMouseDown",
-          value: function(u) {
-            this.props.allowMouseEvents && (this.mouseDown = !0, document.addEventListener("mouseup", this._onMouseUp), document.addEventListener("mousemove", this._onMouseMove), this._handleSwipeStart(u));
-          }
-        }, {
-          key: "_onMouseMove",
-          value: function(u) {
-            this.mouseDown && this._handleSwipeMove(u);
-          }
-        }, {
-          key: "_onMouseUp",
-          value: function(u) {
-            this.mouseDown = !1, document.removeEventListener("mouseup", this._onMouseUp), document.removeEventListener("mousemove", this._onMouseMove), this._handleSwipeEnd(u);
-          }
-        }, {
-          key: "_handleSwipeStart",
-          value: function(u) {
-            var g = ue(u), T = g.x, w = g.y;
-            this.moveStart = { x: T, y: w }, this.props.onSwipeStart(u);
-          }
-        }, {
-          key: "_handleSwipeMove",
-          value: function(u) {
-            if (this.moveStart) {
-              var g = ue(u), T = g.x, w = g.y, Y = T - this.moveStart.x, we = w - this.moveStart.y;
-              this.moving = !0;
-              var Me = this.props.onSwipeMove({
-                x: Y,
-                y: we
-              }, u);
-              Me && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: we };
-            }
-          }
-        }, {
-          key: "_handleSwipeEnd",
-          value: function(u) {
-            this.props.onSwipeEnd(u);
-            var g = this.props.tolerance;
-            this.moving && this.movePosition && (this.movePosition.deltaX < -g ? this.props.onSwipeLeft(1, u) : this.movePosition.deltaX > g && this.props.onSwipeRight(1, u), this.movePosition.deltaY < -g ? this.props.onSwipeUp(1, u) : this.movePosition.deltaY > g && this.props.onSwipeDown(1, u)), this.moveStart = null, this.moving = !1, this.movePosition = null;
-          }
-        }, {
-          key: "_setSwiperRef",
-          value: function(u) {
-            this.swiper = u, this.props.innerRef(u);
-          }
-        }, {
-          key: "render",
-          value: function() {
-            var u = this.props;
-            u.tagName;
-            var g = u.className, T = u.style, w = u.children;
-            u.allowMouseEvents, u.onSwipeUp, u.onSwipeDown, u.onSwipeLeft, u.onSwipeRight, u.onSwipeStart, u.onSwipeMove, u.onSwipeEnd, u.innerRef, u.tolerance;
-            var Y = f(u, ["tagName", "className", "style", "children", "allowMouseEvents", "onSwipeUp", "onSwipeDown", "onSwipeLeft", "onSwipeRight", "onSwipeStart", "onSwipeMove", "onSwipeEnd", "innerRef", "tolerance"]);
-            return e.default.createElement(
-              this.props.tagName,
-              s({
-                ref: this._setSwiperRef,
-                onMouseDown: this._onMouseDown,
-                onTouchStart: this._handleSwipeStart,
-                onTouchEnd: this._handleSwipeEnd,
-                className: g,
-                style: T
-              }, Y),
-              w
-            );
-          }
-        }]), p;
-      }(r.Component);
-      z.displayName = "ReactSwipe", z.propTypes = {
-        tagName: o.default.string,
-        className: o.default.string,
-        style: o.default.object,
-        children: o.default.node,
-        allowMouseEvents: o.default.bool,
-        onSwipeUp: o.default.func,
-        onSwipeDown: o.default.func,
-        onSwipeLeft: o.default.func,
-        onSwipeRight: o.default.func,
-        onSwipeStart: o.default.func,
-        onSwipeMove: o.default.func,
-        onSwipeEnd: o.default.func,
-        innerRef: o.default.func,
-        tolerance: o.default.number.isRequired
-      }, z.defaultProps = {
-        tagName: "div",
-        allowMouseEvents: !1,
-        onSwipeUp: function() {
-        },
-        onSwipeDown: function() {
-        },
-        onSwipeLeft: function() {
-        },
-        onSwipeRight: function() {
-        },
-        onSwipeStart: function() {
-        },
-        onSwipeMove: function() {
-        },
-        onSwipeEnd: function() {
-        },
-        innerRef: function() {
-        },
-        tolerance: 0
-      }, n.default = z;
-    });
-  }(fe)), fe;
-}
-(function(t) {
-  (function(n, r) {
-    r(t, Ae());
-  })(Oe, function(n, r) {
-    Object.defineProperty(n, "__esModule", {
-      value: !0
-    });
-    var i = e(r);
-    function e(o) {
-      return o && o.__esModule ? o : {
-        default: o
-      };
-    }
-    n.default = i.default;
-  });
-})(me);
-var K = {};
-Object.defineProperty(K, "__esModule", {
-  value: !0
-});
-K.default = void 0;
-var D = We(ke);
-function We(t) {
-  return t && t.__esModule ? t : { default: t };
-}
-function ze(t, n, r) {
-  return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
-}
-var Ne = {
-  ROOT: function(n) {
-    return (0, D.default)(ze({
-      "carousel-root": !0
-    }, n || "", !!n));
-  },
-  CAROUSEL: function(n) {
-    return (0, D.default)({
-      carousel: !0,
-      "carousel-slider": n
-    });
-  },
-  WRAPPER: function(n, r) {
-    return (0, D.default)({
-      "thumbs-wrapper": !n,
-      "slider-wrapper": n,
-      "axis-horizontal": r === "horizontal",
-      "axis-vertical": r !== "horizontal"
-    });
-  },
-  SLIDER: function(n, r) {
-    return (0, D.default)({
-      thumbs: !n,
-      slider: n,
-      animated: !r
-    });
-  },
-  ITEM: function(n, r, i) {
-    return (0, D.default)({
-      thumb: !n,
-      slide: n,
-      selected: r,
-      previous: i
-    });
-  },
-  ARROW_PREV: function(n) {
-    return (0, D.default)({
-      "control-arrow control-prev": !0,
-      "control-disabled": n
-    });
-  },
-  ARROW_NEXT: function(n) {
-    return (0, D.default)({
-      "control-arrow control-next": !0,
-      "control-disabled": n
-    });
-  },
-  DOT: function(n) {
-    return (0, D.default)({
-      dot: !0,
-      selected: n
-    });
+import { jsx as x, jsxs as z } from "react/jsx-runtime";
+import A, { forwardRef as ft } from "react";
+import { c as N, g as mt } from "./_commonjsHelpers-BkfeUUK-.js";
+import { P as U } from "./index-CblbdqjE.js";
+import vt from "./Button.js";
+import { u as gt } from "./useDetectMobile-Bkvj0VMa.js";
+import { s as yt } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+var q = {}, J = {}, m = {}, B = {};
+(function(o) {
+  function i(n, s, l) {
+    var u = s.slidesToShow, d = s.currentSlide;
+    return l.length > 2 * u ? n + 2 * u : d >= l.length ? l.length + n : n;
   }
-};
-K.default = Ne;
-var j = {}, oe = {};
-Object.defineProperty(oe, "__esModule", {
-  value: !0
-});
-oe.outerWidth = void 0;
-var xe = function(n) {
-  var r = n.offsetWidth, i = getComputedStyle(n);
-  return r += parseInt(i.marginLeft) + parseInt(i.marginRight), r;
-};
-oe.outerWidth = xe;
-var x = {};
-Object.defineProperty(x, "__esModule", {
-  value: !0
-});
-x.default = void 0;
-var He = function(n, r, i) {
-  var e = n === 0 ? n : n + r, o = i === "horizontal" ? [e, 0, 0] : [0, e, 0], a = "translate3d", s = "(" + o.join(",") + ")";
-  return a + s;
-};
-x.default = He;
-var q = {};
-Object.defineProperty(q, "__esModule", {
-  value: !0
-});
-q.default = void 0;
-var $e = function() {
-  return window;
-};
-q.default = $e;
-Object.defineProperty(j, "__esModule", {
-  value: !0
-});
-j.default = void 0;
-var I = Ke(F), A = ae(K), Ue = oe, be = ae(x), Fe = ae(me), V = ae(q);
-function ae(t) {
-  return t && t.__esModule ? t : { default: t };
-}
-function Ee() {
-  if (typeof WeakMap != "function") return null;
-  var t = /* @__PURE__ */ new WeakMap();
-  return Ee = function() {
-    return t;
-  }, t;
-}
-function Ke(t) {
-  if (t && t.__esModule)
-    return t;
-  if (t === null || $(t) !== "object" && typeof t != "function")
-    return { default: t };
-  var n = Ee();
-  if (n && n.has(t))
-    return n.get(t);
-  var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var e in t)
-    if (Object.prototype.hasOwnProperty.call(t, e)) {
-      var o = i ? Object.getOwnPropertyDescriptor(t, e) : null;
-      o && (o.get || o.set) ? Object.defineProperty(r, e, o) : r[e] = t[e];
-    }
-  return r.default = t, n && n.set(t, r), r;
-}
-function $(t) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? $ = function(r) {
-    return typeof r;
-  } : $ = function(r) {
-    return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, $(t);
-}
-function ce() {
-  return ce = Object.assign || function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
-    }
-    return t;
-  }, ce.apply(this, arguments);
-}
-function je(t, n) {
-  if (!(t instanceof n))
-    throw new TypeError("Cannot call a class as a function");
-}
-function qe(t, n) {
-  for (var r = 0; r < n.length; r++) {
-    var i = n[r];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
+  function t(n, s) {
+    if (s.length > 2 * n) {
+      for (var l = {}, u = s.length - 2 * n, d = s.length - u, c = u, h = 0; h < d; h++) l[h] = c, c++;
+      var p = s.length + d, f = p + s.slice(0, 2 * n).length, g = 0;
+      for (h = p; h <= f; h++) l[h] = g, g++;
+      var w = p, b = 0;
+      for (h = d; h < w; h++) l[h] = b, b++;
+      return l;
+    }
+    l = {};
+    var _ = 3 * s.length, y = 0;
+    for (h = 0; h < _; h++) l[h] = y, ++y === s.length && (y = 0);
+    return l;
   }
-}
-function Be(t, n, r) {
-  return n && qe(t.prototype, n), t;
-}
-function Xe(t, n) {
-  if (typeof n != "function" && n !== null)
-    throw new TypeError("Super expression must either be null or a function");
-  t.prototype = Object.create(n && n.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), n && de(t, n);
-}
-function de(t, n) {
-  return de = Object.setPrototypeOf || function(i, e) {
-    return i.__proto__ = e, i;
-  }, de(t, n);
-}
-function Ye(t) {
-  var n = Ge();
+  function e(n, s) {
+    return s.length < n ? s : s.length > 2 * n ? s.slice(s.length - 2 * n, s.length).concat(s, s.slice(0, 2 * n)) : s.concat(s, s);
+  }
+  function r(n, s) {
+    return s.length > 2 * n ? 2 * n : s.length;
+  }
+  function a(n, s, l) {
+    var u, d = n.currentSlide, c = n.slidesToShow, h = n.itemWidth, p = n.totalItems, f = 0, g = 0, w = d === 0, b = s.length - (s.length - 2 * c);
+    return s.length < c ? (g = f = 0, w = u = !1) : s.length > 2 * c ? ((u = d >= b + s.length) && (g = -h * (f = d - s.length)), w && (g = -h * (f = b + (s.length - 2 * c)))) : ((u = d >= 2 * s.length) && (g = -h * (f = d - s.length)), w && (g = l.showDots ? -h * (f = s.length) : -h * (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 = a;
+})(B);
+var O = {};
+Object.defineProperty(O, "__esModule", { value: !0 });
+var rt = !1;
+function St(o, i, t, e) {
+  var r = 0, a = e || t;
+  return i && a && (!rt && process.env.NODE_ENV !== "production" && o[a].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[a].partialVisibilityGutter || o[a].paritialVisibilityGutter), r;
+}
+function Tt(o, i) {
+  var t;
+  return i[o] && (t = (100 / i[o].items).toFixed(1)), t;
+}
+function wt(o, i, t) {
+  return Math.round(t / (i + (o.centerMode ? 1 : 0)));
+}
+O.getPartialVisibilityGutter = St, O.getWidthFromDeviceType = Tt, O.getItemClientSideWidth = wt;
+var S = {};
+Object.defineProperty(S, "__esModule", { value: !0 });
+var K = O;
+function Q(o) {
+  var i = o.slidesToShow;
+  return o.totalItems < i;
+}
+function bt(o, i) {
+  var t, e = o.domLoaded, r = o.slidesToShow, a = o.containerWidth, n = o.itemWidth, s = i.deviceType, l = i.responsive, u = i.ssr, d = i.partialVisbile, c = i.partialVisible, h = !!(e && r && a && n);
+  u && s && !h && (t = K.getWidthFromDeviceType(s, l));
+  var p = !!(u && s && !h && t);
+  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: h, partialVisibilityGutter: K.getPartialVisibilityGutter(l, d || c, s, o.deviceType), shouldRenderAtAll: p || h };
+}
+function _t(o, i) {
+  var t = i.currentSlide, e = i.slidesToShow;
+  return t <= o && o < t + e;
+}
+function lt(o, i, t) {
+  var e = t || o.transform;
+  return !i.infinite && o.currentSlide === 0 || Q(o) ? e : e + o.itemWidth / 2;
+}
+function Ct(o) {
+  return !(0 < o.currentSlide);
+}
+function ut(o) {
+  var i = o.currentSlide, t = o.totalItems;
+  return !(i + o.slidesToShow < t);
+}
+function dt(o, i, t, e) {
+  i === void 0 && (i = 0);
+  var r = o.currentSlide, a = o.slidesToShow, n = ut(o), s = !t.infinite && n, l = e || o.transform;
+  if (Q(o)) return l;
+  var u = l + r * i;
+  return s ? u + (o.containerWidth - (o.itemWidth - i) * a) : u;
+}
+function ht(o, i) {
+  return o.rtl ? -1 * i : i;
+}
+function It(o, i, t) {
+  var e = i.partialVisbile, r = i.partialVisible, a = i.responsive, n = i.deviceType, s = i.centerMode, l = t || o.transform, u = K.getPartialVisibilityGutter(a, e || r, n, o.deviceType);
+  return ht(i, r || e ? dt(o, u, i, t) : s ? lt(o, i, t) : l);
+}
+function Mt(o, i) {
+  var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, a = o.itemWidth, n = i.deviceType, s = i.responsive, l = i.slidesToSlide || 1, u = !!(t && e && r && a);
+  return i.ssr && i.deviceType && !u && Object.keys(s).forEach(function(d) {
+    var c = s[d].slidesToSlide;
+    n === d && c && (l = c);
+  }), u && Object.keys(s).forEach(function(d) {
+    var c = s[d], h = c.breakpoint, p = c.slidesToSlide, f = h.max, g = h.min;
+    p && window.innerWidth >= g && window.innerWidth <= f && (l = p);
+  }), l;
+}
+S.notEnoughChildren = Q, S.getInitialState = bt, S.getIfSlideIsVisbile = _t, S.getTransformForCenterMode = lt, S.isInLeftEnd = Ct, S.isInRightEnd = ut, S.getTransformForPartialVsibile = dt, S.parsePosition = ht, S.getTransform = It, S.getSlidesToSlide = Mt;
+var Z = {};
+Object.defineProperty(Z, "__esModule", { value: !0 });
+var Pt = function(o, i, t) {
+  var e;
   return function() {
-    var i = J(t), e;
-    if (n) {
-      var o = J(this).constructor;
-      e = Reflect.construct(i, arguments, o);
-    } else
-      e = i.apply(this, arguments);
-    return Ve(this, e);
+    var r = arguments;
+    e || (o.apply(this, r), e = !0, typeof t == "function" && t(!0), setTimeout(function() {
+      e = !1, typeof t == "function" && t(!1);
+    }, i));
   };
-}
-function Ve(t, n) {
-  return n && ($(n) === "object" || typeof n == "function") ? n : O(t);
-}
-function O(t) {
-  if (t === void 0)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return t;
-}
-function Ge() {
-  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
-  if (typeof Proxy == "function") return !0;
-  try {
-    return Date.prototype.toString.call(Reflect.construct(Date, [], function() {
-    })), !0;
-  } catch {
-    return !1;
+};
+Z.default = Pt;
+var ct = {};
+(function(o) {
+  function i(t, e) {
+    var r = e.partialVisbile, a = e.partialVisible, n = e.centerMode, s = e.ssr, l = e.responsive;
+    if ((r || a) && n) throw new Error("center mode can not be used at the same time with partialVisible");
+    if (!l) throw s ? new Error("ssr mode need to be used in conjunction with responsive prop") : new Error("Responsive prop is needed for deciding the amount of items to show on the screen");
+    if (l && typeof l != "object") throw new Error("responsive prop must be an object");
   }
-}
-function J(t) {
-  return J = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
-    return r.__proto__ || Object.getPrototypeOf(r);
-  }, J(t);
-}
-function P(t, n, r) {
-  return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
-}
-var Ze = function(n) {
-  return n.hasOwnProperty("key");
-}, ve = /* @__PURE__ */ function(t) {
-  Xe(r, t);
-  var n = Ye(r);
-  function r(i) {
-    var e;
-    return je(this, r), e = n.call(this, i), P(O(e), "itemsWrapperRef", void 0), P(O(e), "itemsListRef", void 0), P(O(e), "thumbsRef", void 0), P(O(e), "setItemsWrapperRef", function(o) {
-      e.itemsWrapperRef = o;
-    }), P(O(e), "setItemsListRef", function(o) {
-      e.itemsListRef = o;
-    }), P(O(e), "setThumbsRef", function(o, a) {
-      e.thumbsRef || (e.thumbsRef = []), e.thumbsRef[a] = o;
-    }), P(O(e), "updateSizes", function() {
-      if (!(!e.props.children || !e.itemsWrapperRef || !e.thumbsRef)) {
-        var o = I.Children.count(e.props.children), a = e.itemsWrapperRef.clientWidth, s = e.props.thumbWidth ? e.props.thumbWidth : (0, Ue.outerWidth)(e.thumbsRef[0]), f = Math.floor(a / s), h = f < o, m = h ? o - f : 0;
-        e.setState(function(v, _) {
-          return {
-            itemSize: s,
-            visibleItems: f,
-            firstItem: h ? e.getFirstItem(_.selectedItem) : 0,
-            lastPosition: m,
-            showArrows: h
-          };
-        });
-      }
-    }), P(O(e), "handleClickItem", function(o, a, s) {
-      if (!Ze(s) || s.key === "Enter") {
-        var f = e.props.onSelectItem;
-        typeof f == "function" && f(o, a);
-      }
-    }), P(O(e), "onSwipeStart", function() {
-      e.setState({
-        swiping: !0
-      });
-    }), P(O(e), "onSwipeEnd", function() {
-      e.setState({
-        swiping: !1
-      });
-    }), P(O(e), "onSwipeMove", function(o) {
-      var a = o.x;
-      if (!e.state.itemSize || !e.itemsWrapperRef || !e.state.visibleItems)
-        return !1;
-      var s = 0, f = I.Children.count(e.props.children), h = -(e.state.firstItem * 100) / e.state.visibleItems, m = Math.max(f - e.state.visibleItems, 0), v = -m * 100 / e.state.visibleItems;
-      h === s && a > 0 && (a = 0), h === v && a < 0 && (a = 0);
-      var _ = e.itemsWrapperRef.clientWidth, b = h + 100 / (_ / a);
-      return e.itemsListRef && ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(E) {
-        e.itemsListRef.style[E] = (0, be.default)(b, "%", e.props.axis);
-      }), !0;
-    }), P(O(e), "slideRight", function(o) {
-      e.moveTo(e.state.firstItem - (typeof o == "number" ? o : 1));
-    }), P(O(e), "slideLeft", function(o) {
-      e.moveTo(e.state.firstItem + (typeof o == "number" ? o : 1));
-    }), P(O(e), "moveTo", function(o) {
-      o = o < 0 ? 0 : o, o = o >= e.state.lastPosition ? e.state.lastPosition : o, e.setState({
-        firstItem: o
-      });
-    }), e.state = {
-      selectedItem: i.selectedItem,
-      swiping: !1,
-      showArrows: !1,
-      firstItem: 0,
-      visibleItems: 0,
-      lastPosition: 0
-    }, e;
+  Object.defineProperty(o, "__esModule", { value: !0 }), o.default = i;
+})(ct);
+var H = {};
+Object.defineProperty(H, "__esModule", { value: !0 });
+var Et = S;
+function Rt(o, i, t) {
+  t === void 0 && (t = 0);
+  var e, r, a = o.slidesToShow, n = o.currentSlide, s = o.itemWidth, l = o.totalItems, u = Et.getSlidesToSlide(o, i), d = n + 1 + t + a + (0 < t ? 0 : u);
+  return r = d <= l ? -s * (e = n + t + (0 < t ? 0 : u)) : l < d && n !== l - a ? -s * (e = l - a) : e = void 0, { nextSlides: e, nextPosition: r };
+}
+H.populateNextSlides = Rt;
+var tt = {};
+Object.defineProperty(tt, "__esModule", { value: !0 });
+var xt = A, Ot = S, At = S;
+function Dt(o, i, t) {
+  t === void 0 && (t = 0);
+  var e, r, a = o.currentSlide, n = o.itemWidth, s = o.slidesToShow, l = i.children, u = i.showDots, d = i.infinite, c = Ot.getSlidesToSlide(o, i), h = a - t - (0 < t ? 0 : c), p = (xt.Children.toArray(l).length - s) % c;
+  return r = 0 <= h ? (e = h, u && !d && 0 < p && At.isInRightEnd(o) && (e = a - p), -n * e) : e = h < 0 && a !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
+}
+tt.populatePreviousSlides = Dt;
+var pt = {};
+(function(o) {
+  function i(t, e, r, a, n, s) {
+    var l, u, d = t.itemWidth, c = t.slidesToShow, h = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - a) / d), b = Math.round((a - r) / d), _ = r < n;
+    if (n < r && w <= c) {
+      l = "right";
+      var y = Math.abs(-d * (h - c)), I = s - (a - n), C = p === h - c;
+      (Math.abs(I) <= y || C && f) && (u = I, g = !0);
+    }
+    return _ && b <= c && (l = "left", ((I = s + (n - a)) <= 0 || p === 0 && f) && (g = !0, u = I)), { direction: l, nextPosition: u, canContinue: g };
   }
-  return Be(r, [{
-    key: "componentDidMount",
-    value: function() {
-      this.setupThumbs();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function(e) {
-      this.props.selectedItem !== this.state.selectedItem && this.setState({
-        selectedItem: this.props.selectedItem,
-        firstItem: this.getFirstItem(this.props.selectedItem)
-      }), this.props.children !== e.children && this.updateSizes();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function() {
-      this.destroyThumbs();
-    }
-  }, {
-    key: "setupThumbs",
-    value: function() {
-      (0, V.default)().addEventListener("resize", this.updateSizes), (0, V.default)().addEventListener("DOMContentLoaded", this.updateSizes), this.updateSizes();
-    }
-  }, {
-    key: "destroyThumbs",
-    value: function() {
-      (0, V.default)().removeEventListener("resize", this.updateSizes), (0, V.default)().removeEventListener("DOMContentLoaded", this.updateSizes);
-    }
-  }, {
-    key: "getFirstItem",
-    value: function(e) {
-      var o = e;
-      return e >= this.state.lastPosition && (o = this.state.lastPosition), e < this.state.firstItem + this.state.visibleItems && (o = this.state.firstItem), e < this.state.firstItem && (o = e), o;
-    }
-  }, {
-    key: "renderItems",
-    value: function() {
-      var e = this;
-      return this.props.children.map(function(o, a) {
-        var s = A.default.ITEM(!1, a === e.state.selectedItem), f = {
-          key: a,
-          ref: function(m) {
-            return e.setThumbsRef(m, a);
-          },
-          className: s,
-          onClick: e.handleClickItem.bind(e, a, e.props.children[a]),
-          onKeyDown: e.handleClickItem.bind(e, a, e.props.children[a]),
-          "aria-label": "".concat(e.props.labels.item, " ").concat(a + 1),
-          style: {
-            width: e.props.thumbWidth
-          }
-        };
-        return /* @__PURE__ */ I.default.createElement("li", ce({}, f, {
-          role: "button",
-          tabIndex: 0
-        }), o);
-      });
-    }
-  }, {
-    key: "render",
-    value: function() {
-      var e = this;
-      if (!this.props.children)
-        return null;
-      var o = I.Children.count(this.props.children) > 1, a = this.state.showArrows && this.state.firstItem > 0, s = this.state.showArrows && this.state.firstItem < this.state.lastPosition, f = {}, h = -this.state.firstItem * (this.state.itemSize || 0), m = (0, be.default)(h, "px", this.props.axis), v = this.props.transitionTime + "ms";
-      return f = {
-        WebkitTransform: m,
-        MozTransform: m,
-        MsTransform: m,
-        OTransform: m,
-        transform: m,
-        msTransform: m,
-        WebkitTransitionDuration: v,
-        MozTransitionDuration: v,
-        MsTransitionDuration: v,
-        OTransitionDuration: v,
-        transitionDuration: v,
-        msTransitionDuration: v
-      }, /* @__PURE__ */ I.default.createElement("div", {
-        className: A.default.CAROUSEL(!1)
-      }, /* @__PURE__ */ I.default.createElement("div", {
-        className: A.default.WRAPPER(!1),
-        ref: this.setItemsWrapperRef
-      }, /* @__PURE__ */ I.default.createElement("button", {
-        type: "button",
-        className: A.default.ARROW_PREV(!a),
-        onClick: function() {
-          return e.slideRight();
-        },
-        "aria-label": this.props.labels.leftArrow
-      }), o ? /* @__PURE__ */ I.default.createElement(Fe.default, {
-        tagName: "ul",
-        className: A.default.SLIDER(!1, this.state.swiping),
-        onSwipeLeft: this.slideLeft,
-        onSwipeRight: this.slideRight,
-        onSwipeMove: this.onSwipeMove,
-        onSwipeStart: this.onSwipeStart,
-        onSwipeEnd: this.onSwipeEnd,
-        style: f,
-        innerRef: this.setItemsListRef,
-        allowMouseEvents: this.props.emulateTouch
-      }, this.renderItems()) : /* @__PURE__ */ I.default.createElement("ul", {
-        className: A.default.SLIDER(!1, this.state.swiping),
-        ref: function(b) {
-          return e.setItemsListRef(b);
-        },
-        style: f
-      }, this.renderItems()), /* @__PURE__ */ I.default.createElement("button", {
-        type: "button",
-        className: A.default.ARROW_NEXT(!s),
-        onClick: function() {
-          return e.slideLeft();
-        },
-        "aria-label": this.props.labels.rightArrow
-      })));
+  Object.defineProperty(o, "__esModule", { value: !0 }), o.populateSlidesOnMouseTouchMove = i;
+})(pt);
+Object.defineProperty(m, "__esModule", { value: !0 });
+var k = B;
+m.getOriginalCounterPart = k.getOriginalCounterPart, m.getClones = k.getClones, m.checkClonesPosition = k.checkClonesPosition, m.getInitialSlideInInfiniteMode = k.getInitialSlideInInfiniteMode;
+var X = O;
+m.getWidthFromDeviceType = X.getWidthFromDeviceType, m.getPartialVisibilityGutter = X.getPartialVisibilityGutter, m.getItemClientSideWidth = X.getItemClientSideWidth;
+var P = S;
+m.getInitialState = P.getInitialState, m.getIfSlideIsVisbile = P.getIfSlideIsVisbile, m.getTransformForCenterMode = P.getTransformForCenterMode, m.getTransformForPartialVsibile = P.getTransformForPartialVsibile, m.isInLeftEnd = P.isInLeftEnd, m.isInRightEnd = P.isInRightEnd, m.notEnoughChildren = P.notEnoughChildren, m.getSlidesToSlide = P.getSlidesToSlide;
+var Wt = Z;
+m.throttle = Wt.default;
+var Lt = ct;
+m.throwError = Lt.default;
+var kt = H;
+m.populateNextSlides = kt.populateNextSlides;
+var Vt = tt;
+m.populatePreviousSlides = Vt.populatePreviousSlides;
+var jt = pt;
+m.populateSlidesOnMouseTouchMove = jt.populateSlidesOnMouseTouchMove;
+var F = {}, Nt = N && N.__extends || /* @__PURE__ */ function() {
+  var o = function(i, t) {
+    return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
+      e.__proto__ = r;
+    } || function(e, r) {
+      for (var a in r) r.hasOwnProperty(a) && (e[a] = r[a]);
+    })(i, t);
+  };
+  return function(i, t) {
+    function e() {
+      this.constructor = i;
     }
-  }]), r;
-}(I.Component);
-j.default = ve;
-P(ve, "displayName", "Thumbs");
-P(ve, "defaultProps", {
-  axis: "horizontal",
-  labels: {
-    leftArrow: "previous slide / item",
-    rightArrow: "next slide / item",
-    item: "slide item"
-  },
-  selectedItem: 0,
-  thumbWidth: 80,
-  transitionTime: 350
-});
-var se = {};
-Object.defineProperty(se, "__esModule", {
-  value: !0
-});
-se.default = void 0;
-var Je = function() {
-  return document;
-};
-se.default = Je;
-var R = {};
-Object.defineProperty(R, "__esModule", {
-  value: !0
-});
-R.setPosition = R.getPosition = R.isKeyboardEvent = R.defaultStatusFormatter = R.noop = void 0;
-var Qe = F, et = tt(x);
-function tt(t) {
-  return t && t.__esModule ? t : { default: t };
-}
-var nt = function() {
-};
-R.noop = nt;
-var rt = function(n, r) {
-  return "".concat(n, " of ").concat(r);
-};
-R.defaultStatusFormatter = rt;
-var it = function(n) {
-  return n ? n.hasOwnProperty("key") : !1;
-};
-R.isKeyboardEvent = it;
-var ot = function(n, r) {
-  if (r.infiniteLoop && ++n, n === 0)
-    return 0;
-  var i = Qe.Children.count(r.children);
-  if (r.centerMode && r.axis === "horizontal") {
-    var e = -n * r.centerSlidePercentage, o = i - 1;
-    return n && (n !== o || r.infiniteLoop) ? e += (100 - r.centerSlidePercentage) / 2 : n === o && (e += 100 - r.centerSlidePercentage), e;
+    o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
+  };
+}();
+Object.defineProperty(F, "__esModule", { value: !0 });
+var Gt = A;
+function Bt(o) {
+  return "clientY" in o;
+}
+F.isMouseMoveEvent = Bt;
+var Ft = function(o) {
+  function i() {
+    return o !== null && o.apply(this, arguments) || this;
   }
-  return -n * 100;
+  return Nt(i, o), i;
+}(Gt.Component);
+F.default = Ft;
+var et = {}, it = {};
+Object.defineProperty(it, "__esModule", { value: !0 });
+var $t = B, zt = S;
+function Ut(o, i, t, e) {
+  var r = {}, a = zt.getSlidesToSlide(i, t);
+  return Array(o).fill(0).forEach(function(n, s) {
+    var l = $t.getOriginalCounterPart(s, i, e);
+    if (s === 0) r[0] = l;
+    else {
+      var u = r[s - 1] + a;
+      r[s] = u;
+    }
+  }), r;
+}
+it.getLookupTableForNextSlides = Ut;
+Object.defineProperty(et, "__esModule", { value: !0 });
+var W = A, Xt = B, Yt = it, nt = S, Kt = function(o) {
+  var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, a = i.showDots, n = i.customDot, s = i.dotListClass, l = i.infinite, u = i.children;
+  if (!a || nt.notEnoughChildren(t)) return null;
+  var d, c = t.currentSlide, h = t.slidesToShow, p = nt.getSlidesToSlide(t, i), f = W.Children.toArray(u);
+  d = l ? Math.ceil(f.length / p) : Math.ceil((f.length - h) / p) + 1;
+  var g = Yt.getLookupTableForNextSlides(d, t, i, f), w = Xt.getOriginalIndexLookupTableByClones(h, f), b = w[c];
+  return W.createElement("ul", { className: "react-multi-carousel-dot-list " + s }, Array(d).fill(0).map(function(_, y) {
+    var I, C;
+    if (l) {
+      C = g[y];
+      var R = w[C];
+      I = b === R || R <= b && b < R + p;
+    } else {
+      var D = f.length - h, L = y * p;
+      I = (C = D < L ? D : L) === c || C < c && c < C + p && c < f.length - h;
+    }
+    return n ? W.cloneElement(n, { index: y, active: I, key: y, onClick: function() {
+      return e(C);
+    }, carouselState: r() }) : W.createElement("li", { "data-index": y, key: y, className: "react-multi-carousel-dot " + (I ? "react-multi-carousel-dot--active" : "") }, W.createElement("button", { "aria-label": "Go to slide " + (y + 1), onClick: function() {
+      return e(C);
+    } }));
+  }));
 };
-R.getPosition = ot;
-var at = function(n, r) {
-  var i = {};
-  return ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(e) {
-    i[e] = (0, et.default)(n, "%", r);
-  }), i;
+et.default = Kt;
+var $ = {};
+Object.defineProperty($, "__esModule", { value: !0 });
+var G = A, qt = function(o) {
+  var i = o.customLeftArrow, t = o.getState, e = o.previous, r = o.disabled, a = o.rtl;
+  if (i) return G.cloneElement(i, { onClick: function() {
+    return e();
+  }, carouselState: t(), disabled: r, rtl: a });
+  var n = a ? "rtl" : "";
+  return G.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + n, onClick: function() {
+    return e();
+  }, type: "button", disabled: r });
 };
-R.setPosition = at;
-var C = {};
-Object.defineProperty(C, "__esModule", {
-  value: !0
-});
-C.fadeAnimationHandler = C.slideStopSwipingHandler = C.slideSwipeAnimationHandler = C.slideAnimationHandler = void 0;
-var Te = F, st = ut(x), L = R;
-function ut(t) {
-  return t && t.__esModule ? t : { default: t };
-}
-function _e(t, n) {
-  var r = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(t);
-    n && (i = i.filter(function(e) {
-      return Object.getOwnPropertyDescriptor(t, e).enumerable;
-    })), r.push.apply(r, i);
-  }
-  return r;
-}
-function W(t) {
-  for (var n = 1; n < arguments.length; n++) {
-    var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? _e(Object(r), !0).forEach(function(i) {
-      lt(t, i, r[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : _e(Object(r)).forEach(function(i) {
-      Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(r, i));
-    });
-  }
-  return t;
-}
-function lt(t, n, r) {
-  return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
-}
-var ft = function(n, r) {
-  var i = {}, e = r.selectedItem, o = e, a = Te.Children.count(n.children) - 1, s = n.infiniteLoop && (e < 0 || e > a);
-  if (s)
-    return o < 0 ? n.centerMode && n.centerSlidePercentage && n.axis === "horizontal" ? i.itemListStyle = (0, L.setPosition)(-(a + 2) * n.centerSlidePercentage - (100 - n.centerSlidePercentage) / 2, n.axis) : i.itemListStyle = (0, L.setPosition)(-(a + 2) * 100, n.axis) : o > a && (i.itemListStyle = (0, L.setPosition)(0, n.axis)), i;
-  var f = (0, L.getPosition)(e, n), h = (0, st.default)(f, "%", n.axis), m = n.transitionTime + "ms";
-  return i.itemListStyle = {
-    WebkitTransform: h,
-    msTransform: h,
-    OTransform: h,
-    transform: h
-  }, r.swiping || (i.itemListStyle = W(W({}, i.itemListStyle), {}, {
-    WebkitTransitionDuration: m,
-    MozTransitionDuration: m,
-    OTransitionDuration: m,
-    transitionDuration: m,
-    msTransitionDuration: m
-  })), i;
-};
-C.slideAnimationHandler = ft;
-var ct = function(n, r, i, e) {
-  var o = {}, a = r.axis === "horizontal", s = Te.Children.count(r.children), f = 0, h = (0, L.getPosition)(i.selectedItem, r), m = r.infiniteLoop ? (0, L.getPosition)(s - 1, r) - 100 : (0, L.getPosition)(s - 1, r), v = a ? n.x : n.y, _ = v;
-  h === f && v > 0 && (_ = 0), h === m && v < 0 && (_ = 0);
-  var b = h + 100 / (i.itemSize / _), E = Math.abs(v) > r.swipeScrollTolerance;
-  return r.infiniteLoop && E && (i.selectedItem === 0 && b > -100 ? b -= s * 100 : i.selectedItem === s - 1 && b < -s * 100 && (b += s * 100)), (!r.preventMovementUntilSwipeScrollTolerance || E || i.swipeMovementStarted) && (i.swipeMovementStarted || e({
-    swipeMovementStarted: !0
-  }), o.itemListStyle = (0, L.setPosition)(b, r.axis)), E && !i.cancelClick && e({
-    cancelClick: !0
-  }), o;
+$.LeftArrow = qt;
+var Jt = function(o) {
+  var i = o.customRightArrow, t = o.getState, e = o.next, r = o.disabled, a = o.rtl;
+  if (i) return G.cloneElement(i, { onClick: function() {
+    return e();
+  }, carouselState: t(), disabled: r, rtl: a });
+  var n = a ? "rtl" : "";
+  return G.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + n, onClick: function() {
+    return e();
+  }, type: "button", disabled: r });
 };
-C.slideSwipeAnimationHandler = ct;
-var dt = function(n, r) {
-  var i = (0, L.getPosition)(r.selectedItem, n), e = (0, L.setPosition)(i, n.axis);
-  return {
-    itemListStyle: e
-  };
+$.RightArrow = Jt;
+var ot = {};
+Object.defineProperty(ot, "__esModule", { value: !0 });
+var V = A, Y = m, Qt = function(o) {
+  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, a = o.notEnoughChildren, n = t.itemWidth, s = i.children, l = i.infinite, u = i.itemClass, d = i.itemAriaLabel, c = i.partialVisbile, h = 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!'), V.createElement(V.Fragment, null, (l ? r : V.Children.toArray(s)).map(function(_, y) {
+    return V.createElement("li", { key: y, "data-index": y, onClick: function() {
+      i.focusOnSelect && e(y);
+    }, "aria-hidden": Y.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 && !a ? n - b : n) + "px" : "auto" }, className: "react-multi-carousel-item " + (Y.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + u }, _);
+  }))) : null;
 };
-C.slideStopSwipingHandler = dt;
-var pt = function(n, r) {
-  var i = n.transitionTime + "ms", e = "ease-in-out", o = {
-    position: "absolute",
-    display: "block",
-    zIndex: -2,
-    minHeight: "100%",
-    opacity: 0,
-    top: 0,
-    right: 0,
-    left: 0,
-    bottom: 0,
-    transitionTimingFunction: e,
-    msTransitionTimingFunction: e,
-    MozTransitionTimingFunction: e,
-    WebkitTransitionTimingFunction: e,
-    OTransitionTimingFunction: e
+ot.default = Qt;
+var Zt = N && N.__extends || /* @__PURE__ */ function() {
+  var o = function(i, t) {
+    return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
+      e.__proto__ = r;
+    } || function(e, r) {
+      for (var a in r) r.hasOwnProperty(a) && (e[a] = r[a]);
+    })(i, t);
   };
-  return r.swiping || (o = W(W({}, o), {}, {
-    WebkitTransitionDuration: i,
-    MozTransitionDuration: i,
-    OTransitionDuration: i,
-    transitionDuration: i,
-    msTransitionDuration: i
-  })), {
-    slideStyle: o,
-    selectedStyle: W(W({}, o), {}, {
-      opacity: 1,
-      position: "relative"
-    }),
-    prevStyle: W({}, o)
-  };
-};
-C.fadeAnimationHandler = pt;
-Object.defineProperty(ie, "__esModule", {
-  value: !0
-});
-ie.default = void 0;
-var y = vt(F), ht = B(me), k = B(K), mt = B(j), G = B(se), Z = B(q), H = R, Q = C;
-function B(t) {
-  return t && t.__esModule ? t : { default: t };
-}
-function Ie() {
-  if (typeof WeakMap != "function") return null;
-  var t = /* @__PURE__ */ new WeakMap();
-  return Ie = function() {
-    return t;
-  }, t;
-}
-function vt(t) {
-  if (t && t.__esModule)
-    return t;
-  if (t === null || U(t) !== "object" && typeof t != "function")
-    return { default: t };
-  var n = Ie();
-  if (n && n.has(t))
-    return n.get(t);
-  var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var e in t)
-    if (Object.prototype.hasOwnProperty.call(t, e)) {
-      var o = i ? Object.getOwnPropertyDescriptor(t, e) : null;
-      o && (o.get || o.set) ? Object.defineProperty(r, e, o) : r[e] = t[e];
-    }
-  return r.default = t, n && n.set(t, r), r;
-}
-function U(t) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? U = function(r) {
-    return typeof r;
-  } : U = function(r) {
-    return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, U(t);
-}
-function pe() {
-  return pe = Object.assign || function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
+  return function(i, t) {
+    function e() {
+      this.constructor = i;
     }
-    return t;
-  }, pe.apply(this, arguments);
-}
-function Pe(t, n) {
-  var r = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(t);
-    n && (i = i.filter(function(e) {
-      return Object.getOwnPropertyDescriptor(t, e).enumerable;
-    })), r.push.apply(r, i);
-  }
-  return r;
-}
-function M(t) {
-  for (var n = 1; n < arguments.length; n++) {
-    var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Pe(Object(r), !0).forEach(function(i) {
-      c(t, i, r[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Pe(Object(r)).forEach(function(i) {
-      Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(r, i));
-    });
-  }
-  return t;
-}
-function yt(t, n) {
-  if (!(t instanceof n))
-    throw new TypeError("Cannot call a class as a function");
-}
-function wt(t, n) {
-  for (var r = 0; r < n.length; r++) {
-    var i = n[r];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
-  }
-}
-function St(t, n, r) {
-  return n && wt(t.prototype, n), t;
-}
-function gt(t, n) {
-  if (typeof n != "function" && n !== null)
-    throw new TypeError("Super expression must either be null or a function");
-  t.prototype = Object.create(n && n.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), n && he(t, n);
-}
-function he(t, n) {
-  return he = Object.setPrototypeOf || function(i, e) {
-    return i.__proto__ = e, i;
-  }, he(t, n);
-}
-function bt(t) {
-  var n = Pt();
-  return function() {
-    var i = ee(t), e;
-    if (n) {
-      var o = ee(this).constructor;
-      e = Reflect.construct(i, arguments, o);
-    } else
-      e = i.apply(this, arguments);
-    return _t(this, e);
+    o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
   };
-}
-function _t(t, n) {
-  return n && (U(n) === "object" || typeof n == "function") ? n : d(t);
-}
-function d(t) {
-  if (t === void 0)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return t;
-}
-function Pt() {
-  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
-  if (typeof Proxy == "function") return !0;
-  try {
-    return Date.prototype.toString.call(Reflect.construct(Date, [], function() {
-    })), !0;
-  } catch {
-    return !1;
+}();
+Object.defineProperty(J, "__esModule", { value: !0 });
+var T = A, v = m, E = F, Ht = et, st = $, te = ot, j = S, M = 400, at = "transform 400ms ease-in-out", ee = 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 || M, e.setIsInThrottle), e.previous = v.throttle(e.previous.bind(e), t.transitionDuration || M, e.setIsInThrottle), e.goToSlide = v.throttle(e.goToSlide.bind(e), t.transitionDuration || M, 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;
   }
-}
-function ee(t) {
-  return ee = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
-    return r.__proto__ || Object.getPrototypeOf(r);
-  }, ee(t);
-}
-function c(t, n, r) {
-  return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
-}
-var ye = /* @__PURE__ */ function(t) {
-  gt(r, t);
-  var n = bt(r);
-  function r(i) {
+  return Zt(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);
+    });
+  }, i.prototype.setIsInThrottle = function(t) {
+    t === void 0 && (t = !1), this.isInThrottle = t;
+  }, i.prototype.setTransformDirectly = function(t, e) {
+    var r = this.props.additionalTransfrom;
+    this.transformPlaceHolder = t;
+    var a = j.getTransform(this.state, this.props, this.transformPlaceHolder);
+    this.listRef && this.listRef.current && (this.setAnimationDirectly(e), this.listRef.current.style.transform = "translate3d(" + (a + r) + "px,0,0)");
+  }, i.prototype.setAnimationDirectly = function(t) {
+    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, a) {
+    var n = this;
+    a === void 0 && (a = !1), this.isAnimationAllowed = !1;
+    var s = T.Children.toArray(this.props.children), l = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, s), u = v.getClones(this.state.slidesToShow, s), d = s.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
+    this.setState({ totalItems: u.length, currentSlide: r && !a ? d : l }, function() {
+      n.correctItemsPosition(e || n.state.itemWidth);
+    });
+  }, i.prototype.setItemsToShow = function(t, e) {
+    var r = this, a = this.props.responsive;
+    Object.keys(a).forEach(function(n) {
+      var s = a[n], l = s.breakpoint, u = s.items, d = l.max, c = l.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: n }), r.setContainerAndItemWidth(u, t, e));
+    });
+  }, i.prototype.setContainerAndItemWidth = function(t, e, r) {
+    var a = this;
+    if (this.containerRef && this.containerRef.current) {
+      var n = this.containerRef.current.offsetWidth, s = v.getItemClientSideWidth(this.props, t, n);
+      this.setState({ containerWidth: n, itemWidth: s }, function() {
+        a.props.infinite && a.setClones(t, s, e, r);
+      }), e && this.correctItemsPosition(s);
+    }
+  }, i.prototype.correctItemsPosition = function(t, e, r) {
+    e && (this.isAnimationAllowed = !0), !e && this.isAnimationAllowed && (this.isAnimationAllowed = !1);
+    var a = this.state.totalItems < this.state.slidesToShow ? 0 : -t * this.state.currentSlide;
+    r && this.setTransformDirectly(a, !0), this.setState({ transform: a });
+  }, i.prototype.onResize = function(t) {
     var e;
-    yt(this, r), e = n.call(this, i), c(d(e), "thumbsRef", void 0), c(d(e), "carouselWrapperRef", void 0), c(d(e), "listRef", void 0), c(d(e), "itemsRef", void 0), c(d(e), "timer", void 0), c(d(e), "animationHandler", void 0), c(d(e), "setThumbsRef", function(a) {
-      e.thumbsRef = a;
-    }), c(d(e), "setCarouselWrapperRef", function(a) {
-      e.carouselWrapperRef = a;
-    }), c(d(e), "setListRef", function(a) {
-      e.listRef = a;
-    }), c(d(e), "setItemsRef", function(a, s) {
-      e.itemsRef || (e.itemsRef = []), e.itemsRef[s] = a;
-    }), c(d(e), "autoPlay", function() {
-      y.Children.count(e.props.children) <= 1 || (e.clearAutoPlay(), e.props.autoPlay && (e.timer = setTimeout(function() {
-        e.increment();
-      }, e.props.interval)));
-    }), c(d(e), "clearAutoPlay", function() {
-      e.timer && clearTimeout(e.timer);
-    }), c(d(e), "resetAutoPlay", function() {
-      e.clearAutoPlay(), e.autoPlay();
-    }), c(d(e), "stopOnHover", function() {
-      e.setState({
-        isMouseEntered: !0
-      }, e.clearAutoPlay);
-    }), c(d(e), "startOnLeave", function() {
-      e.setState({
-        isMouseEntered: !1
-      }, e.autoPlay);
-    }), c(d(e), "isFocusWithinTheCarousel", function() {
-      return e.carouselWrapperRef ? !!((0, G.default)().activeElement === e.carouselWrapperRef || e.carouselWrapperRef.contains((0, G.default)().activeElement)) : !1;
-    }), c(d(e), "navigateWithKeyboard", function(a) {
-      if (e.isFocusWithinTheCarousel()) {
-        var s = e.props.axis, f = s === "horizontal", h = {
-          ArrowUp: 38,
-          ArrowRight: 39,
-          ArrowDown: 40,
-          ArrowLeft: 37
-        }, m = f ? h.ArrowRight : h.ArrowDown, v = f ? h.ArrowLeft : h.ArrowUp;
-        m === a.keyCode ? e.increment() : v === a.keyCode && e.decrement();
-      }
-    }), c(d(e), "updateSizes", function() {
-      if (!(!e.state.initialized || !e.itemsRef || e.itemsRef.length === 0)) {
-        var a = e.props.axis === "horizontal", s = e.itemsRef[0];
-        if (s) {
-          var f = a ? s.clientWidth : s.clientHeight;
-          e.setState({
-            itemSize: f
-          }), e.thumbsRef && e.thumbsRef.updateSizes();
-        }
-      }
-    }), c(d(e), "setMountState", function() {
-      e.setState({
-        hasMount: !0
-      }), e.updateSizes();
-    }), c(d(e), "handleClickItem", function(a, s) {
-      if (y.Children.count(e.props.children) !== 0) {
-        if (e.state.cancelClick) {
-          e.setState({
-            cancelClick: !1
-          });
-          return;
-        }
-        e.props.onClickItem(a, s), a !== e.state.selectedItem && e.setState({
-          selectedItem: a
+    e = !!this.props.infinite && (typeof t != "boolean" || !t), this.setItemsToShow(e);
+  }, i.prototype.componentDidUpdate = function(t, e) {
+    var r = this, a = t.keyBoardControl, n = t.autoPlay, s = t.children, l = e.containerWidth, u = e.domLoaded, d = e.currentSlide;
+    if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== l && (this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), this.itemsToShowTimeout = setTimeout(function() {
+      r.setItemsToShow(!0);
+    }, this.props.transitionDuration || M)), a && !this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), !a && this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), n && !this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), n || !this.props.autoPlay || this.autoPlay || (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed)), s.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 || M) : 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)) {
+      var c = this.props.transitionDuration || M;
+      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, a = T.Children.toArray(this.props.children), n = v.checkClonesPosition(this.state, a, this.props), s = n.isReachingTheEnd, l = n.isReachingTheStart, u = n.nextSlide, d = n.nextPosition;
+    this.state.domLoaded && r && (s || l) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
+      e.setState({ transform: d, currentSlide: u });
+    }, this.props.transitionDuration || M));
+  }, i.prototype.next = function(t) {
+    var e = this;
+    t === void 0 && (t = 0);
+    var r = this.props, a = r.afterChange, n = r.beforeChange;
+    if (!v.notEnoughChildren(this.state)) {
+      var s = v.populateNextSlides(this.state, this.props, t), l = s.nextSlides, u = s.nextPosition, d = this.state.currentSlide;
+      l !== void 0 && u !== void 0 && (typeof n == "function" && n(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: l }, function() {
+        typeof a == "function" && (i.afterChangeTimeout = setTimeout(function() {
+          a(d, e.getState());
+        }, e.props.transitionDuration || M));
+      }));
+    }
+  }, i.prototype.previous = function(t) {
+    var e = this;
+    t === void 0 && (t = 0);
+    var r = this.props, a = r.afterChange, n = r.beforeChange;
+    if (!v.notEnoughChildren(this.state)) {
+      var s = v.populatePreviousSlides(this.state, this.props, t), l = s.nextSlides, u = s.nextPosition;
+      if (l !== void 0 && u !== void 0) {
+        var d = this.state.currentSlide;
+        typeof n == "function" && n(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: l }, function() {
+          typeof a == "function" && (i.afterChangeTimeout2 = setTimeout(function() {
+            a(d, e.getState());
+          }, e.props.transitionDuration || M));
         });
       }
-    }), c(d(e), "handleOnChange", function(a, s) {
-      y.Children.count(e.props.children) <= 1 || e.props.onChange(a, s);
-    }), c(d(e), "handleClickThumb", function(a, s) {
-      e.props.onClickThumb(a, s), e.moveTo(a);
-    }), c(d(e), "onSwipeStart", function(a) {
-      e.setState({
-        swiping: !0
-      }), e.props.onSwipeStart(a);
-    }), c(d(e), "onSwipeEnd", function(a) {
-      e.setState({
-        swiping: !1,
-        cancelClick: !1,
-        swipeMovementStarted: !1
-      }), e.props.onSwipeEnd(a), e.clearAutoPlay(), e.state.autoPlay && e.autoPlay();
-    }), c(d(e), "onSwipeMove", function(a, s) {
-      e.props.onSwipeMove(s);
-      var f = e.props.swipeAnimationHandler(a, e.props, e.state, e.setState.bind(d(e)));
-      return e.setState(M({}, f)), !!Object.keys(f).length;
-    }), c(d(e), "decrement", function() {
-      var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
-      e.moveTo(e.state.selectedItem - (typeof a == "number" ? a : 1));
-    }), c(d(e), "increment", function() {
-      var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
-      e.moveTo(e.state.selectedItem + (typeof a == "number" ? a : 1));
-    }), c(d(e), "moveTo", function(a) {
-      if (typeof a == "number") {
-        var s = y.Children.count(e.props.children) - 1;
-        a < 0 && (a = e.props.infiniteLoop ? s : 0), a > s && (a = e.props.infiniteLoop ? 0 : s), e.selectItem({
-          // if it's not a slider, we don't need to set position here
-          selectedItem: a
-        }), e.state.autoPlay && e.state.isMouseEntered === !1 && e.resetAutoPlay();
-      }
-    }), c(d(e), "onClickNext", function() {
-      e.increment(1);
-    }), c(d(e), "onClickPrev", function() {
-      e.decrement(1);
-    }), c(d(e), "onSwipeForward", function() {
-      e.increment(1), e.props.emulateTouch && e.setState({
-        cancelClick: !0
-      });
-    }), c(d(e), "onSwipeBackwards", function() {
-      e.decrement(1), e.props.emulateTouch && e.setState({
-        cancelClick: !0
-      });
-    }), c(d(e), "changeItem", function(a) {
-      return function(s) {
-        (!(0, H.isKeyboardEvent)(s) || s.key === "Enter") && e.moveTo(a);
-      };
-    }), c(d(e), "selectItem", function(a) {
-      e.setState(M({
-        previousItem: e.state.selectedItem
-      }, a), function() {
-        e.setState(e.animationHandler(e.props, e.state));
-      }), e.handleOnChange(a.selectedItem, y.Children.toArray(e.props.children)[a.selectedItem]);
-    }), c(d(e), "getInitialImage", function() {
-      var a = e.props.selectedItem, s = e.itemsRef && e.itemsRef[a], f = s && s.getElementsByTagName("img") || [];
-      return f[0];
-    }), c(d(e), "getVariableItemHeight", function(a) {
-      var s = e.itemsRef && e.itemsRef[a];
-      if (e.state.hasMount && s && s.children.length) {
-        var f = s.children[0].getElementsByTagName("img") || [];
-        if (f.length > 0) {
-          var h = f[0];
-          if (!h.complete) {
-            var m = function b() {
-              e.forceUpdate(), h.removeEventListener("load", b);
-            };
-            h.addEventListener("load", m);
-          }
-        }
-        var v = f[0] || s.children[0], _ = v.clientHeight;
-        return _ > 0 ? _ : null;
-      }
-      return null;
-    });
-    var o = {
-      initialized: !1,
-      previousItem: i.selectedItem,
-      selectedItem: i.selectedItem,
-      hasMount: !1,
-      isMouseEntered: !1,
-      autoPlay: i.autoPlay,
-      swiping: !1,
-      swipeMovementStarted: !1,
-      cancelClick: !1,
-      itemSize: 1,
-      itemListStyle: {},
-      slideStyle: {},
-      selectedStyle: {},
-      prevStyle: {}
-    };
-    return e.animationHandler = typeof i.animationHandler == "function" && i.animationHandler || i.animationHandler === "fade" && Q.fadeAnimationHandler || Q.slideAnimationHandler, e.state = M(M({}, o), e.animationHandler(i, o)), e;
-  }
-  return St(r, [{
-    key: "componentDidMount",
-    value: function() {
-      this.props.children && this.setupCarousel();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function(e, o) {
-      !e.children && this.props.children && !this.state.initialized && this.setupCarousel(), !e.autoFocus && this.props.autoFocus && this.forceFocus(), o.swiping && !this.state.swiping && this.setState(M({}, this.props.stopSwipingHandler(this.props, this.state))), (e.selectedItem !== this.props.selectedItem || e.centerMode !== this.props.centerMode) && (this.updateSizes(), this.moveTo(this.props.selectedItem)), e.autoPlay !== this.props.autoPlay && (this.props.autoPlay ? this.setupAutoPlay() : this.destroyAutoPlay(), this.setState({
-        autoPlay: this.props.autoPlay
-      }));
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function() {
-      this.destroyCarousel();
+  }, i.prototype.resetAutoplayInterval = function() {
+    this.props.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
+  }, i.prototype.componentWillUnmount = function() {
+    window.removeEventListener("resize", this.onResize), this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), i.clonesTimeout && clearTimeout(i.clonesTimeout), i.isInThrottleTimeout && clearTimeout(i.isInThrottleTimeout), i.transformTimeout && clearTimeout(i.transformTimeout), i.afterChangeTimeout && clearTimeout(i.afterChangeTimeout), i.afterChangeTimeout2 && clearTimeout(i.afterChangeTimeout2), i.afterChangeTimeout3 && clearTimeout(i.afterChangeTimeout3);
+  }, i.prototype.resetMoveStatus = function() {
+    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: j.parsePosition(this.props, e), clientY: j.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, a = e.clientY;
+      this.onMove = !0, this.initialX = r, this.initialY = a, 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, a = e.clientY, n = this.initialX - r, s = this.initialY - a;
+      if (this.onMove) {
+        if (!(Math.abs(n) > Math.abs(s))) return;
+        var l = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), u = l.direction, d = l.nextPosition, c = l.canContinue;
+        u && (this.direction = u, c && d !== void 0 && this.setTransformDirectly(d)), this.lastX = r;
+      }
     }
-  }, {
-    key: "setupCarousel",
-    value: function() {
-      var e = this;
-      this.bindEvents(), this.state.autoPlay && y.Children.count(this.props.children) > 1 && this.setupAutoPlay(), this.props.autoFocus && this.forceFocus(), this.setState({
-        initialized: !0
-      }, function() {
-        var o = e.getInitialImage();
-        o && !o.complete ? o.addEventListener("load", e.setMountState) : e.setMountState();
+  }, i.prototype.handleOut = function(t) {
+    this.props.autoPlay && !this.autoPlay && (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
+    var e = t.type === "touchend" && !this.props.swipeable, r = (t.type === "mouseleave" || t.type === "mouseup") && !this.props.draggable;
+    if (!e && !r && this.onMove) {
+      if (this.setAnimationDirectly(!0), this.direction === "right") if (this.initialX - this.lastX >= this.props.minimumTouchDrag) {
+        var a = Math.round((this.initialX - this.lastX) / this.state.itemWidth);
+        this.next(a);
+      } else this.correctItemsPosition(this.state.itemWidth, !0, !0);
+      this.direction === "left" && (this.lastX - this.initialX > this.props.minimumTouchDrag ? (a = Math.round((this.lastX - this.initialX) / this.state.itemWidth), this.previous(a)) : this.correctItemsPosition(this.state.itemWidth, !0, !0)), this.resetMoveStatus();
+    }
+  }, i.prototype.isInViewport = function(t) {
+    var e = t.getBoundingClientRect(), r = e.top, a = r === void 0 ? 0 : r, n = e.left, s = n === void 0 ? 0 : n, l = e.bottom, u = l === void 0 ? 0 : l, d = e.right, c = d === void 0 ? 0 : d;
+    return 0 <= a && 0 <= s && 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);
+  }, i.prototype.onKeyUp = function(t) {
+    var e = t.target;
+    switch (t.keyCode) {
+      case 37:
+        if (this.isChildOfCarousel(e)) return this.previous();
+        break;
+      case 39:
+        if (this.isChildOfCarousel(e)) return this.next();
+        break;
+      case 9:
+        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);
+  }, i.prototype.goToSlide = function(t, e, r) {
+    var a = this;
+    if (r === void 0 && (r = !0), !this.isInThrottle) {
+      var n = this.state.itemWidth, s = this.props, l = s.afterChange, u = s.beforeChange, d = 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: -n * t }, function() {
+        a.props.infinite && a.correctClonesPosition({ domLoaded: !0 }), typeof l != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
+          l(d, a.getState());
+        }, a.props.transitionDuration || M));
       });
     }
-  }, {
-    key: "destroyCarousel",
-    value: function() {
-      this.state.initialized && (this.unbindEvents(), this.destroyAutoPlay());
-    }
-  }, {
-    key: "setupAutoPlay",
-    value: function() {
-      this.autoPlay();
-      var e = this.carouselWrapperRef;
-      this.props.stopOnHover && e && (e.addEventListener("mouseenter", this.stopOnHover), e.addEventListener("mouseleave", this.startOnLeave));
-    }
-  }, {
-    key: "destroyAutoPlay",
-    value: function() {
-      this.clearAutoPlay();
-      var e = this.carouselWrapperRef;
-      this.props.stopOnHover && e && (e.removeEventListener("mouseenter", this.stopOnHover), e.removeEventListener("mouseleave", this.startOnLeave));
-    }
-  }, {
-    key: "bindEvents",
-    value: function() {
-      (0, Z.default)().addEventListener("resize", this.updateSizes), (0, Z.default)().addEventListener("DOMContentLoaded", this.updateSizes), this.props.useKeyboardArrows && (0, G.default)().addEventListener("keydown", this.navigateWithKeyboard);
-    }
-  }, {
-    key: "unbindEvents",
-    value: function() {
-      (0, Z.default)().removeEventListener("resize", this.updateSizes), (0, Z.default)().removeEventListener("DOMContentLoaded", this.updateSizes);
-      var e = this.getInitialImage();
-      e && e.removeEventListener("load", this.setMountState), this.props.useKeyboardArrows && (0, G.default)().removeEventListener("keydown", this.navigateWithKeyboard);
-    }
-  }, {
-    key: "forceFocus",
-    value: function() {
-      var e;
-      (e = this.carouselWrapperRef) === null || e === void 0 || e.focus();
-    }
-  }, {
-    key: "renderItems",
-    value: function(e) {
-      var o = this;
-      return this.props.children ? y.Children.map(this.props.children, function(a, s) {
-        var f = s === o.state.selectedItem, h = s === o.state.previousItem, m = f && o.state.selectedStyle || h && o.state.prevStyle || o.state.slideStyle || {};
-        o.props.centerMode && o.props.axis === "horizontal" && (m = M(M({}, m), {}, {
-          minWidth: o.props.centerSlidePercentage + "%"
-        })), o.state.swiping && o.state.swipeMovementStarted && (m = M(M({}, m), {}, {
-          pointerEvents: "none"
-        }));
-        var v = {
-          ref: function(b) {
-            return o.setItemsRef(b, s);
-          },
-          key: "itemKey" + s + (e ? "clone" : ""),
-          className: k.default.ITEM(!0, s === o.state.selectedItem, s === o.state.previousItem),
-          onClick: o.handleClickItem.bind(o, s, a),
-          style: m
-        };
-        return /* @__PURE__ */ y.default.createElement("li", v, o.props.renderItem(a, {
-          isSelected: s === o.state.selectedItem,
-          isPrevious: s === o.state.previousItem
-        }));
-      }) : [];
-    }
-  }, {
-    key: "renderControls",
-    value: function() {
-      var e = this, o = this.props, a = o.showIndicators, s = o.labels, f = o.renderIndicator, h = o.children;
-      return a ? /* @__PURE__ */ y.default.createElement("ul", {
-        className: "control-dots"
-      }, y.Children.map(h, function(m, v) {
-        return f && f(e.changeItem(v), v === e.state.selectedItem, v, s.item);
-      })) : null;
-    }
-  }, {
-    key: "renderStatus",
-    value: function() {
-      return this.props.showStatus ? /* @__PURE__ */ y.default.createElement("p", {
-        className: "carousel-status"
-      }, this.props.statusFormatter(this.state.selectedItem + 1, y.Children.count(this.props.children))) : null;
-    }
-  }, {
-    key: "renderThumbs",
-    value: function() {
-      return !this.props.showThumbs || !this.props.children || y.Children.count(this.props.children) === 0 ? null : /* @__PURE__ */ y.default.createElement(mt.default, {
-        ref: this.setThumbsRef,
-        onSelectItem: this.handleClickThumb,
-        selectedItem: this.state.selectedItem,
-        transitionTime: this.props.transitionTime,
-        thumbWidth: this.props.thumbWidth,
-        labels: this.props.labels,
-        emulateTouch: this.props.emulateTouch
-      }, this.props.renderThumbs(this.props.children));
-    }
-  }, {
-    key: "render",
-    value: function() {
-      var e = this;
-      if (!this.props.children || y.Children.count(this.props.children) === 0)
-        return null;
-      var o = this.props.swipeable && y.Children.count(this.props.children) > 1, a = this.props.axis === "horizontal", s = this.props.showArrows && y.Children.count(this.props.children) > 1, f = s && (this.state.selectedItem > 0 || this.props.infiniteLoop) || !1, h = s && (this.state.selectedItem < y.Children.count(this.props.children) - 1 || this.props.infiniteLoop) || !1, m = this.renderItems(!0), v = m.shift(), _ = m.pop(), b = {
-        className: k.default.SLIDER(!0, this.state.swiping),
-        onSwipeMove: this.onSwipeMove,
-        onSwipeStart: this.onSwipeStart,
-        onSwipeEnd: this.onSwipeEnd,
-        style: this.state.itemListStyle,
-        tolerance: this.props.swipeScrollTolerance
-      }, E = {};
-      if (a) {
-        if (b.onSwipeLeft = this.onSwipeForward, b.onSwipeRight = this.onSwipeBackwards, this.props.dynamicHeight) {
-          var X = this.getVariableItemHeight(this.state.selectedItem);
-          E.height = X || "auto";
-        }
-      } else
-        b.onSwipeUp = this.props.verticalSwipe === "natural" ? this.onSwipeBackwards : this.onSwipeForward, b.onSwipeDown = this.props.verticalSwipe === "natural" ? this.onSwipeForward : this.onSwipeBackwards, b.style = M(M({}, b.style), {}, {
-          height: this.state.itemSize
-        }), E.height = this.state.itemSize;
-      return /* @__PURE__ */ y.default.createElement("div", {
-        "aria-label": this.props.ariaLabel,
-        className: k.default.ROOT(this.props.className),
-        ref: this.setCarouselWrapperRef,
-        tabIndex: this.props.useKeyboardArrows ? 0 : void 0
-      }, /* @__PURE__ */ y.default.createElement("div", {
-        className: k.default.CAROUSEL(!0),
-        style: {
-          width: this.props.width
-        }
-      }, this.renderControls(), this.props.renderArrowPrev(this.onClickPrev, f, this.props.labels.leftArrow), /* @__PURE__ */ y.default.createElement("div", {
-        className: k.default.WRAPPER(!0, this.props.axis),
-        style: E
-      }, o ? /* @__PURE__ */ y.default.createElement(ht.default, pe({
-        tagName: "ul",
-        innerRef: this.setListRef
-      }, b, {
-        allowMouseEvents: this.props.emulateTouch
-      }), this.props.infiniteLoop && _, this.renderItems(), this.props.infiniteLoop && v) : /* @__PURE__ */ y.default.createElement("ul", {
-        className: k.default.SLIDER(!0, this.state.swiping),
-        ref: function(z) {
-          return e.setListRef(z);
-        },
-        style: this.state.itemListStyle || {}
-      }, this.props.infiniteLoop && _, this.renderItems(), this.props.infiniteLoop && v)), this.props.renderArrowNext(this.onClickNext, h, this.props.labels.rightArrow), this.renderStatus()), this.renderThumbs());
-    }
-  }]), r;
-}(y.default.Component);
-ie.default = ye;
-c(ye, "displayName", "Carousel");
-c(ye, "defaultProps", {
-  ariaLabel: void 0,
-  axis: "horizontal",
-  centerSlidePercentage: 80,
-  interval: 3e3,
-  labels: {
-    leftArrow: "previous slide / item",
-    rightArrow: "next slide / item",
-    item: "slide item"
-  },
-  onClickItem: H.noop,
-  onClickThumb: H.noop,
-  onChange: H.noop,
-  onSwipeStart: function() {
-  },
-  onSwipeEnd: function() {
-  },
-  onSwipeMove: function() {
-    return !1;
-  },
-  preventMovementUntilSwipeScrollTolerance: !1,
-  renderArrowPrev: function(n, r, i) {
-    return /* @__PURE__ */ y.default.createElement("button", {
-      type: "button",
-      "aria-label": i,
-      className: k.default.ARROW_PREV(!r),
-      onClick: n
-    });
-  },
-  renderArrowNext: function(n, r, i) {
-    return /* @__PURE__ */ y.default.createElement("button", {
-      type: "button",
-      "aria-label": i,
-      className: k.default.ARROW_NEXT(!r),
-      onClick: n
-    });
-  },
-  renderIndicator: function(n, r, i, e) {
-    return /* @__PURE__ */ y.default.createElement("li", {
-      className: k.default.DOT(r),
-      onClick: n,
-      onKeyDown: n,
-      value: i,
-      key: i,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": "".concat(e, " ").concat(i + 1)
-    });
-  },
-  renderItem: function(n) {
-    return n;
-  },
-  renderThumbs: function(n) {
-    var r = y.Children.map(n, function(i) {
-      var e = i;
-      if (i.type !== "img" && (e = y.Children.toArray(i.props.children).find(function(o) {
-        return o.type === "img";
-      })), !!e)
-        return e;
-    });
-    return r.filter(function(i) {
-      return i;
-    }).length === 0 ? (console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"), []) : r;
-  },
-  statusFormatter: H.defaultStatusFormatter,
-  selectedItem: 0,
-  showArrows: !0,
-  showIndicators: !0,
-  showStatus: !0,
-  showThumbs: !0,
-  stopOnHover: !0,
-  swipeScrollTolerance: 5,
-  swipeable: !0,
-  transitionTime: 350,
-  verticalSwipe: "standard",
-  width: "100%",
-  animationHandler: "slide",
-  swipeAnimationHandler: Q.slideSwipeAnimationHandler,
-  stopSwipingHandler: Q.slideStopSwipingHandler
-});
-var Ot = {};
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "Carousel", {
-    enumerable: !0,
-    get: function() {
-      return n.default;
-    }
-  }), Object.defineProperty(t, "CarouselProps", {
-    enumerable: !0,
-    get: function() {
-      return r.CarouselProps;
-    }
-  }), Object.defineProperty(t, "Thumbs", {
-    enumerable: !0,
-    get: function() {
-      return i.default;
+  }, i.prototype.getState = function() {
+    return this.state;
+  }, i.prototype.renderLeftArrow = function(t) {
+    var e = this, r = this.props, a = r.customLeftArrow, n = r.rtl;
+    return T.createElement(st.LeftArrow, { customLeftArrow: a, getState: function() {
+      return e.getState();
+    }, previous: this.previous, disabled: t, rtl: n });
+  }, i.prototype.renderRightArrow = function(t) {
+    var e = this, r = this.props, a = r.customRightArrow, n = r.rtl;
+    return T.createElement(st.RightArrow, { customRightArrow: a, getState: function() {
+      return e.getState();
+    }, next: this.next, disabled: t, rtl: n });
+  }, i.prototype.renderButtonGroups = function() {
+    var t = this, e = this.props.customButtonGroup;
+    return e ? T.cloneElement(e, { previous: function() {
+      return t.previous();
+    }, next: function() {
+      return t.next();
+    }, goToSlide: function(r, a) {
+      return t.goToSlide(r, a);
+    }, carouselState: this.getState() }) : null;
+  }, i.prototype.renderDotsList = function() {
+    var t = this;
+    return T.createElement(Ht.default, { state: this.state, props: this.props, goToSlide: this.goToSlide, getState: function() {
+      return t.getState();
+    } });
+  }, i.prototype.renderCarouselItems = function() {
+    var t = [];
+    if (this.props.infinite) {
+      var e = T.Children.toArray(this.props.children);
+      t = v.getClones(this.state.slidesToShow, e);
+    }
+    return T.createElement(te.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, a = t.renderArrowsWhenDisabled, n = t.removeArrowOnDeviceType, s = t.infinite, l = t.containerClass, u = t.sliderClass, d = t.customTransition, c = t.additionalTransfrom, h = 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), I = v.isInRightEnd(this.state), C = r && !(n && (e && -1 < n.indexOf(e) || this.state.deviceType && -1 < n.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, R = !s && y, D = !s && I, L = j.getTransform(this.state, this.props);
+    return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + l + " " + 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 || at : "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()), C && (!R || a) && this.renderLeftArrow(R), C && (!D || a) && this.renderRightArrow(D), _ && !p && this.renderButtonGroups(), _ && !h && this.renderDotsList()), _ && h && 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);
+J.default = ee;
+Object.defineProperty(q, "__esModule", { value: !0 });
+var ie = J;
+q.default = ie.default;
+var oe = q;
+const re = /* @__PURE__ */ mt(oe), ne = yt.div`
+  &:hover {
+    cursor: pointer;
+
+    & .react-multiple-carousel__arrow {
+      visibility: visible;
     }
-  });
-  var n = e(ie), r = Ot, i = e(j);
-  function e(o) {
-    return o && o.__esModule ? o : { default: o };
   }
-})(Re);
-const Rt = te.div`
-  position: relative;
 
-  & .image-carousel {
-    height: 20.625rem;
-
-    & img {
-      height: 20.625rem;
-    }
+  & .carousel-slider {
+    align-items: center;
+  }
 
-    & .next,
-    .previous {
-      display: none;
-    }
+  & .carousel-container {
+    padding-bottom: 1.25rem;
   }
 
-  @media (max-width: ${ne + "px"}) {
-    & .image-carousel {
-      & > div {
-        border-radius: unset;
-      }
-      & img {
-        border-radius: unset;
-      }
-    }
+  & .carousel-item {
+    padding-right: 0;
   }
-`;
-te.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  background: ${(t) => re(t == null ? void 0 : t.backgroundColor) ? t == null ? void 0 : t.backgroundColor : `linear-gradient(
-    to top left,
-    rgba(0, 0, 0, 0) 85%,
-    rgba(0, 0, 0, 1) 100%
-  )`};
 
-  border-radius: 0%.75rem;
+  & .react-multiple-carousel__arrow {
+    width: 3rem;
+    height: 3rem;
+    padding: 0.5rem;
+    background: rgba(255, 255, 255, 0.8);
+    box-shadow: 1px 1px 4px 0 rgba(20, 22, 26, 0.08),
+      0 2px 16px 0 rgba(20, 22, 26, 0.16);
+    backdrop-filter: blur(1.25rem);
+    visibility: hidden;
+
+    &::before {
+      color: var(--gray-950, #14161a);
+    }
 
-  width: 100%;
-  height: 100%;
-  padding: 3rem 3rem 5.625rem 3rem;
+    &:hover {
+      background: rgba(255, 255, 255, 0.5);
+    }
+  }
 
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  justify-content: space-between;
+  & .react-multiple-carousel__arrow--left {
+    left: 1rem;
+  }
 
-  & button {
-    width: fit-content;
+  & .react-multiple-carousel__arrow--right {
+    right: 1rem;
   }
 
-  & .text-area {
-    max-width: 31.75rem;
-    font-size: 1rem;
+  & .section__card {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
-    color: var(--white);
+    justify-content: space-between;
+    align-items: flex-start;
+    flex: 1 0 0;
+    align-self: stretch;
+    border-radius: 0.75rem;
+    width: 100%;
+    height: 22.5rem;
+    position: relative;
+    overflow: hidden;
 
-    & .title {
-      font-weight: 700;
-      font-size: 2rem;
-      color: var(--white, #fff);
+    & .card__content {
+      position: absolute;
+      top: 0;
+      left: 0;
+      padding: 3rem;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
     }
-  }
-
-  @media (max-width: ${ne + "px"}) {
-    display: none;
-  }
-`;
-const Et = te.div`
-  position: relative;
-  border-radius: 0.75rem;
-  cursor: pointer;
 
-  background: ${(t) => re(t == null ? void 0 : t.backgroundColor) ? t == null ? void 0 : t.backgroundColor : `linear-gradient(
-    to top left,
-    rgba(0, 0, 0, 0) 85%,
-    rgba(0, 0, 0, 1) 100%
-  )`};
+    & .card__text {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0.25rem;
+    }
 
-  & img {
-    object-fit: cover;
-    max-height: 20.625rem;
-    border-radius: 0.75rem;
-    mix-blend-mode: multiply;
-  }
+    & .card__title {
+      color: var(--white, #fff);
+      font-size: 1.75rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2.25rem;
+    }
 
-  & .banner-action {
-    background: var(--white, #fff);
-    color: var(--gray-950, #14161a);
-    font-size: 0.875rem;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 1.25rem;
+    & .card__description {
+      color: var(--white, #fff);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.5rem;
+    }
 
-    &:hover {
-      background: var(--gray-200, #dddfe4);
+    & .card__action {
+      padding: 0.625rem 0.75rem;
+      background: var(--white, #fff);
       color: var(--gray-950, #14161a);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.25rem;
+      width: fit-content;
     }
   }
 
-  @media (max-width: ${ne + "px"}) {
-    border-radius: unset;
-
-    & img {
-      border-radius: unset;
+  & .react-multi-carousel-item:not(.react-multi-carousel-item--active) {
+    & .section__card {
+      height: 22.5rem;
     }
   }
-`, Tt = te.div`
-  border-radius: 0.75rem;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  padding: 3rem 0 3rem 3rem;
-
-  background: ${(t) => re(t == null ? void 0 : t.backgroundColor) ? t == null ? void 0 : t.backgroundColor : `linear-gradient(
-    to top left,
-    rgba(0, 0, 0, 0) 85%,
-    rgba(0, 0, 0, 1) 100%
-  )`};
 
-  & .banner-content {
-    display: flex;
-    flex-direction: column;
-    gap: 3.5rem;
-    width: 45%;
+  & .section__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
   }
 
-  & .banner-content button {
-    width: fit-content;
-  }
+  @media (max-width: 768px) {
+    & .section__card {
+      height: 23.4375rem;
+      border-radius: 0.5rem;
 
-  & .banner-text {
-    text-align: left;
-    font-size: 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    color: var(--white, #fff);
+      & .card__content {
+        display: none;
+      }
+    }
 
-    & .banner-title {
-      font-weight: 700;
-      font-size: 2rem;
-      color: var(--white, #fff);
+    & .react-multi-carousel-item:not(.react-multi-carousel-item--active) {
+      & .section__card {
+        height: 20.625rem;
+        transform: scale(0.95);
+      }
     }
   }
 
-  @media (max-width: ${ne + "px"}) {
-    border-radius: unset;
-    background: unset;
-
-    & .banner-content {
-      display: none;
+  @media (max-width: 1024px) {
+    & .carousel-item {
+      padding-right: 0.5rem;
     }
   }
-`, It = Ce(
-  ({ carouselItems: t = [], onSelectItem: n = () => {
-  }, onButtonAction: r = () => {
-  } }, i) => /* @__PURE__ */ N(Rt, { ref: i, children: /* @__PURE__ */ N(
-    Re.Carousel,
-    {
-      autoPlay: !0,
-      infiniteLoop: !0,
-      showArrows: !1,
-      showStatus: !1,
-      showThumbs: !1,
-      transitionTime: 500,
-      onClickItem: (e) => {
-        n(t == null ? void 0 : t[e]);
+`, se = ft(
+  ({ items: o = [], onSelectItem: i = () => {
+  }, onButtonAction: t = () => {
+  } }, e) => {
+    const r = {
+      desktop: {
+        breakpoint: { max: 3e3, min: 1024 },
+        items: 1,
+        partialVisibilityGutter: 0
+      },
+      tablet: {
+        breakpoint: { max: 1024, min: 464 },
+        items: 1,
+        partialVisibilityGutter: 0
       },
-      children: t && (t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ le(
-        Et,
-        {
-          backgroundColor: e == null ? void 0 : e.backgroundColor,
-          children: [
-            /* @__PURE__ */ N("img", { loading: "lazy", src: e.imageUrl }),
-            /* @__PURE__ */ N(Tt, { backgroundColor: e == null ? void 0 : e.backgroundColor, children: /* @__PURE__ */ le("div", { className: "banner-content", children: [
-              /* @__PURE__ */ le("div", { className: "banner-text", children: [
-                /* @__PURE__ */ N("div", { className: "banner-title", children: e.title }),
-                e.description
-              ] }),
-              re(e == null ? void 0 : e.buttonText) && /* @__PURE__ */ N(
-                De,
+      mobile: {
+        breakpoint: { max: 464, min: 0 },
+        items: 1,
+        partialVisibilityGutter: 48
+      }
+    }, a = gt();
+    return /* @__PURE__ */ x(ne, { ref: e, children: /* @__PURE__ */ x(
+      re,
+      {
+        responsive: r,
+        removeArrowOnDeviceType: "mobile",
+        infinite: !a,
+        keyBoardControl: !0,
+        autoPlay: !0,
+        partialVisible: !0,
+        sliderClass: "carousel-slider",
+        itemClass: "carousel-item",
+        containerClass: "carousel-container",
+        children: o == null ? void 0 : o.map((n, s) => /* @__PURE__ */ z(
+          "div",
+          {
+            className: "section__card",
+            onClick: () => i(n),
+            children: [
+              /* @__PURE__ */ x(
+                "img",
                 {
-                  color: "neutral",
-                  className: "banner-action",
-                  onClick: (a) => {
-                    a == null || a.stopPropagation(), r(e);
-                  },
-                  children: e.buttonText
+                  src: n == null ? void 0 : n.imageUrl,
+                  alt: `Slide ${s + 1}`,
+                  className: "section__image"
                 }
-              )
-            ] }) })
-          ]
-        },
-        `banner-${o + 1}`
-      )))
-    }
-  ) })
+              ),
+              /* @__PURE__ */ z("div", { className: "card__content", children: [
+                /* @__PURE__ */ z("div", { className: "card__text", children: [
+                  (n == null ? void 0 : n.title) && /* @__PURE__ */ x("div", { className: "card__title", children: n == null ? void 0 : n.title }),
+                  (n == null ? void 0 : n.title) && /* @__PURE__ */ x("div", { className: "card__description", children: n == null ? void 0 : n.description })
+                ] }),
+                (n == null ? void 0 : n.buttonText) && /* @__PURE__ */ x(
+                  vt,
+                  {
+                    text: n == null ? void 0 : n.buttonText,
+                    className: "card__action",
+                    size: "medium",
+                    onClick: (l) => {
+                      l == null || l.stopPropagation(), t(n);
+                    }
+                  }
+                )
+              ] })
+            ]
+          },
+          `banner-section-carousel-item__${s + 1}`
+        ))
+      }
+    ) }, `banner-section-carousel__${a}`);
+  }
 );
-It.propTypes = {
-  items: Se.array,
-  handleClick: Se.func
+se.propTypes = {
+  items: U.array,
+  onSelectItem: U.func,
+  onButtonAction: U.func
 };
 export {
-  It as default
+  se as default
 };