@lanaco/lnc-react-ui 4.0.133 → 4.0.135

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),s=require("./utils-DmMdPm9O.cjs"),h=require("./Icon.cjs"),j=require("./style-C_BRvopE.cjs"),N=require("./index-DiIeF_76.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-PHdzP1Ln.cjs"),S=require("./Button.cjs"),z=b.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-DmMdPm9O.cjs"),h=require("./Icon.cjs"),j=require("./style-DaT7Beup.cjs"),N=require("./index-DiIeF_76.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-PHdzP1Ln.cjs"),S=require("./Button.cjs"),z=b.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
   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: ${i=>i!=null&&i.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;
@@ -38,6 +38,7 @@
     object-fit: cover;
     height: auto;
     max-width: 12.5rem;
+    min-width: 12.5rem;
     max-height: 9rem;
     border-radius: 0.75rem;
   }
@@ -102,6 +103,7 @@
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
       max-width: 100%;
+      min-width: 100%;
     }
 
     & .wrapper__content {
@@ -119,7 +121,7 @@
       }
     }
   }
-`,I=c.forwardRef(({title:t,imageUrl:p,options:i,publishedAt:m,timeToReadText:g="{0} min read",timeToRead:_=0,numberOfLikes:n=0,numberOfComments:l=0,isSponsored:o=!1,onSelectCard:f=()=>{}},w)=>r.jsxs(z,{isSponsored:o,onClick:f,children:[o&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(h,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(N.ProductImageWrapper,{src:p,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:t}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((a,u)=>r.jsx(j.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},u)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(m)} • ${s.formatString(g,_)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(h,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(n)]}),r.jsxs("div",{children:[r.jsx(h,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(l)]})]})]})]})]})),R=b.styled.div`
+`,I=m.forwardRef(({title:i,imageUrl:p,options:t,publishedAt:c,timeToReadText:g="{0} min read",timeToRead:_=0,numberOfLikes:n=0,numberOfComments:l=0,isSponsored:o=!1,onSelectCard:f=()=>{}},w)=>r.jsxs(z,{isSponsored:o,onClick:f,children:[o&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(h,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(N.ProductImageWrapper,{src:p,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:i}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.map((a,u)=>r.jsx(j.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},u)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(c)} • ${s.formatString(g,_)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(h,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(n)]}),r.jsxs("div",{children:[r.jsx(h,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(l)]})]})]})]})]})),R=b.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -201,4 +203,4 @@
       gap: 1rem;
     }
   }
-`,q=c.memo(I),k=c.forwardRef(({title:t,subtitle:p,icon:i,buttonText:m,buttonLink:g,timeToReadText:_="{0} min read",items:n,onButtonAction:l=()=>{},onSelectCard:o=()=>{},isLoading:f=!1,getImage:w=()=>{}},a)=>{const u=c.useMemo(()=>{var d;return(d=n==null?void 0:n.slice(0,4))==null?void 0:d.map((e,y)=>r.jsx(q,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:_,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e),imageUrl:w(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${y+1}`))},[n]);return r.jsxs(R,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[t&&r.jsxs("div",{className:"title__text",children:[s.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:t})]}),l&&r.jsx(S,{text:m,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:d=>{var e;(e=d==null?void 0:d.target)==null||e.blur(),l==null||l(g)}})]}),p&&r.jsx("div",{className:"wrapper__subtitle",children:p})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(x.SuspenseBlogLarge,{isLoading:f,limit:4,keyPrefix:"blog-section",children:u})})]})});module.exports=k;
+`,q=m.memo(I),k=m.forwardRef(({title:i,subtitle:p,icon:t,buttonText:c,buttonLink:g,timeToReadText:_="{0} min read",items:n,onButtonAction:l=()=>{},onSelectCard:o=()=>{},isLoading:f=!1,getImage:w=()=>{}},a)=>{const u=m.useMemo(()=>{var d;return(d=n==null?void 0:n.slice(0,4))==null?void 0:d.map((e,y)=>r.jsx(q,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:_,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e),imageUrl:w(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${y+1}`))},[n]);return r.jsxs(R,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[i&&r.jsxs("div",{className:"title__text",children:[s.isDefinedNotEmptyString(t)&&r.jsx("i",{className:t}),r.jsx("span",{children:i})]}),l&&r.jsx(S,{text:c,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:d=>{var e;(e=d==null?void 0:d.target)==null||e.blur(),l==null||l(g)}})]}),p&&r.jsx("div",{className:"wrapper__subtitle",children:p})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(x.SuspenseBlogLarge,{isLoading:f,limit:4,keyPrefix:"blog-section",children:u})})]})});module.exports=k;

package/dist/BlogCardsSponsoredSection.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as b, memo as S, useMemo as k } from "react";
 import { p as v, s as $, v as j, w as u, k as I } from "./utils-BPdU4_1q.js";
 import h from "./Icon.js";
-import { B as R } from "./style-XXDQBreL.js";
+import { B as R } from "./style-DAn9Ifqe.js";
 import { P as L } from "./index-DRP1yTKe.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as N } from "./consts-BuFChS64.js";
@@ -48,6 +48,7 @@ const U = y.div`
     object-fit: cover;
     height: auto;
     max-width: 12.5rem;
+    min-width: 12.5rem;
     max-height: 9rem;
     border-radius: 0.75rem;
   }
@@ -112,6 +113,7 @@ const U = y.div`
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
       max-width: 100%;
+      min-width: 100%;
     }
 
     & .wrapper__content {
@@ -132,7 +134,7 @@ const U = y.div`
 `, B = b(
   ({
     title: i,
-    imageUrl: m,
+    imageUrl: p,
     options: t,
     publishedAt: d,
     timeToReadText: c = "{0} min read",
@@ -144,7 +146,7 @@ const U = y.div`
     }
   }, w) => /* @__PURE__ */ a(U, { isSponsored: o, onClick: f, children: [
     o && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(h, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
-    /* @__PURE__ */ r(L, { src: m, className: "wrapper__image" }),
+    /* @__PURE__ */ r(L, { src: p, className: "wrapper__image" }),
     /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ a("div", { className: "wrapper__subcontent", children: [
         /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
@@ -252,7 +254,7 @@ const U = y.div`
 `, M = S(B), J = b(
   ({
     title: i,
-    subtitle: m,
+    subtitle: p,
     icon: t,
     buttonText: d,
     buttonLink: c,
@@ -267,8 +269,8 @@ const U = y.div`
     }
   }, l) => {
     const _ = k(() => {
-      var p;
-      return (p = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : p.map((e, z) => /* @__PURE__ */ r(
+      var m;
+      return (m = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : m.map((e, z) => /* @__PURE__ */ r(
         M,
         {
           title: e == null ? void 0 : e.title,
@@ -301,14 +303,14 @@ const U = y.div`
               btnType: "tinted",
               className: "title__action",
               color: "neutral",
-              onClick: (p) => {
+              onClick: (m) => {
                 var e;
-                (e = p == null ? void 0 : p.target) == null || e.blur(), s == null || s(c);
+                (e = m == null ? void 0 : m.target) == null || e.blur(), s == null || s(c);
               }
             }
           )
         ] }),
-        m && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: m })
+        p && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: p })
       ] }),
       /* @__PURE__ */ r("div", { className: "wrapper__cards", children: /* @__PURE__ */ r(
         O,

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),b=require("./Icon.cjs"),c=require("./IconButton.cjs"),o=require("./utils-DmMdPm9O.cjs"),y=require("./index-DiIeF_76.cjs"),j=require("./style-C_BRvopE.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),k=require("./suspense-large-PHdzP1Ln.cjs"),N=h.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),b=require("./Icon.cjs"),c=require("./IconButton.cjs"),o=require("./utils-DmMdPm9O.cjs"),y=require("./index-DiIeF_76.cjs"),j=require("./style-DaT7Beup.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),k=require("./suspense-large-PHdzP1Ln.cjs"),N=h.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -25,6 +25,7 @@
     height: auto;
     max-height: 9.5rem;
     max-width: 17.75rem;
+    min-width: 17.75rem;
     border-radius: 0.75rem;
   }
 
@@ -100,6 +101,7 @@
 
     & .wrapper__image {
       max-width: 100%;
+      min-width: 100%;
     }
 
     & .desktop-only {

package/dist/BlogListSection.js

@@ -4,7 +4,7 @@ import u from "./Icon.js";
 import c from "./IconButton.js";
 import { p as N, s as I, v as R, w as b } from "./utils-BPdU4_1q.js";
 import { P as j } from "./index-DRP1yTKe.js";
-import { B as P } from "./style-XXDQBreL.js";
+import { B as P } from "./style-DAn9Ifqe.js";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import { S as $ } from "./suspense-large-DrD8xVZi.js";
@@ -35,6 +35,7 @@ const z = w.div`
     height: auto;
     max-height: 9.5rem;
     max-width: 17.75rem;
+    min-width: 17.75rem;
     border-radius: 0.75rem;
   }
 
@@ -110,6 +111,7 @@ const z = w.div`
 
     & .wrapper__image {
       max-width: 100%;
+      min-width: 100%;
     }
 
     & .desktop-only {
@@ -154,13 +156,13 @@ const z = w.div`
   }
 `, B = h(
   ({
-    title: p,
+    title: d,
     imageUrl: n,
     options: a,
     publishedAt: o,
     timeToReadText: l = "{0} min read",
-    timeToRead: d = 0,
-    numberOfLikes: m = 0,
+    timeToRead: m = 0,
+    numberOfLikes: p = 0,
     numberOfComments: f = 0,
     isBookmarked: g = !1,
     onSelectCard: _ = () => {
@@ -173,7 +175,7 @@ const z = w.div`
     /* @__PURE__ */ t(j, { src: n, className: "wrapper__image" }),
     /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
       /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
-        /* @__PURE__ */ t("div", { className: "wrapper__title", children: p }),
+        /* @__PURE__ */ t("div", { className: "wrapper__title", children: d }),
         /* @__PURE__ */ i("div", { className: "wrapper__tags-action", children: [
           /* @__PURE__ */ t("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((r, y) => /* @__PURE__ */ t(
             P,
@@ -215,11 +217,11 @@ const z = w.div`
         /* @__PURE__ */ i("div", { className: "info__content", children: [
           /* @__PURE__ */ t("div", { className: "info__text", children: `${I(
             o
-          )} • ${R(l, d)}` }),
+          )} • ${R(l, m)}` }),
           /* @__PURE__ */ i("div", { className: "info__text", children: [
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(u, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-              b(m)
+              b(p)
             ] }),
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(u, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
@@ -282,7 +284,7 @@ const z = w.div`
   }
 `, L = v(B), F = h(
   ({
-    timeToReadText: p = "{0} min read",
+    timeToReadText: d = "{0} min read",
     items: n,
     onSelectCard: a = () => {
     },
@@ -290,8 +292,8 @@ const z = w.div`
     },
     onBookmark: l = () => {
     },
-    isLoading: d = !1,
-    getImage: m = () => {
+    isLoading: m = !1,
+    getImage: p = () => {
     },
     isSeparated: f = !0
   }, g) => {
@@ -302,7 +304,7 @@ const z = w.div`
         titleSlug: e == null ? void 0 : e.titleSlug,
         options: e == null ? void 0 : e.options,
         publishedAt: e == null ? void 0 : e.publishedAt,
-        timeToReadText: p,
+        timeToReadText: d,
         timeToRead: e == null ? void 0 : e.timeToRead,
         numberOfLikes: e == null ? void 0 : e.numberOfLikes,
         numberOfComments: e == null ? void 0 : e.numberOfComments,
@@ -311,14 +313,14 @@ const z = w.div`
         onSelectCard: () => a == null ? void 0 : a(e),
         onShare: () => o == null ? void 0 : o(e),
         onBookmark: () => l == null ? void 0 : l(e),
-        imageUrl: m(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+        imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
       },
       `blog-card-item__${s + 1}`
     )), [n]);
     return /* @__PURE__ */ t(C, { className: f ? "separated" : "", children: /* @__PURE__ */ t(
       $,
       {
-        isLoading: d,
+        isLoading: m,
         limit: 5,
         keyPrefix: "blog-section",
         children: _

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-DmMdPm9O.cjs"),y=require("./style-C_BRvopE.cjs"),T=require("./Button.cjs"),O=require("./index-DiIeF_76.cjs"),A=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-DmMdPm9O.cjs"),v=require("./style-DaT7Beup.cjs"),T=require("./Button.cjs"),O=require("./index-DiIeF_76.cjs"),A=w.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -6,7 +6,7 @@
   @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,v=w.styled.div`
+`,y=w.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -24,7 +24,7 @@
   & img {
     max-height: 11.0625rem;
     min-height: 11.0625rem;
-    object-fit: fill;
+    object-fit: cover;
     width: 100%;
   }
 
@@ -107,4 +107,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,$=u.forwardRef((i,o)=>{const{title:s,imageUrl:m,text:d,numberOfLikes:n,numberOfComments:h,timeToRead:p,publishedAt:c,tags:a,onCardClick:j,timeToReadText:f="{0} min read"}=i;return t.jsxs(v,{ref:o,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:d})]}),a&&t.jsx("div",{className:"tags-wr",children:a==null?void 0:a.map((l,b)=>t.jsx(y.BlogTag,{color:l==null?void 0:l.color,children:l==null?void 0:l.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(v,{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:o=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,d)=>t.jsx(D,{isLoading:o},`${s}-skeleton-product-card-${d}`))}),B=({children:i,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:d})=>t.jsx(u.Suspense,{fallbackComponent:o,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:d}):i}),N=u.memo($),L=u.forwardRef((i,o)=>{const{icon:s,title:m,onButtonAction:d,items:n,buttonText:h,timeToReadText:p,limit:c=3,onSelectCard:a=()=>{},isLoading:j=!1,buttonLink:f,getImage:l=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(N,{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:()=>a(e==null?void 0:e.titleSlug),imageUrl:l(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(N,{title:e==null?void 0:e.title,imageUrl:l(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:()=>a(e==null?void 0:e.titleSlug)},g))}),[n,b,c,a]);return t.jsxs(y.RegulatTitleSectionWrapper,{ref:o,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:"neutral",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),d(f)},borderRadius:"curved",className:"button-link",children:h})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;
+`,$=u.forwardRef((i,o)=>{const{title:s,imageUrl:m,text:d,numberOfLikes:n,numberOfComments:h,timeToRead:p,publishedAt:c,tags:a,onCardClick:j,timeToReadText:f="{0} min read"}=i;return t.jsxs(y,{ref:o,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:d})]}),a&&t.jsx("div",{className:"tags-wr",children:a==null?void 0:a.map((l,b)=>t.jsx(v.BlogTag,{color:l==null?void 0:l.color,children:l==null?void 0:l.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(y,{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:o=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,d)=>t.jsx(D,{isLoading:o},`${s}-skeleton-product-card-${d}`))}),B=({children:i,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:d})=>t.jsx(u.Suspense,{fallbackComponent:o,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:d}):i}),N=u.memo($),L=u.forwardRef((i,o)=>{const{icon:s,title:m,onButtonAction:d,items:n,buttonText:h,timeToReadText:p,limit:c=3,onSelectCard:a=()=>{},isLoading:j=!1,buttonLink:f,getImage:l=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(N,{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:()=>a(e==null?void 0:e.titleSlug),imageUrl:l(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(N,{title:e==null?void 0:e.title,imageUrl:l(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:()=>a(e==null?void 0:e.titleSlug)},g))}),[n,b,c,a]);return t.jsxs(v.RegulatTitleSectionWrapper,{ref:o,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:"neutral",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),d(f)},borderRadius:"curved",className:"button-link",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

@@ -4,7 +4,7 @@ import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BPdU4_1q.js";
-import { B as I, R as U } from "./style-XXDQBreL.js";
+import { B as I, R as U } from "./style-DAn9Ifqe.js";
 import W from "./Button.js";
 import { P as j } from "./index-DRP1yTKe.js";
 const E = y.div`
@@ -33,7 +33,7 @@ const E = y.div`
   & img {
     max-height: 11.0625rem;
     min-height: 11.0625rem;
-    object-fit: fill;
+    object-fit: cover;
     width: 100%;
   }
 

package/dist/BlogsSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-DmMdPm9O.cjs"),S=require("./style-C_BRvopE.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-DiIeF_76.cjs"),T=h.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-DmMdPm9O.cjs"),S=require("./style-DaT7Beup.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-DiIeF_76.cjs"),T=h.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -19,13 +19,10 @@
   min-height: 21.5625rem;
   cursor: pointer;
 
-  &:hover {
-  }
-
   & img {
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    object-fit: fill;
+    object-fit: cover;
     width: 100%;
   }
 

package/dist/BlogsSectionSimple.js

@@ -4,7 +4,7 @@ import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as z, p as I, k as b } from "./utils-BPdU4_1q.js";
-import { B as U, R as W } from "./style-XXDQBreL.js";
+import { B as U, R as W } from "./style-DAn9Ifqe.js";
 import j from "./Button.js";
 import A from "./Link.js";
 import { P as E } from "./index-DRP1yTKe.js";
@@ -29,13 +29,10 @@ const L = f.div`
   min-height: 21.5625rem;
   cursor: pointer;
 
-  &:hover {
-  }
-
   & img {
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    object-fit: fill;
+    object-fit: cover;
     width: 100%;
   }
 

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-DmMdPm9O.cjs"),M=require("./style-C_BRvopE.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-DiIeF_76.cjs"),I=require("./index-D0xZLbyl.cjs"),P=p.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-DmMdPm9O.cjs"),M=require("./style-DaT7Beup.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-DiIeF_76.cjs"),I=require("./index-D0xZLbyl.cjs"),P=p.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionWithFilters.js

@@ -4,7 +4,7 @@ import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-BuFChS64.js";
 import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as u, p as j, k as S } from "./utils-BPdU4_1q.js";
-import { T as E } from "./style-XXDQBreL.js";
+import { T as E } from "./style-DAn9Ifqe.js";
 import F from "./Button.js";
 import L from "./Link.js";
 import { P as U } from "./index-DRP1yTKe.js";

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),y=require("./utils-DmMdPm9O.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-C_BRvopE.cjs"),h=require("./suspense-product-card-detailed-D0jNIBlf.cjs"),T=require("./index-D0xZLbyl.cjs"),E=v.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),y=require("./utils-DmMdPm9O.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-DaT7Beup.cjs"),h=require("./suspense-product-card-detailed-D0jNIBlf.cjs"),T=require("./index-D0xZLbyl.cjs"),E=v.styled.div`
   display: grid;
   grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: ${r=>(r==null?void 0:r.gap)||"1.25rem"};

package/dist/DetailedProductsSection.js

@@ -5,7 +5,7 @@ import { M as B } from "./consts-BuFChS64.js";
 import E from "./Button.js";
 import { k as f } from "./utils-BPdU4_1q.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as $ } from "./style-XXDQBreL.js";
+import { T as $ } from "./style-DAn9Ifqe.js";
 import { D as L, S as O } from "./suspense-product-card-detailed-CFZchhUK.js";
 import { S as R } from "./index-BRciSeV3.js";
 const W = F.div`

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-C_BRvopE.cjs"),o=require("./utils-DmMdPm9O.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-DaT7Beup.cjs"),o=require("./utils-DmMdPm9O.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/GiftCardsSection.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as k } from "./style-XXDQBreL.js";
+import { R as k } from "./style-DAn9Ifqe.js";
 import { o as b, q as G, G as S, k as u } from "./utils-BPdU4_1q.js";
 import N from "./Button.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-C_BRvopE.cjs"),l=require("./utils-DmMdPm9O.cjs"),P=require("./index-DiIeF_76.cjs"),S=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-DaT7Beup.cjs"),l=require("./utils-DmMdPm9O.cjs"),P=require("./index-DiIeF_76.cjs"),S=u.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;

package/dist/ProductsWithBannerSection.js

@@ -3,7 +3,7 @@ import { forwardRef as u, Suspense as C, memo as N, useMemo as S } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as U } from "./style-XXDQBreL.js";
+import { R as U } from "./style-DAn9Ifqe.js";
 import { p as I, o as b, l as M, k as W } from "./utils-BPdU4_1q.js";
 import { P as j } from "./index-DRP1yTKe.js";
 const E = p.div`