@lanaco/lnc-react-ui 4.0.67 → 4.0.68

package/dist/BannerSectionCarousel.js

@@ -1,22 +1,22 @@
 import { jsx as N, jsxs as ue } from "react/jsx-runtime";
-import F, { forwardRef as Ie } from "react";
-import { c as Pe } from "./_commonjsHelpers-DaMA6jEr.js";
-import { p as Ce, P as ye } from "./index-S5Cd7WrG.js";
-import { a as Le } from "./index-Bq3leL2e.js";
+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-BC6EGaBc.js";
 import { s as te } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as ne } from "./consts-C1uHV4xc.js";
-import Ae from "./Button.js";
-import { l as ke } from "./utils-DCs-SbIv.js";
-var Oe = {}, re = {}, he = {}, le = {}, Se;
-function We() {
-  return Se || (Se = 1, function(t) {
+import { k as he, l as Ae } from "./utils-DCs-SbIv.js";
+import We from "./Button.js";
+var Re = {}, re = {}, me = {}, le = {}, ge;
+function ze() {
+  return ge || (ge = 1, function(t) {
     (function(n, r) {
-      r(t, F, Ce);
-    })(Pe, function(n, r, i) {
+      r(t, F, Le);
+    })(Oe, function(n, r, i) {
       Object.defineProperty(n, "__esModule", {
         value: !0
-      }), n.setHasSupportToCaptureOption = T;
+      }), n.setHasSupportToCaptureOption = E;
       var e = a(r), o = a(i);
       function a(l) {
         return l && l.__esModule ? l : {
@@ -24,58 +24,58 @@ function We() {
         };
       }
       var s = Object.assign || function(l) {
-        for (var d = 1; d < arguments.length; d++) {
-          var S = arguments[d];
+        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, d) {
+      function f(l, p) {
         var S = {};
         for (var u in l)
-          d.indexOf(u) >= 0 || Object.prototype.hasOwnProperty.call(l, u) && (S[u] = l[u]);
+          p.indexOf(u) >= 0 || Object.prototype.hasOwnProperty.call(l, u) && (S[u] = l[u]);
         return S;
       }
-      function h(l, d) {
-        if (!(l instanceof d))
+      function h(l, p) {
+        if (!(l instanceof p))
           throw new TypeError("Cannot call a class as a function");
       }
       var m = /* @__PURE__ */ function() {
-        function l(d, S) {
+        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(d, g.key, g);
+            g.enumerable = g.enumerable || !1, g.configurable = !0, "value" in g && (g.writable = !0), Object.defineProperty(p, g.key, g);
           }
         }
-        return function(d, S, u) {
-          return S && l(d.prototype, S), u && l(d, u), d;
+        return function(p, S, u) {
+          return S && l(p.prototype, S), u && l(p, u), p;
         };
       }();
-      function v(l, d) {
+      function v(l, p) {
         if (!l)
           throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return d && (typeof d == "object" || typeof d == "function") ? d : l;
+        return p && (typeof p == "object" || typeof p == "function") ? p : l;
       }
-      function _(l, d) {
-        if (typeof d != "function" && d !== null)
-          throw new TypeError("Super expression must either be null or a function, not " + typeof d);
-        l.prototype = Object.create(d && d.prototype, {
+      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
           }
-        }), d && (Object.setPrototypeOf ? Object.setPrototypeOf(l, d) : l.__proto__ = d);
+        }), p && (Object.setPrototypeOf ? Object.setPrototypeOf(l, p) : l.__proto__ = p);
       }
       var b = !1;
-      function T(l) {
+      function E(l) {
         b = l;
       }
       try {
         addEventListener("test", null, Object.defineProperty({}, "capture", { get: function() {
-          T(!0);
+          E(!0);
         } }));
       } catch {
       }
@@ -85,23 +85,23 @@ function We() {
       }
       function se(l) {
         if ("touches" in l) {
-          var d = l.touches[0], S = d.pageX, u = d.pageY;
+          var p = l.touches[0], S = p.pageX, u = p.pageY;
           return { x: S, y: u };
         }
-        var g = l.screenX, E = l.screenY;
-        return { x: g, y: E };
+        var g = l.screenX, T = l.screenY;
+        return { x: g, y: T };
       }
       var z = function(l) {
-        _(d, l);
-        function d() {
+        _(p, l);
+        function p() {
           var S;
-          h(this, d);
-          for (var u = arguments.length, g = Array(u), E = 0; E < u; E++)
-            g[E] = arguments[E];
-          var y = v(this, (S = d.__proto__ || Object.getPrototypeOf(d)).call.apply(S, [this].concat(g)));
-          return y._handleSwipeStart = y._handleSwipeStart.bind(y), y._handleSwipeMove = y._handleSwipeMove.bind(y), y._handleSwipeEnd = y._handleSwipeEnd.bind(y), y._onMouseDown = y._onMouseDown.bind(y), y._onMouseMove = y._onMouseMove.bind(y), y._onMouseUp = y._onMouseUp.bind(y), y._setSwiperRef = y._setSwiperRef.bind(y), y;
+          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(d, [{
+        return m(p, [{
           key: "componentDidMount",
           value: function() {
             this.swiper && this.swiper.addEventListener("touchmove", this._handleSwipeMove, X({
@@ -135,20 +135,20 @@ function We() {
         }, {
           key: "_handleSwipeStart",
           value: function(u) {
-            var g = se(u), E = g.x, y = g.y;
-            this.moveStart = { x: E, y }, this.props.onSwipeStart(u);
+            var g = se(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 = se(u), E = g.x, y = g.y, Y = E - this.moveStart.x, we = y - this.moveStart.y;
+              var g = se(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({
+              var Ie = this.props.onSwipeMove({
                 x: Y,
                 y: we
               }, u);
-              Me && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: we };
+              Ie && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: we };
             }
           }
         }, {
@@ -168,7 +168,7 @@ function We() {
           value: function() {
             var u = this.props;
             u.tagName;
-            var g = u.className, E = u.style, y = u.children;
+            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(
@@ -179,12 +179,12 @@ function We() {
                 onTouchStart: this._handleSwipeStart,
                 onTouchEnd: this._handleSwipeEnd,
                 className: g,
-                style: E
+                style: T
               }, Y),
-              y
+              w
             );
           }
-        }]), d;
+        }]), p;
       }(r.Component);
       z.displayName = "ReactSwipe", z.propTypes = {
         tagName: o.default.string,
@@ -227,8 +227,8 @@ function We() {
 }
 (function(t) {
   (function(n, r) {
-    r(t, We());
-  })(Pe, function(n, r) {
+    r(t, ze());
+  })(Oe, function(n, r) {
     Object.defineProperty(n, "__esModule", {
       value: !0
     });
@@ -240,33 +240,33 @@ function We() {
     }
     n.default = i.default;
   });
-})(he);
+})(me);
 var K = {};
 Object.defineProperty(K, "__esModule", {
   value: !0
 });
 K.default = void 0;
-var A = ze(Le);
-function ze(t) {
+var D = Ne(ke);
+function Ne(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function Ne(t, n, r) {
+function xe(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 He = {
   ROOT: function(n) {
-    return (0, A.default)(Ne({
+    return (0, D.default)(xe({
       "carousel-root": !0
     }, n || "", !!n));
   },
   CAROUSEL: function(n) {
-    return (0, A.default)({
+    return (0, D.default)({
       carousel: !0,
       "carousel-slider": n
     });
   },
   WRAPPER: function(n, r) {
-    return (0, A.default)({
+    return (0, D.default)({
       "thumbs-wrapper": !n,
       "slider-wrapper": n,
       "axis-horizontal": r === "horizontal",
@@ -274,14 +274,14 @@ var xe = {
     });
   },
   SLIDER: function(n, r) {
-    return (0, A.default)({
+    return (0, D.default)({
       thumbs: !n,
       slider: n,
       animated: !r
     });
   },
   ITEM: function(n, r, i) {
-    return (0, A.default)({
+    return (0, D.default)({
       thumb: !n,
       slide: n,
       selected: r,
@@ -289,75 +289,75 @@ var xe = {
     });
   },
   ARROW_PREV: function(n) {
-    return (0, A.default)({
+    return (0, D.default)({
       "control-arrow control-prev": !0,
       "control-disabled": n
     });
   },
   ARROW_NEXT: function(n) {
-    return (0, A.default)({
+    return (0, D.default)({
       "control-arrow control-next": !0,
       "control-disabled": n
     });
   },
   DOT: function(n) {
-    return (0, A.default)({
+    return (0, D.default)({
       dot: !0,
       selected: n
     });
   }
 };
-K.default = xe;
+K.default = He;
 var j = {}, ie = {};
 Object.defineProperty(ie, "__esModule", {
   value: !0
 });
 ie.outerWidth = void 0;
-var He = function(n) {
+var $e = function(n) {
   var r = n.offsetWidth, i = getComputedStyle(n);
   return r += parseInt(i.marginLeft) + parseInt(i.marginRight), r;
 };
-ie.outerWidth = He;
+ie.outerWidth = $e;
 var x = {};
 Object.defineProperty(x, "__esModule", {
   value: !0
 });
 x.default = void 0;
-var $e = function(n, r, i) {
+var Ue = 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 = Ue;
 var q = {};
 Object.defineProperty(q, "__esModule", {
   value: !0
 });
 q.default = void 0;
-var Ue = function() {
+var Fe = function() {
   return window;
 };
-q.default = Ue;
+q.default = Fe;
 Object.defineProperty(j, "__esModule", {
   value: !0
 });
 j.default = void 0;
-var M = je(F), k = oe(K), Fe = ie, ge = oe(x), Ke = oe(he), V = oe(q);
+var M = qe(F), A = oe(K), Ke = ie, be = oe(x), je = oe(me), V = oe(q);
 function oe(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function Re() {
+function Ee() {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap();
-  return Re = function() {
+  return Ee = function() {
     return t;
   }, t;
 }
-function je(t) {
+function qe(t) {
   if (t && t.__esModule)
     return t;
   if (t === null || $(t) !== "object" && typeof t != "function")
     return { default: t };
-  var n = Re();
+  var n = Ee();
   if (n && n.has(t))
     return n.get(t);
   var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -386,20 +386,20 @@ function fe() {
     return t;
   }, fe.apply(this, arguments);
 }
-function qe(t, n) {
+function Be(t, n) {
   if (!(t instanceof n))
     throw new TypeError("Cannot call a class as a function");
 }
-function Be(t, n) {
+function Xe(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 Ye(t, n, r) {
+  return n && Xe(t.prototype, n), t;
 }
-function Ye(t, n) {
+function Ve(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 && ce(t, n);
@@ -409,8 +409,8 @@ function ce(t, n) {
     return i.__proto__ = e, i;
   }, ce(t, n);
 }
-function Ve(t) {
-  var n = Ze();
+function Ge(t) {
+  var n = Je();
   return function() {
     var i = J(t), e;
     if (n) {
@@ -418,10 +418,10 @@ function Ve(t) {
       e = Reflect.construct(i, arguments, o);
     } else
       e = i.apply(this, arguments);
-    return Ge(this, e);
+    return Ze(this, e);
   };
 }
-function Ge(t, n) {
+function Ze(t, n) {
   return n && ($(n) === "object" || typeof n == "function") ? n : O(t);
 }
 function O(t) {
@@ -429,7 +429,7 @@ function O(t) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function Ze() {
+function Je() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -447,14 +447,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 Qe = function(n) {
   return n.hasOwnProperty("key");
-}, me = /* @__PURE__ */ function(t) {
-  Ye(r, t);
-  var n = Ve(r);
+}, ve = /* @__PURE__ */ function(t) {
+  Ve(r, t);
+  var n = Ge(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 Be(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 +462,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 = M.Children.count(e.props.children), a = e.itemsWrapperRef.clientWidth, s = e.props.thumbWidth ? e.props.thumbWidth : (0, Ke.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 +474,7 @@ var Je = function(n) {
         });
       }
     }), P(O(e), "handleClickItem", function(o, a, s) {
-      if (!Je(s) || s.key === "Enter") {
+      if (!Qe(s) || s.key === "Enter") {
         var f = e.props.onSelectItem;
         typeof f == "function" && f(o, a);
       }
@@ -493,8 +493,8 @@ var Je = function(n) {
       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;
       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(T) {
-        e.itemsListRef.style[T] = (0, ge.default)(b, "%", e.props.axis);
+      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));
@@ -513,7 +513,7 @@ var Je = function(n) {
       lastPosition: 0
     }, e;
   }
-  return Xe(r, [{
+  return Ye(r, [{
     key: "componentDidMount",
     value: function() {
       this.setupThumbs();
@@ -552,7 +552,7 @@ var Je = function(n) {
     value: function() {
       var e = this;
       return this.props.children.map(function(o, a) {
-        var s = k.default.ITEM(!1, a === e.state.selectedItem), f = {
+        var s = A.default.ITEM(!1, a === e.state.selectedItem), f = {
           key: a,
           ref: function(m) {
             return e.setThumbsRef(m, a);
@@ -577,7 +577,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, ge.default)(h, "px", this.props.axis), v = this.props.transitionTime + "ms";
+      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";
       return f = {
         WebkitTransform: m,
         MozTransform: m,
@@ -592,20 +592,20 @@ var Je = function(n) {
         transitionDuration: v,
         msTransitionDuration: v
       }, /* @__PURE__ */ M.default.createElement("div", {
-        className: k.default.CAROUSEL(!1)
+        className: A.default.CAROUSEL(!1)
       }, /* @__PURE__ */ M.default.createElement("div", {
-        className: k.default.WRAPPER(!1),
+        className: A.default.WRAPPER(!1),
         ref: this.setItemsWrapperRef
       }, /* @__PURE__ */ M.default.createElement("button", {
         type: "button",
-        className: k.default.ARROW_PREV(!a),
+        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__ */ M.default.createElement(je.default, {
         tagName: "ul",
-        className: k.default.SLIDER(!1, this.state.swiping),
+        className: A.default.SLIDER(!1, this.state.swiping),
         onSwipeLeft: this.slideLeft,
         onSwipeRight: this.slideRight,
         onSwipeMove: this.onSwipeMove,
@@ -615,14 +615,14 @@ var Je = function(n) {
         innerRef: this.setItemsListRef,
         allowMouseEvents: this.props.emulateTouch
       }, this.renderItems()) : /* @__PURE__ */ M.default.createElement("ul", {
-        className: k.default.SLIDER(!1, this.state.swiping),
+        className: A.default.SLIDER(!1, this.state.swiping),
         ref: function(b) {
           return e.setItemsListRef(b);
         },
         style: f
       }, this.renderItems()), /* @__PURE__ */ M.default.createElement("button", {
         type: "button",
-        className: k.default.ARROW_NEXT(!s),
+        className: A.default.ARROW_NEXT(!s),
         onClick: function() {
           return e.slideLeft();
         },
@@ -631,9 +631,9 @@ var Je = function(n) {
     }
   }]), r;
 }(M.Component);
-j.default = me;
-P(me, "displayName", "Thumbs");
-P(me, "defaultProps", {
+j.default = ve;
+P(ve, "displayName", "Thumbs");
+P(ve, "defaultProps", {
   axis: "horizontal",
   labels: {
     leftArrow: "previous slide / item",
@@ -649,58 +649,58 @@ Object.defineProperty(ae, "__esModule", {
   value: !0
 });
 ae.default = void 0;
-var Qe = function() {
+var et = function() {
   return document;
 };
-ae.default = Qe;
+ae.default = et;
 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 tt = F, nt = rt(x);
+function rt(t) {
   return t && t.__esModule ? t : { default: t };
 }
-var rt = function() {
+var it = function() {
 };
-R.noop = rt;
-var it = function(n, r) {
+R.noop = it;
+var ot = function(n, r) {
   return "".concat(n, " of ").concat(r);
 };
-R.defaultStatusFormatter = it;
-var ot = function(n) {
+R.defaultStatusFormatter = ot;
+var at = function(n) {
   return n ? n.hasOwnProperty("key") : !1;
 };
-R.isKeyboardEvent = ot;
-var at = function(n, r) {
+R.isKeyboardEvent = at;
+var st = function(n, r) {
   if (r.infiniteLoop && ++n, n === 0)
     return 0;
-  var i = et.Children.count(r.children);
+  var i = tt.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 = st;
+var ut = 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, nt.default)(n, "%", r);
   }), i;
 };
-R.setPosition = st;
+R.setPosition = ut;
 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, lt = ft(x), L = R;
+function ft(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function be(t, n) {
+function _e(t, n) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(t);
@@ -713,22 +713,22 @@ function be(t, n) {
 function W(t) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? be(Object(r), !0).forEach(function(i) {
-      ft(t, i, r[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach(function(i) {
+    n % 2 ? _e(Object(r), !0).forEach(function(i) {
+      ct(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 ct(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 dt = 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, lt.default)(f, "%", n.axis), m = n.transitionTime + "ms";
   return i.itemListStyle = {
     WebkitTransform: h,
     msTransform: h,
@@ -742,26 +742,26 @@ var ct = function(n, r) {
     msTransitionDuration: m
   })), i;
 };
-C.slideAnimationHandler = ct;
+C.slideAnimationHandler = dt;
 var pt = 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 / _), T = Math.abs(v) > r.swipeScrollTolerance;
-  return r.infiniteLoop && T && (i.selectedItem === 0 && b > -100 ? b -= s * 100 : i.selectedItem === s - 1 && b < -s * 100 && (b += s * 100)), (!r.preventMovementUntilSwipeScrollTolerance || T || i.swipeMovementStarted) && (i.swipeMovementStarted || e({
+  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)), T && !i.cancelClick && e({
+  }), o.itemListStyle = (0, L.setPosition)(b, r.axis)), E && !i.cancelClick && e({
     cancelClick: !0
   }), o;
 };
 C.slideSwipeAnimationHandler = pt;
-var dt = function(n, r) {
+var ht = function(n, r) {
   var i = (0, L.getPosition)(r.selectedItem, n), e = (0, L.setPosition)(i, n.axis);
   return {
     itemListStyle: e
   };
 };
-C.slideStopSwipingHandler = dt;
-var ht = function(n, r) {
+C.slideStopSwipingHandler = ht;
+var mt = function(n, r) {
   var i = n.transitionTime + "ms", e = "ease-in-out", o = {
     position: "absolute",
     display: "block",
@@ -793,19 +793,19 @@ var ht = function(n, r) {
     prevStyle: W({}, o)
   };
 };
-C.fadeAnimationHandler = ht;
+C.fadeAnimationHandler = mt;
 Object.defineProperty(re, "__esModule", {
   value: !0
 });
 re.default = void 0;
-var w = wt(F), mt = B(he), D = B(K), vt = B(j), G = B(ae), Z = B(q), H = R, Q = C;
+var y = wt(F), vt = B(me), k = B(K), yt = B(j), G = B(ae), Z = B(q), H = R, Q = C;
 function B(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function Ee() {
+function Me() {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap();
-  return Ee = function() {
+  return Me = function() {
     return t;
   }, t;
 }
@@ -814,7 +814,7 @@ function wt(t) {
     return t;
   if (t === null || U(t) !== "object" && typeof t != "function")
     return { default: t };
-  var n = Ee();
+  var n = Me();
   if (n && n.has(t))
     return n.get(t);
   var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -833,17 +833,17 @@ function U(t) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
   }, U(t);
 }
-function pe() {
-  return pe = Object.assign || function(t) {
+function de() {
+  return de = 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;
-  }, pe.apply(this, arguments);
+  }, de.apply(this, arguments);
 }
-function _e(t, n) {
+function Pe(t, n) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(t);
@@ -856,39 +856,39 @@ function _e(t, n) {
 function I(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) {
+    n % 2 ? Pe(Object(r), !0).forEach(function(i) {
       c(t, i, r[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : _e(Object(r)).forEach(function(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) {
+function St(t, n) {
   if (!(t instanceof n))
     throw new TypeError("Cannot call a class as a function");
 }
-function St(t, n) {
+function gt(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 bt(t, n, r) {
+  return n && gt(t.prototype, n), t;
 }
-function bt(t, n) {
+function _t(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);
+  t.prototype = Object.create(n && n.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), n && pe(t, n);
 }
-function de(t, n) {
-  return de = Object.setPrototypeOf || function(i, e) {
+function pe(t, n) {
+  return pe = Object.setPrototypeOf || function(i, e) {
     return i.__proto__ = e, i;
-  }, de(t, n);
+  }, pe(t, n);
 }
-function _t(t) {
-  var n = Ot();
+function Pt(t) {
+  var n = Rt();
   return function() {
     var i = ee(t), e;
     if (n) {
@@ -896,18 +896,18 @@ function _t(t) {
       e = Reflect.construct(i, arguments, o);
     } else
       e = i.apply(this, arguments);
-    return Pt(this, e);
+    return Ot(this, e);
   };
 }
-function Pt(t, n) {
-  return n && (U(n) === "object" || typeof n == "function") ? n : p(t);
+function Ot(t, n) {
+  return n && (U(n) === "object" || typeof n == "function") ? n : d(t);
 }
-function p(t) {
+function d(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function Ot() {
+function Rt() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -925,38 +925,38 @@ function 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 ve = /* @__PURE__ */ function(t) {
-  bt(r, t);
-  var n = _t(r);
+var ye = /* @__PURE__ */ function(t) {
+  _t(r, t);
+  var n = Pt(r);
   function r(i) {
     var e;
-    yt(this, r), e = n.call(this, i), c(p(e), "thumbsRef", void 0), c(p(e), "carouselWrapperRef", void 0), c(p(e), "listRef", void 0), c(p(e), "itemsRef", void 0), c(p(e), "timer", void 0), c(p(e), "animationHandler", void 0), c(p(e), "setThumbsRef", function(a) {
+    St(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(p(e), "setCarouselWrapperRef", function(a) {
+    }), c(d(e), "setCarouselWrapperRef", function(a) {
       e.carouselWrapperRef = a;
-    }), c(p(e), "setListRef", function(a) {
+    }), c(d(e), "setListRef", function(a) {
       e.listRef = a;
-    }), c(p(e), "setItemsRef", function(a, s) {
+    }), c(d(e), "setItemsRef", function(a, s) {
       e.itemsRef || (e.itemsRef = []), e.itemsRef[s] = a;
-    }), c(p(e), "autoPlay", function() {
-      w.Children.count(e.props.children) <= 1 || (e.clearAutoPlay(), e.props.autoPlay && (e.timer = setTimeout(function() {
+    }), 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(p(e), "clearAutoPlay", function() {
+    }), c(d(e), "clearAutoPlay", function() {
       e.timer && clearTimeout(e.timer);
-    }), c(p(e), "resetAutoPlay", function() {
+    }), c(d(e), "resetAutoPlay", function() {
       e.clearAutoPlay(), e.autoPlay();
-    }), c(p(e), "stopOnHover", function() {
+    }), c(d(e), "stopOnHover", function() {
       e.setState({
         isMouseEntered: !0
       }, e.clearAutoPlay);
-    }), c(p(e), "startOnLeave", function() {
+    }), c(d(e), "startOnLeave", function() {
       e.setState({
         isMouseEntered: !1
       }, e.autoPlay);
-    }), c(p(e), "isFocusWithinTheCarousel", function() {
+    }), c(d(e), "isFocusWithinTheCarousel", function() {
       return e.carouselWrapperRef ? !!((0, G.default)().activeElement === e.carouselWrapperRef || e.carouselWrapperRef.contains((0, G.default)().activeElement)) : !1;
-    }), c(p(e), "navigateWithKeyboard", function(a) {
+    }), c(d(e), "navigateWithKeyboard", function(a) {
       if (e.isFocusWithinTheCarousel()) {
         var s = e.props.axis, f = s === "horizontal", h = {
           ArrowUp: 38,
@@ -966,7 +966,7 @@ var ve = /* @__PURE__ */ function(t) {
         }, m = f ? h.ArrowRight : h.ArrowDown, v = f ? h.ArrowLeft : h.ArrowUp;
         m === a.keyCode ? e.increment() : v === a.keyCode && e.decrement();
       }
-    }), c(p(e), "updateSizes", function() {
+    }), 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) {
@@ -976,12 +976,12 @@ var ve = /* @__PURE__ */ function(t) {
           }), e.thumbsRef && e.thumbsRef.updateSizes();
         }
       }
-    }), c(p(e), "setMountState", function() {
+    }), c(d(e), "setMountState", function() {
       e.setState({
         hasMount: !0
       }), e.updateSizes();
-    }), c(p(e), "handleClickItem", function(a, s) {
-      if (w.Children.count(e.props.children) !== 0) {
+    }), c(d(e), "handleClickItem", function(a, s) {
+      if (y.Children.count(e.props.children) !== 0) {
         if (e.state.cancelClick) {
           e.setState({
             cancelClick: !1
@@ -992,64 +992,64 @@ var ve = /* @__PURE__ */ function(t) {
           selectedItem: a
         });
       }
-    }), c(p(e), "handleOnChange", function(a, s) {
-      w.Children.count(e.props.children) <= 1 || e.props.onChange(a, s);
-    }), c(p(e), "handleClickThumb", function(a, s) {
+    }), 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(p(e), "onSwipeStart", function(a) {
+    }), c(d(e), "onSwipeStart", function(a) {
       e.setState({
         swiping: !0
       }), e.props.onSwipeStart(a);
-    }), c(p(e), "onSwipeEnd", function(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(p(e), "onSwipeMove", function(a, s) {
+    }), c(d(e), "onSwipeMove", function(a, s) {
       e.props.onSwipeMove(s);
-      var f = e.props.swipeAnimationHandler(a, e.props, e.state, e.setState.bind(p(e)));
+      var f = e.props.swipeAnimationHandler(a, e.props, e.state, e.setState.bind(d(e)));
       return e.setState(I({}, f)), !!Object.keys(f).length;
-    }), c(p(e), "decrement", function() {
+    }), 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(p(e), "increment", function() {
+    }), 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(p(e), "moveTo", function(a) {
+    }), c(d(e), "moveTo", function(a) {
       if (typeof a == "number") {
-        var s = w.Children.count(e.props.children) - 1;
+        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(p(e), "onClickNext", function() {
+    }), c(d(e), "onClickNext", function() {
       e.increment(1);
-    }), c(p(e), "onClickPrev", function() {
+    }), c(d(e), "onClickPrev", function() {
       e.decrement(1);
-    }), c(p(e), "onSwipeForward", function() {
+    }), c(d(e), "onSwipeForward", function() {
       e.increment(1), e.props.emulateTouch && e.setState({
         cancelClick: !0
       });
-    }), c(p(e), "onSwipeBackwards", function() {
+    }), c(d(e), "onSwipeBackwards", function() {
       e.decrement(1), e.props.emulateTouch && e.setState({
         cancelClick: !0
       });
-    }), c(p(e), "changeItem", function(a) {
+    }), c(d(e), "changeItem", function(a) {
       return function(s) {
         (!(0, H.isKeyboardEvent)(s) || s.key === "Enter") && e.moveTo(a);
       };
-    }), c(p(e), "selectItem", function(a) {
+    }), c(d(e), "selectItem", function(a) {
       e.setState(I({
         previousItem: e.state.selectedItem
       }, a), function() {
         e.setState(e.animationHandler(e.props, e.state));
-      }), e.handleOnChange(a.selectedItem, w.Children.toArray(e.props.children)[a.selectedItem]);
-    }), c(p(e), "getInitialImage", function() {
+      }), 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(p(e), "getVariableItemHeight", function(a) {
+    }), 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") || [];
@@ -1085,7 +1085,7 @@ var ve = /* @__PURE__ */ function(t) {
     };
     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 gt(r, [{
+  return bt(r, [{
     key: "componentDidMount",
     value: function() {
       this.props.children && this.setupCarousel();
@@ -1106,7 +1106,7 @@ var ve = /* @__PURE__ */ function(t) {
     key: "setupCarousel",
     value: function() {
       var e = this;
-      this.bindEvents(), this.state.autoPlay && w.Children.count(this.props.children) > 1 && this.setupAutoPlay(), this.props.autoFocus && this.forceFocus(), this.setState({
+      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();
@@ -1154,7 +1154,7 @@ var ve = /* @__PURE__ */ function(t) {
     key: "renderItems",
     value: function(e) {
       var o = this;
-      return this.props.children ? w.Children.map(this.props.children, function(a, s) {
+      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), {}, {
           minWidth: o.props.centerSlidePercentage + "%"
@@ -1166,11 +1166,11 @@ var ve = /* @__PURE__ */ function(t) {
             return o.setItemsRef(b, s);
           },
           key: "itemKey" + s + (e ? "clone" : ""),
-          className: D.default.ITEM(!0, s === o.state.selectedItem, s === o.state.previousItem),
+          className: k.default.ITEM(!0, s === o.state.selectedItem, s === o.state.previousItem),
           onClick: o.handleClickItem.bind(o, s, a),
           style: m
         };
-        return /* @__PURE__ */ w.default.createElement("li", v, o.props.renderItem(a, {
+        return /* @__PURE__ */ y.default.createElement("li", v, o.props.renderItem(a, {
           isSelected: s === o.state.selectedItem,
           isPrevious: s === o.state.previousItem
         }));
@@ -1180,23 +1180,23 @@ var ve = /* @__PURE__ */ function(t) {
     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__ */ w.default.createElement("ul", {
+      return a ? /* @__PURE__ */ y.default.createElement("ul", {
         className: "control-dots"
-      }, w.Children.map(h, function(m, v) {
+      }, 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__ */ w.default.createElement("p", {
+      return this.props.showStatus ? /* @__PURE__ */ y.default.createElement("p", {
         className: "carousel-status"
-      }, this.props.statusFormatter(this.state.selectedItem + 1, w.Children.count(this.props.children))) : null;
+      }, 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 || w.Children.count(this.props.children) === 0 ? null : /* @__PURE__ */ w.default.createElement(vt.default, {
+      return !this.props.showThumbs || !this.props.children || y.Children.count(this.props.children) === 0 ? null : /* @__PURE__ */ y.default.createElement(yt.default, {
         ref: this.setThumbsRef,
         onSelectItem: this.handleClickThumb,
         selectedItem: this.state.selectedItem,
@@ -1210,45 +1210,45 @@ var ve = /* @__PURE__ */ function(t) {
     key: "render",
     value: function() {
       var e = this;
-      if (!this.props.children || w.Children.count(this.props.children) === 0)
+      if (!this.props.children || y.Children.count(this.props.children) === 0)
         return null;
-      var o = this.props.swipeable && w.Children.count(this.props.children) > 1, a = this.props.axis === "horizontal", s = this.props.showArrows && w.Children.count(this.props.children) > 1, f = s && (this.state.selectedItem > 0 || this.props.infiniteLoop) || !1, h = s && (this.state.selectedItem < w.Children.count(this.props.children) - 1 || this.props.infiniteLoop) || !1, m = this.renderItems(!0), v = m.shift(), _ = m.pop(), b = {
-        className: D.default.SLIDER(!0, this.state.swiping),
+      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
-      }, T = {};
+      }, E = {};
       if (a) {
         if (b.onSwipeLeft = this.onSwipeForward, b.onSwipeRight = this.onSwipeBackwards, this.props.dynamicHeight) {
           var X = this.getVariableItemHeight(this.state.selectedItem);
-          T.height = X || "auto";
+          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), {}, {
           height: this.state.itemSize
-        }), T.height = this.state.itemSize;
-      return /* @__PURE__ */ w.default.createElement("div", {
+        }), E.height = this.state.itemSize;
+      return /* @__PURE__ */ y.default.createElement("div", {
         "aria-label": this.props.ariaLabel,
-        className: D.default.ROOT(this.props.className),
+        className: k.default.ROOT(this.props.className),
         ref: this.setCarouselWrapperRef,
         tabIndex: this.props.useKeyboardArrows ? 0 : void 0
-      }, /* @__PURE__ */ w.default.createElement("div", {
-        className: D.default.CAROUSEL(!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__ */ w.default.createElement("div", {
-        className: D.default.WRAPPER(!0, this.props.axis),
-        style: T
-      }, o ? /* @__PURE__ */ w.default.createElement(mt.default, pe({
+      }, 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(vt.default, de({
         tagName: "ul",
         innerRef: this.setListRef
       }, b, {
         allowMouseEvents: this.props.emulateTouch
-      }), this.props.infiniteLoop && _, this.renderItems(), this.props.infiniteLoop && v) : /* @__PURE__ */ w.default.createElement("ul", {
-        className: D.default.SLIDER(!0, this.state.swiping),
+      }), 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);
         },
@@ -1256,10 +1256,10 @@ var ve = /* @__PURE__ */ function(t) {
       }, this.props.infiniteLoop && _, this.renderItems(), this.props.infiniteLoop && v)), this.props.renderArrowNext(this.onClickNext, h, this.props.labels.rightArrow), this.renderStatus()), this.renderThumbs());
     }
   }]), r;
-}(w.default.Component);
-re.default = ve;
-c(ve, "displayName", "Carousel");
-c(ve, "defaultProps", {
+}(y.default.Component);
+re.default = ye;
+c(ye, "displayName", "Carousel");
+c(ye, "defaultProps", {
   ariaLabel: void 0,
   axis: "horizontal",
   centerSlidePercentage: 80,
@@ -1281,24 +1281,24 @@ c(ve, "defaultProps", {
   },
   preventMovementUntilSwipeScrollTolerance: !1,
   renderArrowPrev: function(n, r, i) {
-    return /* @__PURE__ */ w.default.createElement("button", {
+    return /* @__PURE__ */ y.default.createElement("button", {
       type: "button",
       "aria-label": i,
-      className: D.default.ARROW_PREV(!r),
+      className: k.default.ARROW_PREV(!r),
       onClick: n
     });
   },
   renderArrowNext: function(n, r, i) {
-    return /* @__PURE__ */ w.default.createElement("button", {
+    return /* @__PURE__ */ y.default.createElement("button", {
       type: "button",
       "aria-label": i,
-      className: D.default.ARROW_NEXT(!r),
+      className: k.default.ARROW_NEXT(!r),
       onClick: n
     });
   },
   renderIndicator: function(n, r, i, e) {
-    return /* @__PURE__ */ w.default.createElement("li", {
-      className: D.default.DOT(r),
+    return /* @__PURE__ */ y.default.createElement("li", {
+      className: k.default.DOT(r),
       onClick: n,
       onKeyDown: n,
       value: i,
@@ -1312,9 +1312,9 @@ c(ve, "defaultProps", {
     return n;
   },
   renderThumbs: function(n) {
-    var r = w.Children.map(n, function(i) {
+    var r = y.Children.map(n, function(i) {
       var e = i;
-      if (i.type !== "img" && (e = w.Children.toArray(i.props.children).find(function(o) {
+      if (i.type !== "img" && (e = y.Children.toArray(i.props.children).find(function(o) {
         return o.type === "img";
       })), !!e)
         return e;
@@ -1339,7 +1339,7 @@ c(ve, "defaultProps", {
   swipeAnimationHandler: Q.slideSwipeAnimationHandler,
   stopSwipingHandler: Q.slideStopSwipingHandler
 });
-var Rt = {};
+var Et = {};
 (function(t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
@@ -1359,11 +1359,11 @@ var Rt = {};
       return i.default;
     }
   });
-  var n = e(re), r = Rt, i = e(j);
+  var n = e(re), r = Et, i = e(j);
   function e(o) {
     return o && o.__esModule ? o : { default: o };
   }
-})(Oe);
+})(Re);
 const Tt = te.div`
   position: relative;
 
@@ -1395,11 +1395,12 @@ te.div`
   position: absolute;
   top: 0;
   left: 0;
-  background: linear-gradient(
-    to bottom,
-    rgba(0, 0, 0, 0) 0%,
+  background: ${(t) => he(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;
 
   width: 100%;
@@ -1434,16 +1435,15 @@ te.div`
     display: none;
   }
 `;
-const Et = te.div`
+const Mt = te.div`
   position: relative;
   border-radius: 0.75rem;
 
-  background: linear-gradient(
-    178deg,
-    rgba(0, 0, 0, 0) 1.5%,
-    rgba(0, 0, 0, 0.16) 8.95%,
-    #000 98.39%
-  );
+  background: ${(t) => he(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%
+  )`};
 
   & img {
     object-fit: cover;
@@ -1459,7 +1459,7 @@ const Et = te.div`
       border-radius: unset;
     }
   }
-`, Mt = te.div`
+`, It = te.div`
   border-radius: 0.75rem;
   position: absolute;
   top: 0;
@@ -1468,11 +1468,11 @@ const Et = te.div`
   width: 100%;
   padding: 3rem 0 3rem 3rem;
 
-  background: linear-gradient(
+  background: ${(t) => he(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;
@@ -1508,17 +1508,13 @@ const Et = te.div`
       display: none;
     }
   }
-`, It = Ie(
-  ({
-    carouselItems: t = [],
-    onSelectItem: n = () => {
-    },
-    onButtonAction: r = () => {
-    }
-  }, i) => {
+`, Ct = Ce(
+  ({ carouselItems: t = [], onSelectItem: n = () => {
+  }, onButtonAction: r = () => {
+  } }, i) => {
     const e = De();
     return /* @__PURE__ */ N(Tt, { ref: i, children: /* @__PURE__ */ N(
-      Oe.Carousel,
+      Re.Carousel,
       {
         autoPlay: !0,
         infiniteLoop: !0,
@@ -1529,32 +1525,39 @@ const Et = te.div`
         onClickItem: (o) => {
           e || n == null || n(t == null ? void 0 : t.at(o), o);
         },
-        children: t && (t == null ? void 0 : t.map((o, a) => /* @__PURE__ */ ue(Et, { children: [
-          /* @__PURE__ */ N("img", { loading: "lazy", src: o.imageUrl }),
-          /* @__PURE__ */ N(Mt, { children: /* @__PURE__ */ ue("div", { className: "banner-content", children: [
-            /* @__PURE__ */ ue("div", { className: "banner-text", children: [
-              /* @__PURE__ */ N("div", { className: "banner-title", children: o.title }),
-              o.description
-            ] }),
-            ke(o == null ? void 0 : o.buttonText) && /* @__PURE__ */ N(
-              Ae,
-              {
-                color: "neutral",
-                trailingIcon: "arrow-right",
-                onClick: () => r(o),
-                children: o.buttonText
-              }
-            )
-          ] }) })
-        ] }, `banner-${a + 1}`)))
+        children: t && (t == null ? void 0 : t.map((o, a) => /* @__PURE__ */ ue(
+          Mt,
+          {
+            backgroundColor: o == null ? void 0 : o.backgroundColor,
+            children: [
+              /* @__PURE__ */ N("img", { loading: "lazy", src: o.imageUrl }),
+              /* @__PURE__ */ N(It, { backgroundColor: o == null ? void 0 : o.backgroundColor, children: /* @__PURE__ */ ue("div", { className: "banner-content", children: [
+                /* @__PURE__ */ ue("div", { className: "banner-text", children: [
+                  /* @__PURE__ */ N("div", { className: "banner-title", children: o.title }),
+                  o.description
+                ] }),
+                Ae(o == null ? void 0 : o.buttonText) && /* @__PURE__ */ N(
+                  We,
+                  {
+                    color: "neutral",
+                    trailingIcon: "arrow-right",
+                    onClick: () => r(o),
+                    children: o.buttonText
+                  }
+                )
+              ] }) })
+            ]
+          },
+          `banner-${a + 1}`
+        )))
       }
     ) });
   }
 );
-It.propTypes = {
-  items: ye.array,
-  handleClick: ye.func
+Ct.propTypes = {
+  items: Se.array,
+  handleClick: Se.func
 };
 export {
-  It as default
+  Ct as default
 };