@lanaco/lnc-react-ui 4.0.86 → 4.0.88

package/dist/BannerSectionWithList.js

@@ -1,10 +1,10 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u, Fragment as x } from "react";
-import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as a } from "./consts-C1uHV4xc.js";
-import g from "./Button.js";
-import { l as t } from "./utils-BE-UlkKf.js";
-const y = l.div`
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { forwardRef as g, Fragment as h } from "react";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as m } from "./consts-BuFChS64.js";
+import x from "./Button.js";
+import { l as n } from "./utils-BE-UlkKf.js";
+const y = c.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;
@@ -17,10 +17,10 @@ const y = l.div`
     width: fit-content;
   }
 
-  @media (max-width: ${a + "px"}) {
+  @media (max-width: ${m + "px"}) {
     padding-bottom: 0;
   }
-`, b = l.div`
+`, b = c.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -38,9 +38,9 @@ const y = l.div`
     font-weight: 500;
   }
 
-  @media (max-width: ${a + "px"}) {
+  @media (max-width: ${m + "px"}) {
   }
-`, v = l.div`
+`, v = c.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -60,7 +60,7 @@ const y = l.div`
     }
   }
 
-  @media (max-width: ${a + "px"}) {
+  @media (max-width: ${m + "px"}) {
     & .list-item {
       flex-direction: column;
       text-align: center;
@@ -68,33 +68,36 @@ const y = l.div`
       gap: 0;
     }
   }
-`, N = u((c, m) => {
+`, N = g((s, d) => {
   const {
-    title: i,
-    subtitle: n,
-    buttonText: s,
-    list: r,
-    buttonLink: d,
-    onButtonAction: f = () => {
+    title: r,
+    subtitle: o,
+    buttonText: f,
+    list: l,
+    buttonLink: p,
+    onButtonAction: u = () => {
     }
-  } = c;
-  return /* @__PURE__ */ o(y, { ref: m, children: [
-    (t(i) || t(n)) && /* @__PURE__ */ o(b, { children: [
-      t(i) && /* @__PURE__ */ e("div", { className: "header-title", children: i }),
-      t(n) && /* @__PURE__ */ e("div", { className: "header-subitle", children: n })
+  } = s;
+  return /* @__PURE__ */ a(y, { ref: d, children: [
+    (n(r) || n(o)) && /* @__PURE__ */ a(b, { children: [
+      n(r) && /* @__PURE__ */ e("div", { className: "header-title", children: r }),
+      n(o) && /* @__PURE__ */ e("div", { className: "header-subitle", children: o })
     ] }),
-    /* @__PURE__ */ e(v, { children: r == null ? void 0 : r.map((p, h) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ o("div", { className: "list-item", children: [
+    /* @__PURE__ */ e(v, { children: l == null ? void 0 : l.map((t, i) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a("div", { className: "list-item", children: [
       /* @__PURE__ */ e("i", { className: "mng mng-lnc-checkmark--filled" }),
-      /* @__PURE__ */ e("span", { children: p })
-    ] }) }, h)) }),
+      /* @__PURE__ */ e("span", { children: t })
+    ] }) }, i)) }),
     /* @__PURE__ */ e(
-      g,
+      x,
       {
         size: "medium",
         color: "neutral",
         type: "button",
-        onClick: () => f(d),
-        children: s
+        onClick: (t) => {
+          var i;
+          (i = t == null ? void 0 : t.target) == null || i.blur(), u(p);
+        },
+        children: f
       }
     )
   ] });

package/dist/BannerSectionWithListImage.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),t=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./consts-CtNoHdBj.cjs"),y=require("./Button.cjs"),j=t.styled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("react"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),y=require("./Button.cjs"),j=n.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>(e==null?void 0:e.bgColor)||"transparent"};
@@ -21,7 +21,7 @@
 
 `}
 
-  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     & img {
       max-width: 100%;
@@ -30,7 +30,7 @@
       min-height: ${e=>e.imgHMob||"12.1rem"};
     }
   }
-`,v=t.styled.div`
+`,v=n.styled.div`
   padding: 2rem;
   display: flex;
   gap: 1.25rem;
@@ -38,10 +38,10 @@
   flex: 1;
   flex-direction: column;
 
-  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     padding: 1.25rem;
   }
-`,$=t.styled.div`
+`,$=n.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -57,10 +57,10 @@
     font-weight: 500;
   }
 
-  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,_=t.styled.div`
+`,_=n.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -77,6 +77,6 @@
     }
   }
 
-  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
   }
-`,B=o.forwardRef((e,s)=>{const{title:a,subtitle:m,buttonText:d,list:n,imageUrl:l,imageHeight:c,imageWidth:x,imageHeightMobile:g,hasBorder:h=!0,backgroundColor:p="transparent",onButtonAction:u=()=>{},buttonLink:f}=e;return i.jsxs(j,{ref:s,imgH:c,imgW:x,imgHMob:g,hasBorder:h,bgColor:p,children:[i.jsxs(v,{children:[i.jsxs($,{children:[i.jsx("div",{className:"header-title",children:a}),i.jsx("div",{className:"header-subitle",children:m})]}),i.jsx(_,{children:n==null?void 0:n.map((b,w)=>i.jsx(o.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:b})]})},w))}),i.jsx(y,{size:"medium",color:"gray",type:"button",btnType:"outline",onClick:()=>u(f),children:d})]}),i.jsx("img",{src:l})]})});module.exports=B;
+`,B=a.forwardRef((e,m)=>{const{title:d,subtitle:l,buttonText:c,list:s,imageUrl:x,imageHeight:g,imageWidth:h,imageHeightMobile:p,hasBorder:u=!0,backgroundColor:b="transparent",onButtonAction:f=()=>{},buttonLink:w}=e;return i.jsxs(j,{ref:m,imgH:g,imgW:h,imgHMob:p,hasBorder:u,bgColor:b,children:[i.jsxs(v,{children:[i.jsxs($,{children:[i.jsx("div",{className:"header-title",children:d}),i.jsx("div",{className:"header-subitle",children:l})]}),i.jsx(_,{children:s==null?void 0:s.map((t,r)=>i.jsx(a.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:t})]})},r))}),i.jsx(y,{size:"medium",color:"gray",type:"button",btnType:"outline",onClick:t=>{var r;(r=t==null?void 0:t.target)==null||r.blur(),f(w)},children:c})]}),i.jsx("img",{src:x})]})});module.exports=B;

package/dist/BannerSectionWithListImage.js

@@ -1,9 +1,9 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { forwardRef as v, Fragment as y } from "react";
-import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as o } from "./consts-C1uHV4xc.js";
+import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as m } from "./consts-BuFChS64.js";
 import $ from "./Button.js";
-const H = r.div`
+const H = n.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${(e) => (e == null ? void 0 : e.bgColor) || "transparent"};
@@ -26,7 +26,7 @@ const H = r.div`
 
 `}
 
-  @media (max-width: ${o + "px"}) {
+  @media (max-width: ${m + "px"}) {
     flex-direction: column;
     & img {
       max-width: 100%;
@@ -35,7 +35,7 @@ const H = r.div`
       min-height: ${(e) => e.imgHMob || "12.1rem"};
     }
   }
-`, W = r.div`
+`, W = n.div`
   padding: 2rem;
   display: flex;
   gap: 1.25rem;
@@ -43,10 +43,10 @@ const H = r.div`
   flex: 1;
   flex-direction: column;
 
-  @media (max-width: ${o + "px"}) {
+  @media (max-width: ${m + "px"}) {
     padding: 1.25rem;
   }
-`, k = r.div`
+`, k = n.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -62,10 +62,10 @@ const H = r.div`
     font-weight: 500;
   }
 
-  @media (max-width: ${o + "px"}) {
+  @media (max-width: ${m + "px"}) {
     flex-direction: column;
   }
-`, B = r.div`
+`, B = n.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -82,43 +82,43 @@ const H = r.div`
     }
   }
 
-  @media (max-width: ${o + "px"}) {
+  @media (max-width: ${m + "px"}) {
   }
-`, N = v((e, m) => {
+`, N = v((e, d) => {
   const {
-    title: a,
-    subtitle: d,
-    buttonText: l,
-    list: n,
-    imageUrl: s,
-    imageHeight: c,
-    imageWidth: g,
-    imageHeightMobile: h,
-    hasBorder: x = !0,
-    backgroundColor: p = "transparent",
-    onButtonAction: f = () => {
+    title: l,
+    subtitle: s,
+    buttonText: c,
+    list: a,
+    imageUrl: g,
+    imageHeight: h,
+    imageWidth: x,
+    imageHeightMobile: p,
+    hasBorder: f = !0,
+    backgroundColor: b = "transparent",
+    onButtonAction: u = () => {
     },
-    buttonLink: b
+    buttonLink: w
   } = e;
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(
     H,
     {
-      ref: m,
-      imgH: c,
-      imgW: g,
-      imgHMob: h,
-      hasBorder: x,
-      bgColor: p,
+      ref: d,
+      imgH: h,
+      imgW: x,
+      imgHMob: p,
+      hasBorder: f,
+      bgColor: b,
       children: [
-        /* @__PURE__ */ t(W, { children: [
-          /* @__PURE__ */ t(k, { children: [
-            /* @__PURE__ */ i("div", { className: "header-title", children: a }),
-            /* @__PURE__ */ i("div", { className: "header-subitle", children: d })
+        /* @__PURE__ */ o(W, { children: [
+          /* @__PURE__ */ o(k, { children: [
+            /* @__PURE__ */ i("div", { className: "header-title", children: l }),
+            /* @__PURE__ */ i("div", { className: "header-subitle", children: s })
           ] }),
-          /* @__PURE__ */ i(B, { children: n == null ? void 0 : n.map((u, w) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ t("div", { className: "list-item", children: [
+          /* @__PURE__ */ i(B, { children: a == null ? void 0 : a.map((t, r) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ o("div", { className: "list-item", children: [
             /* @__PURE__ */ i("i", { className: "mng mng-lnc-checkmark--filled" }),
-            /* @__PURE__ */ i("span", { children: u })
-          ] }) }, w)) }),
+            /* @__PURE__ */ i("span", { children: t })
+          ] }) }, r)) }),
           /* @__PURE__ */ i(
             $,
             {
@@ -126,12 +126,15 @@ const H = r.div`
               color: "gray",
               type: "button",
               btnType: "outline",
-              onClick: () => f(b),
-              children: l
+              onClick: (t) => {
+                var r;
+                (r = t == null ? void 0 : t.target) == null || r.blur(), u(w);
+              },
+              children: c
             }
           )
         ] }),
-        /* @__PURE__ */ i("img", { src: s })
+        /* @__PURE__ */ i("img", { src: g })
       ]
     }
   );

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./utils-DhRHf5Ed.cjs"),w=require("./Icon.cjs"),N=require("./Chip.cjs"),x=require("./index-BVaZWq6y.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),z=require("./suspense-large-Buu1428e.cjs"),k=require("./Button.cjs"),q=require("./consts-CtNoHdBj.cjs"),R=y.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./utils-DhRHf5Ed.cjs"),w=require("./Icon.cjs"),N=require("./Chip.cjs"),x=require("./index-BVaZWq6y.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),z=require("./suspense-large-BtfvnzWh.cjs"),k=require("./Button.cjs"),q=require("./consts-goSZX3xP.cjs"),R=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
   align-items: stretch;
-  border: ${i=>i!=null&&i.isSponsored?"2px solid var(--yellow-500, #f59e0b)":"1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
+  border: ${s=>s!=null&&s.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;
@@ -114,7 +114,7 @@
       }
     }
   }
-`,S=p.forwardRef(({title:i,imageUrl:o,options:s,publishedAt:g,timeToReadText:_="{0} min read",timeToRead:f=0,numberOfLikes:t=0,numberOfComments:n=0,isSponsored:l=!1,onSelectCard:m=()=>{},onSelectOption:u=()=>{}},b)=>r.jsxs(R,{isSponsored:l,onClick:m,children:[l&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(x.ProductImageWrapper,{src:o,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:s&&(s==null?void 0:s.map((a,h)=>r.jsx(N,{label:a==null?void 0:a.name,color:a==null?void 0:a.color,className:"wrapper__tag",onClick:d=>{d==null||d.stopPropagation(),u(a==null?void 0:a.code)}},`blog-card-sponsored-option__${h+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(g)} • ${c.formatString(_,f)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),c.getRoundedNumber(t)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(n)]})]})]})]})]})),I=y.styled.div`
+`,S=p.forwardRef(({title:s,imageUrl:o,options:t,publishedAt:g,timeToReadText:_="{0} min read",timeToRead:f=0,numberOfLikes:l=0,numberOfComments:n=0,isSponsored:d=!1,onSelectCard:m=()=>{},onSelectOption:u=()=>{}},b)=>r.jsxs(R,{isSponsored:d,onClick:m,children:[d&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(x.ProductImageWrapper,{src:o,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:s}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.map((a,h)=>r.jsx(N,{label:a==null?void 0:a.name,color:a==null?void 0:a.color,className:"wrapper__tag",onClick:i=>{i==null||i.stopPropagation(),u(a==null?void 0:a.code)}},`blog-card-sponsored-option__${h+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(g)} • ${c.formatString(_,f)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),c.getRoundedNumber(l)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(n)]})]})]})]})]})),I=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -196,4 +196,4 @@
       gap: 1rem;
     }
   }
-`,$=p.memo(S),C=p.forwardRef(({title:i,subtitle:o,icon:s,buttonText:g,buttonLink:_,timeToReadText:f="{0} min read",items:t,onButtonAction:n=()=>{},onSelectCard:l=()=>{},onSelectOption:m=()=>{},isLoading:u=!1,getImage:b=()=>{}},a)=>{const h=p.useMemo(()=>{var d;return(d=t==null?void 0:t.slice(0,4))==null?void 0:d.map((e,v)=>r.jsx($,{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:f,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:()=>l==null?void 0:l(e==null?void 0:e.uuid,e==null?void 0:e.titleSlug),onSelectOption:j=>m==null?void 0:m(j),imageUrl:b(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${v+1}`))},[t]);return r.jsxs(I,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[i&&r.jsxs("div",{className:"title__text",children:[c.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:i})]}),n&&r.jsx(k,{text:g,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:()=>n==null?void 0:n(_)})]}),o&&r.jsx("div",{className:"wrapper__subtitle",children:o})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(z.SuspenseBlogLarge,{isLoading:u,limit:4,keyPrefix:"blog-section",children:h})})]})});module.exports=C;
+`,$=p.memo(S),C=p.forwardRef(({title:s,subtitle:o,icon:t,buttonText:g,buttonLink:_,timeToReadText:f="{0} min read",items:l,onButtonAction:n=()=>{},onSelectCard:d=()=>{},onSelectOption:m=()=>{},isLoading:u=!1,getImage:b=()=>{}},a)=>{const h=p.useMemo(()=>{var i;return(i=l==null?void 0:l.slice(0,4))==null?void 0:i.map((e,v)=>r.jsx($,{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:f,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:()=>d==null?void 0:d(e==null?void 0:e.uuid,e==null?void 0:e.titleSlug),onSelectOption:j=>m==null?void 0:m(j),imageUrl:b(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${v+1}`))},[l]);return r.jsxs(I,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[s&&r.jsxs("div",{className:"title__text",children:[c.isDefinedNotEmptyString(t)&&r.jsx("i",{className:t}),r.jsx("span",{children:s})]}),n&&r.jsx(k,{text:g,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:i=>{var e;(e=i==null?void 0:i.target)==null||e.blur(),n==null||n(_)}})]}),o&&r.jsx("div",{className:"wrapper__subtitle",children:o})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(z.SuspenseBlogLarge,{isLoading:u,limit:4,keyPrefix:"blog-section",children:h})})]})});module.exports=C;

package/dist/BlogCardsSponsoredSection.js

@@ -5,9 +5,9 @@ import u from "./Icon.js";
 import R from "./Chip.js";
 import { P as L } from "./index-Ca38iPjf.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { S as P } from "./suspense-large-iKRJJlJv.js";
+import { S as P } from "./suspense-large-DFlSJhGG.js";
 import U from "./Button.js";
-import { M } from "./consts-C1uHV4xc.js";
+import { M } from "./consts-BuFChS64.js";
 const T = y.div`
   display: flex;
   padding: 1rem;
@@ -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/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-D-tE8xV6.cjs"),l=require("./style-OPSfrtFm.cjs"),m=a.memo(u.CategorySimpleCard),p=a.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:n=!1,limit:t=4,isHighlight:c=!1},C)=>{const d=a.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,g)=>s.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},g))},[r]);return s.jsx(l.Wrapper,{className:c?"highlight":"",children:s.jsx("div",{className:"wrapper__grid",children:s.jsx(u.SuspenseSimpleCategoryCard,{isLoading:n,limit:t,keyPrefix:"blog-section",children:d})})})});module.exports=p;
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-5JZtz7wj.cjs"),l=require("./style-BTTXJFJN.cjs"),m=a.memo(u.CategorySimpleCard),p=a.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:n=!1,limit:t=4,isHighlight:c=!1},C)=>{const d=a.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,g)=>s.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},g))},[r]);return s.jsx(l.Wrapper,{className:c?"highlight":"",children:s.jsx("div",{className:"wrapper__grid",children:s.jsx(u.SuspenseSimpleCategoryCard,{isLoading:n,limit:t,keyPrefix:"blog-section",children:d})})})});module.exports=p;

package/dist/BlogCategoryCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { memo as l, forwardRef as f, useMemo as t } from "react";
-import { C as u, S as n } from "./suspense-categories-card-simple-BmmCOsc0.js";
-import { W as c } from "./style-DOKM5cZi.js";
+import { C as u, S as n } from "./suspense-categories-card-simple-BTFqzXyn.js";
+import { W as c } from "./style-tw6KjI2J.js";
 const C = l(u), M = f(
   ({
     items: r,

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),b=require("./Icon.cjs"),w=require("./IconButton.cjs"),v=require("./Chip.cjs"),c=require("./utils-DhRHf5Ed.cjs"),N=require("./index-BVaZWq6y.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./suspense-large-Buu1428e.cjs"),q=y.styled.div`
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),b=require("./Icon.cjs"),w=require("./IconButton.cjs"),v=require("./Chip.cjs"),c=require("./utils-DhRHf5Ed.cjs"),N=require("./index-BVaZWq6y.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./suspense-large-BtfvnzWh.cjs"),q=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;

package/dist/BlogListSection.js

@@ -6,7 +6,7 @@ import R from "./Chip.js";
 import { t as j, p as k, q as C, s as w } from "./utils-BE-UlkKf.js";
 import { P } from "./index-Ca38iPjf.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { S as $ } from "./suspense-large-iKRJJlJv.js";
+import { S as $ } from "./suspense-large-DFlSJhGG.js";
 const L = y.div`
   display: flex;
   padding: 1rem;

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-D6d5LpdL.cjs"),P=require("./index-B9HSHvhH.cjs"),f=require("./suspense-product-card-simple-0x5sc47a.cjs"),h=require("./Button.cjs"),j=require("./style-OPSfrtFm.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:o,buttonLink:t,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!1},N)=>{const m=q.useDetectMobile(),b=u.useMemo(()=>{var c;return(c=i==null?void 0:i.slice(0,4))==null?void 0:c.map((e,g)=>r.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:()=>s==null?void 0:s(e==null?void 0:e.uuid),image:a(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},g))},[i]);return r.jsxs(j.Wrapper,{className:p?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(f.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(h,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=M;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),P=require("./index-B9HSHvhH.cjs"),f=require("./suspense-product-card-simple-0x5sc47a.cjs"),h=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:o,buttonLink:t,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!1},N)=>{const m=q.useDetectMobile(),b=u.useMemo(()=>{var c;return(c=i==null?void 0:i.slice(0,4))==null?void 0:c.map((e,g)=>r.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:()=>s==null?void 0:s(e==null?void 0:e.uuid),image:a(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},g))},[i]);return r.jsxs(j.Wrapper,{className:p?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(f.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(h,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=M;

package/dist/BlogProductCardsSection.js

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as h, useMemo as P } from "react";
-import { u as N } from "./useDetectMobile-BC6EGaBc.js";
+import { u as N } from "./useDetectMobile-Bkvj0VMa.js";
 import { S as y } from "./index-BBPnKoi6.js";
 import { S as M } from "./suspense-product-card-simple--ExcEpD-.js";
 import S from "./Button.js";
-import { W as _ } from "./style-DOKM5cZi.js";
+import { W as _ } from "./style-tw6KjI2J.js";
 const w = b(y), R = h(
   ({
     buttonText: u,

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),f=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./skeleton-C_Jypl8r.cjs"),S=require("./Button.cjs"),b=require("./style-OPSfrtFm.cjs"),_=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),k=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(_,{isLoading:s,limit:i,keyPrefix:t}):o}),q=u.memo(a.ShopCard),C=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},w)=>{const m=f.useDetectMobile(),g=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,j)=>r.jsx(q,{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:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${j+1}`))},[s]);return r.jsxs(b.Wrapper,{className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(k,{isLoading:l,limit:d,keyPrefix:"blog-section",children:g})}),r.jsx(S,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=C;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),f=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-C_Jypl8r.cjs"),S=require("./Button.cjs"),b=require("./style-BTTXJFJN.cjs"),_=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),k=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(_,{isLoading:s,limit:i,keyPrefix:t}):o}),q=u.memo(a.ShopCard),C=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},w)=>{const m=f.useDetectMobile(),g=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,j)=>r.jsx(q,{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:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${j+1}`))},[s]);return r.jsxs(b.Wrapper,{className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(k,{isLoading:l,limit:d,keyPrefix:"blog-section",children:g})}),r.jsx(S,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=C;

package/dist/BlogShopCardsSection.js

@@ -1,9 +1,9 @@
 import { jsx as o, Fragment as u, jsxs as g } from "react/jsx-runtime";
 import { Suspense as S, memo as b, forwardRef as _, useMemo as C } from "react";
-import { u as k } from "./useDetectMobile-BC6EGaBc.js";
+import { u as k } from "./useDetectMobile-Bkvj0VMa.js";
 import { a as w, S as v } from "./skeleton-wfDIalr3.js";
 import M from "./Button.js";
-import { W as y } from "./style-DOKM5cZi.js";
+import { W as y } from "./style-tw6KjI2J.js";
 const N = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(
   w,
   {

package/dist/BlogSingleSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-C7iutNsj.cjs"),a=require("./skeleton-BRWiMY6b.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(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:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-Ccw8sLnK.cjs"),a=require("./skeleton-BBSBZ4JV.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(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:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;

package/dist/BlogSingleSection.js

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
 import { Suspense as s, forwardRef as u } from "react";
-import { B as d } from "./index-BpS5mEUu.js";
-import { B as c } from "./skeleton-DhXNRCfI.js";
+import { B as d } from "./index-Yh18uk_f.js";
+import { B as c } from "./skeleton-DALCB1S7.js";
 const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */ e(a, { children: Array.from({ length: o }, (r, n) => /* @__PURE__ */ e(
   c,
   {