@lanaco/lnc-react-ui 4.0.87 → 4.0.88

package/dist/BlogCardsSponsoredSection.js

@@ -15,7 +15,7 @@ const T = y.div`
   gap: 1.25rem;
   border-radius: 1.25rem;
   align-items: stretch;
-  border: ${(t) => t != null && t.isSponsored ? "2px solid var(--yellow-500, #f59e0b)" : "1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
+  border: ${(l) => l != null && l.isSponsored ? "2px solid var(--yellow-500, #f59e0b)" : "1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
@@ -126,33 +126,33 @@ const T = y.div`
   }
 `, E = v(
   ({
-    title: t,
+    title: l,
     imageUrl: d,
-    options: l,
+    options: s,
     publishedAt: c,
     timeToReadText: g = "{0} min read",
     timeToRead: f = 0,
-    numberOfLikes: s = 0,
-    numberOfComments: n = 0,
-    isSponsored: m = !1,
+    numberOfLikes: n = 0,
+    numberOfComments: m = 0,
+    isSponsored: p = !1,
     onSelectCard: o = () => {
     },
     onSelectOption: _ = () => {
     }
-  }, w) => /* @__PURE__ */ a(T, { isSponsored: m, onClick: o, children: [
-    m && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(u, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
+  }, w) => /* @__PURE__ */ a(T, { isSponsored: p, onClick: o, children: [
+    p && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(u, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
     /* @__PURE__ */ r(L, { src: d, className: "wrapper__image" }),
     /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ a("div", { className: "wrapper__subcontent", children: [
-        /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-        /* @__PURE__ */ r("div", { className: "wrapper__tags", children: l && (l == null ? void 0 : l.map((i, h) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "wrapper__title", children: l }),
+        /* @__PURE__ */ r("div", { className: "wrapper__tags", children: s && (s == null ? void 0 : s.map((i, h) => /* @__PURE__ */ r(
           R,
           {
             label: i == null ? void 0 : i.name,
             color: i == null ? void 0 : i.color,
             className: "wrapper__tag",
-            onClick: (p) => {
-              p == null || p.stopPropagation(), _(i == null ? void 0 : i.code);
+            onClick: (t) => {
+              t == null || t.stopPropagation(), _(i == null ? void 0 : i.code);
             }
           },
           `blog-card-sponsored-option__${h + 1}`
@@ -165,11 +165,11 @@ const T = y.div`
         /* @__PURE__ */ a("div", { className: "info__text", children: [
           /* @__PURE__ */ a("div", { children: [
             /* @__PURE__ */ r(u, { icon: " mng-lnc-thumbs-up", sizeInUnits: "1rem" }),
-            b(s)
+            b(n)
           ] }),
           /* @__PURE__ */ a("div", { children: [
             /* @__PURE__ */ r(u, { icon: " mng-lnc-messages", sizeInUnits: "1rem" }),
-            b(n)
+            b(m)
           ] })
         ] })
       ] })
@@ -259,16 +259,16 @@ const T = y.div`
   }
 `, B = z(E), Q = v(
   ({
-    title: t,
+    title: l,
     subtitle: d,
-    icon: l,
+    icon: s,
     buttonText: c,
     buttonLink: g,
     timeToReadText: f = "{0} min read",
-    items: s,
-    onButtonAction: n = () => {
+    items: n,
+    onButtonAction: m = () => {
     },
-    onSelectCard: m = () => {
+    onSelectCard: p = () => {
     },
     onSelectOption: o = () => {
     },
@@ -277,8 +277,8 @@ const T = y.div`
     }
   }, i) => {
     const h = S(() => {
-      var p;
-      return (p = s == null ? void 0 : s.slice(0, 4)) == null ? void 0 : p.map((e, N) => /* @__PURE__ */ r(
+      var t;
+      return (t = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : t.map((e, N) => /* @__PURE__ */ r(
         B,
         {
           title: e == null ? void 0 : e.title,
@@ -290,28 +290,31 @@ const T = y.div`
           numberOfLikes: e == null ? void 0 : e.numberOfLikes,
           numberOfComments: e == null ? void 0 : e.numberOfComments,
           isSponsored: e == null ? void 0 : e.isSponsored,
-          onSelectCard: () => m == null ? void 0 : m(e == null ? void 0 : e.uuid, e == null ? void 0 : e.titleSlug),
+          onSelectCard: () => p == null ? void 0 : p(e == null ? void 0 : e.uuid, e == null ? void 0 : e.titleSlug),
           onSelectOption: (k) => o == null ? void 0 : o(k),
           imageUrl: w(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
         },
         `blog-card-sponsored__${N + 1}`
       ));
-    }, [s]);
+    }, [n]);
     return /* @__PURE__ */ a(W, { children: [
       /* @__PURE__ */ a("div", { className: "wrapper__heading", children: [
         /* @__PURE__ */ a("div", { className: "wrapper__title", children: [
-          t && /* @__PURE__ */ a("div", { className: "title__text", children: [
-            C(l) && /* @__PURE__ */ r("i", { className: l }),
-            /* @__PURE__ */ r("span", { children: t })
+          l && /* @__PURE__ */ a("div", { className: "title__text", children: [
+            C(s) && /* @__PURE__ */ r("i", { className: s }),
+            /* @__PURE__ */ r("span", { children: l })
           ] }),
-          n && /* @__PURE__ */ r(
+          m && /* @__PURE__ */ r(
             U,
             {
               text: c,
               borderRadius: "curved",
               btnType: "tinted",
               className: "title__action",
-              onClick: () => n == null ? void 0 : n(g)
+              onClick: (t) => {
+                var e;
+                (e = t == null ? void 0 : t.target) == null || e.blur(), m == null || m(g);
+              }
             }
           )
         ] }),

package/dist/BlogsSectionDetailed.cjs

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

package/dist/BlogsSectionDetailed.js

@@ -123,16 +123,16 @@ const E = y.div`
     imageUrl: d,
     text: s,
     numberOfLikes: l,
-    numberOfComments: u,
-    timeToRead: g,
+    numberOfComments: f,
+    timeToRead: p,
     publishedAt: c,
     tags: m,
-    onCardClick: h,
-    timeToReadText: p = "{0} min read"
+    onCardClick: b,
+    timeToReadText: u = "{0} min read"
   } = i;
   return (
     // <BlogCardDetailedSkeleton />
-    /* @__PURE__ */ t(R, { ref: o, className: "blog-card", onClick: h, children: [
+    /* @__PURE__ */ t(R, { ref: o, className: "blog-card", onClick: b, children: [
       /* @__PURE__ */ r(j, { src: d }),
       /* @__PURE__ */ t(O, { children: [
         /* @__PURE__ */ t("div", { className: "info-wr", children: [
@@ -142,7 +142,7 @@ const E = y.div`
               " "
             ] }),
             /* @__PURE__ */ r("span", { className: "small-dot", children: "●" }),
-            g && p ? `${z(p, g)}` : "N/A"
+            p && u ? `${z(u, p)}` : "N/A"
           ] }),
           /* @__PURE__ */ t("div", { className: "info-wr-2", children: [
             /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
@@ -151,14 +151,14 @@ const E = y.div`
             ] }),
             /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
               /* @__PURE__ */ r("i", { className: "mng mng-lnc-messages-filled" }),
-              /* @__PURE__ */ r("span", { children: C(u) })
+              /* @__PURE__ */ r("span", { children: C(f) })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ r("div", { className: "text-wr-title", children: a }),
         /* @__PURE__ */ r("div", { className: "text-wr", children: s })
       ] }),
-      /* @__PURE__ */ r("div", { className: "tags-wr", children: m == null ? void 0 : m.map((n, f) => /* @__PURE__ */ r(I, { color: n == null ? void 0 : n.color, children: n == null ? void 0 : n.name }, f)) })
+      /* @__PURE__ */ r("div", { className: "tags-wr", children: m == null ? void 0 : m.map((n, h) => /* @__PURE__ */ r(I, { color: n == null ? void 0 : n.color, children: n == null ? void 0 : n.name }, h)) })
     ] })
   );
 }), G = N(({}, i) => /* @__PURE__ */ t(R, { className: "blog-card", children: [
@@ -193,16 +193,16 @@ const E = y.div`
     title: d,
     onButtonAction: s,
     items: l,
-    buttonText: u,
-    timeToReadText: g,
+    buttonText: f,
+    timeToReadText: p,
     limit: c = 3,
     onSelectCard: m = () => {
     },
-    isLoading: h = !1,
-    buttonLink: p,
+    isLoading: b = !1,
+    buttonLink: u,
     getImage: n = () => {
     }
-  } = i, f = D(), $ = L(() => /* @__PURE__ */ r(k, { children: f === !0 ? l == null ? void 0 : l.map((e, b) => /* @__PURE__ */ r(
+  } = i, h = D(), $ = L(() => /* @__PURE__ */ r(k, { children: h === !0 ? l == null ? void 0 : l.map((e, g) => /* @__PURE__ */ r(
     S,
     {
       title: e == null ? void 0 : e.title,
@@ -212,13 +212,13 @@ const E = y.div`
       numberOfComments: e == null ? void 0 : e.numberOfComments,
       publishedAt: e == null ? void 0 : e.publishedAt,
       timeToRead: e == null ? void 0 : e.timeToRead,
-      timeToReadText: g,
+      timeToReadText: p,
       tags: e == null ? void 0 : e.tags,
       onCardClick: () => m(e == null ? void 0 : e.titleSlug),
       imageUrl: n(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
     },
-    b
-  )) : l == null ? void 0 : l.slice(0, c).map((e, b) => /* @__PURE__ */ r(
+    g
+  )) : l == null ? void 0 : l.slice(0, c).map((e, g) => /* @__PURE__ */ r(
     S,
     {
       title: e == null ? void 0 : e.title,
@@ -230,33 +230,36 @@ const E = y.div`
       numberOfComments: e == null ? void 0 : e.numberOfComments,
       publishedAt: e == null ? void 0 : e.publishedAt,
       timeToRead: e == null ? void 0 : e.timeToRead,
-      timeToReadText: g,
+      timeToReadText: p,
       onCardClick: () => m(e == null ? void 0 : e.titleSlug)
     },
-    b
-  )) }), [l, f, c, m]);
+    g
+  )) }), [l, h, c, m]);
   return /* @__PURE__ */ t(U, { ref: o, children: [
     /* @__PURE__ */ t("div", { className: "regular-title", children: [
       /* @__PURE__ */ t("div", { className: "regular-title-text", children: [
         w(a) && /* @__PURE__ */ r("i", { className: a }),
         /* @__PURE__ */ r("span", { children: d })
       ] }),
-      w(u) && w(p) && /* @__PURE__ */ r(
+      w(f) && w(u) && /* @__PURE__ */ r(
         W,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => s(p),
+          onClick: (e) => {
+            var g;
+            (g = e == null ? void 0 : e.target) == null || g.blur(), s(u);
+          },
           borderRadius: "curved",
-          children: u
+          children: f
         }
       )
     ] }),
     /* @__PURE__ */ r(E, { limit: c, children: /* @__PURE__ */ r(
       F,
       {
-        isLoading: h,
+        isLoading: b,
         limit: c,
         keyPrefix: "explore-landing",
         children: $

package/dist/BlogsSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-DhRHf5Ed.cjs"),x=require("./style-xvwWn3Zv.cjs"),q=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BVaZWq6y.cjs"),B=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-DhRHf5Ed.cjs"),x=require("./style-xvwWn3Zv.cjs"),q=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BVaZWq6y.cjs"),B=p.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -6,7 +6,7 @@
   @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,y=p.styled.div`
+`,b=p.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -38,7 +38,7 @@
     width: 100%;
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    background-color: ${m.linearGradientAnimation("-90deg")};
+    background-color: ${u.linearGradientAnimation("-90deg")};
   }
 
   & .action {
@@ -48,7 +48,7 @@
 
   @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
   }
-`,b=p.styled.div`
+`,y=p.styled.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -66,6 +66,6 @@
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${m.truncateTextInRows(3)}
+    ${u.truncateTextInRows(3)}
   }
-`,$=a.forwardRef((t,o)=>{const{title:i,imageUrl:s,text:l,onCardClick:c,readMoreText:d="Read more"}=t;return r.jsxs(y,{ref:o,className:"blog-card",onClick:c,children:[r.jsx(M.ProductImageWrapper,{src:s}),r.jsxs(b,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:l})]}),r.jsx(R,{className:"action",color:"gray",onClick:c,children:d})]})}),I=a.forwardRef(({},t)=>r.jsxs(y,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(b,{})]})),P=({limit:t=3,isLoading:o=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(s,l)=>r.jsx(I,{isLoading:o},`${i}-skeleton-product-card-${l}`))}),T=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:s,keyPrefix:l})=>r.jsx(a.Suspense,{fallbackComponent:o,children:i===!0?r.jsx(P,{isLoading:i,limit:s,keyPrefix:l}):t}),j=a.memo($),_=a.forwardRef((t,o)=>{const{icon:i,title:s,onButtonAction:l=()=>{},onSelectCard:c=()=>{},buttonLink:d,items:n,buttonText:v,limit:u=3,isLoading:w=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=a.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?n==null?void 0:n.map((e,g)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>c(e==null?void 0:e.titleSlug)},g)):n==null?void 0:n.slice(0,u).map((e,g)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>c(e==null?void 0:e.titleSlug)},g))}),[n]);return r.jsxs(x.RegulatTitleSectionWrapper,{ref:o,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[m.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:s})]}),m.isDefinedNotEmptyString(d)&&r.jsx(q,{type:"button",btnType:"tinted",color:"gray",onClick:()=>l(d),borderRadius:"curved",children:v})]}),r.jsx(B,{limit:u,children:r.jsx(T,{isLoading:w,limit:u,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;
+`,$=c.forwardRef((t,o)=>{const{title:i,imageUrl:s,text:l,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(b,{ref:o,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:s}),r.jsxs(y,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:l})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(y,{})]})),P=({limit:t=3,isLoading:o=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(s,l)=>r.jsx(I,{isLoading:o},`${i}-skeleton-product-card-${l}`))}),T=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:s,keyPrefix:l})=>r.jsx(c.Suspense,{fallbackComponent:o,children:i===!0?r.jsx(P,{isLoading:i,limit:s,keyPrefix:l}):t}),j=c.memo($),_=c.forwardRef((t,o)=>{const{icon:i,title:s,onButtonAction:l=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:n,buttonText:v,limit:g=3,isLoading:w=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?n==null?void 0:n.map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a)):n==null?void 0:n.slice(0,g).map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a))}),[n]);return r.jsxs(x.RegulatTitleSectionWrapper,{ref:o,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:s})]}),u.isDefinedNotEmptyString(m)&&r.jsx(q,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),l(m)},borderRadius:"curved",children:v})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:w,limit:g,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;

package/dist/BlogsSectionSimple.js

@@ -1,9 +1,9 @@
-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 k } from "./consts-BuFChS64.js";
 import { u as T } from "./useDetectMobile-Bkvj0VMa.js";
-import { m as I, t as U, k as S } from "./utils-BE-UlkKf.js";
+import { m as I, t as U, k as b } from "./utils-BE-UlkKf.js";
 import { R as W } from "./style-sLF37aOA.js";
 import z from "./Button.js";
 import j from "./Link.js";
@@ -79,18 +79,18 @@ const E = h.div`
     ${U(3)}
   }
 `, L = u((t, o) => {
-  const { title: i, imageUrl: n, text: l, onCardClick: d, readMoreText: c = "Read more" } = t;
-  return /* @__PURE__ */ m(w, { ref: o, className: "blog-card", onClick: d, 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 })
     ] }),
-    /* @__PURE__ */ r(j, { className: "action", color: "gray", onClick: d, children: c })
+    /* @__PURE__ */ r(j, { className: "action", color: "gray", onClick: c, children: s })
   ] });
 }), _ = 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, {})
@@ -114,68 +114,71 @@ const E = h.div`
     limit: n,
     keyPrefix: l
   }
-) : t }), b = P(L), Y = u((t, o) => {
+) : t }), S = P(L), Y = u((t, o) => {
   const {
     icon: i,
     title: n,
     onButtonAction: l = () => {
     },
-    onSelectCard: d = () => {
+    onSelectCard: c = () => {
     },
-    buttonLink: c,
+    buttonLink: s,
     items: a,
     buttonText: C,
-    limit: s = 3,
+    limit: p = 3,
     isLoading: N = !1,
     getImage: f = () => {
     },
     readMoreText: v = "Read more"
-  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, p) => /* @__PURE__ */ r(
-    b,
+  } = 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: v,
-      onCardClick: () => d(e == null ? void 0 : e.titleSlug)
+      onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    p
-  )) : a == null ? void 0 : a.slice(0, s).map((e, p) => /* @__PURE__ */ r(
-    b,
+    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: v,
-      onCardClick: () => d(e == null ? void 0 : e.titleSlug)
+      onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    p
+    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(W, { 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(c) && /* @__PURE__ */ r(
+      b(s) && /* @__PURE__ */ r(
         z,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => l(c),
+          onClick: (e) => {
+            var m;
+            (m = e == null ? void 0 : e.target) == null || m.blur(), l(s);
+          },
           borderRadius: "curved",
           children: C
         }
       )
     ] }),
-    /* @__PURE__ */ r(E, { limit: s, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(E, { limit: p, children: /* @__PURE__ */ r(
       G,
       {
         isLoading: N,
-        limit: s,
+        limit: p,
         keyPrefix: "explore-landing",
         children: $
       }

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./utils-DhRHf5Ed.cjs"),$=require("./style-xvwWn3Zv.cjs"),B=require("./Button.cjs"),M=require("./Link.cjs"),R=require("./index-BVaZWq6y.cjs"),W=require("./index-DG7qQq8L.cjs"),A=h.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-DhRHf5Ed.cjs"),$=require("./style-xvwWn3Zv.cjs"),B=require("./Button.cjs"),M=require("./Link.cjs"),R=require("./index-BVaZWq6y.cjs"),W=require("./index-DG7qQq8L.cjs"),A=h.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -39,7 +39,7 @@
     min-height: 3.3125rem;
     max-height: 3.3125rem;
     border-radius: 0.75rem;
-    background-color: ${a.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
   }
 
   & a {
@@ -62,19 +62,19 @@
   & .skeleton-title {
     height: 1.5rem;
     width: 80%;
-    background-color: ${a.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
   }
 
   & .skeleton-action {
     height: 1.25rem;
     width: 20%;
-    background-color: ${a.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
   }
 
   & .text-wr {
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${a.truncateTextInRows(3)}
+    ${c.truncateTextInRows(3)}
   }
-`,I=c.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:m,onCardClick:s}=i;return e.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[e.jsxs(k,{children:[e.jsx("div",{className:"text-wr-title",children:n}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(M,{color:"gray",onClick:s,children:m})]}),e.jsx(R.ProductImageWrapper,{src:l})]})}),P=c.forwardRef(({},i)=>e.jsxs(w,{className:"blog-card",children:[e.jsxs(k,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),_=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:i},(l,r)=>e.jsx(P,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),z=({children:i,fallbackComponent:o=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>e.jsx(c.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(_,{isLoading:n,limit:l,keyPrefix:r}):i}),b=c.memo(I),E=c.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:m,limit:s=3,options:d,selectedOption:v=[],onButtonAction:y=()=>{},buttonLink:p,onSelectOption:x=()=>{},onSelectAll:S=()=>{},isLoading:N=!1,onSelectCard:u=()=>{},productsToolbarName:C="All"}=i,j=T.useDetectMobile(),q=c.useMemo(()=>e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g)):r==null?void 0:r.slice(0,s).map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g))}),[r,j,s,u]);return e.jsxs($.TitleWithOptionsSectionWrapper,{ref:o,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&e.jsx("i",{className:n}),e.jsx("span",{children:l})]}),a.isDefinedNotEmptyString(p)&&e.jsx(B,{type:"button",btnType:"tinted",color:"gray",onClick:()=>y(p),borderRadius:"curved",children:m})]}),(d==null?void 0:d.length)>0&&e.jsx(W.SelectBar,{items:d,selectedIds:v,onRemove:t=>{x(t)},onSelect:t=>{x(t)},onSelectAll:S,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:C}),e.jsx(A,{limit:s,children:e.jsx(z,{isLoading:N,limit:s,keyPrefix:"explore-landing",children:q})})]})});module.exports=E;
+`,I=d.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:u,onCardClick:s}=i;return t.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[t.jsxs(k,{children:[t.jsx("div",{className:"text-wr-title",children:n}),t.jsx("div",{className:"text-wr",children:r}),t.jsx(M,{color:"gray",onClick:s,children:u})]}),t.jsx(R.ProductImageWrapper,{src:l})]})}),P=d.forwardRef(({},i)=>t.jsxs(w,{className:"blog-card",children:[t.jsxs(k,{children:[t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"text-wr"}),t.jsx("div",{className:"skeleton-action"})]}),t.jsx("div",{className:"skeleton-img"})]})),_=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>t.jsx(t.Fragment,{children:Array.from({length:i},(l,r)=>t.jsx(P,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),z=({children:i,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>t.jsx(d.Suspense,{fallbackComponent:o,children:n===!0?t.jsx(_,{isLoading:n,limit:l,keyPrefix:r}):i}),j=d.memo(I),E=d.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:u,limit:s=3,options:m,selectedOption:v=[],onButtonAction:y=()=>{},buttonLink:p,onSelectOption:x=()=>{},onSelectAll:S=()=>{},isLoading:N=!1,onSelectCard:g=()=>{},productsToolbarName:C="All"}=i,b=T.useDetectMobile(),q=d.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?r==null?void 0:r.map((e,a)=>t.jsx(j,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>g(e)},a)):r==null?void 0:r.slice(0,s).map((e,a)=>t.jsx(j,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>g(e)},a))}),[r,b,s,g]);return t.jsxs($.TitleWithOptionsSectionWrapper,{ref:o,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(n)&&t.jsx("i",{className:n}),t.jsx("span",{children:l})]}),c.isDefinedNotEmptyString(p)&&t.jsx(B,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),y(p)},borderRadius:"curved",children:u})]}),(m==null?void 0:m.length)>0&&t.jsx(W.SelectBar,{items:m,selectedIds:v,onRemove:e=>{x(e)},onSelect:e=>{x(e)},onSelectAll:S,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:C}),t.jsx(A,{limit:s,children:t.jsx(z,{isLoading:N,limit:s,keyPrefix:"explore-landing",children:q})})]})});module.exports=E;

package/dist/BlogsSectionWithFilters.js

@@ -89,12 +89,12 @@ const U = f.div`
     ${O(3)}
   }
 `, _ = u((i, l) => {
-  const { title: o, imageUrl: m, text: r, buttonText: c, onCardClick: a } = i;
+  const { title: o, imageUrl: m, text: r, buttonText: s, onCardClick: a } = i;
   return /* @__PURE__ */ n(C, { ref: l, className: "blog-card", onClick: a, children: [
     /* @__PURE__ */ n(N, { children: [
       /* @__PURE__ */ t("div", { className: "text-wr-title", children: o }),
       /* @__PURE__ */ t("div", { className: "text-wr", children: r }),
-      /* @__PURE__ */ t(E, { color: "gray", onClick: a, children: c })
+      /* @__PURE__ */ t(E, { color: "gray", onClick: a, children: s })
     ] }),
     /* @__PURE__ */ t(F, { src: m })
   ] });
@@ -129,9 +129,9 @@ const U = f.div`
     icon: o,
     title: m,
     items: r,
-    buttonText: c,
+    buttonText: s,
     limit: a = 3,
-    options: d,
+    options: c,
     selectedOption: T = [],
     onButtonAction: $ = () => {
     },
@@ -141,30 +141,30 @@ const U = f.div`
     onSelectAll: B = () => {
     },
     isLoading: W = !1,
-    onSelectCard: s = () => {
+    onSelectCard: p = () => {
     },
     productsToolbarName: x = "All"
-  } = i, v = I(), M = A(() => /* @__PURE__ */ t(h, { children: v === !0 ? r == null ? void 0 : r.map((e, p) => /* @__PURE__ */ t(
+  } = i, v = I(), M = A(() => /* @__PURE__ */ t(h, { children: v === !0 ? r == null ? void 0 : r.map((e, d) => /* @__PURE__ */ t(
     y,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: (e == null ? void 0 : e.image) || null,
       text: e == null ? void 0 : e.text,
       buttonText: e == null ? void 0 : e.buttonText,
-      onCardClick: () => s(e)
+      onCardClick: () => p(e)
     },
-    p
-  )) : r == null ? void 0 : r.slice(0, a).map((e, p) => /* @__PURE__ */ t(
+    d
+  )) : r == null ? void 0 : r.slice(0, a).map((e, d) => /* @__PURE__ */ t(
     y,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: (e == null ? void 0 : e.image) || null,
       text: e == null ? void 0 : e.text,
       buttonText: e == null ? void 0 : e.buttonText,
-      onCardClick: () => s(e)
+      onCardClick: () => p(e)
     },
-    p
-  )) }), [r, v, a, s]);
+    d
+  )) }), [r, v, a, p]);
   return /* @__PURE__ */ n(R, { ref: l, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
@@ -177,16 +177,19 @@ const U = f.div`
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => $(b),
+          onClick: (e) => {
+            var d;
+            (d = e == null ? void 0 : e.target) == null || d.blur(), $(b);
+          },
           borderRadius: "curved",
-          children: c
+          children: s
         }
       )
     ] }),
-    (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ t(
+    (c == null ? void 0 : c.length) > 0 && /* @__PURE__ */ t(
       L,
       {
-        items: d,
+        items: c,
         selectedIds: T,
         onRemove: (e) => {
           k(e);