@lanaco/lnc-react-ui 4.0.208 → 4.0.210

package/dist/BannerSectionCarousel.cjs

@@ -1,4 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),v=require("./Button.cjs"),w=require("./useDetectMobile-DYV6V1yw.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./style-BAcV7F53.cjs"),y=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),u=require("./style-BAcV7F53.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),v=require("./Button.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),w=require("./utils-CITgSxXe.cjs"),j=h.styled(u.SkeletonColumnWrapper)`
+  @media ${t.down("S")} {
+    & > div {
+      height: 100%;
+      aspect-ratio: 1 / 1;
+    }
+  }
+`,k=({keyPrefix:i})=>r.jsx(j,{noGradient:!0,children:r.jsx(u.SkeletonLinePlaceholder,{keyPrefix:`${i}-1`,height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:n=r.jsx(r.Fragment,{}),children:a})=>r.jsx(d.Suspense,{fallbackComponent:n,children:o===!0?r.jsx(k,{keyPrefix:i}):a}),C=h.styled.div`
   &:hover {
     cursor: pointer;
 
@@ -189,11 +196,4 @@
       }
     }
   }
-`,j=u.styled(m.SkeletonColumnWrapper)`
-  @media ${t.down("S")} {
-    & > div {
-      height: 100%;
-      aspect-ratio: 1 / 1;
-    }
-  }
-`,k=({keyPrefix:i})=>r.jsx(j,{noGradient:!0,children:r.jsx(m.SkeletonLinePlaceholder,{keyPrefix:`${i}-1`,height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:a=r.jsx(r.Fragment,{}),children:n})=>r.jsx(d.Suspense,{fallbackComponent:a,children:o===!0?r.jsx(k,{keyPrefix:i}):n}),C=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:a,partialVisible:n=!0,fallbackComponent:h=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:p=()=>{},carouselProps:g},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=w.useDetectMobile();return r.jsx(y,{ref:f,children:r.jsx(S,{fallbackComponent:h,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:a,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:n,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...g,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),p(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=C;
+`,q=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:n,partialVisible:a=!0,fallbackComponent:m=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:g=()=>{},carouselProps:p},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=y.useDetectMobile();return r.jsx(C,{ref:f,children:r.jsx(S,{fallbackComponent:m,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:n,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:a,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...p,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[w.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,loading:"lazy",className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),g(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=q;

package/dist/BannerSectionCarousel.js

@@ -1,12 +1,25 @@
 import { jsx as r, Fragment as u, jsxs as l } from "react/jsx-runtime";
 import { Suspense as v, forwardRef as y } from "react";
 import { C as w } from "./index-BppfjY8h.js";
-import k from "./Button.js";
-import { u as C } from "./useDetectMobile-CcVo3PNi.js";
-import { d as a, s as i } from "./breakpoints-ff0SIcV3.js";
+import { b as k, a as C } from "./style-BwQ4djFC.js";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as S, a as j } from "./style-BwQ4djFC.js";
-const $ = h.div`
+import { d as o, s as i } from "./breakpoints-ff0SIcV3.js";
+import S from "./Button.js";
+import { u as j } from "./useDetectMobile-CcVo3PNi.js";
+import { m as $ } from "./utils-B2fsQ6PS.js";
+const N = h(k)`
+  @media ${o("S")} {
+    & > div {
+      height: 100%;
+      aspect-ratio: 1 / 1;
+    }
+  }
+`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { noGradient: !0, children: /* @__PURE__ */ r(C, { keyPrefix: `${t}-1`, height: "22.5rem" }) }), B = ({
+  keyPrefix: t,
+  isLoading: a = !1,
+  fallbackComponent: n = /* @__PURE__ */ r(u, {}),
+  children: s
+}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: a === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
   &:hover {
     cursor: pointer;
 
@@ -124,7 +137,7 @@ const $ = h.div`
     right: 1rem;
   }
 
-  @media ${a("M")} {
+  @media ${o("M")} {
     & .carousel-item .section__card,
     & .carousel-item:not(.react-multi-carousel-item--active) .section__card {
       height: 100%;
@@ -136,14 +149,14 @@ const $ = h.div`
     }
   }
 
-  @media ${a("S")} {
+  @media ${o("S")} {
     & .carousel-item .section__card .section__image {
       object-fit: cover;
       object-position: center;
     }
   }
 
-  @media ${a("XS")} {
+  @media ${o("XS")} {
     & .carousel-container {
       min-height: 23.4375rem;
     }
@@ -197,28 +210,16 @@ const $ = h.div`
       }
     }
   }
-`, N = h(S)`
-  @media ${a("S")} {
-    & > div {
-      height: 100%;
-      aspect-ratio: 1 / 1;
-    }
-  }
-`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { noGradient: !0, children: /* @__PURE__ */ r(j, { keyPrefix: `${t}-1`, height: "22.5rem" }) }), B = ({
-  keyPrefix: t,
-  isLoading: o = !1,
-  fallbackComponent: n = /* @__PURE__ */ r(u, {}),
-  children: c
-}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : c }), W = y(
+`, F = y(
   ({
     items: t = [],
-    isLoading: o = !1,
+    isLoading: a = !1,
     deviceType: n,
-    partialVisible: c = !0,
+    partialVisible: s = !0,
     fallbackComponent: p = /* @__PURE__ */ r(u, {}),
-    onSelectItem: _ = () => {
+    onSelectItem: f = () => {
     },
-    onButtonAction: f = () => {
+    onButtonAction: _ = () => {
     },
     carouselProps: g
   }, b) => {
@@ -238,13 +239,13 @@ const $ = h.div`
         items: 1,
         partialVisibilityGutter: 64
       }
-    }, d = C();
-    return /* @__PURE__ */ r($, { ref: b, children: /* @__PURE__ */ r(
+    }, d = j();
+    return /* @__PURE__ */ r(M, { ref: b, children: /* @__PURE__ */ r(
       B,
       {
         fallbackComponent: p,
         keyPrefix: "banner-carousel-skeleton",
-        isLoading: o,
+        isLoading: a,
         children: /* @__PURE__ */ r(
           w,
           {
@@ -254,7 +255,7 @@ const $ = h.div`
             infinite: !d,
             keyBoardControl: !0,
             autoPlay: !0,
-            partialVisible: c,
+            partialVisible: s,
             customTransition: "transform 500ms ease-in-out",
             sliderClass: "carousel-slider",
             itemClass: "carousel-item",
@@ -266,13 +267,14 @@ const $ = h.div`
               "div",
               {
                 className: "section__card",
-                onClick: () => _(e),
+                onClick: () => f(e),
                 children: [
-                  /* @__PURE__ */ r(
+                  $(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
                     "img",
                     {
                       src: e == null ? void 0 : e.imageUrl,
                       alt: `Slide ${m + 1}`,
+                      loading: "lazy",
                       className: "section__image"
                     }
                   ),
@@ -282,13 +284,13 @@ const $ = h.div`
                       (e == null ? void 0 : e.title) && /* @__PURE__ */ r("div", { className: "card__description", children: e == null ? void 0 : e.description })
                     ] }),
                     (e == null ? void 0 : e.buttonText) && /* @__PURE__ */ r(
-                      k,
+                      S,
                       {
                         text: e == null ? void 0 : e.buttonText,
                         className: "card__action",
                         size: "medium",
-                        onClick: (s) => {
-                          s == null || s.stopPropagation(), f(e);
+                        onClick: (c) => {
+                          c == null || c.stopPropagation(), _(e);
                         }
                       }
                     )
@@ -304,5 +306,5 @@ const $ = h.div`
   }
 );
 export {
-  W as default
+  F as default
 };

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-DYV6V1yw.cjs"),_=require("./index-CUaeb_TU.cjs"),f=require("./Button.cjs"),j=require("./style-AYc9hnFj.cjs"),w=o.memo(_.ShopCard),M=o.forwardRef(({buttonText:u,buttonLink:a,items:r,onButtonAction:c=()=>{},onSelectCard:s=()=>{},isLoading:v=!1,limit:R=4,getImage:n=()=>{},isHighlight:l=!1,componentName:d},p)=>{const h=q.useDetectMobile(),m=o.useMemo(()=>{var t;return(t=r==null?void 0:r.slice(0,4))==null?void 0:t.map((e,g)=>i.jsx(w,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:(C,b)=>s==null?void 0:s(e==null?void 0:e.uuid,b),image:n(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0,metadata:{name:d,accessor:e==null?void 0:e.accessor}},`shop-card__${g+1}`))},[r]);return i.jsxs(j.Wrapper,{ref:p,className:l?"highlight":"",children:[i.jsx("div",{className:"wrapper__grid",children:m}),i.jsx(f,{text:u,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>c(a)})]})});module.exports=M;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-DYV6V1yw.cjs"),_=require("./index-B1-PjbTA.cjs"),f=require("./Button.cjs"),j=require("./style-AYc9hnFj.cjs"),w=o.memo(_.ShopCard),M=o.forwardRef(({buttonText:u,buttonLink:a,items:r,onButtonAction:c=()=>{},onSelectCard:s=()=>{},isLoading:v=!1,limit:R=4,getImage:n=()=>{},isHighlight:l=!1,componentName:d},p)=>{const h=q.useDetectMobile(),m=o.useMemo(()=>{var t;return(t=r==null?void 0:r.slice(0,4))==null?void 0:t.map((e,g)=>i.jsx(w,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:(C,b)=>s==null?void 0:s(e==null?void 0:e.uuid,b),image:n(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0,metadata:{name:d,accessor:e==null?void 0:e.accessor}},`shop-card__${g+1}`))},[r]);return i.jsxs(j.Wrapper,{ref:p,className:l?"highlight":"",children:[i.jsx("div",{className:"wrapper__grid",children:m}),i.jsx(f,{text:u,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>c(a)})]})});module.exports=M;

package/dist/BlogShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as _, useMemo as w } from "react";
 import { u as v } from "./useDetectMobile-CcVo3PNi.js";
-import { S as M } from "./index-yARaIaLj.js";
+import { S as M } from "./index-BEUk0FDk.js";
 import C from "./Button.js";
 import { W as N } from "./style-Bq3rMbnN.js";
 const S = b(M), L = _(

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),$=require("./index-CUaeb_TU.cjs"),R=require("./utils-CITgSxXe.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./breakpoints-CcVm-gVm.cjs"),s=require("./style-BAcV7F53.cjs"),N=f.styled.div`
+"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),$=require("./index-B1-PjbTA.cjs"),R=require("./utils-CITgSxXe.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./breakpoints-CcVm-gVm.cjs"),s=require("./style-BAcV7F53.cjs"),N=f.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/ShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r, Fragment as N } from "react/jsx-runtime";
 import { Suspense as R, forwardRef as j } from "react";
 import u from "./Button.js";
-import { S as z } from "./index-yARaIaLj.js";
+import { S as z } from "./index-BEUk0FDk.js";
 import { l as M } from "./utils-B2fsQ6PS.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as m } from "./breakpoints-ff0SIcV3.js";

package/dist/{index-CUaeb_TU.cjs → index-B1-PjbTA.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),x=require("./Icon.cjs"),o=require("./utils-CITgSxXe.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./breakpoints-CcVm-gVm.cjs"),f=require("./ShopAvatar-CV3lj34D.cjs"),k=require("./index-DsINTjQk.cjs"),D=$.styled.a`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./Icon.cjs"),o=require("./utils-CITgSxXe.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./breakpoints-CcVm-gVm.cjs"),d=require("./ShopAvatar-CV3lj34D.cjs"),k=require("./index-DsINTjQk.cjs"),D=$.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -119,6 +119,10 @@
         border-radius: 0 0 1.25rem 0;
       }
 
+      &:only-child {
+        border-radius: 0 0 1.25rem 1.25rem;
+      }
+
       & .product__image {
         width: 100%;
         aspect-ratio: 1 / 1;
@@ -139,4 +143,4 @@
       }
     }
   }
-`,E=t.forwardRef(({uuid:c,image:p,imageComponent:g,title:w,subtitle:d,badges:v,rating:y,reviewCount:m,products:l,onSelectCard:j=()=>{},getProductImage:b=()=>{},canAcceptPayments:N,hideProducts:S=!1,showRating:q=!0,metadata:i={},LinkComponent:_},I)=>{const u=_||"a",s=t.useRef(),h=t.useRef();return t.useEffect(()=>{var n;const e=a=>{a.target.src=f.DefaultShopImage,a.onerror=null};return(n=s==null?void 0:s.current)==null||n.addEventListener("error",e),()=>{var a;(a=s==null?void 0:s.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(D,{ref:h,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,onClick:e=>j(e,h),as:u,..._?{to:`/shop/${c}`}:{href:`/shop/${c}`},children:[r.jsxs("div",{className:"wrapper__content",children:[o.isDefined(g)?g:p?r.jsx("img",{ref:s,src:p,className:"wrapper__image"}):r.jsx("img",{src:f.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[w," ",N&&r.jsx(x,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:d}),v&&r.jsx("div",{className:"wrapper__badges"}),q&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,n)=>r.jsx(x,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=y?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",m==null?void 0:m.toLocaleString(),")"]})]})]})]}),S!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,n)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:o.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(k.ProductImageWrapper,{src:b(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},n)))})]})});exports.ShopCard=E;
+`,E=l.forwardRef(({uuid:c,image:p,imageComponent:g,title:f,subtitle:w,badges:v,rating:y,reviewCount:m,products:t,onSelectCard:j=()=>{},getProductImage:b=()=>{},canAcceptPayments:N,hideProducts:u=!1,showRating:S=!0,metadata:i={},LinkComponent:_},I)=>{const q=_||"a",s=l.useRef(),h=l.useRef();return l.useEffect(()=>{var n;const e=a=>{a.target.src=d.DefaultShopImage,a.onerror=null};return(n=s==null?void 0:s.current)==null||n.addEventListener("error",e),()=>{var a;(a=s==null?void 0:s.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(D,{ref:h,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,onClick:e=>j(e,h),as:q,..._?{to:`/shop/${c}`}:{href:`/shop/${c}`},children:[r.jsxs("div",{className:"wrapper__content",children:[o.isDefined(g)?g:p?r.jsx("img",{ref:s,src:p,className:"wrapper__image"}):r.jsx("img",{src:d.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[f," ",N&&r.jsx(x,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:w}),v&&r.jsx("div",{className:"wrapper__badges"}),S&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,n)=>r.jsx(x,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=y?"gold-star":""}`},`shop-card-rating-star__${n+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",m==null?void 0:m.toLocaleString(),")"]})]})]})]}),u!==!0&&r.jsx("div",{className:"wrapper__products",children:t&&(t==null?void 0:t.map((e,n)=>r.jsx(l.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:o.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(k.ProductImageWrapper,{src:b(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},n)))})]})});exports.ShopCard=E;

package/dist/{index-yARaIaLj.js → index-BEUk0FDk.js}

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { forwardRef as D, useRef as f, useEffect as L, Fragment as P } from "react";
-import h from "./Icon.js";
-import { n as w, m as d } from "./utils-B2fsQ6PS.js";
+import { forwardRef as D, useRef as h, useEffect as L, Fragment as P } from "react";
+import f from "./Icon.js";
+import { n as d, m as w } from "./utils-B2fsQ6PS.js";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as W } from "./breakpoints-ff0SIcV3.js";
 import { D as x } from "./ShopAvatar-4-fCYGEc.js";
@@ -61,7 +61,7 @@ const C = I.a`
       font-weight: 500;
       line-height: 1.5rem;
       letter-spacing: -0.0112rem;
-      ${w(2)}
+      ${d(2)}
       text-align: center;
     }
 
@@ -73,7 +73,7 @@ const C = I.a`
       font-weight: 400;
       line-height: 1.25rem;
       letter-spacing: -0.0056rem;
-      ${w(2)}
+      ${d(2)}
     }
 
     & .wrapper__badges {
@@ -127,6 +127,10 @@ const C = I.a`
         border-radius: 0 0 1.25rem 0;
       }
 
+      &:only-child {
+        border-radius: 0 0 1.25rem 1.25rem;
+      }
+
       & .product__image {
         width: 100%;
         aspect-ratio: 1 / 1;
@@ -168,7 +172,7 @@ const C = I.a`
     metadata: s = {},
     LinkComponent: g
   }, F) => {
-    const z = g || "a", i = f(), _ = f();
+    const z = g || "a", i = h(), _ = h();
     return L(() => {
       var n;
       const e = (a) => {
@@ -193,18 +197,18 @@ const C = I.a`
         },
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-            d(p) ? p : c ? /* @__PURE__ */ r("img", { ref: i, src: c, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: x, className: "wrapper__image" }),
+            w(p) ? p : c ? /* @__PURE__ */ r("img", { ref: i, src: c, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: x, className: "wrapper__image" }),
             /* @__PURE__ */ l("div", { className: "wrapper__info", children: [
               /* @__PURE__ */ l("div", { className: "wrapper__title", children: [
                 v,
                 " ",
-                j && /* @__PURE__ */ r(h, { color: "secondary", icon: "credit-card", className: "card" })
+                j && /* @__PURE__ */ r(f, { color: "secondary", icon: "credit-card", className: "card" })
               ] }),
               /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: y }),
               b && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
               k && /* @__PURE__ */ l("div", { className: "wrapper__rating", children: [
                 /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, n) => /* @__PURE__ */ r(
-                  h,
+                  f,
                   {
                     icon: " mng-lnc-star--filled",
                     className: `wrapper__star ${e >= N ? "gold-star" : ""}`
@@ -227,7 +231,7 @@ const C = I.a`
                 var a;
                 return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
               },
-              children: d(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
+              children: w(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
                 A,
                 {
                   src: S(

package/package.json

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