@lanaco/lnc-react-ui 4.0.200 → 4.0.201

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/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
+};

package/dist/PartnerStatsSection.cjs

@@ -0,0 +1,100 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),n=require("./utils-RnrgDDZP.cjs"),_=c.styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2rem;
+  align-self: stretch;
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+    align-self: stretch;
+    max-width: 50rem;
+
+    & .section__title {
+      color: var(--gray-900, #0c1520);
+      font-size: 2rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2.5rem;
+      ${n.truncateTextInRows(2)}
+    }
+
+    & .section__description {
+      color: var(--gray-700, #424b56);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+      ${n.truncateTextInRows(2)}
+    }
+  }
+
+  & .section__items {
+    display: flex;
+
+    & .section__item {
+      border-left: 4px solid #ffa36a;
+      height: 3rem;
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      flex: 1 0 0;
+      min-width: 12.5rem;
+      padding-left: 0.75rem;
+
+      & .item__title {
+        color: var(--gray-900, #0c1520);
+        font-size: 1.375rem;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 1.75rem;
+      }
+
+      & .item__description {
+        color: var(--gray-600, #5a6573);
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 1.25rem;
+      }
+    }
+  }
+
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+    gap: 1.25rem;
+
+    & .section__text {
+      & .section__title {
+        font-size: 1.375rem;
+        line-height: 1.75rem;
+      }
+
+      & .section__description {
+        ${n.truncateTextInRows(5)}
+      }
+    }
+
+    & .section__items {
+      & .section__item {
+        height: 3.5rem;
+        min-width: auto;
+
+        & .item__title {
+          font-size: 1rem;
+          line-height: 1.5rem;
+          letter-spacing: 0.0063rem;
+        }
+
+        & .item__description {
+          font-size: 12px;
+          line-height: 1rem;
+          letter-spacing: 0.0313rem;
+        }
+      }
+    }
+  }
+`,m=l.forwardRef(({title:r,description:s,items:t},d)=>e.jsxs(_,{children:[e.jsxs("div",{className:"section__text",children:[r&&e.jsx("div",{className:"section__title",children:r}),s&&e.jsx("div",{className:"section__description",children:s})]}),t&&(t==null?void 0:t.length)>0&&e.jsx("div",{className:"section__items",children:t==null?void 0:t.map((i,o)=>e.jsxs("div",{className:"section__item",children:[e.jsx("div",{className:"item__title",children:i==null?void 0:i.title}),e.jsx("div",{className:"item__description",children:i==null?void 0:i.description})]},`partner-stats-section-item__${o+1}`))})]}));module.exports=m;

package/dist/PartnerStatsSection.js

@@ -0,0 +1,124 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as m } from "./consts-BuFChS64.js";
+import { m as n } from "./utils-DtEfC-TX.js";
+const _ = c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2rem;
+  align-self: stretch;
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+    align-self: stretch;
+    max-width: 50rem;
+
+    & .section__title {
+      color: var(--gray-900, #0c1520);
+      font-size: 2rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2.5rem;
+      ${n(2)}
+    }
+
+    & .section__description {
+      color: var(--gray-700, #424b56);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+      ${n(2)}
+    }
+  }
+
+  & .section__items {
+    display: flex;
+
+    & .section__item {
+      border-left: 4px solid #ffa36a;
+      height: 3rem;
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      flex: 1 0 0;
+      min-width: 12.5rem;
+      padding-left: 0.75rem;
+
+      & .item__title {
+        color: var(--gray-900, #0c1520);
+        font-size: 1.375rem;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 1.75rem;
+      }
+
+      & .item__description {
+        color: var(--gray-600, #5a6573);
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 1.25rem;
+      }
+    }
+  }
+
+  @media (max-width: ${m + "px"}) {
+    gap: 1.25rem;
+
+    & .section__text {
+      & .section__title {
+        font-size: 1.375rem;
+        line-height: 1.75rem;
+      }
+
+      & .section__description {
+        ${n(5)}
+      }
+    }
+
+    & .section__items {
+      & .section__item {
+        height: 3.5rem;
+        min-width: auto;
+
+        & .item__title {
+          font-size: 1rem;
+          line-height: 1.5rem;
+          letter-spacing: 0.0063rem;
+        }
+
+        & .item__description {
+          font-size: 12px;
+          line-height: 1rem;
+          letter-spacing: 0.0313rem;
+        }
+      }
+    }
+  }
+`, y = a(({ title: o, description: l, items: e }, d) => /* @__PURE__ */ r(_, { children: [
+  /* @__PURE__ */ r("div", { className: "section__text", children: [
+    o && /* @__PURE__ */ i("div", { className: "section__title", children: o }),
+    l && /* @__PURE__ */ i("div", { className: "section__description", children: l })
+  ] }),
+  e && (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ i("div", { className: "section__items", children: e == null ? void 0 : e.map((t, s) => /* @__PURE__ */ r(
+    "div",
+    {
+      className: "section__item",
+      children: [
+        /* @__PURE__ */ i("div", { className: "item__title", children: t == null ? void 0 : t.title }),
+        /* @__PURE__ */ i("div", { className: "item__description", children: t == null ? void 0 : t.description })
+      ]
+    },
+    `partner-stats-section-item__${s + 1}`
+  )) })
+] }));
+export {
+  y as default
+};

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),f=require("./style-CkcozOY6.cjs"),c=require("./utils-RnrgDDZP.cjs"),L=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),W=g.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),f=require("./style-B4kAj6YU.cjs"),c=require("./utils-RnrgDDZP.cjs"),L=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),W=g.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;

package/dist/ProductsWithBannerSection.js

@@ -3,7 +3,7 @@ import { forwardRef as W, useRef as N, Suspense as U, memo as G, useMemo as M }
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as R } from "./consts-BuFChS64.js";
 import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as j } from "./style-Cmlod7oq.js";
+import { R as j } from "./style-neMbLWE6.js";
 import { m as B, l as I, k as C } from "./utils-DtEfC-TX.js";
 import { P as L } from "./index-B22BZVBG.js";
 import { b as s, a as i, S as u, c as b } from "./style-BwQ4djFC.js";