@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/BlogImagePathSection.js

@@ -1,14 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as d } from "./consts-BuFChS64.js";
-import { u as f } from "./useDetectMobile-Bkvj0VMa.js";
-const w = l.div`
+import { forwardRef as l } from "react";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { u as d } from "./useDetectMobile-CcVo3PNi.js";
+const f = c.div`
   display: flex;
   justify-content: center;
   width: 100%;
   text-align: center;
-`, x = l.div`
+`, b = c.div`
   width: 100%;
   height: 100%;
 
@@ -17,73 +16,62 @@ const w = l.div`
     height: ${(e) => e != null && e.imageHeight ? `${e == null ? void 0 : e.imageHeight}px` : "100%"};
     object-fit: cover;
   }
-
-  //&:hover {
-  //  cursor: pointer;
-  //}
-
-  //@media (max-width: ${d + "px"}) {
-  //  aspect-ratio: 1 / 1;
-  //  & .wrapper__image {
-  //    aspect-ratio: 1 / 1;
-  //  }
-  //}
-`, _ = c((e, a) => {
+`, w = l((e, a) => {
   const {
-    image: r,
+    image: g,
     altText: o,
-    imageWidth: g,
+    imageWidth: r,
     imageHeight: m,
     imageMobileWidth: h,
-    imageMobileHeight: s,
+    imageMobileHeight: n,
     isMobile: i,
-    onClick: n = () => {
+    onClick: s = () => {
     }
   } = e;
   return /* @__PURE__ */ t(
-    x,
+    b,
     {
       ref: a,
-      imageWidth: i ? h : g,
-      imageHeight: i ? s : m,
+      imageWidth: i ? h : r,
+      imageHeight: i ? n : m,
       className: "image-banner__wrapper",
       children: /* @__PURE__ */ t(
         "img",
         {
           loading: "lazy",
-          src: r,
+          src: g,
           alt: o,
           className: "wrapper__image",
-          onClick: n
+          onClick: s
         }
       )
     }
   );
-}), v = c((e, a) => {
+}), $ = l((e, a) => {
   const {
-    image: r,
+    image: g,
     altText: o,
-    imageWidth: g,
+    imageWidth: r,
     imageHeight: m,
     imageMobileWidth: h,
-    imageMobileHeight: s,
+    imageMobileHeight: n,
     onClick: i = () => {
     }
-  } = e, n = f();
-  return /* @__PURE__ */ t(w, { ref: a, children: /* @__PURE__ */ t(
-    _,
+  } = e, s = d();
+  return /* @__PURE__ */ t(f, { ref: a, children: /* @__PURE__ */ t(
+    w,
     {
-      image: r,
+      image: g,
       altText: o,
-      imageWidth: g,
+      imageWidth: r,
       imageHeight: m,
       imageMobileWidth: h,
-      imageMobileHeight: s,
-      isMobile: n,
+      imageMobileHeight: n,
+      isMobile: s,
       onClick: i
     }
   ) });
 });
 export {
-  v as default
+  $ as default
 };

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),P=require("./Icon.cjs"),R=require("./IconButton.cjs"),d=require("./utils-RnrgDDZP.cjs"),N=require("./index-uwl7BjRF.cjs"),q=require("./style-B4kAj6YU.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),B=x.styled.a`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),P=require("./Icon.cjs"),R=require("./IconButton.cjs"),d=require("./utils-CITgSxXe.cjs"),N=require("./index-DsINTjQk.cjs"),q=require("./style-DC05rdyx.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./breakpoints-CcVm-gVm.cjs"),t=require("./style-BAcV7F53.cjs"),B=v.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -95,7 +95,7 @@
     }
   }
 
-  @media (max-width: ${W.MOBILE_SIZE_PX+"px"}) {
+  @media ${W.down("S")} {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -146,7 +146,7 @@
       }
     }
   }
-`,I=a.forwardRef(({blogUuid:i,title:l,imageUrl:c,options:o,publishedAt:h,timeToReadText:u="{0} min read",timeToRead:j=0,numberOfLikes:w=0,numberOfComments:f=0,isBookmarked:p=!1,onSelectCard:_=()=>{},onBookmark:k=()=>{},onShare:g=()=>{},bookmarkComponent:r=e.jsx(e.Fragment,{}),metadata:s,titleSlug:m,LinkComponent:S},b)=>{const $=S||"a",v=()=>d.isDefined(r)?a.cloneElement(r,{key:`bookmark_blog__${i}__${p}`,isBookmarked:p,blogUuid:i,onBookmark:(y,C)=>k(y,C),ref:b,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),L=a.useRef();return e.jsxs(B,{ref:L,name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:n=>_(n,L),className:"blog-card-item",as:$,...S?{to:`/blog/${m}`}:{href:`/blog/${m}`},children:[e.jsx(N.ProductImageWrapper,{src:c,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsx("div",{className:"wrapper__title",children:l}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((n,y)=>e.jsx(q.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},`blog-card-sponsored-option__${y+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:n=>{n.stopPropagation(),n.preventDefault()},children:[e.jsx(v,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${d.formatLocaleDateString(h)} • ${d.formatString(u,j)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),d.getRoundedNumber(w)]}),e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),d.getRoundedNumber(f)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:[e.jsx(v,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]})]})}),G=x.styled.div`
+`,G=a.forwardRef(({blogUuid:i,title:l,imageUrl:c,options:o,publishedAt:h,timeToReadText:u="{0} min read",timeToRead:j=0,numberOfLikes:w=0,numberOfComments:f=0,isBookmarked:p=!1,onSelectCard:k=()=>{},onBookmark:_=()=>{},onShare:g=()=>{},bookmarkComponent:r=e.jsx(e.Fragment,{}),metadata:s,titleSlug:m,LinkComponent:S},b)=>{const $=S||"a",x=()=>d.isDefined(r)?a.cloneElement(r,{key:`bookmark_blog__${i}__${p}`,isBookmarked:p,blogUuid:i,onBookmark:(y,C)=>_(y,C),ref:b,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),L=a.useRef();return e.jsxs(B,{ref:L,name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:n=>k(n,L),className:"blog-card-item",as:$,...S?{to:`/blog/${m}`}:{href:`/blog/${m}`},children:[e.jsx(N.ProductImageWrapper,{src:c,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsx("div",{className:"wrapper__title",children:l}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((n,y)=>e.jsx(q.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},`blog-card-sponsored-option__${y+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:n=>{n.stopPropagation(),n.preventDefault()},children:[e.jsx(x,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${d.formatLocaleDateString(h)} • ${d.formatString(u,j)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),d.getRoundedNumber(w)]}),e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),d.getRoundedNumber(f)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:[e.jsx(x,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]})]})}),I=v.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -170,10 +170,10 @@
       bottom: -1.25rem;
     }
   }
-`,z=x.styled(t.SkeletonColumnWrapper)`
-  @media (max-width: ${W.MOBILE_SIZE_PX+"px"}) {
+`,z=v.styled(t.SkeletonColumnWrapper)`
+  @media ${W.down("S")} {
     & > div {
       flex-direction: column;
     }
   }
-`,E=({keyPrefix:i})=>e.jsxs(z,{children:[e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),O=({keyPrefix:i,isLoading:l=!1,fallbackComponent:c=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:c,children:l===!0?e.jsx(E,{keyPrefix:i}):o}),T=a.memo(I),D=a.forwardRef(({timeToReadText:i="{0} min read",items:l,isLoading:c=!1,onSelectCard:o=()=>{},onShare:h=()=>{},onBookmark:u=()=>{},getImage:j=()=>{},isSeparated:w=!0,bookmarkComponent:f=e.jsx(e.Fragment,{}),componentName:p,LinkComponent:_},k)=>{const g=a.useMemo(()=>l==null?void 0:l.map((r,s)=>{var m;return e.jsx(T,{blogUuid:r==null?void 0:r.uuid,title:r==null?void 0:r.title,titleSlug:r==null?void 0:r.titleSlug,options:r==null?void 0:r.options,publishedAt:r==null?void 0:r.publishedAt,timeToReadText:i,timeToRead:r==null?void 0:r.timeToRead,numberOfLikes:r==null?void 0:r.numberOfLikes,numberOfComments:r==null?void 0:r.numberOfComments,isSponsored:r==null?void 0:r.isSponsored,isBookmarked:r==null?void 0:r.isBookmarked,onSelectCard:(S,b)=>o==null?void 0:o(r,b),onShare:()=>h==null?void 0:h(r),onBookmark:u,imageUrl:j(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:f,metadata:{name:p,accessor:r==null?void 0:r.accessor},LinkComponent:_},`blog-card-item__${s+1}__${(m=r==null?void 0:r.isBookmarked)==null?void 0:m.toString()}`)}),[l]);return e.jsx(O,{isLoading:c,keyPrefix:"blog-list-skeleton",children:e.jsx(G,{ref:k,className:w?"separated":"",children:g})})});module.exports=D;
+`,T=({keyPrefix:i})=>e.jsxs(z,{children:[e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),D=({keyPrefix:i,isLoading:l=!1,fallbackComponent:c=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:c,children:l===!0?e.jsx(T,{keyPrefix:i}):o}),F=a.memo(G),O=a.forwardRef(({timeToReadText:i="{0} min read",items:l,isLoading:c=!1,onSelectCard:o=()=>{},onShare:h=()=>{},onBookmark:u=()=>{},getImage:j=()=>{},isSeparated:w=!0,bookmarkComponent:f=e.jsx(e.Fragment,{}),componentName:p,LinkComponent:k},_)=>{const g=a.useMemo(()=>l==null?void 0:l.map((r,s)=>{var m;return e.jsx(F,{blogUuid:r==null?void 0:r.uuid,title:r==null?void 0:r.title,titleSlug:r==null?void 0:r.titleSlug,options:r==null?void 0:r.options,publishedAt:r==null?void 0:r.publishedAt,timeToReadText:i,timeToRead:r==null?void 0:r.timeToRead,numberOfLikes:r==null?void 0:r.numberOfLikes,numberOfComments:r==null?void 0:r.numberOfComments,isSponsored:r==null?void 0:r.isSponsored,isBookmarked:r==null?void 0:r.isBookmarked,onSelectCard:(S,b)=>o==null?void 0:o(r,b),onShare:()=>h==null?void 0:h(r),onBookmark:u,imageUrl:j(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:f,metadata:{name:p,accessor:r==null?void 0:r.accessor},LinkComponent:k},`blog-card-item__${s+1}__${(m=r==null?void 0:r.isBookmarked)==null?void 0:m.toString()}`)}),[l]);return e.jsx(D,{isLoading:c,keyPrefix:"blog-list-skeleton",children:e.jsx(I,{ref:_,className:w?"separated":"",children:g})})});module.exports=O;

package/dist/BlogListSection.js

@@ -1,14 +1,14 @@
 import { jsxs as t, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { forwardRef as z, useRef as D, cloneElement as E, Suspense as M, memo as P, useMemo as U } from "react";
-import I from "./Icon.js";
-import j from "./IconButton.js";
-import { m as q, q as A, s as F, v as L, l as X } from "./utils-DtEfC-TX.js";
-import { P as Z } from "./index-B22BZVBG.js";
-import { B as H } from "./style-neMbLWE6.js";
+import { forwardRef as L, useRef as O, cloneElement as U, Suspense as P, memo as q, useMemo as A } from "react";
+import j from "./Icon.js";
+import I from "./IconButton.js";
+import { n as E, q as M, s as F, v as z, m as H } from "./utils-B2fsQ6PS.js";
+import { P as J } from "./index-BvMY2TbK.js";
+import { B as K } from "./style-BUyFad_y.js";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as T } from "./consts-BuFChS64.js";
+import { d as T } from "./breakpoints-ff0SIcV3.js";
 import { b as s, S as l, c as g, a as i } from "./style-BwQ4djFC.js";
-const J = S.a`
+const Q = S.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -62,7 +62,7 @@ const J = S.a`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${q(3)}
+        ${E(3)}
       }
 
       & .wrapper__tags {
@@ -105,7 +105,7 @@ const J = S.a`
     }
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media ${T("S")} {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -156,7 +156,7 @@ const J = S.a`
       }
     }
   }
-`, K = z(
+`, V = L(
   ({
     blogUuid: o,
     title: m,
@@ -179,32 +179,32 @@ const J = S.a`
     titleSlug: p,
     LinkComponent: N
   }, B) => {
-    const O = N || "a", G = () => X(r) ? E(r, {
+    const W = N || "a", G = () => H(r) ? U(r, {
       key: `bookmark_blog__${o}__${f}`,
       isBookmarked: f,
       blogUuid: o,
-      onBookmark: (C, W) => $(C, W),
+      onBookmark: (C, D) => $(C, D),
       ref: B,
       componentName: "ExploreBlogSectionCard"
-    }) : /* @__PURE__ */ e(w, {}), R = D();
+    }) : /* @__PURE__ */ e(w, {}), R = O();
     return /* @__PURE__ */ t(
-      J,
+      Q,
       {
         ref: R,
         name: d == null ? void 0 : d.name,
         "data-accessor": d == null ? void 0 : d.accessor,
         onClick: (n) => k(n, R),
         className: "blog-card-item",
-        as: O,
+        as: W,
         ...N ? { to: `/blog/${p}` } : { href: `/blog/${p}` },
         children: [
-          /* @__PURE__ */ e(Z, { src: c, className: "wrapper__image" }),
+          /* @__PURE__ */ e(J, { src: c, className: "wrapper__image" }),
           /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
             /* @__PURE__ */ t("div", { className: "wrapper__subcontent", children: [
               /* @__PURE__ */ e("div", { className: "wrapper__title", children: m }),
               /* @__PURE__ */ t("div", { className: "wrapper__tags-action", children: [
                 /* @__PURE__ */ e("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((n, C) => /* @__PURE__ */ e(
-                  H,
+                  K,
                   {
                     color: n == null ? void 0 : n.color,
                     children: n == null ? void 0 : n.name
@@ -221,7 +221,7 @@ const J = S.a`
                     children: [
                       /* @__PURE__ */ e(G, {}),
                       /* @__PURE__ */ e(
-                        j,
+                        I,
                         {
                           icon: " mng-lnc-share",
                           borderRadius: "curved",
@@ -239,17 +239,17 @@ const J = S.a`
             ] }),
             /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
               /* @__PURE__ */ t("div", { className: "info__content", children: [
-                /* @__PURE__ */ e("div", { className: "info__text", children: `${A(
+                /* @__PURE__ */ e("div", { className: "info__text", children: `${M(
                   h
                 )} • ${F(_, b)}` }),
                 /* @__PURE__ */ t("div", { className: "info__text", children: [
                   /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(I, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                    L(v)
+                    /* @__PURE__ */ e(j, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                    z(v)
                   ] }),
                   /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e(I, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                    L(y)
+                    /* @__PURE__ */ e(j, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                    z(y)
                   ] })
                 ] })
               ] }),
@@ -263,7 +263,7 @@ const J = S.a`
                   children: [
                     /* @__PURE__ */ e(G, {}),
                     /* @__PURE__ */ e(
-                      j,
+                      I,
                       {
                         icon: " mng-lnc-share",
                         borderRadius: "curved",
@@ -283,7 +283,7 @@ const J = S.a`
       }
     );
   }
-), Q = S.div`
+), X = S.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -307,13 +307,13 @@ const J = S.a`
       bottom: -1.25rem;
     }
   }
-`, V = S(s)`
-  @media (max-width: ${T + "px"}) {
+`, Y = S(s)`
+  @media ${T("S")} {
     & > div {
       flex-direction: column;
     }
   }
-`, Y = ({ keyPrefix: o }) => /* @__PURE__ */ t(V, { children: [
+`, Z = ({ keyPrefix: o }) => /* @__PURE__ */ t(Y, { children: [
   /* @__PURE__ */ t(l, { children: [
     /* @__PURE__ */ e(g, { height: "9.5rem", width: "17.75rem" }),
     /* @__PURE__ */ t(s, { noGradient: !0, children: [
@@ -379,7 +379,7 @@ const J = S.a`
   isLoading: m = !1,
   fallbackComponent: c = /* @__PURE__ */ e(w, {}),
   children: a
-}) => /* @__PURE__ */ e(M, { fallbackComponent: c, children: m === !0 ? /* @__PURE__ */ e(Y, { keyPrefix: o }) : a }), ee = P(K), ce = z(
+}) => /* @__PURE__ */ e(P, { fallbackComponent: c, children: m === !0 ? /* @__PURE__ */ e(Z, { keyPrefix: o }) : a }), ee = q(V), ce = L(
   ({
     timeToReadText: o = "{0} min read",
     items: m,
@@ -397,7 +397,7 @@ const J = S.a`
     componentName: f,
     LinkComponent: k
   }, $) => {
-    const u = U(() => m == null ? void 0 : m.map((r, d) => {
+    const u = A(() => m == null ? void 0 : m.map((r, d) => {
       var p;
       return /* @__PURE__ */ e(
         ee,
@@ -424,7 +424,7 @@ const J = S.a`
         `blog-card-item__${d + 1}__${(p = r == null ? void 0 : r.isBookmarked) == null ? void 0 : p.toString()}`
       );
     }), [m]);
-    return /* @__PURE__ */ e(x, { isLoading: c, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(Q, { ref: $, className: v ? "separated" : "", children: u }) });
+    return /* @__PURE__ */ e(x, { isLoading: c, keyPrefix: "blog-list-skeleton", children: /* @__PURE__ */ e(X, { ref: $, className: v ? "separated" : "", children: u }) });
   }
 );
 export {

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),c=require("react"),j=require("./useDetectMobile-zkbzoOGV.cjs"),M=require("./index-BFc3nxYZ.cjs"),N=require("./Button.cjs"),f=require("./style-BTTXJFJN.cjs"),y=c.memo(M.SimpleProductCard),P=c.forwardRef(({buttonText:t,buttonLink:u,items:r,onButtonAction:a=()=>{},onSelectCard:s=()=>{},isLoading:R=!1,limit:_=4,getImage:l=()=>{},isHighlight:n=!1,componentName:d,LinkComponent:m},p)=>{const g=j.useDetectMobile(),b=c.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,q)=>i.jsx(y,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(w,h)=>s==null?void 0:s(e==null?void 0:e.uuid,h),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:d,accessor:e==null?void 0:e.accessor},LinkComponent:m},q))},[r]);return i.jsxs(f.Wrapper,{ref:p,className:`blog-product-cards-section ${n?"highlight":""}`,children:[i.jsx("div",{className:"wrapper__grid",children:b}),i.jsx(N,{text:t,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>a(u)})]})});module.exports=P;
+"use strict";const i=require("react/jsx-runtime"),c=require("react"),j=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./index-of6WydGq.cjs"),N=require("./Button.cjs"),f=require("./style-AYc9hnFj.cjs"),y=c.memo(M.SimpleProductCard),P=c.forwardRef(({buttonText:t,buttonLink:u,items:r,onButtonAction:a=()=>{},onSelectCard:s=()=>{},isLoading:R=!1,limit:_=4,getImage:l=()=>{},isHighlight:n=!1,componentName:d,LinkComponent:m},p)=>{const g=j.useDetectMobile(),b=c.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,q)=>i.jsx(y,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(w,h)=>s==null?void 0:s(e==null?void 0:e.uuid,h),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:d,accessor:e==null?void 0:e.accessor},LinkComponent:m},q))},[r]);return i.jsxs(f.Wrapper,{ref:p,className:`blog-product-cards-section ${n?"highlight":""}`,children:[i.jsx("div",{className:"wrapper__grid",children:b}),i.jsx(N,{text:t,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>a(u)})]})});module.exports=P;

package/dist/BlogProductCardsSection.js

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { memo as N, forwardRef as M, useMemo as P } from "react";
-import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as w } from "./index-u_XFwsvc.js";
+import { u as _ } from "./useDetectMobile-CcVo3PNi.js";
+import { S as w } from "./index-9KyU46J0.js";
 import y from "./Button.js";
-import { W as U } from "./style-tw6KjI2J.js";
+import { W as U } from "./style-Bq3rMbnN.js";
 const j = N(w), L = M(
   ({
     buttonText: a,

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),_=require("./index-D_5jNP-o.cjs"),f=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),w=o.memo(_.ShopCard),M=o.forwardRef(({buttonText:u,buttonLink:a,items:r,onButtonAction:c=()=>{},onSelectCard:s=()=>{},isLoading:v=!1,limit:R=4,getImage:n=()=>{},isHighlight:l=!1,componentName:d},p)=>{const h=q.useDetectMobile(),m=o.useMemo(()=>{var t;return(t=r==null?void 0:r.slice(0,4))==null?void 0:t.map((e,g)=>i.jsx(w,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:(C,b)=>s==null?void 0:s(e==null?void 0:e.uuid,b),image:n(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0,metadata:{name:d,accessor:e==null?void 0:e.accessor}},`shop-card__${g+1}`))},[r]);return i.jsxs(j.Wrapper,{ref:p,className:l?"highlight":"",children:[i.jsx("div",{className:"wrapper__grid",children:m}),i.jsx(f,{text:u,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>c(a)})]})});module.exports=M;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-DYV6V1yw.cjs"),_=require("./index-CUaeb_TU.cjs"),f=require("./Button.cjs"),j=require("./style-AYc9hnFj.cjs"),w=o.memo(_.ShopCard),M=o.forwardRef(({buttonText:u,buttonLink:a,items:r,onButtonAction:c=()=>{},onSelectCard:s=()=>{},isLoading:v=!1,limit:R=4,getImage:n=()=>{},isHighlight:l=!1,componentName:d},p)=>{const h=q.useDetectMobile(),m=o.useMemo(()=>{var t;return(t=r==null?void 0:r.slice(0,4))==null?void 0:t.map((e,g)=>i.jsx(w,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:(C,b)=>s==null?void 0:s(e==null?void 0:e.uuid,b),image:n(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0,metadata:{name:d,accessor:e==null?void 0:e.accessor}},`shop-card__${g+1}`))},[r]);return i.jsxs(j.Wrapper,{ref:p,className:l?"highlight":"",children:[i.jsx("div",{className:"wrapper__grid",children:m}),i.jsx(f,{text:u,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>c(a)})]})});module.exports=M;

package/dist/BlogShopCardsSection.js

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as _, useMemo as w } from "react";
-import { u as v } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as M } from "./index-D-86mDtn.js";
+import { u as v } from "./useDetectMobile-CcVo3PNi.js";
+import { S as M } from "./index-yARaIaLj.js";
 import C from "./Button.js";
-import { W as N } from "./style-tw6KjI2J.js";
+import { W as N } from "./style-Bq3rMbnN.js";
 const S = b(M), L = _(
   ({
     buttonText: t,

package/dist/BlogSingleSection.cjs

@@ -1,5 +1,5 @@
-"use strict";const n=require("react/jsx-runtime"),s=require("react"),g=require("./index-BWE-RCPy.cjs"),l=require("./style-BAcV7F53.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),x=c.styled(l.SkeletonColumnWrapper)`
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+"use strict";const n=require("react/jsx-runtime"),s=require("react"),g=require("./index-CBZ-jNah.cjs"),l=require("./style-BAcV7F53.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),x=c.styled(l.SkeletonColumnWrapper)`
+  @media ${d.down("S")} {
     & > div {
       height: 13.25rem;
 
@@ -13,4 +13,4 @@
       box-shadow: none;
     }
   }
-`,S=({keyPrefix:r})=>n.jsx(x,{children:n.jsx(l.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${r}-1`)}),h=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=n.jsx(n.Fragment,{}),children:e})=>n.jsx(s.Suspense,{fallbackComponent:o,children:t===!0?n.jsx(S,{keyPrefix:r}):e}),f=s.forwardRef((r,t)=>{const{isLoading:o,item:e,onSelectCard:i=()=>{},getImage:a=()=>{},LinkComponent:u}=r;return n.jsx(h,{isLoading:o,keyPrefix:"blogs-single-skeleton",children:n.jsx(g.BlogCardLarge,{ref:t,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,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>i(e==null?void 0:e.titleSlug),LinkComponent:u})})});module.exports=f;
+`,S=({keyPrefix:r})=>n.jsx(x,{children:n.jsx(l.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${r}-1`)}),b=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=n.jsx(n.Fragment,{}),children:e})=>n.jsx(s.Suspense,{fallbackComponent:o,children:t===!0?n.jsx(S,{keyPrefix:r}):e}),f=s.forwardRef((r,t)=>{const{isLoading:o,item:e,onSelectCard:i=()=>{},getImage:a=()=>{},LinkComponent:u}=r;return n.jsx(b,{isLoading:o,keyPrefix:"blogs-single-skeleton",children:n.jsx(g.BlogCardLarge,{ref:t,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,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>i(e==null?void 0:e.titleSlug),LinkComponent:u})})});module.exports=f;

package/dist/BlogSingleSection.js

@@ -1,11 +1,11 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { Suspense as g, forwardRef as d } from "react";
-import { B as u } from "./index-Cm414y95.js";
-import { b as f, a as p } from "./style-BwQ4djFC.js";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as S } from "./consts-BuFChS64.js";
-const h = c(f)`
-  @media (max-width: ${S + "px"}) {
+import { B as u } from "./index-L_Va5-wK.js";
+import { b as f, a as c } from "./style-BwQ4djFC.js";
+import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as S } from "./breakpoints-ff0SIcV3.js";
+const h = p(f)`
+  @media ${S("S")} {
     & > div {
       height: 13.25rem;
 
@@ -19,19 +19,19 @@ const h = c(f)`
       box-shadow: none;
     }
   }
-`, m = ({ keyPrefix: o }) => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
-  p,
+`, b = ({ keyPrefix: o }) => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
+  c,
   {
     height: "11.25rem",
     borderRadius: "0.75rem"
   },
   `${o}-1`
-) }), b = ({
+) }), m = ({
   keyPrefix: o,
   isLoading: n = !1,
   fallbackComponent: t = /* @__PURE__ */ r(i, {}),
   children: e
-}) => /* @__PURE__ */ r(g, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ r(m, { keyPrefix: o }) : e }), I = d((o, n) => {
+}) => /* @__PURE__ */ r(g, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ r(b, { keyPrefix: o }) : e }), y = d((o, n) => {
   const {
     isLoading: t,
     item: e,
@@ -41,7 +41,7 @@ const h = c(f)`
     },
     LinkComponent: s
   } = o;
-  return /* @__PURE__ */ r(b, { isLoading: t, keyPrefix: "blogs-single-skeleton", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(m, { isLoading: t, keyPrefix: "blogs-single-skeleton", children: /* @__PURE__ */ r(
     u,
     {
       ref: n,
@@ -56,5 +56,5 @@ const h = c(f)`
   ) });
 });
 export {
-  I as default
+  y as default
 };

package/dist/BlogsSectionDetailed.cjs

@@ -1,12 +1,20 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./utils-RnrgDDZP.cjs"),k=require("./style-B4kAj6YU.cjs"),O=require("./Button.cjs"),q=require("./index-uwl7BjRF.cjs"),B=require("./index-D-3I_Ppj.cjs"),D=v.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),$=require("./useDetectMobile-DYV6V1yw.cjs"),a=require("./utils-CITgSxXe.cjs"),R=require("./style-DC05rdyx.cjs"),q=require("./Button.cjs"),L=require("./index-DsINTjQk.cjs"),O=require("./index-B_ilx3wM.cjs"),D=S.styled.div`
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+  @media ${w.down("M")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${w.down("S")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${w.down("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,$=v.styled.a`
+`,A=S.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -45,11 +53,11 @@
     gap: 0.5rem;
   }
 
-  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+  @media ${w.down("S")} {
     max-height: 100%;
     min-height: 100%;
   }
-`,A=v.styled.div`
+`,B=S.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -94,4 +102,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,E=u.forwardRef((o,S)=>{const{title:p,imageUrl:w,text:y,numberOfLikes:r,numberOfComments:f,timeToRead:l,publishedAt:c,tags:s,onCardClick:h,timeToReadText:d="{0} min read",metadata:i,titleSlug:m,LinkComponent:g}=o,b=g||"a",j=u.useRef();return t.jsxs($,{ref:j,className:"blog-card","data-accessor":i==null?void 0:i.accessor,name:i==null?void 0:i.name,onClick:e=>h(e,j),as:b,...g?{to:`/blog/${m}`}:{href:`/blog/${m}`},children:[t.jsx(q.ProductImageWrapper,{src:w}),t.jsxs("div",{className:"blog-card-content",children:[t.jsxs(A,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[a.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),l&&d?`${a.formatString(d,l)}`:"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:a.getRoundedNumber(r)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:a.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:p}),t.jsx("div",{className:"text-wr",children:y})]}),s&&t.jsx("div",{className:"tags-wr",children:s==null?void 0:s.map((e,n)=>t.jsx(k.BlogTag,{color:e==null?void 0:e.color,children:e==null?void 0:e.name},n))})]})]})}),C=u.memo(E),I=u.forwardRef((o,S)=>{const{icon:p,title:w,onButtonAction:y,items:r,buttonText:f,timeToReadText:l,limit:c=3,onSelectCard:s=()=>{},isLoading:h=!1,buttonLink:d,getImage:i=()=>{},componentName:m,LinkComponent:g}=o,b=L.useDetectMobile(),j=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?r==null?void 0:r.map((e,n)=>t.jsx(C,{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:l,tags:e==null?void 0:e.tags,onCardClick:(T,N)=>s(e==null?void 0:e.titleSlug,N),imageUrl:i(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:m,accessor:e==null?void 0:e.accessor},LinkComponent:g},n)):r==null?void 0:r.slice(0,c).map((e,n)=>t.jsx(C,{title:e==null?void 0:e.title,imageUrl:i(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:l,onCardClick:(T,N)=>s(e==null?void 0:e.titleSlug,N),metadata:{name:m,accessor:e==null?void 0:e.accessor},LinkComponent:g},n))}),[r,b,c,s]);return t.jsxs(k.RegulatTitleSectionWrapper,{ref:S,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:w})]}),a.isDefinedNotEmptyString(f)&&a.isDefinedNotEmptyString(d)&&!h&&t.jsx(O,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),y(d)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(B.SuspenseBlogsSectionDetailed,{isLoading:h,keyPrefix:"blogs-detailed-skeleton",children:t.jsx(D,{limit:c,children:j})})]})});module.exports=I;
+`,z=u.forwardRef((o,C)=>{const{title:p,imageUrl:y,text:N,numberOfLikes:r,numberOfComments:f,timeToRead:l,publishedAt:c,tags:s,onCardClick:h,timeToReadText:d="{0} min read",metadata:i,titleSlug:m,LinkComponent:g}=o,b=g||"a",j=u.useRef();return t.jsxs(A,{ref:j,className:"blog-card","data-accessor":i==null?void 0:i.accessor,name:i==null?void 0:i.name,onClick:e=>h(e,j),as:b,...g?{to:`/blog/${m}`}:{href:`/blog/${m}`},children:[t.jsx(L.ProductImageWrapper,{src:y}),t.jsxs("div",{className:"blog-card-content",children:[t.jsxs(B,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[a.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),l&&d?`${a.formatString(d,l)}`:"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:a.getRoundedNumber(r)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:a.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:p}),t.jsx("div",{className:"text-wr",children:N})]}),s&&t.jsx("div",{className:"tags-wr",children:s==null?void 0:s.map((e,n)=>t.jsx(R.BlogTag,{color:e==null?void 0:e.color,children:e==null?void 0:e.name},n))})]})]})}),k=u.memo(z),M=u.forwardRef((o,C)=>{const{icon:p,title:y,onButtonAction:N,items:r,buttonText:f,timeToReadText:l,limit:c=3,onSelectCard:s=()=>{},isLoading:h=!1,buttonLink:d,getImage:i=()=>{},componentName:m,LinkComponent:g}=o,b=$.useDetectMobile(),j=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?r==null?void 0:r.map((e,n)=>t.jsx(k,{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:l,tags:e==null?void 0:e.tags,onCardClick:(T,v)=>s(e==null?void 0:e.titleSlug,v),imageUrl:i(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:m,accessor:e==null?void 0:e.accessor},LinkComponent:g},n)):r==null?void 0:r.slice(0,c).map((e,n)=>t.jsx(k,{title:e==null?void 0:e.title,imageUrl:i(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:l,onCardClick:(T,v)=>s(e==null?void 0:e.titleSlug,v),metadata:{name:m,accessor:e==null?void 0:e.accessor},LinkComponent:g},n))}),[r,b,c,s]);return t.jsxs(R.RegulatTitleSectionWrapper,{ref:C,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:y})]}),a.isDefinedNotEmptyString(f)&&a.isDefinedNotEmptyString(d)&&!h&&t.jsx(q,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),N(d)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(O.SuspenseBlogsSectionDetailed,{isLoading:h,keyPrefix:"blogs-detailed-skeleton",children:t.jsx(D,{limit:c,children:j})})]})});module.exports=M;