@lanaco/lnc-react-ui 4.0.157 → 4.0.161

package/dist/DetailedProductsInfinitiveSection.js

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { memo as P, forwardRef as M, useMemo as B } from "react";
-import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as I } from "./consts-BuFChS64.js";
-import L from "./IconButton.js";
-import T from "./Button.js";
+import { memo as B, forwardRef as D, useMemo as I } from "react";
+import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as T } from "./consts-BuFChS64.js";
+import z from "./IconButton.js";
+import E from "./Button.js";
 import { k as a } from "./utils-BdsZgOUE.js";
-import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
-import { D as E, S as U } from "./suspense-product-card-detailed-BWoxabjZ.js";
-const $ = D.div`
+import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
+import { D as $, S as j } from "./suspense-product-card-detailed-BZtObEfA.js";
+const A = L.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -56,7 +56,9 @@ const $ = D.div`
     white-space: nowrap;
   }
 
-  @media (max-width: ${I + "px"}) {
+  @media (max-width: ${T + "px"}) {
+    gap: 1.25rem;
+
     & .section__items {
       display: flex;
       gap: 1rem;
@@ -77,10 +79,10 @@ const $ = D.div`
       }
     }
   }
-`, j = P(E), H = M((r, p) => {
+`, F = B($), Q = D((r, p) => {
   const {
-    title: l,
-    icon: s,
+    title: s,
+    icon: l,
     items: i,
     limit: c = 4,
     isLoading: m = !1,
@@ -100,9 +102,10 @@ const $ = D.div`
     sponsoredText: v,
     onBookmark: C = () => {
     },
-    bookmarkComponent: S
-  } = r, u = z(), N = B(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
-    j,
+    bookmarkComponent: N,
+    componentName: S
+  } = r, u = U(), P = I(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
+    F,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -113,7 +116,7 @@ const $ = D.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
+      onSelectCard: (R, M) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
       imageUrl: w(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,
@@ -126,21 +129,22 @@ const $ = D.div`
       trade: e == null ? void 0 : e.trade,
       sponsoredText: v,
       onBookmark: C,
-      bookmarkComponent: S,
+      bookmarkComponent: N,
       bookmarked: e == null ? void 0 : e.bookmarked,
-      bookmarkLists: e == null ? void 0 : e.bookmarkLists
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists,
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
     },
     t
   )), [i]);
-  return /* @__PURE__ */ n($, { ref: p, limit: c, children: [
+  return /* @__PURE__ */ n(A, { ref: p, limit: c, children: [
     /* @__PURE__ */ n("div", { className: "section__heading", children: [
-      a(l) && /* @__PURE__ */ n("div", { className: "section__title", children: [
-        a(s) && /* @__PURE__ */ o("i", { className: s }),
+      a(s) && /* @__PURE__ */ n("div", { className: "section__title", children: [
+        a(l) && /* @__PURE__ */ o("i", { className: l }),
         " ",
-        l
+        s
       ] }),
       u && a(d) && /* @__PURE__ */ o(
-        T,
+        E,
         {
           type: "button",
           btnType: "tinted",
@@ -156,16 +160,16 @@ const $ = D.div`
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
-      U,
+      j,
       {
         isLoading: m,
         limit: c,
         keyPrefix: "explore-landing",
-        children: N
+        children: P
       }
     ) }),
     !u && !m && /* @__PURE__ */ o(
-      L,
+      z,
       {
         icon: k,
         borderRadius: "curved",
@@ -178,5 +182,5 @@ const $ = D.div`
   ] });
 });
 export {
-  H as default
+  Q as default
 };

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-lSjkOR95.cjs"),f=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
+"use strict";const o=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),f=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),j=require("./suspense-product-card-detailed-D-pjVe22.cjs"),I=require("./index-D0xXo7W6.cjs"),_=T.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -7,7 +7,7 @@
     white-space: nowrap;
   }
 
-  @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${F.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,h=s.memo(f.DetailedProductCard),R=s.forwardRef((a,q)=>{const{icon:l,title:j,buttonLink:d,items:t,buttonText:w,limit:r=4,onSelectCard:c=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:v="All",sponsoredText:b,onBookmark:k=()=>{},bookmarkComponent:y}=a,C=T.useDetectMobile(),D=s.useMemo(()=>i.jsx(i.Fragment,{children:C===!0?t==null?void 0:t.map((e,o)=>i.jsx(h,{name: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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(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,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)):t==null?void 0:t.slice(0,r).map((e,o)=>i.jsx(h,{name: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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(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,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o))}),[t,C,r]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:q,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[S.isDefinedNotEmptyString(l)&&i.jsx("i",{className:l}),i.jsx("span",{children:j})]}),S.isDefinedNotEmptyString(d)&&i.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),P(d)},borderRadius:"curved",className:"button-link",children:w})]}),(n==null?void 0:n.length)>0&&i.jsx(B.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),i.jsx(E,{limit:r,children:i.jsx(f.SuspenseDetailedProductCard,{isLoading:N,limit:r,keyPrefix:"explore-landing",children:D})})]})});module.exports=R;
+`,q=l.memo(j.DetailedProductCard),O=l.forwardRef((a,w)=>{const{icon:c,title:N,buttonLink:d,items:t,buttonText:P,limit:i=4,onSelectCard:u=()=>{},onButtonAction:v=()=>{},isLoading:D=!1,getImage:m=()=>{},negotiableText:g,freeText:p,options:n,onSelectOption:b=()=>{},productsToolbarName:U="All",sponsoredText:k,onBookmark:y=()=>{},bookmarkComponent:C,componentName:S}=a,h=E.useDetectMobile(),L=l.useMemo(()=>o.jsx(o.Fragment,{children:h===!0?t==null?void 0:t.map((e,r)=>o.jsx(q,{name: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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),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:g,freeText:p,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r)):t==null?void 0:t.slice(0,i).map((e,r)=>o.jsx(q,{name: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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),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:g,freeText:p,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r))}),[t,h,i]);return o.jsxs(R.TitleWithOptionsSectionWrapper,{ref:w,children:[o.jsxs("div",{className:"regular-title",children:[o.jsxs("div",{className:"regular-title-text",children:[f.isDefinedNotEmptyString(c)&&o.jsx("i",{className:c}),o.jsx("span",{children:N})]}),f.isDefinedNotEmptyString(d)&&o.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),v(d)},borderRadius:"curved",className:"button-link",children:P})]}),(n==null?void 0:n.length)>0&&o.jsx(I.SelectBar,{items:n,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),o.jsx(_,{limit:i,children:o.jsx(j.SuspenseDetailedProductCard,{isLoading:D,limit:i,keyPrefix:"explore-landing",children:L})})]})});module.exports=O;

package/dist/DetailedProductsSection.js

@@ -1,14 +1,14 @@
-import { jsx as o, Fragment as L, jsxs as l } from "react/jsx-runtime";
-import { memo as M, forwardRef as D, useMemo as F } from "react";
-import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as q } from "./consts-BuFChS64.js";
-import E from "./Button.js";
-import { k as S } from "./utils-BdsZgOUE.js";
-import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as O } from "./style-BLuyU97E.js";
-import { D as R, S as W } from "./suspense-product-card-detailed-BWoxabjZ.js";
-import { S as $ } from "./index-Dweo-G3H.js";
-const j = B.div`
+import { jsx as o, Fragment as F, jsxs as s } from "react/jsx-runtime";
+import { memo as B, forwardRef as q, useMemo as E } from "react";
+import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as O } from "./consts-BuFChS64.js";
+import R from "./Button.js";
+import { k as h } from "./utils-BdsZgOUE.js";
+import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
+import { T as $ } from "./style-DKAOBWn3.js";
+import { D as j, S as z } from "./suspense-product-card-detailed-BZtObEfA.js";
+import { S as A } from "./index-Dweo-G3H.js";
+const K = I.div`
   display: grid;
   grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -17,7 +17,7 @@ const j = B.div`
     white-space: nowrap;
   }
 
-  @media (max-width: ${q + "px"}) {
+  @media (max-width: ${O + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -36,33 +36,34 @@ const j = B.div`
       /* Safari and Chrome */
     }
   }
-`, C = M(R), V = D((n, h) => {
+`, w = B(j), ee = q((n, N) => {
   const {
-    icon: s,
-    title: w,
+    icon: m,
+    title: P,
     buttonLink: d,
     items: r,
-    buttonText: P,
+    buttonText: v,
     limit: t = 4,
-    onSelectCard: m = () => {
+    onSelectCard: c = () => {
     },
-    onButtonAction: N = () => {
+    onButtonAction: T = () => {
     },
-    isLoading: v = !1,
-    getImage: c = () => {
+    isLoading: U = !1,
+    getImage: u = () => {
     },
-    negotiableText: u,
-    freeText: p,
+    negotiableText: p,
+    freeText: g,
     options: a,
-    onSelectOption: g = () => {
+    onSelectOption: b = () => {
     },
-    productsToolbarName: T = "All",
-    sponsoredText: b,
-    onBookmark: k = () => {
+    productsToolbarName: L = "All",
+    sponsoredText: k,
+    onBookmark: f = () => {
     },
-    bookmarkComponent: f
-  } = n, y = I(), U = F(() => /* @__PURE__ */ o(L, { children: y === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
-    C,
+    bookmarkComponent: y,
+    componentName: S
+  } = n, C = W(), M = E(() => /* @__PURE__ */ o(F, { children: C === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
+    w,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -73,26 +74,31 @@ const j = B.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
-      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: (D, l) => c({
+        uuid: e == null ? void 0 : e.uuid,
+        nameSlug: e == null ? void 0 : e.nameSlug,
+        cardRef: l
+      }),
+      imageUrl: u(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,
-      freeText: p,
+      negotiableText: p,
+      freeText: g,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: b,
-      onBookmark: k,
-      bookmarkComponent: f,
+      sponsoredText: k,
+      onBookmark: f,
+      bookmarkComponent: y,
       bookmarked: e == null ? void 0 : e.bookmarked,
-      bookmarkLists: e == null ? void 0 : e.bookmarkLists
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists,
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
     },
     i
   )) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
-    C,
+    w,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -104,74 +110,79 @@ const j = B.div`
       location: e == null ? void 0 : e.location,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
-      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: (D, l) => c({
+        uuid: e == null ? void 0 : e.uuid,
+        nameSlug: e == null ? void 0 : e.nameSlug,
+        cardRef: l
+      }),
+      imageUrl: u(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,
-      freeText: p,
+      negotiableText: p,
+      freeText: g,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: b,
-      onBookmark: k,
-      bookmarkComponent: f,
+      sponsoredText: k,
+      onBookmark: f,
+      bookmarkComponent: y,
       bookmarked: e == null ? void 0 : e.bookmarked,
-      bookmarkLists: e == null ? void 0 : e.bookmarkLists
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists,
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
     },
     i
-  )) }), [r, y, t]);
-  return /* @__PURE__ */ l(O, { ref: h, children: [
-    /* @__PURE__ */ l("div", { className: "regular-title", children: [
-      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
-        S(s) && /* @__PURE__ */ o("i", { className: s }),
-        /* @__PURE__ */ o("span", { children: w })
+  )) }), [r, C, t]);
+  return /* @__PURE__ */ s($, { ref: N, children: [
+    /* @__PURE__ */ s("div", { className: "regular-title", children: [
+      /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
+        h(m) && /* @__PURE__ */ o("i", { className: m }),
+        /* @__PURE__ */ o("span", { children: P })
       ] }),
-      S(d) && /* @__PURE__ */ o(
-        E,
+      h(d) && /* @__PURE__ */ o(
+        R,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
             var i;
-            (i = e == null ? void 0 : e.target) == null || i.blur(), N(d);
+            (i = e == null ? void 0 : e.target) == null || i.blur(), T(d);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: P
+          children: v
         }
       )
     ] }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
-      $,
+      A,
       {
         items: a,
         onRemove: (e) => {
-          g(e);
+          b(e);
         },
         onSelect: (e) => {
-          g(e);
+          b(e);
         },
         labelKey: "name",
         valueKey: "code",
         noMargin: !0,
-        productsToolbarName: T
+        productsToolbarName: L
       }
     ),
-    /* @__PURE__ */ o(j, { limit: t, children: /* @__PURE__ */ o(
-      W,
+    /* @__PURE__ */ o(K, { limit: t, children: /* @__PURE__ */ o(
+      z,
       {
-        isLoading: v,
+        isLoading: U,
         limit: t,
         keyPrefix: "explore-landing",
-        children: U
+        children: M
       }
     ) })
   ] });
 });
 export {
-  V as default
+  ee as default
 };

package/dist/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-Ajyqx0cb.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-BwHfr4iM.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;

package/dist/Dropdown.js

@@ -2,8 +2,8 @@ import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-CblbdqjE.js";
 import * as O from "react";
 import { forwardRef as t, useCallback as y } from "react";
-import { u as S, S as M, a as h } from "./CustomStyles-DVcu00ul.js";
-import { c as H } from "./CustomStyles-DVcu00ul.js";
+import { u as S, S as M, a as h } from "./CustomStyles-iconSXFL.js";
+import { c as H } from "./CustomStyles-iconSXFL.js";
 import { _ as C, u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import "./index-B1vKwsDE.js";
 import { d as I } from "./index-Dt62UGku.js";

package/dist/DropdownLookup.cjs

@@ -1 +1 @@
-"use strict";const le=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),t=require("react"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-Ajyqx0cb.cjs"),ce=require("./defineProperty-CqVRDJI8.cjs");require("./index-41nUb2kP.cjs");const fe=require("./index-Cp66dWMi.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(p,n,a.get?a:{enumerable:!0,get:()=>o[n]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,n=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=s._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(n)?n:void 0),f=s._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=s._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(n===!0),R=s._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=s._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=s._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=s._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=s._slicedToArray(ee,2),O=k[0],F=k[1],te=t.useState(void 0),z=s._slicedToArray(te,2),oe=z[0],ne=z[1],se=t.useState(void 0),N=s._slicedToArray(se,2),re=N[0],pe=N[1];i!==re&&(F({}),pe(i)),n!==oe&&(x(Array.isArray(n)?n:void 0),ne(n)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){n===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=s.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),F(V?s._objectSpread2(s._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return s._objectSpread2(s._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var n=Pe(o),a=s.useStateManager(n);return ye.createElement(s.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:n,debounceTime:a=0,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:n||s.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;
+"use strict";const le=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),t=require("react"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-BwHfr4iM.cjs"),ce=require("./defineProperty-CqVRDJI8.cjs");require("./index-41nUb2kP.cjs");const fe=require("./index-Cp66dWMi.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(p,n,a.get?a:{enumerable:!0,get:()=>o[n]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,n=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=s._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(n)?n:void 0),f=s._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=s._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(n===!0),R=s._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=s._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=s._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=s._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=s._slicedToArray(ee,2),O=k[0],F=k[1],te=t.useState(void 0),z=s._slicedToArray(te,2),oe=z[0],ne=z[1],se=t.useState(void 0),N=s._slicedToArray(se,2),re=N[0],pe=N[1];i!==re&&(F({}),pe(i)),n!==oe&&(x(Array.isArray(n)?n:void 0),ne(n)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){n===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=s.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),F(V?s._objectSpread2(s._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return s._objectSpread2(s._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var n=Pe(o),a=s.useStateManager(n);return ye.createElement(s.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:n,debounceTime:a=0,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:n||s.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;

package/dist/DropdownLookup.js

@@ -3,7 +3,7 @@ import { P as e } from "./index-CblbdqjE.js";
 import * as Oe from "react";
 import { useRef as G, useState as a, useEffect as W, useCallback as j, forwardRef as J } from "react";
 import { _ as me, u as be } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-DVcu00ul.js";
+import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-iconSXFL.js";
 import { _ as _e } from "./defineProperty-DF3p0mVo.js";
 import "./index-B1vKwsDE.js";
 import { d as Ie } from "./index-Dt62UGku.js";

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./utils-Dl9xPH4c.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),q=require("./Icon.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),R=_.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),s=require("./utils-Dl9xPH4c.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),R=require("./Icon.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=_.styled.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -37,7 +37,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${l.truncateTextInRows(2)}
+      ${s.truncateTextInRows(2)}
     }
 
     & .wrapper__description {
@@ -47,11 +47,11 @@
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${l.truncateTextInRows(2)}
+      ${s.truncateTextInRows(2)}
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__content {
       & .wrapper__title {
         font-size: 0.875rem;
@@ -67,13 +67,15 @@
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${l.linearGradientAnimation("-90deg")};
+  background: ${s.linearGradientAnimation("-90deg")};
 `,C=_.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.75rem;
   height: 100%;
+  max-width: 8rem;
+  min-width: 8rem;
 
   &:hover {
     cursor: pointer;
@@ -106,6 +108,8 @@
     font-style: normal;
     font-weight: 400;
     line-height: 1.5rem;
+    max-width: 8rem;
+    ${s.truncateTextInRows(2)}
   }
 
   &.active {
@@ -115,7 +119,9 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+    max-width: unset;
+    min-width: unset;
     flex-direction: row;
     align-items: center;
     gap: 0.25rem;
@@ -150,19 +156,20 @@
       font-size: 0.875rem;
       line-height: 1.25rem;
       white-space: nowrap;
+      max-width: unset;
     }
   }
 `,L=_.styled.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
-  background: ${l.linearGradientAnimation("-90deg")};
+  background: ${s.linearGradientAnimation("-90deg")};
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
     width: 7.5rem;
     height: 2.5rem;
   }
-`,O=s.forwardRef(({},t)=>r.jsx(L,{})),F=s.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:n=()=>{}},d)=>r.jsxs(C,{ref:d,className:o?"active":"",onClick:n,children:[r.jsx(q,{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:d,onSelectCard:x=()=>{}},u)=>{const{theme:y}=z.useTheme();return r.jsxs(R,{ref:u,theme:y,className:d,onClick:x,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(S,{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=_.styled.div`
+`,O=l.forwardRef(({},t)=>r.jsx(L,{})),F=l.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:n=()=>{}},d)=>r.jsxs(C,{ref:d,className:o?"active":"",onClick:n,children:[r.jsx(R,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=l.forwardRef(({image:t,imageComponent:o,title:i,description:n,className:d,onSelectCard:g=()=>{}},u)=>{const{theme:y}=q.useTheme();return r.jsxs(z,{ref:u,theme:y,className:d,onClick:g,children:[s.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=l.forwardRef(({},t)=>r.jsxs(S,{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=_.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -201,7 +208,6 @@
   & .wrapper__tags {
     display: flex;
     justify-content: center;
-    align-items: center;
     gap: 0.75rem;
   }
 
@@ -218,7 +224,9 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+    gap: 1rem;
+
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -243,4 +251,4 @@
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`,B=s.forwardRef(({title:t,subtitle:o,tags:i=[],items:n=[],limitTags:d=5,limitTagsForMobile:x=5,limit:u=3,limitForMobile:y=2,selectedTag:E,onSelectTag:v=()=>{},onSelectCard:b=()=>{},className:p},I)=>{var k,$;return s.useLayoutEffect(()=>{if(!l.isDefinedNotEmptyString(p))return;const e=()=>{const c=document.querySelector(`.${p} .wrapper__cards`),m=c.querySelectorAll(".wrapper__card");m.forEach(w=>{const N=w.getBoundingClientRect().height,M=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${M}`});const j=m==null?void 0:m[m.length-1];if(j){const w=j.offsetTop+j.offsetHeight;c.style.height=`${w}px`}},f=document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return f.length===0?e():(f.forEach(c=>{c.complete?h++:c.addEventListener("load",()=>{h++,h===f.length&&e()})}),h===f.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[p,n]),r.jsxs(W,{ref:I,limitTags:d,limitTagsForMobile:x,limitCards:u,limitCardsForMobile:y,className:p,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(F,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>v==null?void 0:v(e)},`field-of-interests-masonry-tag__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(O,{},`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:()=>b==null?void 0:b(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;
+`,B=l.forwardRef(({title:t,subtitle:o,tags:i=[],items:n=[],limitTags:d=5,limitTagsForMobile:g=5,limit:u=3,limitForMobile:y=2,selectedTag:I,onSelectTag:v=()=>{},onSelectCard:b=()=>{},className:p},E)=>{var k,$;return l.useLayoutEffect(()=>{if(!s.isDefinedNotEmptyString(p))return;const e=()=>{const c=document.querySelector(`.${p} .wrapper__cards`),m=c.querySelectorAll(".wrapper__card");m.forEach(f=>{const N=f.getBoundingClientRect().height,M=Math.ceil((N+10)/20);f.style.gridRowEnd=`span ${M}`});const j=m==null?void 0:m[m.length-1];if(j){const f=j.offsetTop+j.offsetHeight;c.style.height=`${f}px`}},h=document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");let w=0;return h.length===0?e():(h.forEach(c=>{c.complete?w++:c.addEventListener("load",()=>{w++,w===h.length&&e()})}),w===h.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[p,n]),r.jsxs(W,{ref:E,limitTags:d,limitTagsForMobile:g,limitCards:u,limitCardsForMobile:y,className:p,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(F,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===I,onSelectCard:()=>v==null?void 0:v(e)},`field-of-interests-masonry-tag__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(O,{},`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:()=>b==null?void 0:b(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;