@lanaco/lnc-react-ui 4.0.121 → 4.0.123

package/dist/BlogsSectionSimple.js

@@ -1,11 +1,11 @@
-import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { jsxs as d, 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 v } from "./consts-BuFChS64.js";
+import { M as k } from "./consts-BuFChS64.js";
 import { u as T } from "./useDetectMobile-Bkvj0VMa.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 { o as z, p as I, k as b } from "./utils-BbgAIA9N.js";
+import { R as U } from "./style-08foMKSd.js";
+import W from "./Button.js";
 import j from "./Link.js";
 import { P as A } from "./index-YGcWbzeb.js";
 const E = h.div`
@@ -13,7 +13,7 @@ const E = h.div`
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${v + "px"}) {
+  @media (max-width: ${k + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
 `, w = h.div`
@@ -31,7 +31,6 @@ const E = h.div`
   cursor: pointer;
 
   &:hover {
-    
   }
 
   & img {
@@ -45,15 +44,25 @@ const E = h.div`
     width: 100%;
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    background-color: ${I("-90deg")};
+    background-color: ${z("-90deg")};
   }
 
   & .action {
     padding: 0 1rem 1rem 1rem;
     margin-top: auto;
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+
+    &:hover {
+      color: var(--gray-700, #4e555f);
+    }
   }
 
-  @media (max-width: ${v + "px"}) {
+  @media (max-width: ${k + "px"}) {
   }
 `, y = h.div`
   padding: 1rem 1rem 0 1rem;
@@ -73,13 +82,19 @@ const E = h.div`
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${U(3)}
+    ${I(3)}
   }
 `, L = u((t, o) => {
-  const { title: i, imageUrl: n, text: l, onCardClick: c, readMoreText: s = "Read more" } = t;
-  return /* @__PURE__ */ m(w, { ref: o, className: "blog-card", onClick: c, children: [
+  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: [
     /* @__PURE__ */ r(A, { src: n }),
-    /* @__PURE__ */ m(y, { children: [
+    /* @__PURE__ */ d(y, { children: [
       /* @__PURE__ */ r("div", { className: "text-wr-title", children: i }),
       /* @__PURE__ */ r("div", { className: "text-wr", children: l })
     ] }),
@@ -87,7 +102,7 @@ const E = h.div`
   ] });
 }), _ = u(({}, t) => (
   // <LandingPageClearProductCardSkeleton />
-  /* @__PURE__ */ m(w, { className: "product-card", children: [
+  /* @__PURE__ */ d(w, { className: "product-card", children: [
     /* @__PURE__ */ r("div", { className: "skeleton-img" }),
     /* @__PURE__ */ r("div", { className: "card-title" }),
     /* @__PURE__ */ r(y, {})
@@ -111,7 +126,7 @@ const E = h.div`
     limit: n,
     keyPrefix: l
   }
-) : t }), k = P(L), Y = u((t, o) => {
+) : t }), S = P(L), Y = u((t, o) => {
   const {
     icon: i,
     title: n,
@@ -126,45 +141,45 @@ const E = h.div`
     isLoading: N = !1,
     getImage: f = () => {
     },
-    readMoreText: b = "Read more"
-  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, d) => /* @__PURE__ */ r(
-    k,
+    readMoreText: v = "Read more"
+  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, m) => /* @__PURE__ */ r(
+    S,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: f(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: b,
+      readMoreText: v,
       onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    d
-  )) : a == null ? void 0 : a.slice(0, p).map((e, d) => /* @__PURE__ */ r(
-    k,
+    m
+  )) : a == null ? void 0 : a.slice(0, p).map((e, m) => /* @__PURE__ */ r(
+    S,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: f(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: b,
+      readMoreText: v,
       onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    d
+    m
   )) }), [a]);
-  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 }),
+  return /* @__PURE__ */ d(U, { ref: o, children: [
+    /* @__PURE__ */ d("div", { className: "regular-title", children: [
+      /* @__PURE__ */ d("div", { className: "regular-title-text", children: [
+        b(i) && /* @__PURE__ */ r("i", { className: i }),
         /* @__PURE__ */ r("span", { children: n })
       ] }),
-      S(s) && /* @__PURE__ */ r(
-        z,
+      b(s) && /* @__PURE__ */ r(
+        W,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var d;
-            (d = e == null ? void 0 : e.target) == null || d.blur(), l(s);
+            var m;
+            (m = e == null ? void 0 : e.target) == null || m.blur(), l(s);
           },
           borderRadius: "curved",
           className: "button-link",

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,13 +1,13 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-CZynEOC_.cjs"),w=require("./Button.cjs"),b=require("./index-BvSNRLNa.cjs"),j=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-CZynEOC_.cjs"),w=require("./Button.cjs"),b=require("./index-BvSNRLNa.cjs"),j=g.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
   margin: auto;
   width: fit-content;
-  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,h=u.styled.div`
+`,p=g.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -27,6 +27,11 @@
     width: fit-content;
     margin-top: auto;
     color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.09px;
   }
 
   & img {
@@ -47,10 +52,10 @@
     background-color: ${m.linearGradientAnimation("-90deg")};
   }
 
-  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
     max-width: unset;
   }
-`,f=u.styled.div`
+`,f=g.styled.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -58,8 +63,11 @@
   color: var(--gray-950, #14161a);
 
   & .text-wr-title {
-    font-weight: 600;
+    text-align: center;
     font-size: 1.375rem;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 1.75rem;
   }
 
   & .skeleton-title {
@@ -69,10 +77,11 @@
   }
 
   & .text-wr {
-    font-weight: 400;
     font-size: 0.875rem;
-    flex: 1;
-    color: var(--gray-700, #4e555f);
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.25rem;
+    letter-spacing: 0.0156rem;
     ${m.truncateTextInRows(3)}
   }
-`,g=s.forwardRef((i,n)=>{const{title:r,image:o,text:a,buttonText:d,onCardClick:l}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:l,children:[t.jsx(b.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:a})]}),t.jsx(w,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:l,size:"medium",children:d})]})}),k=s.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),C=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,a)=>t.jsx(k,{isLoading:n},`${r}-skeleton-product-card-${a}`))}),y=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:a})=>t.jsx(s.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(C,{isLoading:r,limit:o,keyPrefix:a}):i}),v=s.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:a=()=>{},isLoading:d=!1}=i,l=x.useDetectMobile();return t.jsx(j,{ref:n,limit:o,children:t.jsx(y,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:l===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c))})})})});module.exports=v;
+`,u=s.forwardRef((i,n)=>{const{title:r,image:o,text:l,buttonText:d,onCardClick:a}=i;return t.jsxs(p,{ref:n,className:"blog-card",onClick:a,children:[t.jsx(b.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:l})]}),t.jsx(w,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:a,size:"medium",children:d})]})}),k=s.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(p,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),y=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,l)=>t.jsx(k,{isLoading:n},`${r}-skeleton-product-card-${l}`))}),C=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:l})=>t.jsx(s.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(y,{isLoading:r,limit:o,keyPrefix:l}):i}),v=s.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:l=()=>{},isLoading:d=!1}=i,a=x.useDetectMobile();return t.jsx(j,{ref:n,limit:o,children:t.jsx(C,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:a===!0?r==null?void 0:r.map((e,c)=>t.jsx(u,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>l(e)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(u,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>l(e)},c))})})})});module.exports=v;

package/dist/BlogsSectionSimpleCentered.js

@@ -1,21 +1,21 @@
 import { jsxs as c, jsx as t, Fragment as s } from "react/jsx-runtime";
 import { forwardRef as p, Suspense as k } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as h } from "./consts-BuFChS64.js";
+import { M as u } from "./consts-BuFChS64.js";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as f, p as v } from "./utils-BbgAIA9N.js";
-import y from "./Button.js";
+import { o as f, p as y } from "./utils-BbgAIA9N.js";
+import v from "./Button.js";
 import { P as S } from "./index-YGcWbzeb.js";
-const $ = g.div`
+const x = g.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
   margin: auto;
   width: fit-content;
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${u + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, b = g.div`
+`, w = g.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -35,6 +35,11 @@ const $ = g.div`
     width: fit-content;
     margin-top: auto;
     color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.09px;
   }
 
   & img {
@@ -55,10 +60,10 @@ const $ = g.div`
     background-color: ${f("-90deg")};
   }
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${u + "px"}) {
     max-width: unset;
   }
-`, w = g.div`
+`, b = g.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -66,8 +71,11 @@ const $ = g.div`
   color: var(--gray-950, #14161a);
 
   & .text-wr-title {
-    font-weight: 600;
+    text-align: center;
     font-size: 1.375rem;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 1.75rem;
   }
 
   & .skeleton-title {
@@ -77,22 +85,23 @@ const $ = g.div`
   }
 
   & .text-wr {
-    font-weight: 400;
     font-size: 0.875rem;
-    flex: 1;
-    color: var(--gray-700, #4e555f);
-    ${v(3)}
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.25rem;
+    letter-spacing: 0.0156rem;
+    ${y(3)}
   }
-`, u = p((i, o) => {
+`, h = p((i, o) => {
   const { title: r, image: n, text: a, buttonText: m, onCardClick: l } = i;
-  return /* @__PURE__ */ c(b, { ref: o, className: "blog-card", onClick: l, children: [
+  return /* @__PURE__ */ c(w, { ref: o, className: "blog-card", onClick: l, children: [
     /* @__PURE__ */ t(S, { src: n }),
-    /* @__PURE__ */ c(w, { children: [
+    /* @__PURE__ */ c(b, { children: [
       /* @__PURE__ */ t("div", { className: "text-wr-title", children: r }),
       /* @__PURE__ */ t("div", { className: "text-wr", children: a })
     ] }),
     /* @__PURE__ */ t(
-      y,
+      v,
       {
         borderRadius: "curved",
         color: "gray",
@@ -104,17 +113,17 @@ const $ = g.div`
       }
     )
   ] });
-}), x = p((i, o) => {
+}), $ = p((i, o) => {
   const { onCardClick: r } = i;
   return (
     // <SimpleBlogCardSkeleton />
-    /* @__PURE__ */ c(b, { className: "product-card", onClick: r, children: [
+    /* @__PURE__ */ c(w, { className: "product-card", onClick: r, children: [
       /* @__PURE__ */ t("div", { className: "skeleton-img" }),
-      /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t("div", { className: "skeleton-title" }) })
+      /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t("div", { className: "skeleton-title" }) })
     ] })
   );
 }), T = ({ limit: i = 3, isLoading: o = !1, keyPrefix: r }) => /* @__PURE__ */ t(s, { children: Array.from({ length: i }, (n, a) => /* @__PURE__ */ t(
-  x,
+  $,
   {
     isLoading: o
   },
@@ -140,14 +149,14 @@ const $ = g.div`
     },
     isLoading: m = !1
   } = i, l = C();
-  return /* @__PURE__ */ t($, { ref: o, limit: n, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(x, { ref: o, limit: n, children: /* @__PURE__ */ t(
     B,
     {
       isLoading: m,
       limit: n,
       keyPrefix: "explore-landing",
       children: /* @__PURE__ */ t(s, { children: l === !0 ? r == null ? void 0 : r.map((e, d) => /* @__PURE__ */ t(
-        u,
+        h,
         {
           title: e == null ? void 0 : e.title,
           image: (e == null ? void 0 : e.image) || null,
@@ -157,7 +166,7 @@ const $ = g.div`
         },
         d
       )) : r == null ? void 0 : r.slice(0, n).map((e, d) => /* @__PURE__ */ t(
-        u,
+        h,
         {
           title: e == null ? void 0 : e.title,
           image: (e == null ? void 0 : e.image) || null,

package/dist/DateInput.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const At=require("react/jsx-runtime"),v=require("react"),K=require("./index-BpbMKBf_.cjs"),Aa=require("./Icon.cjs"),Fa=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./utils-CZynEOC_.cjs"),ie=require("./index-BZnmT78f.cjs"),h=require("./defineProperty-CqVRDJI8.cjs"),T=require("./setPrototypeOf-4aSEnBDm.cjs"),Nr=require("./index-41nUb2kP.cjs"),Wa=require("./index-CDGmG-qk.cjs"),Ua=require("./_commonjsHelpers-DwTZ_eVU.cjs"),Ha=require("./TextInput.cjs"),$a=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function Ba(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const j=Ba(v),qa=Fa.styled.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const At=require("react/jsx-runtime"),v=require("react"),K=require("./index-BpbMKBf_.cjs"),Aa=require("./Icon.cjs"),Fa=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./utils-CZynEOC_.cjs"),ie=require("./index-Bg5OOQN0.cjs"),h=require("./defineProperty-CqVRDJI8.cjs"),T=require("./setPrototypeOf-4aSEnBDm.cjs"),Nr=require("./index-41nUb2kP.cjs"),Wa=require("./index-CDGmG-qk.cjs"),Ua=require("./_commonjsHelpers-DwTZ_eVU.cjs"),Ha=require("./TextInput.cjs"),$a=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function Ba(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const j=Ba(v),qa=Fa.styled.div`
   ${a=>I.getComponentTypographyCss(a.theme,"DateInput",a.size,"enabled")}
   & .react-datepicker__header__dropdown {
     position: absolute !important;

package/dist/DateInput.js

@@ -5,7 +5,7 @@ import { P as J } from "./index-CblbdqjE.js";
 import Qa from "./Icon.js";
 import { s as Ka } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as hr, b as $ } from "./utils-BbgAIA9N.js";
-import { c as le } from "./index-BXrmgzsU.js";
+import { c as le } from "./index-fN7hCOo3.js";
 import { c as wt, a as Va, d as R, e as L, g as Y, _, f as I } from "./defineProperty-DF3p0mVo.js";
 import { a as x } from "./setPrototypeOf-CttqfWo1.js";
 import { r as zn, R as Xa } from "./index-B1vKwsDE.js";

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./utils-CZynEOC_.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=m.styled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./utils-CZynEOC_.cjs"),m=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=m.styled.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -50,12 +50,25 @@
       ${l.truncateTextInRows(2)}
     }
   }
-`,C=m.styled.div`
+
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__content {
+      & .wrapper__title {
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+      }
+
+      & .wrapper__description {
+        display: none;
+      }
+    }
+  }
+`,S=m.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${l.linearGradientAnimation("-90deg")};
-`,O=m.styled.div`
+`,C=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -102,18 +115,16 @@
     }
   }
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     flex-direction: row;
     align-items: center;
     gap: 0.25rem;
     border-radius: 999px;
-    width: 100%;
     background: var(--neutral-95004, rgba(20, 22, 26, 0.04));
     padding: 0 0.75rem;
 
     &.active {
       background: var(--gray-950, #14161a);
-
       & .wrapper__icon {
         background: transparent;
       }
@@ -141,17 +152,17 @@
       white-space: nowrap;
     }
   }
-`,S=m.styled.div`
+`,L=m.styled.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
   background: ${l.linearGradientAnimation("-90deg")};
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     width: 7.5rem;
     height: 2.5rem;
   }
-`,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`
+`,O=s.forwardRef(({},t)=>r.jsx(L,{})),F=s.forwardRef(({text:t,isActive:o=!1,icon:i,onSelectCard:n=()=>{}},_)=>r.jsxs(C,{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:_,onSelectCard:x=()=>{}},j)=>{const{theme:u}=z.useTheme();return r.jsxs(R,{theme:u,className:_,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=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -192,10 +203,6 @@
     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 {
@@ -211,7 +218,7 @@
     }
   }
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -236,4 +243,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: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;
+`,B=s.forwardRef(({title:t,subtitle:o,tags:i=[],items:n=[],limitTags:_=5,limitTagsForMobile:x=5,limit:j=3,limitForMobile:u=2,selectedTag:E,onSelectTag:y=()=>{},onSelectCard:v=()=>{},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,M=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${M}`});const b=c==null?void 0:c[c.length-1];if(b){const w=b.offsetTop+b.offsetHeight;p.style.height=`${w}px`}},f=document.querySelector(`.${d} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return f.length===0?e():(f.forEach(p=>{p.complete?h++:p.addEventListener("load",()=>{h++,h===f.length&&e()})}),h===f.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[d,n]),r.jsxs(W,{ref:I,limitTags:_,limitTagsForMobile:x,limitCards:j,limitCardsForMobile:u,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(F,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>y==null?void 0:y(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:()=>v==null?void 0:v(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;