@lanaco/lnc-react-ui 4.0.151 → 4.0.153

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as c, useLayoutEffect as L } from "react";
+import { forwardRef as m, useLayoutEffect as L } from "react";
 import { p as z, o as E, l as O, k as S } from "./utils-BdsZgOUE.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as g } from "./consts-BuFChS64.js";
 import A from "./Icon.js";
 import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const T = m.div`
+const T = f.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -70,12 +70,12 @@ const T = m.div`
       }
     }
   }
-`, j = m.div`
+`, j = f.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${E("-90deg")};
-`, q = m.div`
+`, q = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -159,7 +159,7 @@ const T = m.div`
       white-space: nowrap;
     }
   }
-`, R = m.div`
+`, R = f.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
@@ -169,38 +169,55 @@ const T = m.div`
     width: 7.5rem;
     height: 2.5rem;
   }
-`, B = c(({}, i) => /* @__PURE__ */ r(R, {})), D = c(
+`, B = m(({}, i) => /* @__PURE__ */ r(R, {})), D = m(
   ({ text: i, isActive: o = !1, icon: t, onSelectCard: a = () => {
-  } }, f) => /* @__PURE__ */ l(q, { className: o ? "active" : "", onClick: a, children: [
-    /* @__PURE__ */ r(A, { icon: t, className: "wrapper__icon" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
-  ] })
-), G = c(
+  } }, s) => /* @__PURE__ */ l(
+    q,
+    {
+      ref: s,
+      className: o ? "active" : "",
+      onClick: a,
+      children: [
+        /* @__PURE__ */ r(A, { icon: t, className: "wrapper__icon" }),
+        /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
+      ]
+    }
+  )
+), G = m(
   ({
     image: i,
     imageComponent: o,
     title: t,
     description: a,
-    className: f,
+    className: s,
     onSelectCard: u = () => {
     }
-  }, k) => {
-    const { theme: x } = W();
-    return /* @__PURE__ */ l(T, { theme: x, className: f, onClick: u, children: [
-      O(o) ? o : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
-      /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-        t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-        a && /* @__PURE__ */ r("div", { className: "wrapper__description", children: a })
-      ] })
-    ] });
+  }, x) => {
+    const { theme: v } = W();
+    return /* @__PURE__ */ l(
+      T,
+      {
+        ref: x,
+        theme: v,
+        className: s,
+        onClick: u,
+        children: [
+          O(o) ? o : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
+          /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
+            t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
+            a && /* @__PURE__ */ r("div", { className: "wrapper__description", children: a })
+          ] })
+        ]
+      }
+    );
   }
-), H = c(({}, i) => /* @__PURE__ */ l(j, { children: [
+), H = m(({}, i) => /* @__PURE__ */ l(j, { children: [
   /* @__PURE__ */ r("div", { className: "wrapper__image" }),
   /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
     /* @__PURE__ */ r("div", { className: "wrapper__title" }),
     /* @__PURE__ */ r("div", { className: "wrapper__description" })
   ] })
-] })), P = m.div`
+] })), P = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -281,56 +298,56 @@ const T = m.div`
       grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`, Y = c(
+`, Y = m(
   ({
     title: i,
     subtitle: o,
     tags: t = [],
     items: a = [],
-    limitTags: f = 5,
+    limitTags: s = 5,
     limitTagsForMobile: u = 5,
-    limit: k = 3,
-    limitForMobile: x = 2,
+    limit: x = 3,
+    limitForMobile: v = 2,
     selectedTag: I,
-    onSelectTag: v = () => {
+    onSelectTag: y = () => {
     },
-    onSelectCard: y = () => {
+    onSelectCard: b = () => {
     },
-    className: s
+    className: p
   }, C) => {
     var $, N;
     return L(() => {
-      if (!S(s))
+      if (!S(p))
         return;
       const e = () => {
-        const p = document.querySelector(`.${s} .wrapper__cards`), d = p.querySelectorAll(".wrapper__card");
-        d.forEach((w) => {
+        const d = document.querySelector(`.${p} .wrapper__cards`), c = d.querySelectorAll(".wrapper__card");
+        c.forEach((w) => {
           const M = w.getBoundingClientRect().height, F = Math.ceil((M + 10) / 20);
           w.style.gridRowEnd = `span ${F}`;
         });
-        const b = d == null ? void 0 : d[d.length - 1];
-        if (b) {
-          const w = b.offsetTop + b.offsetHeight;
-          p.style.height = `${w}px`;
+        const k = c == null ? void 0 : c[c.length - 1];
+        if (k) {
+          const w = k.offsetTop + k.offsetHeight;
+          d.style.height = `${w}px`;
         }
-      }, _ = document.querySelector(`.${s} .wrapper__cards`).querySelectorAll(".wrapper__image");
+      }, _ = document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");
       let h = 0;
-      return _.length === 0 ? e() : (_.forEach((p) => {
-        p.complete ? h++ : p.addEventListener("load", () => {
+      return _.length === 0 ? e() : (_.forEach((d) => {
+        d.complete ? h++ : d.addEventListener("load", () => {
           h++, h === _.length && e();
         });
       }), h === _.length && e()), window.addEventListener("resize", e), () => {
         window.removeEventListener("resize", e);
       };
-    }, [s, a]), /* @__PURE__ */ l(
+    }, [p, a]), /* @__PURE__ */ l(
       P,
       {
         ref: C,
-        limitTags: f,
+        limitTags: s,
         limitTagsForMobile: u,
-        limitCards: k,
-        limitCardsForMobile: x,
-        className: s,
+        limitCards: x,
+        limitCardsForMobile: v,
+        className: p,
         numberOfTags: t == null ? void 0 : t.length,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
@@ -343,7 +360,7 @@ const T = m.div`
               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)
+              onSelectCard: () => y == null ? void 0 : y(e)
             },
             `field-of-interests-masonry-tag__${n + 1}`
           )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ r(
@@ -358,7 +375,7 @@ const T = m.div`
               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),
+              onSelectCard: () => b == null ? void 0 : b(e),
               className: "wrapper__card"
             },
             `field-of-interests-with-tags-card__${n + 1}`

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-cd9auaNr.cjs"),c=h.styled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-CLoINIGC.cjs"),c=h.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
@@ -39,7 +39,7 @@
     width: 4.5rem;
     height: 4.5rem;
   }
-`,F=g.forwardRef(({},i)=>t.jsx(C,{})),I=g.forwardRef(({isActive:i,image:o,imageComponent:r,onSelectCard:l=()=>{}},f)=>t.jsx(v,{className:i?"active":"",onClick:l,children:y.isDefined(r)?r:t.jsx("img",{src:o,className:"wrapper__image"})})),A=g.forwardRef(({uuid:i,title:o,price:r,currency:l,isNegotiable:f,isFree:x,image:u,sellerUuid:s,onSelectCard:m=()=>{},imageComponent:p,negotiableText:d="Negotiable",freeText:a="Free"},_)=>t.jsx($.SimpleProductCard,{uuid:i,title:o,price:r,currency:l,isNegotiable:f,isFree:x,image:u,imageComponent:p,sellerUuid:s,onSelectCard:m,negotiableText:d,freeText:a})),N=g.forwardRef(({},i)=>t.jsx(c,{})),k=h.styled.div`
+`,F=f.forwardRef(({},i)=>t.jsx(C,{})),I=f.forwardRef(({isActive:i,image:o,imageComponent:r,onSelectCard:l=()=>{}},m)=>t.jsx(v,{ref:m,className:i?"active":"",onClick:l,children:y.isDefined(r)?r:t.jsx("img",{src:o,className:"wrapper__image"})})),A=f.forwardRef(({uuid:i,title:o,price:r,currency:l,isNegotiable:m,isFree:x,image:u,sellerUuid:s,onSelectCard:p=()=>{},imageComponent:a,negotiableText:d="Negotiable",freeText:g="Free"},_)=>t.jsx($.SimpleProductCard,{ref:_,uuid:i,title:o,price:r,currency:l,isNegotiable:m,isFree:x,image:u,imageComponent:a,sellerUuid:s,onSelectCard:p,negotiableText:d,freeText:g})),N=f.forwardRef(({},i)=>t.jsx(c,{})),k=h.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -99,4 +99,4 @@
       gap: 1rem;
     }
   }
-`,W=g.forwardRef(({title:i,subtitle:o,avatars:r=[],limitAvatars:l=4,limit:f=6,limitAvatarsForMobile:x=4,limitForMobile:u=2,items:s=[],onSelectAvatar:m=()=>{},onSelectCard:p=()=>{}},d)=>{var j,b;const a=e=>{m==null||m(e)},_=e=>{p==null||p(e)};return t.jsxs(k,{ref:d,limitAvatars:l,limitAvatarsForMobile:x,limitCards:f,limitCardsForMobile:u,children:[t.jsxs("div",{className:"wrapper__heading",children:[i&&t.jsx("div",{className:"wrapper__title",children:i}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__avatars",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,n)=>t.jsx(I,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>a==null?void 0:a(e)},`field-of-interests-with-avatars-card-avatar__${n+1}`)):(j=Array.from("1234"))==null?void 0:j.map((e,n)=>t.jsx(F,{},`field-of-interests-with-avatars-card-avatar-skeleton__${n+1}`))}),t.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,n)=>t.jsx(A,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>_==null?void 0:_(e)},`field-of-interests-with-avatars-card__${n+1}`)):(b=Array.from("123456"))==null?void 0:b.map((e,n)=>t.jsx(N,{},`field-of-interests-with-avatars-card-skeleton__${n+1}`))})]})});module.exports=W;
+`,W=f.forwardRef(({title:i,subtitle:o,avatars:r=[],limitAvatars:l=4,limit:m=6,limitAvatarsForMobile:x=4,limitForMobile:u=2,items:s=[],onSelectAvatar:p=()=>{},onSelectCard:a=()=>{}},d)=>{var j,b;const g=e=>{p==null||p(e)},_=e=>{a==null||a(e)};return t.jsxs(k,{ref:d,limitAvatars:l,limitAvatarsForMobile:x,limitCards:m,limitCardsForMobile:u,children:[t.jsxs("div",{className:"wrapper__heading",children:[i&&t.jsx("div",{className:"wrapper__title",children:i}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__avatars",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,n)=>t.jsx(I,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g==null?void 0:g(e)},`field-of-interests-with-avatars-card-avatar__${n+1}`)):(j=Array.from("1234"))==null?void 0:j.map((e,n)=>t.jsx(F,{},`field-of-interests-with-avatars-card-avatar-skeleton__${n+1}`))}),t.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,n)=>t.jsx(A,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>_==null?void 0:_(e)},`field-of-interests-with-avatars-card__${n+1}`)):(b=Array.from("123456"))==null?void 0:b.map((e,n)=>t.jsx(N,{},`field-of-interests-with-avatars-card-skeleton__${n+1}`))})]})});module.exports=W;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
+import { forwardRef as h } from "react";
 import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as x } from "./consts-BuFChS64.js";
 import { o as v, l as C } from "./utils-BdsZgOUE.js";
-import { S as F } from "./index-DzYKmmn2.js";
+import { S as F } from "./index-BGY3PSA-.js";
 const N = _.div`
   width: 100%;
   height: 11.625rem;
@@ -45,49 +45,51 @@ const N = _.div`
     width: 4.5rem;
     height: 4.5rem;
   }
-`, W = g(({}, i) => /* @__PURE__ */ t(A, {})), I = g(
+`, W = h(({}, i) => /* @__PURE__ */ t(A, {})), I = h(
   ({ isActive: i, image: o, imageComponent: r, onSelectCard: m = () => {
-  } }, f) => /* @__PURE__ */ t(
+  } }, l) => /* @__PURE__ */ t(
     k,
     {
+      ref: l,
       className: i ? "active" : "",
       onClick: m,
       children: C(r) ? r : /* @__PURE__ */ t("img", { src: o, className: "wrapper__image" })
     }
   )
-), c = g(
+), c = h(
   ({
     uuid: i,
     title: o,
     price: r,
     currency: m,
-    isNegotiable: f,
+    isNegotiable: l,
     isFree: u,
     image: d,
     sellerUuid: s,
-    onSelectCard: l = () => {
+    onSelectCard: p = () => {
     },
-    imageComponent: p,
+    imageComponent: a,
     negotiableText: w = "Negotiable",
-    freeText: a = "Free"
-  }, h) => /* @__PURE__ */ t(
+    freeText: g = "Free"
+  }, f) => /* @__PURE__ */ t(
     F,
     {
+      ref: f,
       uuid: i,
       title: o,
       price: r,
       currency: m,
-      isNegotiable: f,
+      isNegotiable: l,
       isFree: u,
       image: d,
-      imageComponent: p,
+      imageComponent: a,
       sellerUuid: s,
-      onSelectCard: l,
+      onSelectCard: p,
       negotiableText: w,
-      freeText: a
+      freeText: g
     }
   )
-), O = g(({}, i) => /* @__PURE__ */ t(N, {})), j = _.div`
+), O = h(({}, i) => /* @__PURE__ */ t(N, {})), j = _.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -147,26 +149,26 @@ const N = _.div`
       gap: 1rem;
     }
   }
-`, B = g(
+`, B = h(
   ({
     title: i,
     subtitle: o,
     avatars: r = [],
     limitAvatars: m = 4,
-    limit: f = 6,
+    limit: l = 6,
     limitAvatarsForMobile: u = 4,
     limitForMobile: d = 2,
     items: s = [],
-    onSelectAvatar: l = () => {
+    onSelectAvatar: p = () => {
     },
-    onSelectCard: p = () => {
+    onSelectCard: a = () => {
     }
   }, w) => {
     var b, $;
-    const a = (e) => {
-      l == null || l(e);
-    }, h = (e) => {
+    const g = (e) => {
       p == null || p(e);
+    }, f = (e) => {
+      a == null || a(e);
     };
     return /* @__PURE__ */ y(
       j,
@@ -174,7 +176,7 @@ const N = _.div`
         ref: w,
         limitAvatars: m,
         limitAvatarsForMobile: u,
-        limitCards: f,
+        limitCards: l,
         limitCardsForMobile: d,
         children: [
           /* @__PURE__ */ y("div", { className: "wrapper__heading", children: [
@@ -186,7 +188,7 @@ const N = _.div`
             {
               image: e == null ? void 0 : e.image,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              onSelectCard: () => a == null ? void 0 : a(e)
+              onSelectCard: () => g == null ? void 0 : g(e)
             },
             `field-of-interests-with-avatars-card-avatar__${n + 1}`
           )) : (b = Array.from("1234")) == null ? void 0 : b.map((e, n) => /* @__PURE__ */ t(
@@ -208,7 +210,7 @@ const N = _.div`
               sellerUuid: e == null ? void 0 : e.sellerUuid,
               negotiableText: e == null ? void 0 : e.negotiableText,
               freeText: e == null ? void 0 : e.freeText,
-              onSelectCard: () => h == null ? void 0 : h(e)
+              onSelectCard: () => f == null ? void 0 : f(e)
             },
             `field-of-interests-with-avatars-card__${n + 1}`
           )) : ($ = Array.from("123456")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ t(

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-Dl9xPH4c.cjs"),g=require("./consts-goSZX3xP.cjs"),y=require("./Icon.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-Dl9xPH4c.cjs"),g=require("./consts-goSZX3xP.cjs"),b=require("./Icon.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -15,7 +15,8 @@
     width: 100%;
     aspect-ratio: 1 / 1;
     object-fit: cover;
-    height: auto;
+    height: 100%;
+    max-height: 10.375rem;
     border-radius: 0.75rem 0.75rem 0 0;
   }
 
@@ -49,12 +50,12 @@
     }
   }
   cursor: pointer;
-`,k=p.styled.div`
+`,$=m.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${l.linearGradientAnimation("-90deg")};
-`,I=p.styled.div`
+`,I=m.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -94,7 +95,7 @@
   }
 
   &.active {
-    background: var(--yellow-600, #d97706);
+    background: ${t=>(t==null?void 0:t.activeColor)||"var(--yellow-600, #d97706)"};
 
     & .wrapper__icon {
       color: var(--white, #fff);
@@ -108,12 +109,12 @@
   @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     min-width: fit-content;
   }
-`,N=p.styled.div`
+`,N=m.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${l.linearGradientAnimation("-90deg")};
-`,$=d.forwardRef(({},i)=>r.jsx(N,{})),C=d.forwardRef(({name:i,isActive:n,icon:t,onSelectCard:o=()=>{}},c)=>r.jsxs(I,{className:n?"active":"",onClick:o,children:[l.isDefinedNotEmptyString(t)&&r.jsx(y,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),W=d.forwardRef(({image:i,imageComponent:n,name:t,description:o,onSelectCard:c=()=>{}},_)=>{const{theme:m}=b.useTheme();return r.jsxs(j,{theme:m,onClick:c,children:[l.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),R=d.forwardRef(({},i)=>r.jsx(k,{})),F=p.styled.div`
+`,C=c.forwardRef(({},t)=>r.jsx(N,{})),W=c.forwardRef(({name:t,isActive:n,activeColor:i,icon:a,onSelectCard:d=()=>{}},p)=>r.jsxs(I,{ref:p,className:n?"active":"",activeColor:i,onClick:d,children:[l.isDefinedNotEmptyString(a)&&r.jsx(b,{icon:a,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),R=c.forwardRef(({image:t,imageComponent:n,name:i,description:a,onSelectCard:d=()=>{}},p)=>{const{theme:f}=j.useTheme();return r.jsxs(k,{ref:p,theme:f,onClick:d,children:[l.isDefined(n)?n:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),F=c.forwardRef(({},t)=>r.jsx($,{})),T=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -154,7 +155,7 @@
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCards}, minmax(0, 1fr))`};
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
@@ -188,4 +189,4 @@
       gap: 1rem;
     }
   }
-`,T=d.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:o=7,limitTagsForMobile:c=7,limit:_=3,limitForMobile:m=2,items:a=[],selectedTag:u,onSelectTag:f=()=>{},onSelectCard:h=()=>{}},v)=>{var w,x;return r.jsxs(F,{ref:v,limitTags:o,limitTagsForMobile:c,limitCards:_,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,s)=>r.jsx(C,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,onSelectCard:()=>f==null?void 0:f(e)},`field-of-interests-with-tags-card-tag__${s+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx($,{},`field-of-interests-with-tags-card-tag-skeleton__${s+1}`))}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,s)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card__${s+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(R,{},`field-of-interests-with-tags-card-skeleton__${s+1}`))})]})});module.exports=T;
+`,q=c.forwardRef(({title:t,subtitle:n,tags:i=[],limitTags:a=7,limitTagsForMobile:d=7,limit:p=3,limitForMobile:f=2,items:s=[],selectedTag:u,activeColor:v,onSelectTag:h=()=>{},onSelectCard:_=()=>{}},y)=>{var w,x;return r.jsxs(T,{ref:y,limitTags:a,limitTagsForMobile:d,limitCards:p,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,o)=>r.jsx(W,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,activeColor:v,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${o+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,o)=>r.jsx(C,{},`field-of-interests-with-tags-card-tag-skeleton__${o+1}`))}),r.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,o)=>r.jsx(R,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>_==null?void 0:_(e)},`field-of-interests-with-tags-card__${o+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,o)=>r.jsx(F,{},`field-of-interests-with-tags-card-skeleton__${o+1}`))})]})});module.exports=q;