@lanaco/lnc-react-ui 4.0.87 → 4.0.89

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-BuFChS64.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-BhG1dImS.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-goSZX3xP.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-BuFChS64.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,4 +1,4 @@
-"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`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./utils-BWzf4vLl.cjs"),w=require("./Icon.cjs"),x=require("./Chip.cjs"),N=require("./index-BRgZcjpI.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),z=require("./suspense-large-DMhn-lIG.cjs"),k=require("./Button.cjs"),q=require("./consts-goSZX3xP.cjs"),R=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -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`
+`,I=p.forwardRef(({title:i,imageUrl:o,options:t,publishedAt:g,timeToReadText:_="{0} min read",timeToRead:f=0,numberOfLikes:n=0,numberOfComments:l=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(N.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:t&&(t==null?void 0:t.map((a,h)=>r.jsx(x,{label:a==null?void 0:a.name,color:a==null?void 0:a.color,className:"wrapper__tag",onClick:s=>{s==null||s.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(n)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(l)]})]})]})]})]})),S=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(I),C=p.forwardRef(({title:i,subtitle:o,icon:t,buttonText:g,buttonLink:_,timeToReadText:f="{0} min read",items:n,onButtonAction:l=()=>{},onSelectCard:d=()=>{},onSelectOption:m=()=>{},isLoading:u=!1,getImage:b=()=>{}},a)=>{const h=p.useMemo(()=>{var s;return(s=n==null?void 0:n.slice(0,4))==null?void 0:s.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),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}`))},[n]);return r.jsxs(S,{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(t)&&r.jsx("i",{className:t}),r.jsx("span",{children:i})]}),l&&r.jsx(k,{text:g,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:s=>{var e;(e=s==null?void 0:s.target)==null||e.blur(),l==null||l(_)}})]}),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

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as v, memo as z, useMemo as S } from "react";
-import { t as j, p as I, q as $, s as b, k as C } from "./utils-BE-UlkKf.js";
+import { forwardRef as v, memo as z, useMemo as j } from "react";
+import { n as I, p as S, q as $, s as b, k as C } from "./utils-BhG1dImS.js";
 import u from "./Icon.js";
 import R from "./Chip.js";
-import { P as L } from "./index-Ca38iPjf.js";
+import { P as L } from "./index-Cpd68IKh.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { S as P } from "./suspense-large-DFlSJhGG.js";
+import { S as P } from "./suspense-large-B2lY_x-y.js";
 import U from "./Button.js";
 import { M } from "./consts-BuFChS64.js";
 const T = y.div`
@@ -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;
@@ -71,7 +71,7 @@ const T = y.div`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${j(3)}
+        ${I(3)}
       }
 
       & .wrapper__tags {
@@ -126,50 +126,50 @@ 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}`
         ))) })
       ] }),
       /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
-        /* @__PURE__ */ r("div", { className: "info__text", children: `${I(
+        /* @__PURE__ */ r("div", { className: "info__text", children: `${S(
           c
         )} • ${$(g, f)}` }),
         /* @__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 = () => {
     },
@@ -276,9 +276,9 @@ const T = y.div`
     getImage: w = () => {
     }
   }, 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(
+    const h = j(() => {
+      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),
           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-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;
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-B2swGa6t.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,6 +1,6 @@
 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-BTFqzXyn.js";
+import { C as u, S as n } from "./suspense-categories-card-simple-Dkm0oojD.js";
 import { W as c } from "./style-tw6KjI2J.js";
 const C = l(u), M = f(
   ({

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-BtfvnzWh.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-BWzf4vLl.cjs"),N=require("./index-BRgZcjpI.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./suspense-large-DMhn-lIG.cjs"),q=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -117,7 +117,7 @@
       }
     }
   }
-`,I=o.forwardRef(({title:d,imageUrl:s,options:i,publishedAt:a,timeToReadText:n="{0} min read",timeToRead:l=0,numberOfLikes:m=0,numberOfComments:p=0,onSelectCard:g=()=>{},onSelectOption:_=()=>{},onBookmark:u=()=>{},onShare:e=()=>{}},h)=>r.jsxs(q,{onClick:g,children:[r.jsx(N.ProductImageWrapper,{src:s,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:d}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,j)=>r.jsx(v,{label:t==null?void 0:t.name,color:t==null?void 0:t.color,className:"wrapper__tag",onClick:f=>{f==null||f.stopPropagation(),_(t==null?void 0:t.code)}},`blog-card-sponsored-option__${j+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(a)} • ${c.formatString(n,l)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),c.getRoundedNumber(m)]}),r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(p)]})]})]}),r.jsxs("div",{className:"info__content",children:[r.jsx(w,{icon:" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),u()}}),r.jsx(w,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}})]})]})]})]})),z=y.styled.div`
+`,I=o.forwardRef(({title:d,imageUrl:s,options:i,publishedAt:a,timeToReadText:n="{0} min read",timeToRead:l=0,numberOfLikes:m=0,numberOfComments:p=0,onSelectCard:g=()=>{},onSelectOption:_=()=>{},onBookmark:f=()=>{},onShare:e=()=>{}},h)=>r.jsxs(q,{onClick:g,children:[r.jsx(N.ProductImageWrapper,{src:s,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:d}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,j)=>r.jsx(v,{label:t==null?void 0:t.name,color:t==null?void 0:t.color,className:"wrapper__tag",onClick:u=>{u==null||u.stopPropagation(),_(t==null?void 0:t.code)}},`blog-card-sponsored-option__${j+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(a)} • ${c.formatString(n,l)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),c.getRoundedNumber(m)]}),r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(p)]})]})]}),r.jsxs("div",{className:"info__content",children:[r.jsx(w,{icon:" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),f()}}),r.jsx(w,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}})]})]})]})]})),z=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -139,4 +139,4 @@
       bottom: -0.75rem;
     }
   }
-`,k=o.memo(I),C=o.forwardRef(({timeToReadText:d="{0} min read",items:s,onSelectCard:i=()=>{},onSelectOption:a=()=>{},onShare:n=()=>{},onBookmark:l=()=>{},isLoading:m=!1,getImage:p=()=>{},isSeparated:g=!0},_)=>{const u=o.useMemo(()=>s==null?void 0:s.map((e,h)=>r.jsx(k,{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:d,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:()=>i==null?void 0:i(e==null?void 0:e.uuid,e==null?void 0:e.titleSlug),onSelectOption:t=>a==null?void 0:a(t),onShare:()=>n==null?void 0:n(e==null?void 0:e.uuid),onBookmark:()=>l==null?void 0:l(e==null?void 0:e.uuid),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${h+1}`)),[s]);return r.jsx(z,{className:g?"separated":"",children:r.jsx(R.SuspenseBlogLarge,{isLoading:m,limit:5,keyPrefix:"blog-section",children:u})})});module.exports=C;
+`,k=o.memo(I),C=o.forwardRef(({timeToReadText:d="{0} min read",items:s,onSelectCard:i=()=>{},onSelectOption:a=()=>{},onShare:n=()=>{},onBookmark:l=()=>{},isLoading:m=!1,getImage:p=()=>{},isSeparated:g=!0},_)=>{const f=o.useMemo(()=>s==null?void 0:s.map((e,h)=>r.jsx(k,{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:d,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:()=>i==null?void 0:i(e),onSelectOption:t=>a==null?void 0:a(t),onShare:()=>n==null?void 0:n(e),onBookmark:()=>l==null?void 0:l(e),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${h+1}`)),[s]);return r.jsx(z,{className:g?"separated":"",children:r.jsx(R.SuspenseBlogLarge,{isLoading:m,limit:5,keyPrefix:"blog-section",children:f})})});module.exports=C;