@lanaco/lnc-react-ui 4.0.66 → 4.0.67

package/dist/BannerSectionCarousel.cjs

@@ -140,4 +140,4 @@
       display: none;
     }
   }
-`,Te=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},buttonText:r,onButtonAction:i=()=>{}},e)=>{const o=Ce.useDetectMobile();return D.jsx(Ot,{ref:e,children:D.jsx(Pe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:a=>{o||n==null||n(t==null?void 0:t.at(a),a)},children:t&&(t==null?void 0:t.map((a,s)=>D.jsxs(Rt,{children:[D.jsx("img",{loading:"lazy",src:a.imageUrl}),D.jsx(Et,{children:D.jsxs("div",{className:"banner-content",children:[D.jsxs("div",{className:"banner-text",children:[D.jsx("div",{className:"banner-title",children:a.title}),a.description]}),De.isDefined(r)&&D.jsx(Le,{color:"neutral",trailingIcon:"arrow-right",onClick:()=>i(a),children:a.buttonText})]})})]},`banner-${s+1}`)))})})});Te.propTypes={items:le.PropTypes.array,handleClick:le.PropTypes.func};module.exports=Te;
+`,Te=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},onButtonAction:r=()=>{}},i)=>{const e=Ce.useDetectMobile();return D.jsx(Ot,{ref:i,children:D.jsx(Pe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:o=>{e||n==null||n(t==null?void 0:t.at(o),o)},children:t&&(t==null?void 0:t.map((o,a)=>D.jsxs(Rt,{children:[D.jsx("img",{loading:"lazy",src:o.imageUrl}),D.jsx(Et,{children:D.jsxs("div",{className:"banner-content",children:[D.jsxs("div",{className:"banner-text",children:[D.jsx("div",{className:"banner-title",children:o.title}),o.description]}),De.isDefined(o==null?void 0:o.buttonText)&&D.jsx(Le,{color:"neutral",trailingIcon:"arrow-right",onClick:()=>r(o),children:o.buttonText})]})})]},`banner-${a+1}`)))})})});Te.propTypes={items:le.PropTypes.array,handleClick:le.PropTypes.func};module.exports=Te;

package/dist/BannerSectionCarousel.js

@@ -16,7 +16,7 @@ function We() {
     })(Pe, function(n, r, i) {
       Object.defineProperty(n, "__esModule", {
         value: !0
-      }), n.setHasSupportToCaptureOption = E;
+      }), n.setHasSupportToCaptureOption = T;
       var e = a(r), o = a(i);
       function a(l) {
         return l && l.__esModule ? l : {
@@ -44,8 +44,8 @@ function We() {
       var m = /* @__PURE__ */ function() {
         function l(d, S) {
           for (var u = 0; u < S.length; u++) {
-            var b = S[u];
-            b.enumerable = b.enumerable || !1, b.configurable = !0, "value" in b && (b.writable = !0), Object.defineProperty(d, b.key, b);
+            var g = S[u];
+            g.enumerable = g.enumerable || !1, g.configurable = !0, "value" in g && (g.writable = !0), Object.defineProperty(d, g.key, g);
           }
         }
         return function(d, S, u) {
@@ -69,36 +69,36 @@ function We() {
           }
         }), d && (Object.setPrototypeOf ? Object.setPrototypeOf(l, d) : l.__proto__ = d);
       }
-      var g = !1;
-      function E(l) {
-        g = l;
+      var b = !1;
+      function T(l) {
+        b = l;
       }
       try {
         addEventListener("test", null, Object.defineProperty({}, "capture", { get: function() {
-          E(!0);
+          T(!0);
         } }));
       } catch {
       }
       function X() {
         var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { capture: !0 };
-        return g ? l : l.capture;
+        return b ? l : l.capture;
       }
       function se(l) {
         if ("touches" in l) {
           var d = l.touches[0], S = d.pageX, u = d.pageY;
           return { x: S, y: u };
         }
-        var b = l.screenX, T = l.screenY;
-        return { x: b, y: T };
+        var g = l.screenX, E = l.screenY;
+        return { x: g, y: E };
       }
       var z = function(l) {
         _(d, l);
         function d() {
           var S;
           h(this, d);
-          for (var u = arguments.length, b = Array(u), T = 0; T < u; T++)
-            b[T] = arguments[T];
-          var y = v(this, (S = d.__proto__ || Object.getPrototypeOf(d)).call.apply(S, [this].concat(b)));
+          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;
         }
         return m(d, [{
@@ -135,14 +135,14 @@ function We() {
         }, {
           key: "_handleSwipeStart",
           value: function(u) {
-            var b = se(u), T = b.x, y = b.y;
-            this.moveStart = { x: T, y }, this.props.onSwipeStart(u);
+            var g = se(u), E = g.x, y = g.y;
+            this.moveStart = { x: E, y }, this.props.onSwipeStart(u);
           }
         }, {
           key: "_handleSwipeMove",
           value: function(u) {
             if (this.moveStart) {
-              var b = se(u), T = b.x, y = b.y, Y = T - this.moveStart.x, we = y - this.moveStart.y;
+              var g = se(u), E = g.x, y = g.y, Y = E - this.moveStart.x, we = y - this.moveStart.y;
               this.moving = !0;
               var Me = this.props.onSwipeMove({
                 x: Y,
@@ -155,8 +155,8 @@ function We() {
           key: "_handleSwipeEnd",
           value: function(u) {
             this.props.onSwipeEnd(u);
-            var b = this.props.tolerance;
-            this.moving && this.movePosition && (this.movePosition.deltaX < -b ? this.props.onSwipeLeft(1, u) : this.movePosition.deltaX > b && this.props.onSwipeRight(1, u), this.movePosition.deltaY < -b ? this.props.onSwipeUp(1, u) : this.movePosition.deltaY > b && this.props.onSwipeDown(1, u)), this.moveStart = null, this.moving = !1, this.movePosition = null;
+            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",
@@ -168,7 +168,7 @@ function We() {
           value: function() {
             var u = this.props;
             u.tagName;
-            var b = u.className, T = u.style, y = u.children;
+            var g = u.className, E = u.style, y = 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(
@@ -178,8 +178,8 @@ function We() {
                 onMouseDown: this._onMouseDown,
                 onTouchStart: this._handleSwipeStart,
                 onTouchEnd: this._handleSwipeEnd,
-                className: b,
-                style: T
+                className: g,
+                style: E
               }, Y),
               y
             );
@@ -341,7 +341,7 @@ Object.defineProperty(j, "__esModule", {
   value: !0
 });
 j.default = void 0;
-var M = je(F), k = oe(K), Fe = ie, be = oe(x), Ke = oe(he), V = oe(q);
+var M = je(F), k = oe(K), Fe = ie, ge = oe(x), Ke = oe(he), V = oe(q);
 function oe(t) {
   return t && t.__esModule ? t : { default: t };
 }
@@ -492,9 +492,9 @@ var Je = function(n) {
         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;
       h === s && a > 0 && (a = 0), h === v && a < 0 && (a = 0);
-      var _ = e.itemsWrapperRef.clientWidth, g = h + 100 / (_ / a);
-      return e.itemsListRef && ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(E) {
-        e.itemsListRef.style[E] = (0, be.default)(g, "%", e.props.axis);
+      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);
       }), !0;
     }), P(O(e), "slideRight", function(o) {
       e.moveTo(e.state.firstItem - (typeof o == "number" ? o : 1));
@@ -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, be.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, ge.default)(h, "px", this.props.axis), v = this.props.transitionTime + "ms";
       return f = {
         WebkitTransform: m,
         MozTransform: m,
@@ -616,8 +616,8 @@ var Je = function(n) {
         allowMouseEvents: this.props.emulateTouch
       }, this.renderItems()) : /* @__PURE__ */ M.default.createElement("ul", {
         className: k.default.SLIDER(!1, this.state.swiping),
-        ref: function(g) {
-          return e.setItemsListRef(g);
+        ref: function(b) {
+          return e.setItemsListRef(b);
         },
         style: f
       }, this.renderItems()), /* @__PURE__ */ M.default.createElement("button", {
@@ -696,11 +696,11 @@ Object.defineProperty(C, "__esModule", {
   value: !0
 });
 C.fadeAnimationHandler = C.slideStopSwipingHandler = C.slideSwipeAnimationHandler = C.slideAnimationHandler = void 0;
-var Ee = F, ut = lt(x), L = R;
+var Te = F, ut = lt(x), L = R;
 function lt(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function ge(t, n) {
+function be(t, n) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(t);
@@ -713,9 +713,9 @@ function ge(t, n) {
 function W(t) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? ge(Object(r), !0).forEach(function(i) {
+    n % 2 ? be(Object(r), !0).forEach(function(i) {
       ft(t, i, r[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : ge(Object(r)).forEach(function(i) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach(function(i) {
       Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(r, i));
     });
   }
@@ -725,7 +725,7 @@ function ft(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 i = {}, e = r.selectedItem, o = e, a = Ee.Children.count(n.children) - 1, s = n.infiniteLoop && (e < 0 || e > a);
+  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";
@@ -744,12 +744,12 @@ var ct = function(n, r) {
 };
 C.slideAnimationHandler = ct;
 var pt = function(n, r, i, e) {
-  var o = {}, a = r.axis === "horizontal", s = Ee.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;
+  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 g = h + 100 / (i.itemSize / _), E = Math.abs(v) > r.swipeScrollTolerance;
-  return r.infiniteLoop && E && (i.selectedItem === 0 && g > -100 ? g -= s * 100 : i.selectedItem === s - 1 && g < -s * 100 && (g += s * 100)), (!r.preventMovementUntilSwipeScrollTolerance || E || i.swipeMovementStarted) && (i.swipeMovementStarted || e({
+  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({
     swipeMovementStarted: !0
-  }), o.itemListStyle = (0, L.setPosition)(g, r.axis)), E && !i.cancelClick && e({
+  }), o.itemListStyle = (0, L.setPosition)(b, r.axis)), T && !i.cancelClick && e({
     cancelClick: !0
   }), o;
 };
@@ -802,10 +802,10 @@ var w = wt(F), mt = B(he), D = B(K), vt = B(j), G = B(ae), Z = B(q), H = R, Q =
 function B(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function Te() {
+function Ee() {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap();
-  return Te = function() {
+  return Ee = 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 = Te();
+  var n = Ee();
   if (n && n.has(t))
     return n.get(t);
   var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -874,10 +874,10 @@ function St(t, n) {
     i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
   }
 }
-function bt(t, n, r) {
+function gt(t, n, r) {
   return n && St(t.prototype, n), t;
 }
-function gt(t, n) {
+function bt(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);
@@ -926,7 +926,7 @@ 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) {
-  gt(r, t);
+  bt(r, t);
   var n = _t(r);
   function r(i) {
     var e;
@@ -1056,8 +1056,8 @@ var ve = /* @__PURE__ */ function(t) {
         if (f.length > 0) {
           var h = f[0];
           if (!h.complete) {
-            var m = function g() {
-              e.forceUpdate(), h.removeEventListener("load", g);
+            var m = function b() {
+              e.forceUpdate(), h.removeEventListener("load", b);
             };
             h.addEventListener("load", m);
           }
@@ -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 bt(r, [{
+  return gt(r, [{
     key: "componentDidMount",
     value: function() {
       this.props.children && this.setupCarousel();
@@ -1162,8 +1162,8 @@ var ve = /* @__PURE__ */ function(t) {
           pointerEvents: "none"
         }));
         var v = {
-          ref: function(g) {
-            return o.setItemsRef(g, s);
+          ref: function(b) {
+            return o.setItemsRef(b, s);
           },
           key: "itemKey" + s + (e ? "clone" : ""),
           className: D.default.ITEM(!0, s === o.state.selectedItem, s === o.state.previousItem),
@@ -1212,23 +1212,23 @@ var ve = /* @__PURE__ */ function(t) {
       var e = this;
       if (!this.props.children || w.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(), g = {
+      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),
         onSwipeMove: this.onSwipeMove,
         onSwipeStart: this.onSwipeStart,
         onSwipeEnd: this.onSwipeEnd,
         style: this.state.itemListStyle,
         tolerance: this.props.swipeScrollTolerance
-      }, E = {};
+      }, T = {};
       if (a) {
-        if (g.onSwipeLeft = this.onSwipeForward, g.onSwipeRight = this.onSwipeBackwards, this.props.dynamicHeight) {
+        if (b.onSwipeLeft = this.onSwipeForward, b.onSwipeRight = this.onSwipeBackwards, this.props.dynamicHeight) {
           var X = this.getVariableItemHeight(this.state.selectedItem);
-          E.height = X || "auto";
+          T.height = X || "auto";
         }
       } else
-        g.onSwipeUp = this.props.verticalSwipe === "natural" ? this.onSwipeBackwards : this.onSwipeForward, g.onSwipeDown = this.props.verticalSwipe === "natural" ? this.onSwipeForward : this.onSwipeBackwards, g.style = I(I({}, g.style), {}, {
+        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
-        }), E.height = this.state.itemSize;
+        }), T.height = this.state.itemSize;
       return /* @__PURE__ */ w.default.createElement("div", {
         "aria-label": this.props.ariaLabel,
         className: D.default.ROOT(this.props.className),
@@ -1241,11 +1241,11 @@ var ve = /* @__PURE__ */ function(t) {
         }
       }, 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: E
+        style: T
       }, o ? /* @__PURE__ */ w.default.createElement(mt.default, pe({
         tagName: "ul",
         innerRef: this.setListRef
-      }, g, {
+      }, 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),
@@ -1364,7 +1364,7 @@ var Rt = {};
     return o && o.__esModule ? o : { default: o };
   }
 })(Oe);
-const Et = te.div`
+const Tt = te.div`
   position: relative;
 
   & .image-carousel {
@@ -1434,7 +1434,7 @@ te.div`
     display: none;
   }
 `;
-const Tt = te.div`
+const Et = te.div`
   position: relative;
   border-radius: 0.75rem;
 
@@ -1513,12 +1513,11 @@ const Tt = te.div`
     carouselItems: t = [],
     onSelectItem: n = () => {
     },
-    buttonText: r,
-    onButtonAction: i = () => {
+    onButtonAction: r = () => {
     }
-  }, e) => {
-    const o = De();
-    return /* @__PURE__ */ N(Et, { ref: e, children: /* @__PURE__ */ N(
+  }, i) => {
+    const e = De();
+    return /* @__PURE__ */ N(Tt, { ref: i, children: /* @__PURE__ */ N(
       Oe.Carousel,
       {
         autoPlay: !0,
@@ -1527,27 +1526,27 @@ const Tt = te.div`
         showStatus: !1,
         showThumbs: !1,
         transitionTime: 500,
-        onClickItem: (a) => {
-          o || n == null || n(t == null ? void 0 : t.at(a), a);
+        onClickItem: (o) => {
+          e || n == null || n(t == null ? void 0 : t.at(o), o);
         },
-        children: t && (t == null ? void 0 : t.map((a, s) => /* @__PURE__ */ ue(Tt, { children: [
-          /* @__PURE__ */ N("img", { loading: "lazy", src: a.imageUrl }),
+        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: a.title }),
-              a.description
+              /* @__PURE__ */ N("div", { className: "banner-title", children: o.title }),
+              o.description
             ] }),
-            ke(r) && /* @__PURE__ */ N(
+            ke(o == null ? void 0 : o.buttonText) && /* @__PURE__ */ N(
               Ae,
               {
                 color: "neutral",
                 trailingIcon: "arrow-right",
-                onClick: () => i(a),
-                children: a.buttonText
+                onClick: () => r(o),
+                children: o.buttonText
               }
             )
           ] }) })
-        ] }, `banner-${s + 1}`)))
+        ] }, `banner-${a + 1}`)))
       }
     ) });
   }

package/dist/SimpleCategoriesSection.cjs

@@ -1,9 +1,9 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),u=require("./utils-BXPz9bck.cjs"),q=require("./style-C571ywKV.cjs"),k=require("./Button.cjs"),m=require("./suspense-categories-card-simple-o7JK0fA4.cjs"),v=j.styled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-CtNoHdBj.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-BXPz9bck.cjs"),k=require("./style-C571ywKV.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-o7JK0fA4.cjs"),M=w.styled.div`
   display: grid;
   grid-template-columns: ${a=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -22,4 +22,4 @@
       /* Safari and Chrome */
     }
   }
-`,d=s.memo(m.CategorySimpleCard),M=s.forwardRef((a,p)=>{const{icon:l,title:g="Shop by category",items:i,buttonText:y="Shop now",buttonLink:c,limit:o=12,onButtonAction:b=()=>{},onSelectCard:t=()=>{},isLoading:h=!1}=a,f=C.useDetectMobile(),S=s.useMemo(()=>r.jsx(r.Fragment,{children:f===!0?i==null?void 0:i.map((e,n)=>r.jsx(d,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid)},n)):i==null?void 0:i.slice(0,o).map((e,n)=>r.jsx(d,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid)},n))}),[i]);return r.jsxs(q.RegulatTitleSectionWrapper,{ref:p,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:g})]}),u.isDefinedNotEmptyString(c)&&r.jsx(k,{type:"button",btnType:"tinted",color:"gray",onClick:()=>b(c),borderRadius:"curved",children:y})]}),r.jsx(v,{limit:o,children:r.jsx(m.SuspenseSimpleCategoryCard,{isLoading:h,limit:o,keyPrefix:"explore-landing",children:S})})]})});module.exports=M;
+`,m=s.memo(p.CategorySimpleCard),E=s.forwardRef((a,g)=>{const{icon:l,title:y="Shop by category",items:t,buttonText:b="Shop now",buttonLink:c,limit:o=12,onButtonAction:h=()=>{},onSelectCard:i=()=>{},isLoading:f=!1,getImage:u=()=>{}}=a,S=q.useDetectMobile(),j=s.useMemo(()=>r.jsx(r.Fragment,{children:S===!0?t==null?void 0:t.map((e,n)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},n)):t==null?void 0:t.slice(0,o).map((e,n)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e)},n))}),[t]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:g,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:y})]}),d.isDefinedNotEmptyString(c)&&r.jsx(v,{type:"button",btnType:"tinted",color:"gray",onClick:()=>h(c),borderRadius:"curved",children:b})]}),r.jsx(M,{limit:o,children:r.jsx(p.SuspenseSimpleCategoryCard,{isLoading:f,limit:o,keyPrefix:"explore-landing",children:j})})]})});module.exports=E;

package/dist/SimpleCategoriesSection.js

@@ -1,18 +1,18 @@
-import { jsx as r, Fragment as w, jsxs as n } from "react/jsx-runtime";
-import { memo as S, forwardRef as C, useMemo as k } from "react";
-import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M } from "./consts-C1uHV4xc.js";
-import { u as E } from "./useDetectMobile-BC6EGaBc.js";
-import { k as d } from "./utils-DCs-SbIv.js";
+import { jsx as r, Fragment as S, jsxs as n } from "react/jsx-runtime";
+import { memo as C, forwardRef as k, useMemo as v } from "react";
+import { s as M } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as E } from "./consts-C1uHV4xc.js";
+import { u as I } from "./useDetectMobile-BC6EGaBc.js";
+import { k as p } from "./utils-DCs-SbIv.js";
 import { R as N } from "./style-CsMpu4iC.js";
 import R from "./Button.js";
-import { C as B, S as I } from "./suspense-categories-card-simple-Tiure3NX.js";
-const L = v.div`
+import { C as B, S as L } from "./suspense-categories-card-simple-Tiure3NX.js";
+const P = M.div`
   display: grid;
   grid-template-columns: ${(l) => "repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${E + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -31,67 +31,69 @@ const L = v.div`
       /* Safari and Chrome */
     }
   }
-`, p = S(B), A = C((l, c) => {
+`, c = C(B), G = k((l, u) => {
   const {
     icon: m,
-    title: u = "Shop by category",
+    title: g = "Shop by category",
     items: o,
     buttonText: f = "Shop now",
     buttonLink: s,
     limit: t = 12,
-    onButtonAction: g = () => {
+    onButtonAction: b = () => {
     },
     onSelectCard: i = () => {
     },
-    isLoading: b = !1
-  } = l, y = E(), h = k(() => /* @__PURE__ */ r(w, { children: y === !0 ? o == null ? void 0 : o.map((e, a) => /* @__PURE__ */ r(
-    p,
+    isLoading: y = !1,
+    getImage: d = () => {
+    }
+  } = l, h = I(), w = v(() => /* @__PURE__ */ r(S, { children: h === !0 ? o == null ? void 0 : o.map((e, a) => /* @__PURE__ */ r(
+    c,
     {
       uuid: e == null ? void 0 : e.uuid,
-      image: e == null ? void 0 : e.image,
+      image: d(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
       onSelectCard: () => i == null ? void 0 : i(e == null ? void 0 : e.uuid)
     },
     a
   )) : o == null ? void 0 : o.slice(0, t).map((e, a) => /* @__PURE__ */ r(
-    p,
+    c,
     {
       uuid: e == null ? void 0 : e.uuid,
-      image: e == null ? void 0 : e.image,
+      image: d(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
-      onSelectCard: () => i == null ? void 0 : i(e == null ? void 0 : e.uuid)
+      onSelectCard: () => i == null ? void 0 : i(e)
     },
     a
   )) }), [o]);
-  return /* @__PURE__ */ n(N, { ref: c, children: [
+  return /* @__PURE__ */ n(N, { ref: u, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        d(m) && /* @__PURE__ */ r("i", { className: m }),
-        /* @__PURE__ */ r("span", { children: u })
+        p(m) && /* @__PURE__ */ r("i", { className: m }),
+        /* @__PURE__ */ r("span", { children: g })
       ] }),
-      d(s) && /* @__PURE__ */ r(
+      p(s) && /* @__PURE__ */ r(
         R,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => g(s),
+          onClick: () => b(s),
           borderRadius: "curved",
           children: f
         }
       )
     ] }),
-    /* @__PURE__ */ r(L, { limit: t, children: /* @__PURE__ */ r(
-      I,
+    /* @__PURE__ */ r(P, { limit: t, children: /* @__PURE__ */ r(
+      L,
       {
-        isLoading: b,
+        isLoading: y,
         limit: t,
         keyPrefix: "explore-landing",
-        children: h
+        children: w
       }
     ) })
   ] });
 });
 export {
-  A as default
+  G as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.66",
+  "version": "4.0.67",
   "description": "React component library",
   "type": "module",
   "keywords": [