@lanaco/lnc-react-ui 4.0.87 → 4.0.88

package/dist/BannerSectionCarousel.cjs

@@ -140,4 +140,4 @@
       display: none;
     }
   }
-`,Me=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},onButtonAction:r=()=>{}},i)=>{const e=Le.useDetectMobile();return D.jsx(Ot,{ref:i,children:D.jsx(Oe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:o=>{e||n==null||n(t==null?void 0:t.at(o),o)},children:t&&(t==null?void 0:t.map((o,a)=>D.jsxs(Rt,{backgroundColor:o==null?void 0:o.backgroundColor,children:[D.jsx("img",{loading:"lazy",src:o.imageUrl}),D.jsx(Et,{backgroundColor:o==null?void 0:o.backgroundColor,children:D.jsxs("div",{className:"banner-content",children:[D.jsxs("div",{className:"banner-text",children:[D.jsx("div",{className:"banner-title",children:o.title}),o.description]}),re.isDefinedNotEmptyString(o==null?void 0:o.buttonText)&&D.jsx(De,{color:"neutral",onClick:()=>r(o),children:o.buttonText})]})})]},`banner-${a+1}`)))})})});Me.propTypes={items:fe.PropTypes.array,handleClick:fe.PropTypes.func};module.exports=Me;
+`,Me=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},onButtonAction:r=()=>{}},i)=>{const e=Le.useDetectMobile();return D.jsx(Ot,{ref:i,children:D.jsx(Oe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:o=>{e||n==null||n(t==null?void 0:t.at(o),o)},children:t&&(t==null?void 0:t.map((o,a)=>D.jsxs(Rt,{backgroundColor:o==null?void 0:o.backgroundColor,children:[D.jsx("img",{loading:"lazy",src:o.imageUrl}),D.jsx(Et,{backgroundColor:o==null?void 0:o.backgroundColor,children:D.jsxs("div",{className:"banner-content",children:[D.jsxs("div",{className:"banner-text",children:[D.jsx("div",{className:"banner-title",children:o.title}),o.description]}),re.isDefinedNotEmptyString(o==null?void 0:o.buttonText)&&D.jsx(De,{color:"neutral",onClick:s=>{var f;(f=s==null?void 0:s.target)==null||f.blur(),r(o)},children:o.buttonText})]})})]},`banner-${a+1}`)))})})});Me.propTypes={items:fe.PropTypes.array,handleClick:fe.PropTypes.func};module.exports=Me;

package/dist/BannerSectionCarousel.js

@@ -1540,7 +1540,10 @@ const Tt = te.div`
                   Ae,
                   {
                     color: "neutral",
-                    onClick: () => r(o),
+                    onClick: (s) => {
+                      var f;
+                      (f = s == null ? void 0 : s.target) == null || f.blur(), r(o);
+                    },
                     children: o.buttonText
                   }
                 )

package/dist/BannerSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./consts-goSZX3xP.cjs"),y=require("./Button.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),v=i.styled.div`
+"use strict";const t=require("react/jsx-runtime"),M=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),v=require("./Button.cjs"),H=require("./useDetectMobile-zkbzoOGV.cjs"),B=r.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};
@@ -24,7 +24,7 @@
 
 `}
 
-  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     gap: 1.5rem;
     flex-direction: column;
     min-height: unset;
@@ -42,7 +42,7 @@
       min-height: ${e=>`${e.imgHMob}px`||"12.1rem"};
     }
   }
-`,H=i.styled.div`
+`,_=r.styled.div`
   padding: ${e=>e.smallPadding===!0?"2rem":"4rem 5rem"};
   display: flex;
   gap: 2rem;
@@ -51,11 +51,11 @@
 
   ${e=>e.isHorizontalContent===!0&&"justify-content: space-between;"}
 
-  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     padding: 0;
     flex-direction: column;
   }
-`,B=i.styled.div`
+`,C=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -71,7 +71,7 @@
     font-weight: 500;
   }
 
-  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,_=j.forwardRef((e,m)=>{const{title:d,subtitle:l,buttonText:h,buttonLink:c,onButtonAction:g=()=>{},imageUrl:o,imagePosition:n="right",hideImageForMobile:s=!1,sectionHeight:x="12.65625rem",imageWidth:u,imageHeightMobile:p,smallPadding:b=!1,isHorizontalContent:$=!1,backgroundColor:f,hasBorder:w=!1}=e,a=M.useDetectMobile();return t.jsxs(v,{ref:m,bgcolor:f,height:x,imgW:u,imgHMob:p,hasBorder:w,children:[n!=="right"&&!(s===!0&&a===!0)&&t.jsx("img",{src:o}),t.jsxs(H,{isHorizontalContent:$,smallPadding:b,children:[t.jsxs(B,{children:[t.jsx("div",{className:"header-title",children:d}),t.jsx("div",{className:"header-subitle",children:l})]}),t.jsx(y,{size:"medium",color:"neutral",type:"button",onClick:()=>g(c),children:h})]}),n==="right"&&!(s===!0&&a===!0)&&t.jsx("img",{src:o})]})});module.exports=_;
+`,I=M.forwardRef((e,d)=>{const{title:h,subtitle:c,buttonText:g,buttonLink:x,onButtonAction:u=()=>{},imageUrl:n,imagePosition:s="right",hideImageForMobile:a=!1,sectionHeight:p="12.65625rem",imageWidth:b,imageHeightMobile:$,smallPadding:f=!1,isHorizontalContent:w=!1,backgroundColor:j,hasBorder:y=!1}=e,l=H.useDetectMobile();return t.jsxs(B,{ref:d,bgcolor:j,height:p,imgW:b,imgHMob:$,hasBorder:y,children:[s!=="right"&&!(a===!0&&l===!0)&&t.jsx("img",{src:n}),t.jsxs(_,{isHorizontalContent:w,smallPadding:f,children:[t.jsxs(C,{children:[t.jsx("div",{className:"header-title",children:h}),t.jsx("div",{className:"header-subitle",children:c})]}),t.jsx(v,{size:"medium",color:"neutral",type:"button",onClick:i=>{var m;(m=i==null?void 0:i.target)==null||m.blur(),u(x)},children:g})]}),s==="right"&&!(a===!0&&l===!0)&&t.jsx("img",{src:n})]})});module.exports=I;

package/dist/BannerSectionSimple.js

@@ -1,10 +1,10 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { forwardRef as H } from "react";
-import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as o } from "./consts-BuFChS64.js";
-import M from "./Button.js";
-import { u as y } from "./useDetectMobile-Bkvj0VMa.js";
-const C = r.div`
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as n } from "./consts-BuFChS64.js";
+import C from "./Button.js";
+import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
+const B = o.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${(e) => e.bgcolor || "transparent"};
@@ -30,7 +30,7 @@ const C = r.div`
 
 `}
 
-  @media (max-width: ${o + "px"}) {
+  @media (max-width: ${n + "px"}) {
     gap: 1.5rem;
     flex-direction: column;
     min-height: unset;
@@ -48,7 +48,7 @@ const C = r.div`
       min-height: ${(e) => `${e.imgHMob}px` || "12.1rem"};
     }
   }
-`, z = r.div`
+`, k = o.div`
   padding: ${(e) => e.smallPadding === !0 ? "2rem" : "4rem 5rem"};
   display: flex;
   gap: 2rem;
@@ -57,11 +57,11 @@ const C = r.div`
 
   ${(e) => e.isHorizontalContent === !0 && "justify-content: space-between;"}
 
-  @media (max-width: ${o + "px"}) {
+  @media (max-width: ${n + "px"}) {
     padding: 0;
     flex-direction: column;
   }
-`, B = r.div`
+`, W = o.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -77,67 +77,70 @@ const C = r.div`
     font-weight: 500;
   }
 
-  @media (max-width: ${o + "px"}) {
+  @media (max-width: ${n + "px"}) {
     flex-direction: column;
   }
-`, E = H((e, l) => {
+`, N = y((e, g) => {
   const {
-    title: h,
-    subtitle: s,
-    buttonText: g,
-    buttonLink: c,
-    onButtonAction: x = () => {
+    title: s,
+    subtitle: c,
+    buttonText: x,
+    buttonLink: p,
+    onButtonAction: u = () => {
     },
-    imageUrl: n,
-    imagePosition: a = "right",
-    hideImageForMobile: m = !1,
-    sectionHeight: p = "12.65625rem",
-    imageWidth: u,
-    imageHeightMobile: f,
-    smallPadding: b = !1,
-    isHorizontalContent: $ = !1,
-    backgroundColor: w,
-    hasBorder: v = !1
-  } = e, d = y();
-  return /* @__PURE__ */ t(
-    C,
+    imageUrl: a,
+    imagePosition: m = "right",
+    hideImageForMobile: d = !1,
+    sectionHeight: b = "12.65625rem",
+    imageWidth: f,
+    imageHeightMobile: $,
+    smallPadding: w = !1,
+    isHorizontalContent: v = !1,
+    backgroundColor: H,
+    hasBorder: M = !1
+  } = e, l = z();
+  return /* @__PURE__ */ r(
+    B,
     {
-      ref: l,
-      bgcolor: w,
-      height: p,
-      imgW: u,
-      imgHMob: f,
-      hasBorder: v,
+      ref: g,
+      bgcolor: H,
+      height: b,
+      imgW: f,
+      imgHMob: $,
+      hasBorder: M,
       children: [
-        a !== "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: n }),
-        /* @__PURE__ */ t(
-          z,
+        m !== "right" && !(d === !0 && l === !0) && /* @__PURE__ */ t("img", { src: a }),
+        /* @__PURE__ */ r(
+          k,
           {
-            isHorizontalContent: $,
-            smallPadding: b,
+            isHorizontalContent: v,
+            smallPadding: w,
             children: [
-              /* @__PURE__ */ t(B, { children: [
-                /* @__PURE__ */ i("div", { className: "header-title", children: h }),
-                /* @__PURE__ */ i("div", { className: "header-subitle", children: s })
+              /* @__PURE__ */ r(W, { children: [
+                /* @__PURE__ */ t("div", { className: "header-title", children: s }),
+                /* @__PURE__ */ t("div", { className: "header-subitle", children: c })
               ] }),
-              /* @__PURE__ */ i(
-                M,
+              /* @__PURE__ */ t(
+                C,
                 {
                   size: "medium",
                   color: "neutral",
                   type: "button",
-                  onClick: () => x(c),
-                  children: g
+                  onClick: (i) => {
+                    var h;
+                    (h = i == null ? void 0 : i.target) == null || h.blur(), u(p);
+                  },
+                  children: x
                 }
               )
             ]
           }
         ),
-        a === "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: n })
+        m === "right" && !(d === !0 && l === !0) && /* @__PURE__ */ t("img", { src: a })
       ]
     }
   );
 });
 export {
-  E as default
+  N as default
 };

package/dist/BannerSectionWithList.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./consts-goSZX3xP.cjs"),h=require("./Button.cjs"),t=require("./utils-DhRHf5Ed.cjs"),g=r.styled.div`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-goSZX3xP.cjs"),g=require("./Button.cjs"),n=require("./utils-DhRHf5Ed.cjs"),h=o.styled.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;
@@ -11,10 +11,10 @@
     width: fit-content;
   }
 
-  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
     padding-bottom: 0;
   }
-`,p=r.styled.div`
+`,p=o.styled.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -32,9 +32,9 @@
     font-weight: 500;
   }
 
-  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
   }
-`,j=r.styled.div`
+`,j=o.styled.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -54,7 +54,7 @@
     }
   }
 
-  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
     & .list-item {
       flex-direction: column;
       text-align: center;
@@ -62,4 +62,4 @@
       gap: 0;
     }
   }
-`,y=o.forwardRef((l,a)=>{const{title:i,subtitle:n,buttonText:d,list:s,buttonLink:m,onButtonAction:x=()=>{}}=l;return e.jsxs(g,{ref:a,children:[(t.isDefined(i)||t.isDefined(n))&&e.jsxs(p,{children:[t.isDefined(i)&&e.jsx("div",{className:"header-title",children:i}),t.isDefined(n)&&e.jsx("div",{className:"header-subitle",children:n})]}),e.jsx(j,{children:s==null?void 0:s.map((u,f)=>e.jsx(o.Fragment,{children:e.jsxs("div",{className:"list-item",children:[e.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),e.jsx("span",{children:u})]})},f))}),e.jsx(h,{size:"medium",color:"neutral",type:"button",onClick:()=>x(m),children:d})]})});module.exports=y;
+`,y=a.forwardRef((d,m)=>{const{title:s,subtitle:r,buttonText:u,list:c,buttonLink:x,onButtonAction:f=()=>{}}=d;return e.jsxs(h,{ref:m,children:[(n.isDefined(s)||n.isDefined(r))&&e.jsxs(p,{children:[n.isDefined(s)&&e.jsx("div",{className:"header-title",children:s}),n.isDefined(r)&&e.jsx("div",{className:"header-subitle",children:r})]}),e.jsx(j,{children:c==null?void 0:c.map((t,i)=>e.jsx(a.Fragment,{children:e.jsxs("div",{className:"list-item",children:[e.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),e.jsx("span",{children:t})]})},i))}),e.jsx(g,{size:"medium",color:"neutral",type:"button",onClick:t=>{var i;(i=t==null?void 0:t.target)==null||i.blur(),f(x)},children:u})]})});module.exports=y;

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-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-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

@@ -5,7 +5,7 @@
   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;