@lanaco/lnc-react-ui 4.0.109 → 4.0.111

package/dist/BannerSectionCarousel.js

@@ -3,13 +3,12 @@ import F, { forwardRef as Ce } from "react";
 import { c as Oe } from "./_commonjsHelpers-DaMA6jEr.js";
 import { p as Le, P as Se } from "./index-S5Cd7WrG.js";
 import { a as ke } from "./index-Bq3leL2e.js";
-import { u as De } from "./useDetectMobile-Bkvj0VMa.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 Ae from "./Button.js";
+import De from "./Button.js";
 var Re = {}, ie = {}, me = {}, fe = {}, ge;
-function We() {
+function Ae() {
   return ge || (ge = 1, function(t) {
     (function(n, r) {
       r(t, F, Le);
@@ -144,11 +143,11 @@ function We() {
             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 Ie = this.props.onSwipeMove({
+              var Me = this.props.onSwipeMove({
                 x: Y,
                 y: we
               }, u);
-              Ie && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: we };
+              Me && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: we };
             }
           }
         }, {
@@ -227,7 +226,7 @@ function We() {
 }
 (function(t) {
   (function(n, r) {
-    r(t, We());
+    r(t, Ae());
   })(Oe, function(n, r) {
     Object.defineProperty(n, "__esModule", {
       value: !0
@@ -246,16 +245,16 @@ Object.defineProperty(K, "__esModule", {
   value: !0
 });
 K.default = void 0;
-var D = ze(ke);
-function ze(t) {
+var D = We(ke);
+function We(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function Ne(t, n, r) {
+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 xe = {
+var Ne = {
   ROOT: function(n) {
-    return (0, D.default)(Ne({
+    return (0, D.default)(ze({
       "carousel-root": !0
     }, n || "", !!n));
   },
@@ -307,41 +306,41 @@ var xe = {
     });
   }
 };
-K.default = xe;
+K.default = Ne;
 var j = {}, oe = {};
 Object.defineProperty(oe, "__esModule", {
   value: !0
 });
 oe.outerWidth = void 0;
-var He = function(n) {
+var xe = function(n) {
   var r = n.offsetWidth, i = getComputedStyle(n);
   return r += parseInt(i.marginLeft) + parseInt(i.marginRight), r;
 };
-oe.outerWidth = He;
+oe.outerWidth = xe;
 var x = {};
 Object.defineProperty(x, "__esModule", {
   value: !0
 });
 x.default = void 0;
-var $e = function(n, r, i) {
+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 = $e;
+x.default = He;
 var q = {};
 Object.defineProperty(q, "__esModule", {
   value: !0
 });
 q.default = void 0;
-var Ue = function() {
+var $e = function() {
   return window;
 };
-q.default = Ue;
+q.default = $e;
 Object.defineProperty(j, "__esModule", {
   value: !0
 });
 j.default = void 0;
-var M = je(F), A = ae(K), Fe = oe, be = ae(x), Ke = ae(me), V = ae(q);
+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 };
 }
@@ -352,7 +351,7 @@ function Ee() {
     return t;
   }, t;
 }
-function je(t) {
+function Ke(t) {
   if (t && t.__esModule)
     return t;
   if (t === null || $(t) !== "object" && typeof t != "function")
@@ -386,20 +385,20 @@ function ce() {
     return t;
   }, ce.apply(this, arguments);
 }
-function qe(t, n) {
+function je(t, n) {
   if (!(t instanceof n))
     throw new TypeError("Cannot call a class as a function");
 }
-function Be(t, n) {
+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 Xe(t, n, r) {
-  return n && Be(t.prototype, n), t;
+function Be(t, n, r) {
+  return n && qe(t.prototype, n), t;
 }
-function Ye(t, n) {
+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);
@@ -409,8 +408,8 @@ function de(t, n) {
     return i.__proto__ = e, i;
   }, de(t, n);
 }
-function Ve(t) {
-  var n = Ze();
+function Ye(t) {
+  var n = Ge();
   return function() {
     var i = J(t), e;
     if (n) {
@@ -418,10 +417,10 @@ function Ve(t) {
       e = Reflect.construct(i, arguments, o);
     } else
       e = i.apply(this, arguments);
-    return Ge(this, e);
+    return Ve(this, e);
   };
 }
-function Ge(t, n) {
+function Ve(t, n) {
   return n && ($(n) === "object" || typeof n == "function") ? n : O(t);
 }
 function O(t) {
@@ -429,7 +428,7 @@ function O(t) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function Ze() {
+function Ge() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -447,14 +446,14 @@ function 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 Je = function(n) {
+var Ze = function(n) {
   return n.hasOwnProperty("key");
 }, ve = /* @__PURE__ */ function(t) {
-  Ye(r, t);
-  var n = Ve(r);
+  Xe(r, t);
+  var n = Ye(r);
   function r(i) {
     var e;
-    return qe(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) {
+    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;
@@ -462,7 +461,7 @@ var Je = function(n) {
       e.thumbsRef || (e.thumbsRef = []), e.thumbsRef[a] = o;
     }), P(O(e), "updateSizes", function() {
       if (!(!e.props.children || !e.itemsWrapperRef || !e.thumbsRef)) {
-        var o = M.Children.count(e.props.children), a = e.itemsWrapperRef.clientWidth, s = e.props.thumbWidth ? e.props.thumbWidth : (0, Fe.outerWidth)(e.thumbsRef[0]), f = Math.floor(a / s), h = f < o, m = h ? o - f : 0;
+        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,
@@ -474,7 +473,7 @@ var Je = function(n) {
         });
       }
     }), P(O(e), "handleClickItem", function(o, a, s) {
-      if (!Je(s) || s.key === "Enter") {
+      if (!Ze(s) || s.key === "Enter") {
         var f = e.props.onSelectItem;
         typeof f == "function" && f(o, a);
       }
@@ -490,7 +489,7 @@ var Je = function(n) {
       var a = o.x;
       if (!e.state.itemSize || !e.itemsWrapperRef || !e.state.visibleItems)
         return !1;
-      var s = 0, f = M.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;
+      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) {
@@ -513,7 +512,7 @@ var Je = function(n) {
       lastPosition: 0
     }, e;
   }
-  return Xe(r, [{
+  return Be(r, [{
     key: "componentDidMount",
     value: function() {
       this.setupThumbs();
@@ -565,7 +564,7 @@ var Je = function(n) {
             width: e.props.thumbWidth
           }
         };
-        return /* @__PURE__ */ M.default.createElement("li", ce({}, f, {
+        return /* @__PURE__ */ I.default.createElement("li", ce({}, f, {
           role: "button",
           tabIndex: 0
         }), o);
@@ -577,7 +576,7 @@ var Je = function(n) {
       var e = this;
       if (!this.props.children)
         return null;
-      var o = M.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";
+      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,
@@ -591,19 +590,19 @@ var Je = function(n) {
         OTransitionDuration: v,
         transitionDuration: v,
         msTransitionDuration: v
-      }, /* @__PURE__ */ M.default.createElement("div", {
+      }, /* @__PURE__ */ I.default.createElement("div", {
         className: A.default.CAROUSEL(!1)
-      }, /* @__PURE__ */ M.default.createElement("div", {
+      }, /* @__PURE__ */ I.default.createElement("div", {
         className: A.default.WRAPPER(!1),
         ref: this.setItemsWrapperRef
-      }, /* @__PURE__ */ M.default.createElement("button", {
+      }, /* @__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__ */ M.default.createElement(Ke.default, {
+      }), o ? /* @__PURE__ */ I.default.createElement(Fe.default, {
         tagName: "ul",
         className: A.default.SLIDER(!1, this.state.swiping),
         onSwipeLeft: this.slideLeft,
@@ -614,13 +613,13 @@ var Je = function(n) {
         style: f,
         innerRef: this.setItemsListRef,
         allowMouseEvents: this.props.emulateTouch
-      }, this.renderItems()) : /* @__PURE__ */ M.default.createElement("ul", {
+      }, 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__ */ M.default.createElement("button", {
+      }, this.renderItems()), /* @__PURE__ */ I.default.createElement("button", {
         type: "button",
         className: A.default.ARROW_NEXT(!s),
         onClick: function() {
@@ -630,7 +629,7 @@ var Je = function(n) {
       })));
     }
   }]), r;
-}(M.Component);
+}(I.Component);
 j.default = ve;
 P(ve, "displayName", "Thumbs");
 P(ve, "defaultProps", {
@@ -649,55 +648,55 @@ Object.defineProperty(se, "__esModule", {
   value: !0
 });
 se.default = void 0;
-var Qe = function() {
+var Je = function() {
   return document;
 };
-se.default = Qe;
+se.default = Je;
 var R = {};
 Object.defineProperty(R, "__esModule", {
   value: !0
 });
 R.setPosition = R.getPosition = R.isKeyboardEvent = R.defaultStatusFormatter = R.noop = void 0;
-var et = F, tt = nt(x);
-function nt(t) {
+var Qe = F, et = tt(x);
+function tt(t) {
   return t && t.__esModule ? t : { default: t };
 }
-var rt = function() {
+var nt = function() {
 };
-R.noop = rt;
-var it = function(n, r) {
+R.noop = nt;
+var rt = function(n, r) {
   return "".concat(n, " of ").concat(r);
 };
-R.defaultStatusFormatter = it;
-var ot = function(n) {
+R.defaultStatusFormatter = rt;
+var it = function(n) {
   return n ? n.hasOwnProperty("key") : !1;
 };
-R.isKeyboardEvent = ot;
-var at = function(n, r) {
+R.isKeyboardEvent = it;
+var ot = function(n, r) {
   if (r.infiniteLoop && ++n, n === 0)
     return 0;
-  var i = et.Children.count(r.children);
+  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;
   }
   return -n * 100;
 };
-R.getPosition = at;
-var st = function(n, r) {
+R.getPosition = ot;
+var at = function(n, r) {
   var i = {};
   return ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(e) {
-    i[e] = (0, tt.default)(n, "%", r);
+    i[e] = (0, et.default)(n, "%", r);
   }), i;
 };
-R.setPosition = st;
+R.setPosition = at;
 var C = {};
 Object.defineProperty(C, "__esModule", {
   value: !0
 });
 C.fadeAnimationHandler = C.slideStopSwipingHandler = C.slideSwipeAnimationHandler = C.slideAnimationHandler = void 0;
-var Te = F, ut = lt(x), L = R;
-function lt(t) {
+var Te = F, st = ut(x), L = R;
+function ut(t) {
   return t && t.__esModule ? t : { default: t };
 }
 function _e(t, n) {
@@ -714,21 +713,21 @@ 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) {
-      ft(t, i, r[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 ft(t, n, r) {
+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 ct = function(n, r) {
+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, ut.default)(f, "%", n.axis), m = n.transitionTime + "ms";
+  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,
@@ -742,8 +741,8 @@ var ct = function(n, r) {
     msTransitionDuration: m
   })), i;
 };
-C.slideAnimationHandler = ct;
-var dt = function(n, r, i, e) {
+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;
@@ -753,15 +752,15 @@ var dt = function(n, r, i, e) {
     cancelClick: !0
   }), o;
 };
-C.slideSwipeAnimationHandler = dt;
-var pt = function(n, 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
   };
 };
-C.slideStopSwipingHandler = pt;
-var ht = function(n, r) {
+C.slideStopSwipingHandler = dt;
+var pt = function(n, r) {
   var i = n.transitionTime + "ms", e = "ease-in-out", o = {
     position: "absolute",
     display: "block",
@@ -793,28 +792,28 @@ var ht = function(n, r) {
     prevStyle: W({}, o)
   };
 };
-C.fadeAnimationHandler = ht;
+C.fadeAnimationHandler = pt;
 Object.defineProperty(ie, "__esModule", {
   value: !0
 });
 ie.default = void 0;
-var y = yt(F), mt = B(me), k = B(K), vt = B(j), G = B(se), Z = B(q), H = R, Q = C;
+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 Me() {
+function Ie() {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap();
-  return Me = function() {
+  return Ie = function() {
     return t;
   }, t;
 }
-function yt(t) {
+function vt(t) {
   if (t && t.__esModule)
     return t;
   if (t === null || U(t) !== "object" && typeof t != "function")
     return { default: t };
-  var n = Me();
+  var n = Ie();
   if (n && n.has(t))
     return n.get(t);
   var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -853,7 +852,7 @@ function Pe(t, n) {
   }
   return r;
 }
-function I(t) {
+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) {
@@ -864,20 +863,20 @@ function I(t) {
   }
   return t;
 }
-function wt(t, n) {
+function yt(t, n) {
   if (!(t instanceof n))
     throw new TypeError("Cannot call a class as a function");
 }
-function St(t, n) {
+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 gt(t, n, r) {
-  return n && St(t.prototype, n), t;
+function St(t, n, r) {
+  return n && wt(t.prototype, n), t;
 }
-function bt(t, n) {
+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);
@@ -887,8 +886,8 @@ function he(t, n) {
     return i.__proto__ = e, i;
   }, he(t, n);
 }
-function _t(t) {
-  var n = Ot();
+function bt(t) {
+  var n = Pt();
   return function() {
     var i = ee(t), e;
     if (n) {
@@ -896,10 +895,10 @@ function _t(t) {
       e = Reflect.construct(i, arguments, o);
     } else
       e = i.apply(this, arguments);
-    return Pt(this, e);
+    return _t(this, e);
   };
 }
-function Pt(t, n) {
+function _t(t, n) {
   return n && (U(n) === "object" || typeof n == "function") ? n : d(t);
 }
 function d(t) {
@@ -907,7 +906,7 @@ function d(t) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function Ot() {
+function Pt() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -926,11 +925,11 @@ 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) {
-  bt(r, t);
-  var n = _t(r);
+  gt(r, t);
+  var n = bt(r);
   function r(i) {
     var e;
-    wt(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) {
+    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;
@@ -1009,7 +1008,7 @@ var ye = /* @__PURE__ */ function(t) {
     }), 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(I({}, f)), !!Object.keys(f).length;
+      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));
@@ -1041,7 +1040,7 @@ var ye = /* @__PURE__ */ function(t) {
         (!(0, H.isKeyboardEvent)(s) || s.key === "Enter") && e.moveTo(a);
       };
     }), c(d(e), "selectItem", function(a) {
-      e.setState(I({
+      e.setState(M({
         previousItem: e.state.selectedItem
       }, a), function() {
         e.setState(e.animationHandler(e.props, e.state));
@@ -1083,9 +1082,9 @@ var ye = /* @__PURE__ */ function(t) {
       selectedStyle: {},
       prevStyle: {}
     };
-    return e.animationHandler = typeof i.animationHandler == "function" && i.animationHandler || i.animationHandler === "fade" && Q.fadeAnimationHandler || Q.slideAnimationHandler, e.state = I(I({}, o), e.animationHandler(i, o)), e;
+    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 gt(r, [{
+  return St(r, [{
     key: "componentDidMount",
     value: function() {
       this.props.children && this.setupCarousel();
@@ -1093,7 +1092,7 @@ var ye = /* @__PURE__ */ function(t) {
   }, {
     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(I({}, 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({
+      !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
       }));
     }
@@ -1156,9 +1155,9 @@ var ye = /* @__PURE__ */ function(t) {
       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 = I(I({}, m), {}, {
+        o.props.centerMode && o.props.axis === "horizontal" && (m = M(M({}, m), {}, {
           minWidth: o.props.centerSlidePercentage + "%"
-        })), o.state.swiping && o.state.swipeMovementStarted && (m = I(I({}, m), {}, {
+        })), o.state.swiping && o.state.swipeMovementStarted && (m = M(M({}, m), {}, {
           pointerEvents: "none"
         }));
         var v = {
@@ -1196,7 +1195,7 @@ var ye = /* @__PURE__ */ function(t) {
   }, {
     key: "renderThumbs",
     value: function() {
-      return !this.props.showThumbs || !this.props.children || y.Children.count(this.props.children) === 0 ? null : /* @__PURE__ */ y.default.createElement(vt.default, {
+      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,
@@ -1226,7 +1225,7 @@ var ye = /* @__PURE__ */ function(t) {
           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 = I(I({}, b.style), {}, {
+        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", {
@@ -1242,7 +1241,7 @@ var ye = /* @__PURE__ */ function(t) {
       }, 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(mt.default, pe({
+      }, o ? /* @__PURE__ */ y.default.createElement(ht.default, pe({
         tagName: "ul",
         innerRef: this.setListRef
       }, b, {
@@ -1339,7 +1338,7 @@ c(ye, "defaultProps", {
   swipeAnimationHandler: Q.slideSwipeAnimationHandler,
   stopSwipingHandler: Q.slideStopSwipingHandler
 });
-var Rt = {};
+var Ot = {};
 (function(t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
@@ -1359,12 +1358,12 @@ var Rt = {};
       return i.default;
     }
   });
-  var n = e(ie), r = Rt, i = e(j);
+  var n = e(ie), r = Ot, i = e(j);
   function e(o) {
     return o && o.__esModule ? o : { default: o };
   }
 })(Re);
-const Et = te.div`
+const Rt = te.div`
   position: relative;
 
   & .image-carousel {
@@ -1435,9 +1434,10 @@ te.div`
     display: none;
   }
 `;
-const Tt = te.div`
+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,
@@ -1468,13 +1468,12 @@ const Tt = te.div`
 
   @media (max-width: ${ne + "px"}) {
     border-radius: unset;
-    cursor: pointer;
 
     & img {
       border-radius: unset;
     }
   }
-`, Mt = te.div`
+`, Tt = te.div`
   border-radius: 0.75rem;
   position: absolute;
   top: 0;
@@ -1526,51 +1525,47 @@ const Tt = te.div`
 `, It = Ce(
   ({ carouselItems: t = [], onSelectItem: n = () => {
   }, onButtonAction: r = () => {
-  } }, i) => {
-    const e = De();
-    return /* @__PURE__ */ N(Et, { ref: i, children: /* @__PURE__ */ N(
-      Re.Carousel,
-      {
-        autoPlay: !0,
-        infiniteLoop: !0,
-        showArrows: !1,
-        showStatus: !1,
-        showThumbs: !1,
-        transitionTime: 500,
-        onClickItem: (o) => {
-          e && n(t == null ? void 0 : t[o]);
+  } }, 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]);
+      },
+      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,
+                {
+                  color: "neutral",
+                  className: "banner-action",
+                  onClick: (a) => {
+                    a == null || a.stopPropagation(), r(e);
+                  },
+                  children: e.buttonText
+                }
+              )
+            ] }) })
+          ]
         },
-        children: t && (t == null ? void 0 : t.map((o, a) => /* @__PURE__ */ le(
-          Tt,
-          {
-            backgroundColor: o == null ? void 0 : o.backgroundColor,
-            children: [
-              /* @__PURE__ */ N("img", { loading: "lazy", src: o.imageUrl }),
-              /* @__PURE__ */ N(Mt, { backgroundColor: o == null ? void 0 : o.backgroundColor, children: /* @__PURE__ */ le("div", { className: "banner-content", children: [
-                /* @__PURE__ */ le("div", { className: "banner-text", children: [
-                  /* @__PURE__ */ N("div", { className: "banner-title", children: o.title }),
-                  o.description
-                ] }),
-                re(o == null ? void 0 : o.buttonText) && /* @__PURE__ */ N(
-                  Ae,
-                  {
-                    color: "neutral",
-                    className: "banner-action",
-                    onClick: (s) => {
-                      var f;
-                      (f = s == null ? void 0 : s.target) == null || f.blur(), r(o);
-                    },
-                    children: o.buttonText
-                  }
-                )
-              ] }) })
-            ]
-          },
-          `banner-${a + 1}`
-        )))
-      }
-    ) });
-  }
+        `banner-${o + 1}`
+      )))
+    }
+  ) })
 );
 It.propTypes = {
   items: Se.array,