@lanaco/lnc-react-ui 4.0.109 → 4.0.111

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-B5zd-nnm.cjs"),l=require("./style-BTTXJFJN.cjs"),m=a.memo(u.CategorySimpleCard),p=a.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:n=!1,limit:t=4,isHighlight:c=!1},C)=>{const d=a.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,g)=>s.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},g))},[r]);return s.jsx(l.Wrapper,{className:c?"highlight":"",children:s.jsx("div",{className:"wrapper__grid",children:s.jsx(u.SuspenseSimpleCategoryCard,{isLoading:n,limit:t,keyPrefix:"blog-section",children:d})})})});module.exports=p;
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-CK7XDK4k.cjs"),l=require("./style-BTTXJFJN.cjs"),m=a.memo(u.CategorySimpleCard),p=a.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:n=!1,limit:t=4,isHighlight:c=!1},C)=>{const d=a.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,g)=>s.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},g))},[r]);return s.jsx(l.Wrapper,{className:c?"highlight":"",children:s.jsx("div",{className:"wrapper__grid",children:s.jsx(u.SuspenseSimpleCategoryCard,{isLoading:n,limit:t,keyPrefix:"blog-section",children:d})})})});module.exports=p;

package/dist/BlogCategoryCardsSection.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { memo as l, forwardRef as f, useMemo as t } from "react";
-import { C as u, S as n } from "./suspense-categories-card-simple-Ds6hXZKt.js";
+import { C as u, S as n } from "./suspense-categories-card-simple-BbtBbuWb.js";
 import { W as c } from "./style-tw6KjI2J.js";
 const C = l(u), M = f(
   ({

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),P=require("./index-B30K8mkW.cjs"),f=require("./suspense-product-card-simple-Ba1UPqgy.cjs"),h=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:o,buttonLink:t,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!1},N)=>{const m=q.useDetectMobile(),b=u.useMemo(()=>{var c;return(c=i==null?void 0:i.slice(0,4))==null?void 0:c.map((e,g)=>r.jsx(y,{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,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),image:a(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},g))},[i]);return r.jsxs(j.Wrapper,{className:p?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(f.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(h,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=M;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),P=require("./index-B_HNDmXL.cjs"),f=require("./suspense-product-card-simple-CJwnghtt.cjs"),h=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:o,buttonLink:t,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!1},N)=>{const m=q.useDetectMobile(),b=u.useMemo(()=>{var c;return(c=i==null?void 0:i.slice(0,4))==null?void 0:c.map((e,g)=>r.jsx(y,{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,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),image:a(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},g))},[i]);return r.jsxs(j.Wrapper,{className:p?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(f.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(h,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=M;

package/dist/BlogProductCardsSection.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as h, useMemo as P } from "react";
 import { u as N } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as y } from "./index-CEI_JOki.js";
-import { S as M } from "./suspense-product-card-simple-ib6FLerL.js";
+import { S as y } from "./index-B2pFbNKc.js";
+import { S as M } from "./suspense-product-card-simple-Z-FddSb-.js";
 import S from "./Button.js";
 import { W as _ } from "./style-tw6KjI2J.js";
 const w = b(y), R = h(

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"),y=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-CZynEOC_.cjs"),N=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"),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`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,k=w.styled.div`
+`,v=w.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -20,10 +20,7 @@
   min-height: 21.5625rem;
   cursor: pointer;
   &:hover {
-    & .text-wr-title {
-      color: var(--primary-500, #f59e0b);
-      transition: var(--transition);
-    }
+   
   }
 
   & img {
@@ -47,7 +44,7 @@
     padding: 0 1rem 1rem 1rem;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
   }
 `,S=w.styled.div`
   padding: 1rem 1rem 0 1rem;
@@ -108,4 +105,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,$=u.forwardRef((i,l)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:h,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:f="{0} min read"}=i;return t.jsxs(k,{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&&f?`${r.formatString(f,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(h)})]})]})]}),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(N.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(k,{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}),v=u.memo($),L=u.forwardRef((i,l)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:h,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:f,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(v,{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(v,{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(N.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(h)&&r.isDefinedNotEmptyString(f)&&t.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(f)},borderRadius:"curved",className:"button-link",children:h})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;
+`,$=u.forwardRef((i,a)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:h,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:f="{0} min read"}=i;return t.jsxs(v,{ref:a,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&&f?`${r.formatString(f,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(h)})]})]})]}),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((l,b)=>t.jsx(k.BlogTag,{color:l==null?void 0:l.color,children:l==null?void 0:l.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:a=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,o)=>t.jsx(D,{isLoading:a},`${s}-skeleton-product-card-${o}`))}),B=({children:i,fallbackComponent:a=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:o})=>t.jsx(u.Suspense,{fallbackComponent:a,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:o}):i}),y=u.memo($),L=u.forwardRef((i,a)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:h,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:f,getImage:l=()=>{}}=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:l(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:l(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:a,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(h)&&r.isDefinedNotEmptyString(f)&&t.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(f)},borderRadius:"curved",className:"button-link",children:h})]}),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

@@ -1,9 +1,9 @@
-import { jsxs as t, jsx as r, Fragment as k } from "react/jsx-runtime";
+import { jsxs as t, jsx as r, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as N, Suspense as A, memo as B, useMemo as L } from "react";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as v, p as P, v as z, s as M, w as C, k as w } from "./utils-BbgAIA9N.js";
+import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BbgAIA9N.js";
 import { B as I, R as U } from "./style-08foMKSd.js";
 import W from "./Button.js";
 import { P as j } from "./index-YGcWbzeb.js";
@@ -29,10 +29,7 @@ const E = y.div`
   min-height: 21.5625rem;
   cursor: pointer;
   &:hover {
-    & .text-wr-title {
-      color: var(--primary-500, #f59e0b);
-      transition: var(--transition);
-    }
+   
   }
 
   & img {
@@ -46,7 +43,7 @@ const E = y.div`
     width: 100%;
     max-height: 11.0625rem;
     min-height: 11.0625rem;
-    background-color: ${v("-90deg")};
+    background-color: ${k("-90deg")};
   }
 
   & .tags-wr {
@@ -72,13 +69,13 @@ const E = y.div`
   }
 
   & .info-wr-skeleton {
-    background-color: ${v("-90deg")};
+    background-color: ${k("-90deg")};
     height: 1rem;
     width: 100%;
   }
 
   & .skeleton-title {
-    background-color: ${v("-90deg")};
+    background-color: ${k("-90deg")};
     height: 1.5rem;
     width: 70%;
   }
@@ -168,7 +165,7 @@ const E = y.div`
     /* @__PURE__ */ r("div", { className: "skeleton-title" }),
     /* @__PURE__ */ r("div", { className: "info-wr-skeleton" })
   ] })
-] })), F = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(k, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
+] })), F = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(v, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
   G,
   {
     isLoading: o
@@ -176,7 +173,7 @@ const E = y.div`
   `${a}-skeleton-product-card-${s}`
 )) }), X = ({
   children: i,
-  fallbackComponent: o = /* @__PURE__ */ r(k, {}),
+  fallbackComponent: o = /* @__PURE__ */ r(v, {}),
   isLoading: a = !1,
   limit: d,
   keyPrefix: s
@@ -202,7 +199,7 @@ const E = y.div`
     buttonLink: u,
     getImage: n = () => {
     }
-  } = i, h = D(), $ = L(() => /* @__PURE__ */ r(k, { children: h === !0 ? l == null ? void 0 : l.map((e, g) => /* @__PURE__ */ r(
+  } = i, h = D(), $ = L(() => /* @__PURE__ */ r(v, { children: h === !0 ? l == null ? void 0 : l.map((e, g) => /* @__PURE__ */ r(
     S,
     {
       title: e == null ? void 0 : e.title,

package/dist/BlogsSectionSimple.cjs

@@ -1,12 +1,12 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-CZynEOC_.cjs"),x=require("./style-JqDQj4jh.cjs"),q=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BvSNRLNa.cjs"),B=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-CZynEOC_.cjs"),q=require("./style-JqDQj4jh.cjs"),x=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BvSNRLNa.cjs"),B=p.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,S=p.styled.div`
+`,b=p.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -21,10 +21,7 @@
   cursor: pointer;
 
   &:hover {
-    & .text-wr-title {
-      color: var(--primary-500, #f59e0b);
-      transition: var(--transition);
-    }
+    
   }
 
   & img {
@@ -46,7 +43,7 @@
     margin-top: auto;
   }
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
   }
 `,y=p.styled.div`
   padding: 1rem 1rem 0 1rem;
@@ -68,4 +65,4 @@
     color: var(--gray-700, #4e555f);
     ${u.truncateTextInRows(3)}
   }
-`,$=c.forwardRef((t,o)=>{const{title:i,imageUrl:s,text:l,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(S,{ref:o,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:s}),r.jsxs(y,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:l})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(S,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(y,{})]})),P=({limit:t=3,isLoading:o=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(s,l)=>r.jsx(I,{isLoading:o},`${i}-skeleton-product-card-${l}`))}),T=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:s,keyPrefix:l})=>r.jsx(c.Suspense,{fallbackComponent:o,children:i===!0?r.jsx(P,{isLoading:i,limit:s,keyPrefix:l}):t}),j=c.memo($),_=c.forwardRef((t,o)=>{const{icon:i,title:s,onButtonAction:l=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:n,buttonText:v,limit:g=3,isLoading:w=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?n==null?void 0:n.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)):n==null?void 0:n.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))}),[n]);return r.jsxs(x.RegulatTitleSectionWrapper,{ref:o,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:s})]}),u.isDefinedNotEmptyString(m)&&r.jsx(q,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),l(m)},borderRadius:"curved",className:"button-link",children:v})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:w,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(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=_;

package/dist/BlogsSectionSimple.js

@@ -1,9 +1,9 @@
-import { jsxs as d, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
 import { forwardRef as u, Suspense as B, memo as P, useMemo as R } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
+import { M as v } from "./consts-BuFChS64.js";
 import { u as T } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as I, p as U, k as v } from "./utils-BbgAIA9N.js";
+import { o as I, p as U, k as S } from "./utils-BbgAIA9N.js";
 import { R as W } from "./style-08foMKSd.js";
 import z from "./Button.js";
 import j from "./Link.js";
@@ -13,7 +13,7 @@ const E = h.div`
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${v + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
 `, w = h.div`
@@ -31,10 +31,7 @@ const E = h.div`
   cursor: pointer;
 
   &:hover {
-    & .text-wr-title {
-      color: var(--primary-500, #f59e0b);
-      transition: var(--transition);
-    }
+    
   }
 
   & img {
@@ -56,7 +53,7 @@ const E = h.div`
     margin-top: auto;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${v + "px"}) {
   }
 `, y = h.div`
   padding: 1rem 1rem 0 1rem;
@@ -80,9 +77,9 @@ const E = h.div`
   }
 `, L = u((t, o) => {
   const { title: i, imageUrl: n, text: l, onCardClick: c, readMoreText: s = "Read more" } = t;
-  return /* @__PURE__ */ d(w, { ref: o, className: "blog-card", onClick: c, children: [
+  return /* @__PURE__ */ m(w, { ref: o, className: "blog-card", onClick: c, children: [
     /* @__PURE__ */ r(A, { src: n }),
-    /* @__PURE__ */ d(y, { children: [
+    /* @__PURE__ */ m(y, { children: [
       /* @__PURE__ */ r("div", { className: "text-wr-title", children: i }),
       /* @__PURE__ */ r("div", { className: "text-wr", children: l })
     ] }),
@@ -90,7 +87,7 @@ const E = h.div`
   ] });
 }), _ = u(({}, t) => (
   // <LandingPageClearProductCardSkeleton />
-  /* @__PURE__ */ d(w, { className: "product-card", children: [
+  /* @__PURE__ */ m(w, { className: "product-card", children: [
     /* @__PURE__ */ r("div", { className: "skeleton-img" }),
     /* @__PURE__ */ r("div", { className: "card-title" }),
     /* @__PURE__ */ r(y, {})
@@ -114,7 +111,7 @@ const E = h.div`
     limit: n,
     keyPrefix: l
   }
-) : t }), S = P(L), Y = u((t, o) => {
+) : t }), k = P(L), Y = u((t, o) => {
   const {
     icon: i,
     title: n,
@@ -130,8 +127,8 @@ const E = h.div`
     getImage: f = () => {
     },
     readMoreText: b = "Read more"
-  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, m) => /* @__PURE__ */ r(
-    S,
+  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, d) => /* @__PURE__ */ r(
+    k,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: f(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
@@ -140,9 +137,9 @@ const E = h.div`
       readMoreText: b,
       onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    m
-  )) : a == null ? void 0 : a.slice(0, p).map((e, m) => /* @__PURE__ */ r(
-    S,
+    d
+  )) : a == null ? void 0 : a.slice(0, p).map((e, d) => /* @__PURE__ */ r(
+    k,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: f(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
@@ -151,23 +148,23 @@ const E = h.div`
       readMoreText: b,
       onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    m
+    d
   )) }), [a]);
-  return /* @__PURE__ */ d(W, { ref: o, children: [
-    /* @__PURE__ */ d("div", { className: "regular-title", children: [
-      /* @__PURE__ */ d("div", { className: "regular-title-text", children: [
-        v(i) && /* @__PURE__ */ r("i", { className: i }),
+  return /* @__PURE__ */ m(W, { ref: o, children: [
+    /* @__PURE__ */ m("div", { className: "regular-title", children: [
+      /* @__PURE__ */ m("div", { className: "regular-title-text", children: [
+        S(i) && /* @__PURE__ */ r("i", { className: i }),
         /* @__PURE__ */ r("span", { children: n })
       ] }),
-      v(s) && /* @__PURE__ */ r(
+      S(s) && /* @__PURE__ */ r(
         z,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
           onClick: (e) => {
-            var m;
-            (m = e == null ? void 0 : e.target) == null || m.blur(), l(s);
+            var d;
+            (d = e == null ? void 0 : e.target) == null || d.blur(), l(s);
           },
           borderRadius: "curved",
           className: "button-link",

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),y=require("./utils-CZynEOC_.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-JqDQj4jh.cjs"),h=require("./suspense-product-card-detailed-DXwya4fQ.cjs"),T=require("./index-C1DkD2ug.cjs"),E=v.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),y=require("./utils-CZynEOC_.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-JqDQj4jh.cjs"),h=require("./suspense-product-card-detailed-LcBMp1iw.cjs"),T=require("./index-C1DkD2ug.cjs"),E=v.styled.div`
   display: grid;
   grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: ${r=>(r==null?void 0:r.gap)||"1.25rem"};
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,S=s.memo(h.DetailedProductCard),R=s.forwardRef((r,f)=>{const{icon:a,title:C,buttonLink:c,items:t,buttonText:j,limit:o=4,gap:w,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:C})]}),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:j})]}),(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:w,children:i.jsx(h.SuspenseDetailedProductCard,{isLoading:N,itemsCount: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:"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;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import E from "./Button.js";
 import { k as f } from "./utils-BbgAIA9N.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import { T as $ } from "./style-08foMKSd.js";
-import { D as L, S as O } from "./suspense-product-card-detailed-bYBpLiXc.js";
+import { D as L, S as O } from "./suspense-product-card-detailed-PArA5O4M.js";
 import { S as R } from "./index-CQLF61YV.js";
 const W = F.div`
   display: grid;
@@ -42,15 +42,15 @@ const W = F.div`
     title: h,
     buttonLink: d,
     items: o,
-    buttonText: C,
+    buttonText: w,
     limit: l = 4,
-    gap: w,
-    onSelectCard: m = () => {
+    gap: C,
+    onSelectCard: c = () => {
     },
     onButtonAction: P = () => {
     },
     isLoading: k = !1,
-    getImage: c = () => {
+    getImage: m = () => {
     },
     negotiableText: u,
     freeText: p,
@@ -70,8 +70,8 @@ const W = F.div`
       uuid: e == null ? void 0 : e.uuid,
       isSponsored: e == null ? void 0 : e.isSponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m(e == null ? void 0 : e.uuid),
-      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => c(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,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
       negotiableText: u,
@@ -91,8 +91,8 @@ const W = F.div`
       location: e == null ? void 0 : e.location,
       isSponsored: e == null ? void 0 : e.isSponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m(e == null ? void 0 : e.uuid),
-      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => c(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,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
       negotiableText: u,
@@ -118,7 +118,7 @@ const W = F.div`
           },
           borderRadius: "curved",
           className: "button-link",
-          children: C
+          children: w
         }
       )
     ] }),
@@ -138,11 +138,11 @@ const W = F.div`
         productsToolbarName: N
       }
     ),
-    /* @__PURE__ */ i(W, { limit: l, gap: w, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(W, { limit: l, gap: C, children: /* @__PURE__ */ i(
       O,
       {
         isLoading: k,
-        itemsCount: l,
+        limit: l,
         keyPrefix: "explore-landing",
         children: v
       }

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -55,11 +55,12 @@
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${l.linearGradientAnimation("-90deg")};
-`,S=m.styled.div`
+`,O=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.75rem;
+  height: 100%;
 
   &:hover {
     cursor: pointer;
@@ -140,7 +141,7 @@
       white-space: nowrap;
     }
   }
-`,F=m.styled.div`
+`,S=m.styled.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
@@ -150,7 +151,7 @@
     width: 7.5rem;
     height: 2.5rem;
   }
-`,L=s.forwardRef(({},t)=>r.jsx(F,{})),O=s.forwardRef(({text:t,isActive:o=!1,icon:n,onSelectCard:i=()=>{}},f)=>r.jsxs(S,{className:o?"active":"",onClick:i,children:[r.jsx(M,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=s.forwardRef(({image:t,imageComponent:o,title:n,description:i,className:f,onSelectCard:g=()=>{}},j)=>{const{theme:x}=R.useTheme();return r.jsxs(z,{theme:x,className:f,onClick:g,children:[l.isDefined(o)?o:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[n&&r.jsx("div",{className:"wrapper__title",children:n}),i&&r.jsx("div",{className:"wrapper__description",children:i})]})]})}),W=s.forwardRef(({},t)=>r.jsxs(C,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),T=m.styled.div`
+`,F=s.forwardRef(({},t)=>r.jsx(S,{})),L=s.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:n=()=>{}},f)=>r.jsxs(O,{className:o?"active":"",onClick:n,children:[r.jsx(M,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=s.forwardRef(({image:t,imageComponent:o,title:i,description:n,className:f,onSelectCard:g=()=>{}},j)=>{const{theme:x}=R.useTheme();return r.jsxs(z,{theme:x,className:f,onClick:g,children:[l.isDefined(o)?o:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__description",children:n})]})]})}),T=s.forwardRef(({},t)=>r.jsxs(C,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),W=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -182,11 +183,19 @@
     }
   }
 
+  & .wrapper__tags__external {
+    width: 100%;
+  }
+
   & .wrapper__tags {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 0.75rem;
+
+    grid-template-columns: ${t=>`repeat(${t.numberOfTags||0}, minmax(0, 7rem))`};
+    justify-content: center;
+    display: grid;
   }
 
   & .wrapper__cards {
@@ -227,4 +236,4 @@
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`,B=s.forwardRef(({title:t,subtitle:o,tags:n=[],items:i=[],limitTags:f=5,limitTagsForMobile:g=5,limit:j=3,limitForMobile:x=2,selectedTag:E,onSelectTag:u=()=>{},onSelectCard:y=()=>{},className:d},I)=>{var k,$;return s.useLayoutEffect(()=>{if(!l.isDefinedNotEmptyString(d))return;const e=()=>{const p=document.querySelector(`.${d} .wrapper__cards`),c=p.querySelectorAll(".wrapper__card");c.forEach(w=>{const N=w.getBoundingClientRect().height,q=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${q}`});const v=c==null?void 0:c[c.length-1];if(v){const w=v.offsetTop+v.offsetHeight;p.style.height=`${w}px`}},_=document.querySelector(`.${d} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return _.length===0?e():(_.forEach(p=>{p.complete?h++:p.addEventListener("load",()=>{h++,h===_.length&&e()})}),h===_.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[d,i]),r.jsxs(T,{ref:I,limitTags:f,limitTagsForMobile:g,limitCards:j,limitCardsForMobile:x,className:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__subtitle",children:o})]}),r.jsx("div",{className:"wrapper__tags",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,a)=>r.jsx(O,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>u==null?void 0:u(e)},`field-of-interests-masonry-tag__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(L,{},`field-of-interests-masonry-tag-skeleton__${a+1}`))}),r.jsx("div",{className:"wrapper__cards",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>y==null?void 0:y(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${a+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,a)=>r.jsx(W,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=B;
+`,B=s.forwardRef(({title:t,subtitle:o,tags:i=[],items:n=[],limitTags:f=5,limitTagsForMobile:g=5,limit:j=3,limitForMobile:x=2,selectedTag:E,onSelectTag:u=()=>{},onSelectCard:y=()=>{},className:d},I)=>{var k,$;return s.useLayoutEffect(()=>{if(!l.isDefinedNotEmptyString(d))return;const e=()=>{const p=document.querySelector(`.${d} .wrapper__cards`),c=p.querySelectorAll(".wrapper__card");c.forEach(w=>{const N=w.getBoundingClientRect().height,q=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${q}`});const v=c==null?void 0:c[c.length-1];if(v){const w=v.offsetTop+v.offsetHeight;p.style.height=`${w}px`}},_=document.querySelector(`.${d} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return _.length===0?e():(_.forEach(p=>{p.complete?h++:p.addEventListener("load",()=>{h++,h===_.length&&e()})}),h===_.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[d,n]),r.jsxs(W,{ref:I,limitTags:f,limitTagsForMobile:g,limitCards:j,limitCardsForMobile:x,className:d,numberOfTags:i==null?void 0:i.length,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__subtitle",children:o})]}),r.jsx("div",{className:"wrapper__tags__external",children:r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(L,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>u==null?void 0:u(e)},`field-of-interests-masonry-tag__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(F,{},`field-of-interests-masonry-tag-skeleton__${a+1}`))})}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,a)=>r.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>y==null?void 0:y(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${a+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,a)=>r.jsx(T,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=B;