@lanaco/lnc-react-ui 4.0.200 → 4.0.202

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-RnrgDDZP.cjs"),y=require("./Icon.cjs"),x=require("./style-CkcozOY6.cjs"),R=require("./index-uwl7BjRF.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./consts-goSZX3xP.cjs"),$=require("./Button.cjs"),z=require("./index-D0IYt1s3.cjs"),I=j.styled.a`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-RnrgDDZP.cjs"),y=require("./Icon.cjs"),x=require("./style-B4kAj6YU.cjs"),R=require("./index-uwl7BjRF.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./consts-goSZX3xP.cjs"),$=require("./Button.cjs"),z=require("./index-D0IYt1s3.cjs"),I=j.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/BlogCardsSponsoredSection.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as z, useRef as I, memo as R, useMemo as B } from "react";
 import { m as S, q as C, s as O, v as N, k as b } from "./utils-DtEfC-TX.js";
 import v from "./Icon.js";
-import { B as U } from "./style-Cmlod7oq.js";
+import { B as U } from "./style-neMbLWE6.js";
 import { P as M } from "./index-B22BZVBG.js";
 import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),P=require("./Icon.cjs"),R=require("./IconButton.cjs"),d=require("./utils-RnrgDDZP.cjs"),N=require("./index-uwl7BjRF.cjs"),q=require("./style-CkcozOY6.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),B=x.styled.a`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),P=require("./Icon.cjs"),R=require("./IconButton.cjs"),d=require("./utils-RnrgDDZP.cjs"),N=require("./index-uwl7BjRF.cjs"),q=require("./style-B4kAj6YU.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),B=x.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/BlogListSection.js

@@ -4,7 +4,7 @@ import I from "./Icon.js";
 import j from "./IconButton.js";
 import { m as q, q as A, s as F, v as L, l as X } from "./utils-DtEfC-TX.js";
 import { P as Z } from "./index-B22BZVBG.js";
-import { B as H } from "./style-Cmlod7oq.js";
+import { B as H } from "./style-neMbLWE6.js";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import { b as s, S as l, c as g, a as i } from "./style-BwQ4djFC.js";

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./utils-RnrgDDZP.cjs"),k=require("./style-CkcozOY6.cjs"),O=require("./Button.cjs"),q=require("./index-uwl7BjRF.cjs"),B=require("./index-D-3I_Ppj.cjs"),D=v.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./utils-RnrgDDZP.cjs"),k=require("./style-B4kAj6YU.cjs"),O=require("./Button.cjs"),q=require("./index-uwl7BjRF.cjs"),B=require("./index-D-3I_Ppj.cjs"),D=v.styled.div`
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionDetailed.js

@@ -4,7 +4,7 @@ import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as L } from "./consts-BuFChS64.js";
 import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
 import { m as M, s as j, q as I, v as S, k as N } from "./utils-DtEfC-TX.js";
-import { B as P, R as U } from "./style-Cmlod7oq.js";
+import { B as P, R as U } from "./style-neMbLWE6.js";
 import W from "./Button.js";
 import { P as E } from "./index-B22BZVBG.js";
 import { S as _ } from "./index-CBMsUFkS.js";

package/dist/BlogsSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./utils-RnrgDDZP.cjs"),C=require("./style-CkcozOY6.cjs"),M=require("./Button.cjs"),$=require("./Link.cjs"),T=require("./index-uwl7BjRF.cjs"),E=require("./index-D-3I_Ppj.cjs"),I=j.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./utils-RnrgDDZP.cjs"),C=require("./style-B4kAj6YU.cjs"),M=require("./Button.cjs"),$=require("./Link.cjs"),T=require("./index-uwl7BjRF.cjs"),E=require("./index-D-3I_Ppj.cjs"),I=j.styled.div`
   display: grid;
   grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionSimple.js

@@ -4,7 +4,7 @@ import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as B } from "./consts-BuFChS64.js";
 import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
 import { w as U, m as W, k as v } from "./utils-DtEfC-TX.js";
-import { B as z, R as j } from "./style-Cmlod7oq.js";
+import { B as z, R as j } from "./style-neMbLWE6.js";
 import D from "./Button.js";
 import E from "./Link.js";
 import { P as A } from "./index-B22BZVBG.js";

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),W=require("./useDetectMobile-zkbzoOGV.cjs"),k=require("./utils-RnrgDDZP.cjs"),T=require("./style-CkcozOY6.cjs"),E=require("./Button.cjs"),I=require("./Link.cjs"),M=require("./index-uwl7BjRF.cjs"),P=require("./index-CRk3vcd4.cjs"),s=require("./style-BAcV7F53.cjs"),O=S.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),W=require("./useDetectMobile-zkbzoOGV.cjs"),k=require("./utils-RnrgDDZP.cjs"),T=require("./style-B4kAj6YU.cjs"),E=require("./Button.cjs"),I=require("./Link.cjs"),M=require("./index-uwl7BjRF.cjs"),P=require("./index-CRk3vcd4.cjs"),s=require("./style-BAcV7F53.cjs"),O=S.styled.div`
   display: grid;
   grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionWithFilters.js

@@ -4,7 +4,7 @@ import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as $ } from "./consts-BuFChS64.js";
 import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
 import { m as D, k as C } from "./utils-DtEfC-TX.js";
-import { T as K } from "./style-Cmlod7oq.js";
+import { T as K } from "./style-neMbLWE6.js";
 import G from "./Button.js";
 import H from "./Link.js";
 import { P } from "./index-B22BZVBG.js";

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),Q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),W=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),G=require("./style-CkcozOY6.cjs"),j=require("./index-CS4w87SW.cjs"),V=require("./index-CRk3vcd4.cjs"),X=require("./index-oYE1Pl7q.cjs"),Z=Q.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),Q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),W=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),G=require("./style-B4kAj6YU.cjs"),j=require("./index-CS4w87SW.cjs"),V=require("./index-CRk3vcd4.cjs"),X=require("./index-oYE1Pl7q.cjs"),Z=Q.styled.div`
   display: grid;
   grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -5,7 +5,7 @@ import { M as G } from "./consts-BuFChS64.js";
 import V from "./Button.js";
 import { k as c } from "./utils-DtEfC-TX.js";
 import { u as X } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as Z } from "./style-Cmlod7oq.js";
+import { T as Z } from "./style-neMbLWE6.js";
 import { D as H, S as J } from "./index-BASX-BjS.js";
 import { S as Y } from "./index-CwMCk9wV.js";
 import { S as x } from "./index-4wvppFLx.js";

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),f=require("react"),C=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CkcozOY6.cjs"),u=require("./utils-RnrgDDZP.cjs"),R=require("./Button.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),L=g.styled.div`
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),C=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-B4kAj6YU.cjs"),u=require("./utils-RnrgDDZP.cjs"),R=require("./Button.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),L=g.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/GiftCardsSection.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as r, Fragment as R } from "react/jsx-runtime";
 import { forwardRef as C, Suspense as $ } from "react";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as N } from "./style-Cmlod7oq.js";
+import { R as N } from "./style-neMbLWE6.js";
 import { p as A, G as L, k as b } from "./utils-DtEfC-TX.js";
 import W from "./Button.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";

package/dist/PartnerBannerSection.cjs

@@ -0,0 +1,105 @@
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),d=require("./Icon.cjs"),g=require("./Button.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),h=_.styled.div`
+  display: flex;
+  height: 100%;
+  max-height: 19rem;
+  padding: 2rem;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
+  background: ${e=>e!=null&&e.imageUrl?`url("${e==null?void 0:e.imageUrl}")`:"white"};
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 1.25rem;
+  gap: 2rem;
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+    align-self: stretch;
+    max-width: 50rem;
+
+    & .section__title {
+      color: var(--white, #fff);
+      font-weight: 600;
+      font-size: 2rem;
+      leading-trim: none;
+      line-height: 2.5rem;
+      letter-spacing: 0%;
+    }
+
+    & .section__description {
+      color: var(--white, #fff);
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+    }
+  }
+
+  & .section__items {
+    display: grid;
+    grid-template-columns: ${()=>"repeat(2, minmax(0, auto))"};
+    row-gap: 0.75rem;
+    column-gap: 3rem;
+
+    & .section__item {
+      display: flex;
+      gap: 0.5rem;
+
+      & .item__text {
+        color: var(--white, #fff);
+        font-weight: 400;
+        font-size: 0.75rem;
+        leading-trim: none;
+        line-height: 1rem;
+        letter-spacing: 0.025rem;
+      }
+    }
+  }
+
+  & .section__action {
+    background: var(--white, #fff);
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+
+    &:hover {
+      color: var(--gray-700, #4e555f);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+    max-height: 100%;
+    padding: 1.5rem;
+
+    & .section__text {
+      max-width: 100%;
+
+      & .section__title {
+        font-size: 1.375rem;
+        line-height: 1.75rem;
+      }
+    }
+
+    & .section__items {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+
+      & .section__item {
+        display: flex;
+        gap: 0.5rem;
+      }
+    }
+  }
+`,x=m.forwardRef(({title:e,description:r,imageUrl:s,items:t,buttonText:n,buttonLink:o,onButtonAction:a=()=>{}},u)=>i.jsxs(h,{imageUrl:s,children:[i.jsxs("div",{className:"section__text",children:[e&&i.jsx("div",{className:"section__title",children:e}),r&&i.jsx("div",{className:"section__description",children:r})]}),t&&(t==null?void 0:t.length)>0&&i.jsx("div",{className:"section__items",children:t==null?void 0:t.map((c,l)=>i.jsxs("div",{className:"section__item",children:[i.jsx(d,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1rem",color:"success",className:"item__icon"}),i.jsx("div",{className:"item__text",children:c})]},`partner-banner-section-item__${l+1}`))}),n&&o&&i.jsx(g,{text:n,onClick:()=>a(o),borderRadius:"curved",color:"gray",className:"section__action"})]}));module.exports=x;

package/dist/PartnerBannerSection.js

@@ -0,0 +1,159 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import f from "./Icon.js";
+import g from "./Button.js";
+import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as h } from "./consts-BuFChS64.js";
+const p = _.div`
+  display: flex;
+  height: 100%;
+  max-height: 19rem;
+  padding: 2rem;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
+  background: ${(e) => e != null && e.imageUrl ? `url("${e == null ? void 0 : e.imageUrl}")` : "white"};
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 1.25rem;
+  gap: 2rem;
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+    align-self: stretch;
+    max-width: 50rem;
+
+    & .section__title {
+      color: var(--white, #fff);
+      font-weight: 600;
+      font-size: 2rem;
+      leading-trim: none;
+      line-height: 2.5rem;
+      letter-spacing: 0%;
+    }
+
+    & .section__description {
+      color: var(--white, #fff);
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+    }
+  }
+
+  & .section__items {
+    display: grid;
+    grid-template-columns: ${() => "repeat(2, minmax(0, auto))"};
+    row-gap: 0.75rem;
+    column-gap: 3rem;
+
+    & .section__item {
+      display: flex;
+      gap: 0.5rem;
+
+      & .item__text {
+        color: var(--white, #fff);
+        font-weight: 400;
+        font-size: 0.75rem;
+        leading-trim: none;
+        line-height: 1rem;
+        letter-spacing: 0.025rem;
+      }
+    }
+  }
+
+  & .section__action {
+    background: var(--white, #fff);
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+
+    &:hover {
+      color: var(--gray-700, #4e555f);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${h + "px"}) {
+    max-height: 100%;
+    padding: 1.5rem;
+
+    & .section__text {
+      max-width: 100%;
+
+      & .section__title {
+        font-size: 1.375rem;
+        line-height: 1.75rem;
+      }
+    }
+
+    & .section__items {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+
+      & .section__item {
+        display: flex;
+        gap: 0.5rem;
+      }
+    }
+  }
+`, k = d(
+  ({
+    title: e,
+    description: n,
+    imageUrl: c,
+    items: i,
+    buttonText: o,
+    buttonLink: a,
+    onButtonAction: l = () => {
+    }
+  }, x) => /* @__PURE__ */ r(p, { imageUrl: c, children: [
+    /* @__PURE__ */ r("div", { className: "section__text", children: [
+      e && /* @__PURE__ */ t("div", { className: "section__title", children: e }),
+      n && /* @__PURE__ */ t("div", { className: "section__description", children: n })
+    ] }),
+    i && (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ t("div", { className: "section__items", children: i == null ? void 0 : i.map((s, m) => /* @__PURE__ */ r(
+      "div",
+      {
+        className: "section__item",
+        children: [
+          /* @__PURE__ */ t(
+            f,
+            {
+              icon: " mng-lnc-checkmark--outline",
+              sizeInUnits: "1rem",
+              color: "success",
+              className: "item__icon"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "item__text", children: s })
+        ]
+      },
+      `partner-banner-section-item__${m + 1}`
+    )) }),
+    o && a && /* @__PURE__ */ t(
+      g,
+      {
+        text: o,
+        onClick: () => l(a),
+        borderRadius: "curved",
+        color: "gray",
+        className: "section__action"
+      }
+    )
+  ] })
+);
+export {
+  k as default
+};

package/dist/PartnerBrandsSection.cjs

@@ -0,0 +1,62 @@
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),g=require("./index-DeS-oqJB.cjs"),_=require("./Button.cjs"),p=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./style-B4kAj6YU.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=b.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  & .section__slider {
+    position: relative;
+  }
+
+  & .slider__gradient {
+    position: absolute;
+    width: 7.5rem;
+    height: 100%;
+    pointer-events: none;
+    z-index: 1;
+    opacity: 0.4;
+    top: 0;
+
+    &.left {
+      left: 0;
+      background: linear-gradient(to left, transparent, white);
+    }
+
+    &.right {
+      right: 0;
+      background: linear-gradient(to right, transparent, white);
+    }
+  }
+
+  .slider__container {
+    width: 100%;
+  }
+
+  .slider__item {
+    padding-right: 1rem;
+  }
+
+  & .section__item {
+    width: 100%;
+    height: 100%;
+    max-height: 3.75rem;
+    border-radius: 0.5rem;
+    border: 1px solid var(--gray-200, #e4e9f0);
+    overflow: hidden;
+
+    & img {
+      object-fit: cover;
+      width: 100%;
+      height: 100%;
+      filter: grayscale(100%);
+      transition: filter 0.3s ease;
+
+      &:hover {
+        filter: grayscale(0%);
+      }
+    }
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+`,x=h.forwardRef(({title:l,buttonText:n,buttonLink:o,items:e,onSelectCard:d=()=>{},onButtonAction:t=()=>{}},m)=>{const c=p.useDetectMobile()?2:7,a=(e==null?void 0:e.length)>c;return r.jsxs(f,{children:[r.jsxs(u.SectionHeadingContainer,{children:[l&&r.jsx("div",{className:"heading__title",children:l}),n&&o&&r.jsx(_,{text:n,borderRadius:"curved",btnType:"tinted",className:"heading__action",color:"neutral",onClick:i=>{var s;(s=i==null?void 0:i.target)==null||s.blur(),t==null||t(o)}})]}),e&&(e==null?void 0:e.length)>0&&r.jsxs("div",{className:"section__slider",children:[a&&r.jsx("div",{className:"slider__gradient left"}),r.jsx(g.Carousel,{responsive:{desktop:{breakpoint:{max:9999,min:801},items:7,slidesToSlide:1,partialVisibilityGutter:10},mobile:{breakpoint:{max:800,min:0},items:2,slidesToSlide:1,partialVisibilityGutter:20}},draggable:!1,swipeable:!1,arrows:!1,infinite:a,autoPlay:a,autoPlaySpeed:2e3,partialVisible:a,customTransition:"transform 500ms linear",transitionDuration:500,containerClass:"slider__container",itemClass:"slider__item",children:e==null?void 0:e.map((i,s)=>r.jsx("div",{className:"section__item",onClick:()=>d(i),children:r.jsx("img",{src:i==null?void 0:i.imageUrl,alt:`Partner brand image ${s+1}`,loading:"lazy"})},`partner-brands-section-item__${s+1}`))}),a&&r.jsx("div",{className:"slider__gradient right"})]})]})});module.exports=x;

package/dist/PartnerBrandsSection.js

@@ -0,0 +1,154 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { C as p } from "./index-BppfjY8h.js";
+import f from "./Button.js";
+import { u as m } from "./useDetectMobile-Bkvj0VMa.js";
+import { S as _ } from "./style-neMbLWE6.js";
+import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+const u = b.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  & .section__slider {
+    position: relative;
+  }
+
+  & .slider__gradient {
+    position: absolute;
+    width: 7.5rem;
+    height: 100%;
+    pointer-events: none;
+    z-index: 1;
+    opacity: 0.4;
+    top: 0;
+
+    &.left {
+      left: 0;
+      background: linear-gradient(to left, transparent, white);
+    }
+
+    &.right {
+      right: 0;
+      background: linear-gradient(to right, transparent, white);
+    }
+  }
+
+  .slider__container {
+    width: 100%;
+  }
+
+  .slider__item {
+    padding-right: 1rem;
+  }
+
+  & .section__item {
+    width: 100%;
+    height: 100%;
+    max-height: 3.75rem;
+    border-radius: 0.5rem;
+    border: 1px solid var(--gray-200, #e4e9f0);
+    overflow: hidden;
+
+    & img {
+      object-fit: cover;
+      width: 100%;
+      height: 100%;
+      filter: grayscale(100%);
+      transition: filter 0.3s ease;
+
+      &:hover {
+        filter: grayscale(0%);
+      }
+    }
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+`, j = g(
+  ({
+    title: o,
+    buttonText: n,
+    buttonLink: d,
+    items: e,
+    onSelectCard: c = () => {
+    },
+    onButtonAction: l = () => {
+    }
+  }, v) => {
+    const h = m() ? 2 : 7, a = (e == null ? void 0 : e.length) > h;
+    return /* @__PURE__ */ s(u, { children: [
+      /* @__PURE__ */ s(_, { children: [
+        o && /* @__PURE__ */ i("div", { className: "heading__title", children: o }),
+        n && d && /* @__PURE__ */ i(
+          f,
+          {
+            text: n,
+            borderRadius: "curved",
+            btnType: "tinted",
+            className: "heading__action",
+            color: "neutral",
+            onClick: (r) => {
+              var t;
+              (t = r == null ? void 0 : r.target) == null || t.blur(), l == null || l(d);
+            }
+          }
+        )
+      ] }),
+      e && (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ s("div", { className: "section__slider", children: [
+        a && /* @__PURE__ */ i("div", { className: "slider__gradient left" }),
+        /* @__PURE__ */ i(
+          p,
+          {
+            responsive: {
+              desktop: {
+                breakpoint: { max: 9999, min: 801 },
+                items: 7,
+                slidesToSlide: 1,
+                partialVisibilityGutter: 10
+              },
+              mobile: {
+                breakpoint: { max: 800, min: 0 },
+                items: 2,
+                slidesToSlide: 1,
+                partialVisibilityGutter: 20
+              }
+            },
+            draggable: !1,
+            swipeable: !1,
+            arrows: !1,
+            infinite: a,
+            autoPlay: a,
+            autoPlaySpeed: 2e3,
+            partialVisible: a,
+            customTransition: "transform 500ms linear",
+            transitionDuration: 500,
+            containerClass: "slider__container",
+            itemClass: "slider__item",
+            children: e == null ? void 0 : e.map((r, t) => /* @__PURE__ */ i(
+              "div",
+              {
+                className: "section__item",
+                onClick: () => c(r),
+                children: /* @__PURE__ */ i(
+                  "img",
+                  {
+                    src: r == null ? void 0 : r.imageUrl,
+                    alt: `Partner brand image ${t + 1}`,
+                    loading: "lazy"
+                  }
+                )
+              },
+              `partner-brands-section-item__${t + 1}`
+            ))
+          }
+        ),
+        a && /* @__PURE__ */ i("div", { className: "slider__gradient right" })
+      ] })
+    ] });
+  }
+);
+export {
+  j as default
+};