@lanaco/lnc-react-ui 4.0.113 → 4.0.114

package/dist/BannerSectionWithListImage.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("react"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),y=require("./Button.cjs"),j=n.styled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("react"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),j=require("./Button.cjs"),y=n.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>(e==null?void 0:e.bgColor)||"transparent"};
@@ -79,4 +79,4 @@
 
   @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
   }
-`,B=a.forwardRef((e,m)=>{const{title:d,subtitle:l,buttonText:c,list:s,imageUrl:x,imageHeight:g,imageWidth:h,imageHeightMobile:p,hasBorder:u=!0,backgroundColor:b="transparent",onButtonAction:f=()=>{},buttonLink:w}=e;return i.jsxs(j,{ref:m,imgH:g,imgW:h,imgHMob:p,hasBorder:u,bgColor:b,children:[i.jsxs(v,{children:[i.jsxs($,{children:[i.jsx("div",{className:"header-title",children:d}),i.jsx("div",{className:"header-subitle",children:l})]}),i.jsx(_,{children:s==null?void 0:s.map((t,r)=>i.jsx(a.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:t})]})},r))}),i.jsx(y,{size:"medium",color:"gray",type:"button",btnType:"outline",onClick:t=>{var r;(r=t==null?void 0:t.target)==null||r.blur(),f(w)},children:c})]}),i.jsx("img",{src:x})]})});module.exports=B;
+`,B=a.forwardRef((e,m)=>{const{title:d,subtitle:l,buttonText:c,list:s,imageUrl:x,imageHeight:g,imageWidth:h,imageHeightMobile:u,hasBorder:p=!0,backgroundColor:b="transparent",onButtonAction:f=()=>{},buttonLink:w}=e;return i.jsxs(y,{ref:m,imgH:g,imgW:h,imgHMob:u,hasBorder:p,bgColor:b,children:[i.jsxs(v,{children:[i.jsxs($,{children:[i.jsx("div",{className:"header-title",children:d}),i.jsx("div",{className:"header-subitle",children:l})]}),i.jsx(_,{children:s==null?void 0:s.map((t,r)=>i.jsx(a.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:t})]})},r))}),i.jsx(j,{size:"medium",color:"neutral",type:"button",btnType:"outline",onClick:t=>{var r;(r=t==null?void 0:t.target)==null||r.blur(),f(w)},children:c})]}),i.jsx("img",{src:x})]})});module.exports=B;

package/dist/BannerSectionWithListImage.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { forwardRef as v, Fragment as y } from "react";
+import { forwardRef as v, Fragment as $ } from "react";
 import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as m } from "./consts-BuFChS64.js";
-import $ from "./Button.js";
+import y from "./Button.js";
 const H = n.div`
   display: flex;
   border-radius: 0.75rem;
@@ -95,8 +95,8 @@ const H = n.div`
     imageWidth: x,
     imageHeightMobile: p,
     hasBorder: f = !0,
-    backgroundColor: b = "transparent",
-    onButtonAction: u = () => {
+    backgroundColor: u = "transparent",
+    onButtonAction: b = () => {
     },
     buttonLink: w
   } = e;
@@ -108,27 +108,27 @@ const H = n.div`
       imgW: x,
       imgHMob: p,
       hasBorder: f,
-      bgColor: b,
+      bgColor: u,
       children: [
         /* @__PURE__ */ o(W, { children: [
           /* @__PURE__ */ o(k, { children: [
             /* @__PURE__ */ i("div", { className: "header-title", children: l }),
             /* @__PURE__ */ i("div", { className: "header-subitle", children: s })
           ] }),
-          /* @__PURE__ */ i(B, { children: a == null ? void 0 : a.map((t, r) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ o("div", { className: "list-item", children: [
+          /* @__PURE__ */ i(B, { children: a == null ? void 0 : a.map((t, r) => /* @__PURE__ */ i($, { children: /* @__PURE__ */ o("div", { className: "list-item", children: [
             /* @__PURE__ */ i("i", { className: "mng mng-lnc-checkmark--filled" }),
             /* @__PURE__ */ i("span", { children: t })
           ] }) }, r)) }),
           /* @__PURE__ */ i(
-            $,
+            y,
             {
               size: "medium",
-              color: "gray",
+              color: "neutral",
               type: "button",
               btnType: "outline",
               onClick: (t) => {
                 var r;
-                (r = t == null ? void 0 : t.target) == null || r.blur(), u(w);
+                (r = t == null ? void 0 : t.target) == null || r.blur(), b(w);
               },
               children: c
             }

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),n=require("./utils-CZynEOC_.cjs"),w=require("./Icon.cjs"),N=require("./Chip.cjs"),z=require("./index-BvSNRLNa.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CtcwWswP.cjs"),R=require("./Button.cjs"),k=y.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),n=require("./utils-CZynEOC_.cjs"),w=require("./Icon.cjs"),N=require("./Chip.cjs"),z=require("./index-BvSNRLNa.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CtcwWswP.cjs"),R=require("./Button.cjs"),k=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
   align-items: stretch;
-  border: ${t=>t!=null&&t.isSponsored?"2px solid var(--yellow-500, #f59e0b)":"1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
+  border: ${s=>s!=null&&s.isSponsored?"2px solid var(--yellow-500, #f59e0b)":"1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
@@ -126,7 +126,7 @@
       }
     }
   }
-`,q=c.forwardRef(({title:t,imageUrl:p,options:i,publishedAt:g,timeToReadText:_="{0} min read",timeToRead:f=0,numberOfLikes:l=0,numberOfComments:d=0,isSponsored:o=!1,onSelectCard:m=()=>{},onSelectOption:u=()=>{}},b)=>r.jsxs(k,{isSponsored:o,onClick:m,children:[o&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(z.ProductImageWrapper,{src:p,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:t}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((a,h)=>r.jsx(N,{label:a==null?void 0:a.name,color:a==null?void 0:a.color,className:"wrapper__tag",onClick:s=>{s==null||s.stopPropagation(),u(a==null?void 0:a.code)}},`blog-card-sponsored-option__${h+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${n.formatLocaleDateString(g)} • ${n.formatString(_,f)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),n.getRoundedNumber(l)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),n.getRoundedNumber(d)]})]})]})]})]})),$=y.styled.div`
+`,q=p.forwardRef(({title:s,imageUrl:c,options:i,publishedAt:g,timeToReadText:_="{0} min read",timeToRead:f=0,numberOfLikes:l=0,numberOfComments:d=0,isSponsored:o=!1,onSelectCard:m=()=>{},onSelectOption:u=()=>{}},b)=>r.jsxs(k,{isSponsored:o,onClick:m,children:[o&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(z.ProductImageWrapper,{src:c,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:s}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((a,h)=>r.jsx(N,{label:a==null?void 0:a.name,color:a==null?void 0:a.color,className:"wrapper__tag",onClick:t=>{t==null||t.stopPropagation(),u(a==null?void 0:a.code)}},`blog-card-sponsored-option__${h+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${n.formatLocaleDateString(g)} • ${n.formatString(_,f)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),n.getRoundedNumber(l)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),n.getRoundedNumber(d)]})]})]})]})]})),$=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -208,4 +208,4 @@
       gap: 1rem;
     }
   }
-`,S=c.memo(q),L=c.forwardRef(({title:t,subtitle:p,icon:i,buttonText:g,buttonLink:_,timeToReadText:f="{0} min read",items:l,onButtonAction:d=()=>{},onSelectCard:o=()=>{},onSelectOption:m=()=>{},isLoading:u=!1,getImage:b=()=>{}},a)=>{const h=c.useMemo(()=>{var s;return(s=l==null?void 0:l.slice(0,4))==null?void 0:s.map((e,v)=>r.jsx(S,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:f,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e),onSelectOption:x=>m==null?void 0:m(x),imageUrl:b(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${v+1}`))},[l]);return r.jsxs($,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[t&&r.jsxs("div",{className:"title__text",children:[n.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:t})]}),d&&r.jsx(R,{text:g,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:s=>{var e;(e=s==null?void 0:s.target)==null||e.blur(),d==null||d(_)}})]}),p&&r.jsx("div",{className:"wrapper__subtitle",children:p})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(I.SuspenseBlogLarge,{isLoading:u,limit:4,keyPrefix:"blog-section",children:h})})]})});module.exports=L;
+`,S=p.memo(q),L=p.forwardRef(({title:s,subtitle:c,icon:i,buttonText:g,buttonLink:_,timeToReadText:f="{0} min read",items:l,onButtonAction:d=()=>{},onSelectCard:o=()=>{},onSelectOption:m=()=>{},isLoading:u=!1,getImage:b=()=>{}},a)=>{const h=p.useMemo(()=>{var t;return(t=l==null?void 0:l.slice(0,4))==null?void 0:t.map((e,v)=>r.jsx(S,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:f,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e),onSelectOption:x=>m==null?void 0:m(x),imageUrl:b(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${v+1}`))},[l]);return r.jsxs($,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[s&&r.jsxs("div",{className:"title__text",children:[n.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:s})]}),d&&r.jsx(R,{text:g,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),d==null||d(_)}})]}),c&&r.jsx("div",{className:"wrapper__subtitle",children:c})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(I.SuspenseBlogLarge,{isLoading:u,limit:4,keyPrefix:"blog-section",children:h})})]})});module.exports=L;

package/dist/BlogCardsSponsoredSection.js

@@ -323,6 +323,7 @@ const T = N.div`
               borderRadius: "curved",
               btnType: "tinted",
               className: "title__action",
+              color: "neutral",
               onClick: (t) => {
                 var e;
                 (e = t == null ? void 0 : t.target) == null || e.blur(), m == null || m(g);

package/dist/BlogsSectionDetailed.cjs

@@ -1,12 +1,12 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-CZynEOC_.cjs"),k=require("./style-JqDQj4jh.cjs"),T=require("./Button.cjs"),O=require("./index-BvSNRLNa.cjs"),A=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-CZynEOC_.cjs"),v=require("./style-JqDQj4jh.cjs"),T=require("./Button.cjs"),O=require("./index-BvSNRLNa.cjs"),A=w.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,v=w.styled.div`
+`,y=w.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -44,7 +44,7 @@
     padding: 0 1rem 1rem 1rem;
   }
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     max-height: 100%;
     min-height: 100%;
     & .tags-wr {
@@ -110,4 +110,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,$=u.forwardRef((i,l)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:f,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:h="{0} min read"}=i;return t.jsxs(v,{ref:l,className:"blog-card",onClick:j,children:[t.jsx(O.ProductImageWrapper,{src:m}),t.jsxs(S,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[r.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),p&&h?`${r.formatString(h,p)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:r.getRoundedNumber(n)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:r.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:s}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx("div",{className:"tags-wr",children:d==null?void 0:d.map((a,b)=>t.jsx(k.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(v,{className:"blog-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsxs(S,{children:[t.jsx("div",{className:"info-wr"}),t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"info-wr-skeleton"})]})]})),q=({limit:i=3,isLoading:l=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,o)=>t.jsx(D,{isLoading:l},`${s}-skeleton-product-card-${o}`))}),B=({children:i,fallbackComponent:l=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:o})=>t.jsx(u.Suspense,{fallbackComponent:l,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:o}):i}),y=u.memo($),L=u.forwardRef((i,l)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:f,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:h,getImage:a=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,tags:e==null?void 0:e.tags,onCardClick:()=>d(e==null?void 0:e.titleSlug),imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},g)):n==null?void 0:n.slice(0,c).map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,onCardClick:()=>d(e==null?void 0:e.titleSlug)},g))}),[n,b,c,d]);return t.jsxs(k.RegulatTitleSectionWrapper,{ref:l,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:m})]}),r.isDefinedNotEmptyString(f)&&r.isDefinedNotEmptyString(h)&&t.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(h)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;
+`,$=u.forwardRef((i,l)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:f,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:h="{0} min read"}=i;return t.jsxs(y,{ref:l,className:"blog-card",onClick:j,children:[t.jsx(O.ProductImageWrapper,{src:m}),t.jsxs(S,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[r.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),p&&h?`${r.formatString(h,p)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:r.getRoundedNumber(n)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:r.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:s}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx("div",{className:"tags-wr",children:d==null?void 0:d.map((a,b)=>t.jsx(v.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(y,{className:"blog-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsxs(S,{children:[t.jsx("div",{className:"info-wr"}),t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"info-wr-skeleton"})]})]})),q=({limit:i=3,isLoading:l=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,o)=>t.jsx(D,{isLoading:l},`${s}-skeleton-product-card-${o}`))}),B=({children:i,fallbackComponent:l=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:o})=>t.jsx(u.Suspense,{fallbackComponent:l,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:o}):i}),N=u.memo($),L=u.forwardRef((i,l)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:f,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:h,getImage:a=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(N,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,tags:e==null?void 0:e.tags,onCardClick:()=>d(e==null?void 0:e.titleSlug),imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},g)):n==null?void 0:n.slice(0,c).map((e,g)=>t.jsx(N,{title:e==null?void 0:e.title,imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,onCardClick:()=>d(e==null?void 0:e.titleSlug)},g))}),[n,b,c,d]);return t.jsxs(v.RegulatTitleSectionWrapper,{ref:l,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:m})]}),r.isDefinedNotEmptyString(f)&&r.isDefinedNotEmptyString(h)&&t.jsx(T,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(h)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;

package/dist/BlogsSectionDetailed.js

@@ -248,7 +248,7 @@ const E = y.div`
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var g;
             (g = e == null ? void 0 : e.target) == null || g.blur(), s(u);

package/dist/BlogsSectionSimple.cjs

@@ -45,7 +45,7 @@
 
   @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
   }
-`,y=p.styled.div`
+`,w=p.styled.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -65,4 +65,4 @@
     color: var(--gray-700, #4e555f);
     ${u.truncateTextInRows(3)}
   }
-`,$=c.forwardRef((t,l)=>{const{title:i,imageUrl:n,text:o,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(b,{ref:l,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:n}),r.jsxs(y,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:o})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(y,{})]})),P=({limit:t=3,isLoading:l=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(n,o)=>r.jsx(I,{isLoading:l},`${i}-skeleton-product-card-${o}`))}),T=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:n,keyPrefix:o})=>r.jsx(c.Suspense,{fallbackComponent:l,children:i===!0?r.jsx(P,{isLoading:i,limit:n,keyPrefix:o}):t}),j=c.memo($),_=c.forwardRef((t,l)=>{const{icon:i,title:n,onButtonAction:o=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:s,buttonText:w,limit:g=3,isLoading:v=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?s==null?void 0:s.map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a)):s==null?void 0:s.slice(0,g).map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a))}),[s]);return r.jsxs(q.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:n})]}),u.isDefinedNotEmptyString(m)&&r.jsx(x,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),o(m)},borderRadius:"curved",className:"button-link",children:w})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:v,limit:g,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;
+`,$=c.forwardRef((t,l)=>{const{title:i,imageUrl:n,text:o,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(b,{ref:l,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:n}),r.jsxs(w,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:o})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(w,{})]})),P=({limit:t=3,isLoading:l=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(n,o)=>r.jsx(I,{isLoading:l},`${i}-skeleton-product-card-${o}`))}),T=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:n,keyPrefix:o})=>r.jsx(c.Suspense,{fallbackComponent:l,children:i===!0?r.jsx(P,{isLoading:i,limit:n,keyPrefix:o}):t}),j=c.memo($),_=c.forwardRef((t,l)=>{const{icon:i,title:n,onButtonAction:o=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:s,buttonText:y,limit:g=3,isLoading:v=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?s==null?void 0:s.map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a)):s==null?void 0:s.slice(0,g).map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a))}),[s]);return r.jsxs(q.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:n})]}),u.isDefinedNotEmptyString(m)&&r.jsx(x,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),o(m)},borderRadius:"curved",className:"button-link",children:y})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:v,limit:g,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;

package/dist/BlogsSectionSimple.js

@@ -161,7 +161,7 @@ const E = h.div`
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var d;
             (d = e == null ? void 0 : e.target) == null || d.blur(), l(s);

package/dist/BlogsSectionWithFilters.cjs

@@ -77,4 +77,4 @@
     color: var(--gray-700, #4e555f);
     ${c.truncateTextInRows(3)}
   }
-`,_=d.forwardRef((i,s)=>{const{title:o,imageUrl:a,text:r,buttonText:u,onCardClick:l}=i;return e.jsxs(k,{ref:s,className:"blog-card",onClick:l,children:[e.jsxs(v,{children:[e.jsx("div",{className:"text-wr-title",children:o}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(W,{color:"gray",onClick:l,children:u})]}),e.jsx(A.ProductImageWrapper,{src:a})]})}),z=d.forwardRef(({},i)=>e.jsxs(k,{className:"blog-card",children:[e.jsxs(v,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),E=({limit:i=3,isLoading:s=!1,keyPrefix:o})=>e.jsx(e.Fragment,{children:Array.from({length:i},(a,r)=>e.jsx(z,{isLoading:s},`${o}-skeleton-product-card-${r}`))}),F=({children:i,fallbackComponent:s=e.jsx(e.Fragment,{}),isLoading:o=!1,limit:a,keyPrefix:r})=>e.jsx(d.Suspense,{fallbackComponent:s,children:o===!0?e.jsx(E,{isLoading:o,limit:a,keyPrefix:r}):i}),f=d.memo(_),O=d.forwardRef((i,s)=>{const{icon:o,title:a,items:r,buttonText:u,limit:l=3,options:m,selectedOption:y=[],onButtonAction:S=()=>{},buttonLink:x,onSelectOption:b=()=>{},onSelectAll:N=()=>{},isLoading:C=!1,onSelectCard:g=()=>{},productsToolbarName:q="All",allButton:T=!1}=i,j=B.useDetectMobile(),$=d.useMemo(()=>{var n;return e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h)):(n=r==null?void 0:r.slice(0,l))==null?void 0:n.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h))})},[r,j,l,g]);return e.jsxs(M.TitleWithOptionsSectionWrapper,{ref:s,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(o)&&e.jsx("i",{className:o}),e.jsx("span",{children:a})]}),c.isDefinedNotEmptyString(x)&&e.jsx(R,{type:"button",btnType:"tinted",color:"gray",onClick:n=>{var t;(t=n==null?void 0:n.target)==null||t.blur(),S(x)},borderRadius:"curved",children:u})]}),(m==null?void 0:m.length)>0&&e.jsx(I.SelectBar,{items:m,selectedIds:y,onRemove:n=>{b(n)},onSelect:n=>{b(n)},onSelectAll:N,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q,allButton:T}),e.jsx(P,{limit:l,children:e.jsx(F,{isLoading:C,limit:l,keyPrefix:"explore-landing",children:$})})]})});module.exports=O;
+`,_=d.forwardRef((i,s)=>{const{title:o,imageUrl:a,text:r,buttonText:u,onCardClick:l}=i;return e.jsxs(k,{ref:s,className:"blog-card",onClick:l,children:[e.jsxs(v,{children:[e.jsx("div",{className:"text-wr-title",children:o}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(W,{color:"gray",onClick:l,children:u})]}),e.jsx(A.ProductImageWrapper,{src:a})]})}),z=d.forwardRef(({},i)=>e.jsxs(k,{className:"blog-card",children:[e.jsxs(v,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),E=({limit:i=3,isLoading:s=!1,keyPrefix:o})=>e.jsx(e.Fragment,{children:Array.from({length:i},(a,r)=>e.jsx(z,{isLoading:s},`${o}-skeleton-product-card-${r}`))}),F=({children:i,fallbackComponent:s=e.jsx(e.Fragment,{}),isLoading:o=!1,limit:a,keyPrefix:r})=>e.jsx(d.Suspense,{fallbackComponent:s,children:o===!0?e.jsx(E,{isLoading:o,limit:a,keyPrefix:r}):i}),f=d.memo(_),O=d.forwardRef((i,s)=>{const{icon:o,title:a,items:r,buttonText:u,limit:l=3,options:m,selectedOption:y=[],onButtonAction:S=()=>{},buttonLink:x,onSelectOption:b=()=>{},onSelectAll:N=()=>{},isLoading:C=!1,onSelectCard:g=()=>{},productsToolbarName:q="All",allButton:T=!1}=i,j=B.useDetectMobile(),$=d.useMemo(()=>{var n;return e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h)):(n=r==null?void 0:r.slice(0,l))==null?void 0:n.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h))})},[r,j,l,g]);return e.jsxs(M.TitleWithOptionsSectionWrapper,{ref:s,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(o)&&e.jsx("i",{className:o}),e.jsx("span",{children:a})]}),c.isDefinedNotEmptyString(x)&&e.jsx(R,{type:"button",btnType:"tinted",color:"neutral",onClick:n=>{var t;(t=n==null?void 0:n.target)==null||t.blur(),S(x)},borderRadius:"curved",children:u})]}),(m==null?void 0:m.length)>0&&e.jsx(I.SelectBar,{items:m,selectedIds:y,onRemove:n=>{b(n)},onSelect:n=>{b(n)},onSelectAll:N,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q,allButton:T}),e.jsx(P,{limit:l,children:e.jsx(F,{isLoading:C,limit:l,keyPrefix:"explore-landing",children:$})})]})});module.exports=O;

package/dist/BlogsSectionWithFilters.js

@@ -1,9 +1,9 @@
-import { jsxs as m, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as h } from "react/jsx-runtime";
 import { forwardRef as f, Suspense as A, memo as I, useMemo as O } from "react";
 import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-BuFChS64.js";
 import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as h, p as j, k as y } from "./utils-BbgAIA9N.js";
+import { o as u, p as j, k as S } from "./utils-BbgAIA9N.js";
 import { T as E } from "./style-08foMKSd.js";
 import F from "./Button.js";
 import L from "./Link.js";
@@ -50,7 +50,7 @@ const D = b.div`
     min-height: 3.3125rem;
     max-height: 3.3125rem;
     border-radius: 0.75rem;
-    background-color: ${h("-90deg")};
+    background-color: ${u("-90deg")};
   }
 
   & a {
@@ -73,13 +73,13 @@ const D = b.div`
   & .skeleton-title {
     height: 1.5rem;
     width: 80%;
-    background-color: ${h("-90deg")};
+    background-color: ${u("-90deg")};
   }
 
   & .skeleton-action {
     height: 1.25rem;
     width: 20%;
-    background-color: ${h("-90deg")};
+    background-color: ${u("-90deg")};
   }
 
   & .text-wr {
@@ -105,7 +105,7 @@ const D = b.div`
     /* @__PURE__ */ t("div", { className: "skeleton-action" })
   ] }),
   /* @__PURE__ */ t("div", { className: "skeleton-img" })
-] })), K = ({ limit: i = 3, isLoading: a = !1, keyPrefix: l }) => /* @__PURE__ */ t(u, { children: Array.from({ length: i }, (d, r) => /* @__PURE__ */ t(
+] })), K = ({ limit: i = 3, isLoading: a = !1, keyPrefix: l }) => /* @__PURE__ */ t(h, { children: Array.from({ length: i }, (d, r) => /* @__PURE__ */ t(
   H,
   {
     isLoading: a
@@ -113,7 +113,7 @@ const D = b.div`
   `${l}-skeleton-product-card-${r}`
 )) }), X = ({
   children: i,
-  fallbackComponent: a = /* @__PURE__ */ t(u, {}),
+  fallbackComponent: a = /* @__PURE__ */ t(h, {}),
   isLoading: l = !1,
   limit: d,
   keyPrefix: r
@@ -124,7 +124,7 @@ const D = b.div`
     limit: d,
     keyPrefix: r
   }
-) : i }), S = I(G), le = f((i, a) => {
+) : i }), y = I(G), le = f((i, a) => {
   const {
     icon: l,
     title: d,
@@ -147,8 +147,8 @@ const D = b.div`
     allButton: P = !1
   } = i, w = R(), z = O(() => {
     var o;
-    return /* @__PURE__ */ t(u, { children: w === !0 ? r == null ? void 0 : r.map((e, g) => /* @__PURE__ */ t(
-      S,
+    return /* @__PURE__ */ t(h, { children: w === !0 ? r == null ? void 0 : r.map((e, g) => /* @__PURE__ */ t(
+      y,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
@@ -158,7 +158,7 @@ const D = b.div`
       },
       g
     )) : (o = r == null ? void 0 : r.slice(0, n)) == null ? void 0 : o.map((e, g) => /* @__PURE__ */ t(
-      S,
+      y,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
@@ -172,15 +172,15 @@ const D = b.div`
   return /* @__PURE__ */ m(E, { ref: a, children: [
     /* @__PURE__ */ m("div", { className: "regular-title", children: [
       /* @__PURE__ */ m("div", { className: "regular-title-text", children: [
-        y(l) && /* @__PURE__ */ t("i", { className: l }),
+        S(l) && /* @__PURE__ */ t("i", { className: l }),
         /* @__PURE__ */ t("span", { children: d })
       ] }),
-      y(k) && /* @__PURE__ */ t(
+      S(k) && /* @__PURE__ */ t(
         F,
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (o) => {
             var e;
             (e = o == null ? void 0 : o.target) == null || e.blur(), B(k);

package/dist/DetailedProductsSection.cjs

@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,S=s.memo(h.DetailedProductCard),R=s.forwardRef((r,f)=>{const{icon:a,title:j,buttonLink:c,items:t,buttonText:w,limit:o=4,gap:C,onSelectCard:u=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:d=()=>{},negotiableText:m,freeText:g,options:l,onSelectOption:p=()=>{},productsToolbarName:q="All"}=r,b=M.useDetectMobile(),k=s.useMemo(()=>i.jsx(i.Fragment,{children:b===!0?t==null?void 0:t.map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n)):t==null?void 0:t.slice(0,o).map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n))}),[t,b,o]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:f,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[y.isDefinedNotEmptyString(a)&&i.jsx("i",{className:a}),i.jsx("span",{children:j})]}),y.isDefinedNotEmptyString(c)&&i.jsx(U,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),P(c)},borderRadius:"curved",className:"button-link",children:w})]}),(l==null?void 0:l.length)>0&&i.jsx(T.SelectBar,{items:l,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q}),i.jsx(E,{limit:o,gap:C,children:i.jsx(h.SuspenseDetailedProductCard,{isLoading:N,limit:o,keyPrefix:"explore-landing",children:k})})]})});module.exports=R;
+`,S=s.memo(h.DetailedProductCard),R=s.forwardRef((r,f)=>{const{icon:a,title:j,buttonLink:c,items:t,buttonText:w,limit:o=4,gap:C,onSelectCard:u=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:d=()=>{},negotiableText:m,freeText:g,options:l,onSelectOption:p=()=>{},productsToolbarName:q="All"}=r,b=M.useDetectMobile(),k=s.useMemo(()=>i.jsx(i.Fragment,{children:b===!0?t==null?void 0:t.map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n)):t==null?void 0:t.slice(0,o).map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n))}),[t,b,o]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:f,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[y.isDefinedNotEmptyString(a)&&i.jsx("i",{className:a}),i.jsx("span",{children:j})]}),y.isDefinedNotEmptyString(c)&&i.jsx(U,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),P(c)},borderRadius:"curved",className:"button-link",children:w})]}),(l==null?void 0:l.length)>0&&i.jsx(T.SelectBar,{items:l,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q}),i.jsx(E,{limit:o,gap:C,children:i.jsx(h.SuspenseDetailedProductCard,{isLoading:N,limit:o,keyPrefix:"explore-landing",children:k})})]})});module.exports=R;

package/dist/DetailedProductsSection.js

@@ -36,10 +36,10 @@ const W = F.div`
       /* Safari and Chrome */
     }
   }
-`, S = M(L), J = T((r, y) => {
+`, S = M(L), J = T((r, h) => {
   const {
     icon: s,
-    title: h,
+    title: y,
     buttonLink: d,
     items: o,
     buttonText: w,
@@ -100,18 +100,18 @@ const W = F.div`
     },
     t
   )) }), [o, b, l]);
-  return /* @__PURE__ */ a($, { ref: y, children: [
+  return /* @__PURE__ */ a($, { ref: h, children: [
     /* @__PURE__ */ a("div", { className: "regular-title", children: [
       /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
         f(s) && /* @__PURE__ */ i("i", { className: s }),
-        /* @__PURE__ */ i("span", { children: h })
+        /* @__PURE__ */ i("span", { children: y })
       ] }),
       f(d) && /* @__PURE__ */ i(
         E,
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var t;
             (t = e == null ? void 0 : e.target) == null || t.blur(), P(d);

package/dist/FeedbackSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("./utils-CZynEOC_.cjs"),o=require("./Button.cjs"),d=require("./styled-components.browser.esm-CvykQBGY.cjs"),f=require("./consts-goSZX3xP.cjs"),m=d.qe.div`
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),n=require("./utils-CZynEOC_.cjs"),d=require("./Button.cjs"),f=require("./styled-components.browser.esm-CvykQBGY.cjs"),m=require("./consts-goSZX3xP.cjs"),g=f.qe.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -45,7 +45,7 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     text-align: center;
   }
-`,g=l.forwardRef(({title:i,description:a,buttonText:s,onButtonAction:r=()=>{}},_)=>e.jsxs(m,{children:[e.jsxs("div",{className:"feedback__content",children:[n.isDefinedNotEmptyString(i)&&e.jsx("div",{className:"feedback__title",children:e.jsx("span",{children:i})}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"feedback__description",children:e.jsx("span",{children:a})})]}),n.isDefinedNotEmptyString(s)&&e.jsx(o,{text:s,borderRadius:"curved",btnType:"tinted",color:"neutral",className:"feedback__action",onClick:t=>{var c;(c=t==null?void 0:t.target)==null||c.blur(),r==null||r()}})]}));module.exports=g;
+`,_=o.forwardRef(({title:i,description:a,buttonText:s,onButtonAction:r=()=>{}},l)=>e.jsxs(g,{ref:l,children:[e.jsxs("div",{className:"feedback__content",children:[n.isDefinedNotEmptyString(i)&&e.jsx("div",{className:"feedback__title",children:e.jsx("span",{children:i})}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"feedback__description",children:e.jsx("span",{children:a})})]}),n.isDefinedNotEmptyString(s)&&e.jsx(d,{text:s,borderRadius:"curved",btnType:"tinted",color:"neutral",className:"feedback__action",onClick:t=>{var c;(c=t==null?void 0:t.target)==null||c.blur(),r==null||r()}})]}));module.exports=_;

package/dist/FeedbackSection.js

@@ -1,10 +1,10 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import { forwardRef as d } from "react";
 import { k as t } from "./utils-BbgAIA9N.js";
-import d from "./Button.js";
+import m from "./Button.js";
 import { q as f } from "./styled-components.browser.esm-D-n22PJk.js";
-import { M as m } from "./consts-BuFChS64.js";
-const g = f.div`
+import { M as g } from "./consts-BuFChS64.js";
+const p = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -51,18 +51,18 @@ const g = f.div`
     }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${g + "px"}) {
     text-align: center;
   }
-`, y = s(
+`, y = d(
   ({ title: i, description: n, buttonText: l, onButtonAction: r = () => {
-  } }, p) => /* @__PURE__ */ o(g, { children: [
+  } }, s) => /* @__PURE__ */ o(p, { ref: s, children: [
     /* @__PURE__ */ o("div", { className: "feedback__content", children: [
       t(i) && /* @__PURE__ */ e("div", { className: "feedback__title", children: /* @__PURE__ */ e("span", { children: i }) }),
       t(n) && /* @__PURE__ */ e("div", { className: "feedback__description", children: /* @__PURE__ */ e("span", { children: n }) })
     ] }),
     t(l) && /* @__PURE__ */ e(
-      d,
+      m,
       {
         text: l,
         borderRadius: "curved",

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),k=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./consts-goSZX3xP.cjs"),I=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),$=require("./Icon.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=require("./consts-goSZX3xP.cjs"),C=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -49,12 +49,12 @@
     }
   }
     cursor: pointer;
-`,C=p.styled.div`
+`,W=p.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${o.linearGradientAnimation("-90deg")};
-`,W=p.styled.div`
+`,F=p.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -104,12 +104,12 @@
       color: var(--white, #fff);
     }
   }
-`,F=p.styled.div`
+`,R=p.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${o.linearGradientAnimation("-90deg")};
-`,R=l.forwardRef(({},i)=>r.jsx(F,{})),q=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(W,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx(k,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),z=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:f}=$.useTheme();return r.jsxs(I,{theme:f,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),O=l.forwardRef(({},i)=>r.jsx(C,{})),A=p.styled.div`
+`,q=l.forwardRef(({},i)=>r.jsx(R,{})),z=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(F,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx($,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),O=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:f}=N.useTheme();return r.jsxs(C,{theme:f,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),A=l.forwardRef(({},i)=>r.jsx(W,{})),E=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -157,7 +157,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -183,4 +183,4 @@
       gap: 1rem;
     }
   }
-`,E=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:f=2,items:d=[],selectedTag:c,isLoadingTags:y=!1,isLoadingItems:b=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:j=()=>{}},D)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(A,{limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:y?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(R,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(q,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:b?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(O,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):d==null?void 0:d.map((e,n)=>r.jsx(z,{image:j(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.shortDescription)||(e==null?void 0:e.description),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=E;
+`,D=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:f=2,items:d=[],selectedTag:c,isLoadingTags:y=!1,isLoadingItems:b=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:j=()=>{}},k)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(E,{ref:k,limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:y?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(q,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(z,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:b?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(A,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):d==null?void 0:d.map((e,n)=>r.jsx(O,{image:j(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.shortDescription)||(e==null?void 0:e.description),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=D;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { p as y, o as b, k as C, l as I } from "./utils-BbgAIA9N.js";
-import W from "./Icon.js";
-import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { M as j } from "./consts-BuFChS64.js";
-const z = p.div`
+import { p as y, o as b, k as I, l as W } from "./utils-BbgAIA9N.js";
+import F from "./Icon.js";
+import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { M as z } from "./consts-BuFChS64.js";
+const O = p.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -56,12 +56,12 @@ const z = p.div`
     }
   }
     cursor: pointer;
-`, O = p.div`
+`, A = p.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${b("-90deg")};
-`, A = p.div`
+`, E = p.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -111,30 +111,30 @@ const z = p.div`
       color: var(--white, #fff);
     }
   }
-`, E = p.div`
+`, M = p.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${b("-90deg")};
-`, M = l(({}, r) => /* @__PURE__ */ i(E, {})), D = l(
+`, D = l(({}, r) => /* @__PURE__ */ i(M, {})), G = l(
   ({ name: r, isActive: n, icon: t, onSelectCard: s = () => {
-  } }, m) => /* @__PURE__ */ o(A, { className: n ? "active" : "", onClick: s, children: [
-    C(t) && /* @__PURE__ */ i(W, { icon: t, className: "wrapper__icon" }),
+  } }, m) => /* @__PURE__ */ o(E, { className: n ? "active" : "", onClick: s, children: [
+    I(t) && /* @__PURE__ */ i(F, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), G = l(
+), L = l(
   ({ image: r, imageComponent: n, name: t, description: s, onSelectCard: m = () => {
   } }, u) => {
-    const { theme: f } = F();
-    return /* @__PURE__ */ o(z, { theme: f, onClick: m, children: [
-      I(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+    const { theme: f } = j();
+    return /* @__PURE__ */ o(O, { theme: f, onClick: m, children: [
+      W(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ o("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
         s && /* @__PURE__ */ i("div", { className: "wrapper__description", children: s })
       ] })
     ] });
   }
-), L = l(({}, r) => /* @__PURE__ */ i(O, {})), R = p.div`
+), R = l(({}, r) => /* @__PURE__ */ i(A, {})), T = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -182,7 +182,7 @@ const z = p.div`
     width: 100%;
   }
 
-  @media (max-width: ${j + "px"}) {
+  @media (max-width: ${z + "px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -227,7 +227,7 @@ const z = p.div`
     },
     getImage: N = () => {
     }
-  }, T) => {
+  }, C) => {
     var x, v;
     const g = (e) => {
       h == null || h(e);
@@ -235,8 +235,9 @@ const z = p.div`
       _ == null || _(e);
     };
     return /* @__PURE__ */ o(
-      R,
+      T,
       {
+        ref: C,
         limitTags: s,
         limitTagsForMobile: m,
         limitCards: u,
@@ -247,11 +248,11 @@ const z = p.div`
             n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
           ] }),
           /* @__PURE__ */ i("div", { className: "wrapper__tags", children: k ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ i(
-            M,
+            D,
             {},
             `field-of-interests-with-tags-card-tag-skeleton__${a + 1}`
           )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ i(
-            D,
+            G,
             {
               icon: e == null ? void 0 : e.icon,
               name: e == null ? void 0 : e.name,
@@ -261,11 +262,11 @@ const z = p.div`
             `field-of-interests-with-tags-card-tag__${a + 1}`
           )) }),
           /* @__PURE__ */ i("div", { className: "wrapper__cards", children: $ ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ i(
-            L,
+            R,
             {},
             `field-of-interests-with-tags-card-skeleton__${a + 1}`
           )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ i(
-            G,
+            L,
             {
               image: N(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
               imageComponent: e == null ? void 0 : e.imageComponent,

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-JqDQj4jh.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-JqDQj4jh.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -81,4 +81,4 @@
   height: 11.5rem;
   border-radius: 0.75rem;
   background: ${o.linearGradientAnimation("-90deg")};
-`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:t,onSelectGiftCard:m=()=>{}}=a;return r.jsxs(k,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[r.jsxs(G,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(t)}`}),r.jsx("img",{src:s})]}),r.jsx("div",{className:"text-wrap",children:l})]})}),N=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:t,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",className:"button-link",children:m})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):t==null?void 0:t.slice(0,u).map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=N;
+`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:r,onSelectGiftCard:m=()=>{}}=a;return t.jsxs(k,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[t.jsxs(G,{children:[t.jsx("div",{className:"price-tag",children:i&&r&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(r)}`}),t.jsx("img",{src:s})]}),t.jsx("div",{className:"text-wrap",children:l})]})}),N=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:r,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return t.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&t.jsx(j,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",className:"button-link",children:m})]}),t.jsx(S,{limit:u,children:b===!0?r==null?void 0:r.map((e,n)=>t.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):r==null?void 0:r.slice(0,u).map((e,n)=>t.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=N;

package/dist/GiftCardsSection.js

@@ -91,10 +91,10 @@ c.div`
   border-radius: 0.75rem;
   background: ${b("-90deg")};
 `;
-const f = h((a, s) => {
+const f = h((a, l) => {
   const {
     image: d,
-    text: l,
+    text: s,
     price: i,
     currency: r,
     onSelectGiftCard: m = () => {
@@ -103,7 +103,7 @@ const f = h((a, s) => {
   return /* @__PURE__ */ n(
     j,
     {
-      ref: s,
+      ref: l,
       className: "simple-gift-card",
       onClick: () => m(i),
       children: [
@@ -111,14 +111,14 @@ const f = h((a, s) => {
           /* @__PURE__ */ t("div", { className: "price-tag", children: i && r && `${G(i)} ${S(r)}` }),
           /* @__PURE__ */ t("img", { src: d })
         ] }),
-        /* @__PURE__ */ t("div", { className: "text-wrap", children: l })
+        /* @__PURE__ */ t("div", { className: "text-wrap", children: s })
       ]
     }
   );
-}), D = h((a, s) => {
+}), D = h((a, l) => {
   const {
     icon: d,
-    title: l,
+    title: s,
     buttonLink: i,
     items: r,
     buttonText: m,
@@ -128,18 +128,18 @@ const f = h((a, s) => {
     onButtonAction: v = () => {
     }
   } = a, w = C();
-  return /* @__PURE__ */ n(k, { ref: s, children: [
+  return /* @__PURE__ */ n(k, { ref: l, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
         u(d) && /* @__PURE__ */ t("i", { className: d }),
-        /* @__PURE__ */ t("span", { children: l })
+        /* @__PURE__ */ t("span", { children: s })
       ] }),
       u(i) && /* @__PURE__ */ t(
         N,
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var o;
             (o = e == null ? void 0 : e.target) == null || o.blur(), v(i);

package/dist/QuattroCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),s=require("./utils-CZynEOC_.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=require("./styled-components.browser.esm-CvykQBGY.cjs"),_=c.styled.div`
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),d=require("./utils-CZynEOC_.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=require("./styled-components.browser.esm-CvykQBGY.cjs"),_=c.styled.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -79,7 +79,7 @@
       font-style: normal;
       font-weight: 600;
       line-height: 1.75rem;
-      ${s.truncateText()}
+      ${d.truncateText()}
     }
 
     & .quattro-card__description {
@@ -87,7 +87,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.25rem;
-      ${s.truncateTextInRows(2)}
+      ${d.truncateTextInRows(2)}
     }
   }
 
@@ -108,7 +108,7 @@
       display: block;
     }
   }
-`,h=n.forwardRef(({title:o,description:r,imageUrl:i,onSelectCard:d=()=>{}},l)=>{const{theme:a}=g.useTheme();return e.jsxs(f,{theme:a,onClick:d,children:[e.jsx("img",{loading:"lazy",src:i}),e.jsx(_,{theme:a,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:o}),e.jsx("div",{className:"quattro-card__description",children:r})]})})]})}),b=u.qe.div`
+`,h=n.forwardRef(({title:o,description:r,imageUrl:i,onSelectCard:s=()=>{}},l)=>{const{theme:a}=g.useTheme();return e.jsxs(f,{theme:a,onClick:s,children:[e.jsx("img",{loading:"lazy",src:i}),e.jsx(_,{theme:a,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:o}),e.jsx("div",{className:"quattro-card__description",children:r})]})})]})}),b=u.qe.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -160,4 +160,4 @@
       gap: 1rem;
     }
   }
-`,w=n.memo(h),x=n.forwardRef(({title:o,items:r,onSelectCard:i=()=>{}},d)=>{const l=n.useMemo(()=>{var a;return(a=r==null?void 0:r.slice(0,4))==null?void 0:a.map((t,p)=>e.jsx(w,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,imageUrl:t==null?void 0:t.imageUrl,onSelectCard:()=>i==null?void 0:i(t)},`quattro-card__${p+1}`))},[r]);return e.jsxs(b,{children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:s.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:o})})})}),e.jsx("div",{className:"wrapper__cards",children:l})]})});module.exports=x;
+`,w=n.memo(h),x=n.forwardRef(({title:o,items:r,onSelectCard:i=()=>{}},s)=>{const l=n.useMemo(()=>{var a;return(a=r==null?void 0:r.slice(0,4))==null?void 0:a.map((t,p)=>e.jsx(w,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,imageUrl:t==null?void 0:t.imageUrl,onSelectCard:()=>i==null?void 0:i(t)},`quattro-card__${p+1}`))},[r]);return e.jsxs(b,{ref:s,children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:d.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:o})})})}),e.jsx("div",{className:"wrapper__cards",children:l})]})});module.exports=x;

package/dist/QuattroCardsSection.js

@@ -1,4 +1,4 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { forwardRef as l, memo as g, useMemo as f } from "react";
 import { t as h, p as u, k as _ } from "./utils-BbgAIA9N.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
@@ -116,12 +116,12 @@ const y = c.div`
     }
   }
 `, x = l(
-  ({ title: o, description: e, imageUrl: i, onSelectCard: d = () => {
+  ({ title: o, description: e, imageUrl: i, onSelectCard: n = () => {
   } }, s) => {
     const { theme: a } = b();
-    return /* @__PURE__ */ n(v, { theme: a, onClick: d, children: [
+    return /* @__PURE__ */ d(v, { theme: a, onClick: n, children: [
       /* @__PURE__ */ r("img", { loading: "lazy", src: i }),
-      /* @__PURE__ */ r(y, { theme: a, className: "quattro-card__gradient", children: /* @__PURE__ */ n("div", { className: "quattro-card__text", children: [
+      /* @__PURE__ */ r(y, { theme: a, className: "quattro-card__gradient", children: /* @__PURE__ */ d("div", { className: "quattro-card__text", children: [
         /* @__PURE__ */ r("div", { className: "quattro-card__title", children: o }),
         /* @__PURE__ */ r("div", { className: "quattro-card__description", children: e })
       ] }) })
@@ -181,7 +181,7 @@ const y = c.div`
   }
 `, k = g(x), I = l(
   ({ title: o, items: e, onSelectCard: i = () => {
-  } }, d) => {
+  } }, n) => {
     const s = f(() => {
       var a;
       return (a = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : a.map((t, p) => /* @__PURE__ */ r(
@@ -195,7 +195,7 @@ const y = c.div`
         `quattro-card__${p + 1}`
       ));
     }, [e]);
-    return /* @__PURE__ */ n(q, { children: [
+    return /* @__PURE__ */ d(q, { ref: n, children: [
       /* @__PURE__ */ r("div", { className: "wrapper__heading", children: /* @__PURE__ */ r("div", { className: "wrapper__title", children: _(o) && /* @__PURE__ */ r("div", { className: "title__text", children: /* @__PURE__ */ r("span", { children: o }) }) }) }),
       /* @__PURE__ */ r("div", { className: "wrapper__cards", children: s })
     ] });

package/dist/ShopCardsSection.cjs

@@ -88,4 +88,4 @@
       gap: 1rem;
     }
   }
-`,d=y.forwardRef(({title:i,subtitle:s,items:n,limit:m=4,limitForMobile:_=2,buttonText:u="Show More",onSelectCard:g=()=>{},onButtonAction:l=()=>{},icon:o,getImage:x=()=>{},getProductImage:h=()=>{},hideProducts:f=!1},w)=>{var a;return t.jsxs(C,{ref:w,limitCards:m,limitCardsForMobile:_,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[v.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:i})]}),l&&t.jsx(c,{text:u,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:l})]}),s&&t.jsx("div",{className:"wrapper__subtitle",children:s})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,r)=>t.jsx(p.ShopCard,{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.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g(e==null?void 0:e.uuid),image:x(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:h,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:f},`shop-card__${r+1}`)):(a=Array.from("1234"))==null?void 0:a.map((e,r)=>t.jsx(p.ShopCardSkeleton,{},`shop-card-skeleton__${r+1}`))})]})});module.exports=d;
+`,d=y.forwardRef(({title:i,subtitle:s,items:n,limit:m=4,limitForMobile:_=2,buttonText:u="Show More",onSelectCard:g=()=>{},onButtonAction:l=()=>{},icon:o,getImage:x=()=>{},getProductImage:h=()=>{},hideProducts:f=!1},w)=>{var a;return t.jsxs(C,{ref:w,limitCards:m,limitCardsForMobile:_,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[v.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:i})]}),l&&t.jsx(c,{text:u,color:"neutral",borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:l})]}),s&&t.jsx("div",{className:"wrapper__subtitle",children:s})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,r)=>t.jsx(p.ShopCard,{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.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g(e==null?void 0:e.uuid),image:x(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:h,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:f},`shop-card__${r+1}`)):(a=Array.from("1234"))==null?void 0:a.map((e,r)=>t.jsx(p.ShopCardSkeleton,{},`shop-card-skeleton__${r+1}`))})]})});module.exports=d;

package/dist/ShopCardsSection.js

@@ -5,7 +5,7 @@ import { S as C, a as b } from "./skeleton-CkTNgaA3.js";
 import { k as d } from "./utils-BbgAIA9N.js";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as N } from "./consts-BuFChS64.js";
-const $ = S.div`
+const c = S.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -116,7 +116,7 @@ const $ = S.div`
   }, x) => {
     var s;
     return /* @__PURE__ */ n(
-      $,
+      c,
       {
         ref: x,
         limitCards: m,
@@ -132,6 +132,7 @@ const $ = S.div`
                 v,
                 {
                   text: g,
+                  color: "neutral",
                   borderRadius: "curved",
                   btnType: "tinted",
                   className: "title__action",

package/dist/SimpleCategoriesSection.cjs

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

package/dist/SimpleCategoriesSection.js

@@ -43,10 +43,10 @@ const P = M.div`
     },
     onSelectCard: t = () => {
     },
-    isLoading: y = !1,
+    isLoading: h = !1,
     getImage: d = () => {
     }
-  } = l, h = E(), w = v(() => /* @__PURE__ */ r(S, { children: h === !0 ? o == null ? void 0 : o.map((e, i) => /* @__PURE__ */ r(
+  } = l, y = E(), w = v(() => /* @__PURE__ */ r(S, { children: y === !0 ? o == null ? void 0 : o.map((e, i) => /* @__PURE__ */ r(
     u,
     {
       uuid: e == null ? void 0 : e.uuid,
@@ -76,7 +76,7 @@ const P = M.div`
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var i;
             (i = e == null ? void 0 : e.target) == null || i.blur(), b(s);
@@ -90,7 +90,7 @@ const P = M.div`
     /* @__PURE__ */ r(P, { limit: a, children: /* @__PURE__ */ r(
       L,
       {
-        isLoading: y,
+        isLoading: h,
         limit: a,
         keyPrefix: "explore-landing",
         children: w

package/dist/UrgentSaleProductsSection.cjs

@@ -71,4 +71,4 @@
       }
     }
   }
-`,h=n.memo(b.DetailedProductCard),N=n.forwardRef((t,w)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:s=()=>{},title:y="Urgent sale",showLessText:S="Show less",showMoreText:j="Show more",isLoading:k=!1,getImage:m=()=>{},negotiableText:g,freeText:p}=t,c=v.useDetectMobile(),[l,M]=n.useState(!1),U=n.useMemo(()=>{var o;return i.jsx(i.Fragment,{children:c===!0?(o=r==null?void 0:r.slice(0,l===!0?r==null?void 0:r.length:d))==null?void 0:o.map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u)):r==null?void 0:r.slice(0,a).map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u))})},[r,c,a,d,l]);return i.jsxs(C,{ref:w,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:y})]}),i.jsx(b.SuspenseDetailedProductCard,{isLoading:k,limit:a,keyPrefix:"explore-landing",children:U}),c===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"gray",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!l)},children:l===!0?S:j})]})});module.exports=N;
+`,h=n.memo(b.DetailedProductCard),N=n.forwardRef((t,w)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:s=()=>{},title:y="Urgent sale",showLessText:S="Show less",showMoreText:j="Show more",isLoading:k=!1,getImage:m=()=>{},negotiableText:g,freeText:p}=t,c=v.useDetectMobile(),[l,M]=n.useState(!1),U=n.useMemo(()=>{var o;return i.jsx(i.Fragment,{children:c===!0?(o=r==null?void 0:r.slice(0,l===!0?r==null?void 0:r.length:d))==null?void 0:o.map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u)):r==null?void 0:r.slice(0,a).map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u))})},[r,c,a,d,l]);return i.jsxs(C,{ref:w,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:y})]}),i.jsx(b.SuspenseDetailedProductCard,{isLoading:k,limit:a,keyPrefix:"explore-landing",children:U}),c===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!l)},children:l===!0?S:j})]})});module.exports=N;

package/dist/UrgentSaleProductsSection.js

@@ -87,8 +87,8 @@ const E = C.div`
     },
     title: b = "Urgent sale",
     showLessText: w = "Show less",
-    showMoreText: y = "Show more",
-    isLoading: S = !1,
+    showMoreText: S = "Show more",
+    isLoading: y = !1,
     getImage: c = () => {
     },
     negotiableText: u,
@@ -140,7 +140,7 @@ const E = C.div`
     /* @__PURE__ */ a(
       D,
       {
-        isLoading: S,
+        isLoading: y,
         limit: l,
         keyPrefix: "explore-landing",
         children: M
@@ -152,12 +152,12 @@ const E = C.div`
         className: "show-more",
         btnType: "basic",
         type: "button",
-        color: "gray",
+        color: "neutral",
         onClick: (t) => {
           var e;
           (e = t == null ? void 0 : t.target) == null || e.blur(), k(!s);
         },
-        children: s === !0 ? w : y
+        children: s === !0 ? w : S
       }
     )
   ] });

package/package.json

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