@lanaco/lnc-react-ui 4.0.206 → 4.0.207

package/dist/OverlayGeneralCardsSection.js

@@ -1,10 +1,10 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
 import u from "./Button.js";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as _ } from "./consts-BuFChS64.js";
-import { S as x } from "./index-CBMsUFkS.js";
-const p = h.a`
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as i } from "./breakpoints-ff0SIcV3.js";
+import { S as p } from "./index-hC-E71GE.js";
+const x = m.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -14,17 +14,18 @@ const p = h.a`
   flex-direction: column;
   justify-content: space-between;
   cursor: pointer;
-  flex: 1;
-  flex-shrink: 0;
+  width: 100%;
+  min-width: 0;
   background: ${(r) => r == null ? void 0 : r.backgroundColor}, url("${(r) => r == null ? void 0 : r.backgroundImage}");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 0.75rem;
-  transition: flex 0.3s ease;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
 
   &:hover {
-    flex: 2;
+    transform: scale(1.02);
+    box-shadow: 0 4px 24px rgba(20, 22, 26, 0.12);
   }
 
   & .section__text {
@@ -68,14 +69,10 @@ const p = h.a`
     }
   }
 
-  @media (max-width: ${_ + "px"}) {
+  @media ${i("S")} {
     padding: 2rem;
     min-height: 17.5rem;
-    width: 100%;
-
-    &:hover {
-      flex: 1;
-    }
+    height: auto;
 
     & .section__text {
       gap: 0.5rem;
@@ -91,43 +88,43 @@ const p = h.a`
       }
     }
   }
-`, v = g(
+`, v = h(
   ({
     title: r,
     description: n,
-    buttonText: a,
+    buttonText: s,
     imageUrl: l,
-    backgroundColor: s = "none",
-    handleSelectCard: c = () => {
+    backgroundColor: c = "none",
+    handleSelectCard: d = () => {
     },
-    handleButtonAction: d = () => {
+    handleButtonAction: f = () => {
     },
     selectAction: e,
-    LinkComponent: i
-  }, m) => /* @__PURE__ */ f(
-    p,
+    LinkComponent: a
+  }, _) => /* @__PURE__ */ g(
+    x,
     {
-      ref: m,
+      ref: _,
       backgroundImage: l,
-      backgroundColor: s,
-      onClick: c,
-      as: i || "a",
-      ...i ? {
+      backgroundColor: c,
+      onClick: d,
+      as: a || "a",
+      ...a ? {
         to: `/${e}`
       } : {
         href: `/${e}`
       },
       children: [
-        /* @__PURE__ */ f("div", { className: "section__text", children: [
+        /* @__PURE__ */ g("div", { className: "section__text", children: [
           r && /* @__PURE__ */ o("div", { className: "section__title", children: r }),
           n && /* @__PURE__ */ o("div", { className: "section__description", children: n })
         ] }),
         /* @__PURE__ */ o(
           u,
           {
-            text: a,
+            text: s,
             onClick: (t) => {
-              t == null || t.preventDefault(), t == null || t.stopPropagation(), d();
+              t == null || t.preventDefault(), t == null || t.stopPropagation(), f();
             },
             borderRadius: "regular",
             color: "gray",
@@ -137,7 +134,7 @@ const p = h.a`
       ]
     }
   )
-), y = h.div`
+), y = m.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -153,57 +150,48 @@ const p = h.a`
   }
 
   & .section__items {
-    display: flex;
-    align-items: center;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
     gap: 1rem;
     width: 100%;
   }
 
-  & .section__item {
-    background: lightblue;
-    height: 24rem;
-    transition: width 0.5s ease;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    flex: 1;
-
-    &:hover {
-      flex: 2;
-      transition: width 0.5s ease;
+  @media ${i("M")} {
+    & .section__items {
+      grid-template-columns: repeat(2, 1fr);
     }
   }
 
-  @media (max-width: ${_ + "px"}) {
+  @media ${i("S")} {
     & .section__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
     }
+  }
 
+  @media ${i("XS")} {
     & .section__items {
-      flex-direction: column;
+      grid-template-columns: 1fr;
     }
   }
-`, S = g(
+`, N = h(
   ({
     title: r,
     items: n,
-    isLoading: a = !1,
+    isLoading: s = !1,
     onSelectCard: l = () => {
     },
-    onButtonAction: s = () => {
+    onButtonAction: c = () => {
     },
-    LinkComponent: c
-  }, d) => /* @__PURE__ */ f(y, { ref: d, children: [
+    LinkComponent: d
+  }, f) => /* @__PURE__ */ g(y, { ref: f, children: [
     /* @__PURE__ */ o("div", { className: "section__title", children: r }),
     /* @__PURE__ */ o(
-      x,
+      p,
       {
-        isLoading: a,
+        isLoading: s,
         keyPrefix: "overlay-general-cards-skeleton",
-        children: /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, i) => /* @__PURE__ */ o(
+        children: /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, a) => /* @__PURE__ */ o(
           v,
           {
             title: e == null ? void 0 : e.title,
@@ -212,16 +200,16 @@ const p = h.a`
             buttonText: e == null ? void 0 : e.buttonText,
             backgroundColor: e == null ? void 0 : e.backgroundColor,
             handleSelectCard: () => l(e),
-            handleButtonAction: () => s(e),
+            handleButtonAction: () => c(e),
             selectAction: e == null ? void 0 : e.selectAction,
-            LinkComponent: c
+            LinkComponent: d
           },
-          `overlay-general-card__${i + 1}`
+          `overlay-general-card__${a + 1}`
         )) })
       }
     )
   ] })
 );
 export {
-  S as default
+  N as default
 };

package/dist/PartnerBannerSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"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("./breakpoints-CcVm-gVm.cjs"),h=_.styled.div`
   display: flex;
   height: 100%;
   max-height: 19rem;
@@ -78,7 +78,7 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media ${f.down("S")} {
     max-height: 100%;
     padding: 1.5rem;
 

package/dist/PartnerBannerSection.js

@@ -3,7 +3,7 @@ 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";
+import { d as h } from "./breakpoints-ff0SIcV3.js";
 const p = _.div`
   display: flex;
   height: 100%;
@@ -84,7 +84,7 @@ const p = _.div`
     }
   }
 
-  @media (max-width: ${h + "px"}) {
+  @media ${h("S")} {
     max-height: 100%;
     padding: 1.5rem;
 

package/dist/PartnerBrandsSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";const r=require("react/jsx-runtime"),g=require("react"),_=require("./index-DeS-oqJB.cjs"),p=require("./Button.cjs"),u=require("./useDetectMobile-DYV6V1yw.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),b=require("./style-DC05rdyx.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=f.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -59,4 +59,4 @@
       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;
+`,m=g.forwardRef(({title:n,buttonText:l,buttonLink:o,items:e,onSelectCard:c=()=>{},onButtonAction:t=()=>{}},v)=>{const h=u.useDetectMobile()?2:7,s=(e==null?void 0:e.length)>h;return r.jsxs(x,{children:[r.jsxs(b.SectionHeadingContainer,{children:[n&&r.jsx("div",{className:"heading__title",children:n}),l&&o&&r.jsx(p,{text:l,borderRadius:"curved",btnType:"tinted",className:"heading__action",color:"neutral",onClick:i=>{var a;(a=i==null?void 0:i.target)==null||a.blur(),t==null||t(o)}})]}),e&&(e==null?void 0:e.length)>0&&r.jsxs("div",{className:"section__slider",children:[s&&r.jsx("div",{className:"slider__gradient left"}),r.jsx(_.Carousel,{responsive:{desktop:{breakpoint:{max:9999,min:d.screenSizes.M.min},items:7,slidesToSlide:1,partialVisibilityGutter:10},mobile:{breakpoint:{max:d.screenSizes.S.max,min:0},items:2,slidesToSlide:1,partialVisibilityGutter:20}},draggable:!1,swipeable:!1,arrows:!1,infinite:s,autoPlay:s,autoPlaySpeed:2e3,partialVisible:s,customTransition:"transform 500ms linear",transitionDuration:500,containerClass:"slider__container",itemClass:"slider__item",children:e==null?void 0:e.map((i,a)=>r.jsx("div",{className:"section__item",onClick:()=>c(i),children:r.jsx("img",{src:i==null?void 0:i.imageUrl,alt:`Partner brand image ${a+1}`,loading:"lazy"})},`partner-brands-section-item__${a+1}`))}),s&&r.jsx("div",{className:"slider__gradient right"})]})]})});module.exports=m;

package/dist/PartnerBrandsSection.js

@@ -1,11 +1,12 @@
 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 { forwardRef as p } from "react";
+import { C as m } 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`
+import { u as _ } from "./useDetectMobile-CcVo3PNi.js";
+import { s as c } from "./breakpoints-ff0SIcV3.js";
+import { S as b } from "./style-BUyFad_y.js";
+import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+const v = u.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -66,20 +67,20 @@ const u = b.div`
       cursor: pointer;
     }
   }
-`, j = g(
+`, z = p(
   ({
     title: o,
     buttonText: n,
     buttonLink: d,
     items: e,
-    onSelectCard: c = () => {
+    onSelectCard: h = () => {
     },
     onButtonAction: l = () => {
     }
-  }, v) => {
-    const h = m() ? 2 : 7, a = (e == null ? void 0 : e.length) > h;
-    return /* @__PURE__ */ s(u, { children: [
-      /* @__PURE__ */ s(_, { children: [
+  }, y) => {
+    const g = _() ? 2 : 7, a = (e == null ? void 0 : e.length) > g;
+    return /* @__PURE__ */ s(v, { children: [
+      /* @__PURE__ */ s(b, { children: [
         o && /* @__PURE__ */ i("div", { className: "heading__title", children: o }),
         n && d && /* @__PURE__ */ i(
           f,
@@ -99,17 +100,23 @@ const u = b.div`
       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,
+          m,
           {
             responsive: {
               desktop: {
-                breakpoint: { max: 9999, min: 801 },
+                breakpoint: {
+                  max: 9999,
+                  min: c.M.min
+                },
                 items: 7,
                 slidesToSlide: 1,
                 partialVisibilityGutter: 10
               },
               mobile: {
-                breakpoint: { max: 800, min: 0 },
+                breakpoint: {
+                  max: c.S.max,
+                  min: 0
+                },
                 items: 2,
                 slidesToSlide: 1,
                 partialVisibilityGutter: 20
@@ -130,7 +137,7 @@ const u = b.div`
               "div",
               {
                 className: "section__item",
-                onClick: () => c(r),
+                onClick: () => h(r),
                 children: /* @__PURE__ */ i(
                   "img",
                   {
@@ -150,5 +157,5 @@ const u = b.div`
   }
 );
 export {
-  j as default
+  z as default
 };

package/dist/PartnerCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),u=require("./Icon.cjs"),f=require("./Popover.cjs"),v=require("./PopoverTrigger.cjs"),y=require("./PopoverContent.cjs"),j=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),b=d.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),u=require("./Icon.cjs"),f=require("./Popover.cjs"),v=require("./PopoverTrigger.cjs"),y=require("./PopoverContent.cjs"),b=require("./useDetectMobile-DYV6V1yw.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),l=require("./utils-CITgSxXe.cjs"),w=d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 3rem;
@@ -89,7 +89,7 @@
     }
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media ${j.down("S")} {
     padding: 1rem;
 
     & .section__text {
@@ -131,4 +131,4 @@
   line-height: 1rem;
   letter-spacing: 0.025rem;
   color: var(--gray-900, #0c1520);
-`,P=c.forwardRef(({icon:i,title:o,description:s,items:n,onSelectCard:g=()=>{},onTapCard:h=()=>{}})=>{const p=j.useDetectMobile(),[m,a]=c.useState(null),x=r=>{a(r)},_=()=>{a(null)};return e.jsxs(b,{children:[e.jsxs("div",{className:"section__text",children:[i&&e.jsx(u,{icon:i,sizeInUnits:"2.5rem",color:"warning",className:"section__icon"}),o&&e.jsx("div",{className:"section__title",children:e.jsx("span",{children:o})}),s&&e.jsx("div",{className:"section__description",children:s})]}),n&&(n==null?void 0:n.length)>0&&e.jsx("div",{className:"section__items",children:p?n==null?void 0:n.map((r,t)=>e.jsx("div",{className:"section__item",onClick:()=>h(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${t+1}`,loading:"lazy"})},`partner-cards-section-item__${t+1}`)):n==null?void 0:n.map((r,t)=>e.jsxs(f,{open:t===m,placement:"top-end",offsetValue:4,children:[e.jsx(v,{className:"section__trigger",children:e.jsx("div",{className:"section__item",onMouseEnter:()=>x(t),onMouseLeave:_,onClick:()=>g(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${t+1}`,loading:"lazy"})})}),e.jsx(y,{style:{padding:0,borderRadius:12},children:e.jsx(q,{children:r==null?void 0:r.description})})]},`partner-cards-section-item__${t+1}`))})]})});module.exports=P;
+`,P=c.forwardRef(({icon:i,title:o,description:a,items:n,onSelectCard:g=()=>{},onTapCard:h=()=>{}})=>{const p=b.useDetectMobile(),[m,s]=c.useState(null),x=r=>{s(r)},_=()=>{s(null)};return e.jsxs(w,{children:[e.jsxs("div",{className:"section__text",children:[i&&e.jsx(u,{icon:i,sizeInUnits:"2.5rem",color:"warning",className:"section__icon"}),o&&e.jsx("div",{className:"section__title",children:e.jsx("span",{children:o})}),a&&e.jsx("div",{className:"section__description",children:a})]}),n&&(n==null?void 0:n.length)>0&&e.jsx("div",{className:"section__items",children:p?n==null?void 0:n.map((r,t)=>e.jsx("div",{className:"section__item",onClick:()=>h(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${t+1}`,loading:"lazy"})},`partner-cards-section-item__${t+1}`)):n==null?void 0:n.map((r,t)=>e.jsxs(f,{open:t===m,placement:"top-end",offsetValue:4,children:[e.jsx(v,{className:"section__trigger",children:e.jsx("div",{className:"section__item",onMouseEnter:()=>x(t),onMouseLeave:_,onClick:()=>g(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${t+1}`,loading:"lazy"})})}),e.jsx(y,{style:{padding:0,borderRadius:12},children:e.jsx(q,{children:r==null?void 0:r.description})})]},`partner-cards-section-item__${t+1}`))})]})});module.exports=P;

package/dist/PartnerCardsSection.js

@@ -4,10 +4,10 @@ import u from "./Icon.js";
 import v from "./Popover.js";
 import y from "./PopoverTrigger.js";
 import w from "./PopoverContent.js";
-import { u as b } from "./useDetectMobile-Bkvj0VMa.js";
+import { u as b } from "./useDetectMobile-CcVo3PNi.js";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as P } from "./consts-BuFChS64.js";
-import { t as N, m as $ } from "./utils-DtEfC-TX.js";
+import { d as P } from "./breakpoints-ff0SIcV3.js";
+import { t as N, n as $ } from "./utils-B2fsQ6PS.js";
 const z = l.div`
   display: flex;
   flex-direction: column;
@@ -99,7 +99,7 @@ const z = l.div`
     }
   }
 
-  @media (max-width: ${P + "px"}) {
+  @media ${P("S")} {
     padding: 1rem;
 
     & .section__text {
@@ -141,18 +141,18 @@ const z = l.div`
   line-height: 1rem;
   letter-spacing: 0.025rem;
   color: var(--gray-900, #0c1520);
-`, L = _(
+`, E = _(
   ({
     icon: i,
     title: a,
     description: c,
-    items: t,
+    items: n,
     onSelectCard: d = () => {
     },
-    onTapCard: m = () => {
+    onTapCard: g = () => {
     }
   }) => {
-    const g = b(), [p, s] = x(null), h = (e) => {
+    const m = b(), [p, s] = x(null), h = (e) => {
       s(e);
     }, f = () => {
       s(null);
@@ -171,25 +171,25 @@ const z = l.div`
         a && /* @__PURE__ */ r("div", { className: "section__title", children: /* @__PURE__ */ r("span", { children: a }) }),
         c && /* @__PURE__ */ r("div", { className: "section__description", children: c })
       ] }),
-      t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ r("div", { className: "section__items", children: g ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
+      n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ r("div", { className: "section__items", children: m ? n == null ? void 0 : n.map((e, t) => /* @__PURE__ */ r(
         "div",
         {
           className: "section__item",
-          onClick: () => m(e),
+          onClick: () => g(e),
           children: /* @__PURE__ */ r(
             "img",
             {
               src: e == null ? void 0 : e.imageUrl,
-              alt: `Partner card image ${n + 1}`,
+              alt: `Partner card image ${t + 1}`,
               loading: "lazy"
             }
           )
         },
-        `partner-cards-section-item__${n + 1}`
-      )) : t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ o(
+        `partner-cards-section-item__${t + 1}`
+      )) : n == null ? void 0 : n.map((e, t) => /* @__PURE__ */ o(
         v,
         {
-          open: n === p,
+          open: t === p,
           placement: "top-end",
           offsetValue: 4,
           children: [
@@ -197,14 +197,14 @@ const z = l.div`
               "div",
               {
                 className: "section__item",
-                onMouseEnter: () => h(n),
+                onMouseEnter: () => h(t),
                 onMouseLeave: f,
                 onClick: () => d(e),
                 children: /* @__PURE__ */ r(
                   "img",
                   {
                     src: e == null ? void 0 : e.imageUrl,
-                    alt: `Partner card image ${n + 1}`,
+                    alt: `Partner card image ${t + 1}`,
                     loading: "lazy"
                   }
                 )
@@ -213,11 +213,11 @@ const z = l.div`
             /* @__PURE__ */ r(w, { style: { padding: 0, borderRadius: 12 }, children: /* @__PURE__ */ r(C, { children: e == null ? void 0 : e.description }) })
           ]
         },
-        `partner-cards-section-item__${n + 1}`
+        `partner-cards-section-item__${t + 1}`
       )) })
     ] });
   }
 );
 export {
-  L as default
+  E as default
 };

package/dist/PartnerStatsSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),n=require("./utils-CITgSxXe.cjs"),_=c.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -64,7 +64,7 @@
     }
   }
 
-  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+  @media ${a.down("S")} {
     gap: 1.25rem;
 
     & .section__text {

package/dist/PartnerStatsSection.js

@@ -1,8 +1,8 @@
 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";
+import { d as m } from "./breakpoints-ff0SIcV3.js";
+import { n } from "./utils-B2fsQ6PS.js";
 const _ = c.div`
   display: flex;
   flex-direction: column;
@@ -69,7 +69,7 @@ const _ = c.div`
     }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media ${m("S")} {
     gap: 1.25rem;
 
     & .section__text {

package/dist/PasswordInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),a=require("react"),p=require("./index-Cp66dWMi.cjs"),B=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-RnrgDDZP.cjs"),D=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),P=h.styled.div`
+"use strict";const c=require("react/jsx-runtime"),a=require("react"),p=require("./index-Cp66dWMi.cjs"),B=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-CITgSxXe.cjs"),D=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),P=h.styled.div`
   display: flex;
   align-items: center;
 

package/dist/PasswordInput.js

@@ -2,15 +2,15 @@ import { jsxs as D, jsx as i } from "react/jsx-runtime";
 import { forwardRef as q, useRef as A, useState as x, useEffect as k, useCallback as G } from "react";
 import { d as H } from "./index-Dt62UGku.js";
 import J from "./Icon.js";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as g, b as o, a as K, e as M, h as O, c as Q } from "./utils-DtEfC-TX.js";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { e as f, c as o, b as K, f as M, i as O, d as Q } from "./utils-B2fsQ6PS.js";
 import { u as X } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const Y = h.div`
+const Y = m.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => g(e.theme, e.size)};
-  max-height: ${(e) => g(e.theme, e.size)};
+  min-height: ${(e) => f(e.theme, e.size)};
+  max-height: ${(e) => f(e.theme, e.size)};
   background-color: ${(e) => o(
   e.theme,
   "Input",
@@ -45,7 +45,7 @@ const Y = h.div`
   "disabled",
   "text"
 )};`}
-`, I = h.span`
+`, I = m.span`
   padding: 0 12px;
   color: ${(e) => o(
   e.theme,
@@ -54,9 +54,9 @@ const Y = h.div`
   "enabled",
   "prefix"
 )};
-`, Z = h(I)``, _ = h(I)`
+`, Z = m(I)``, _ = m(I)`
   cursor: pointer;
-`, ee = h.input`
+`, ee = m.input`
   background: none;
   border: none;
   outline: none;
@@ -65,8 +65,8 @@ const Y = h.div`
   width: 100%;
 
   ${(e) => Q(e.theme, "Input", e.size, "enabled")}
-  min-height: ${(e) => g(e.theme, e.size)};
-  max-height: ${(e) => g(e.theme, e.size)};
+  min-height: ${(e) => f(e.theme, e.size)};
+  max-height: ${(e) => f(e.theme, e.size)};
   color: ${(e) => o(
   e.theme,
   "Input",
@@ -118,7 +118,7 @@ const Y = h.div`
     readOnly: S,
     debounceTime: R = 0,
     placeholder: V,
-    prefix: f,
+    prefix: g,
     suffix: b,
     value: r,
     defaultValue: B,
@@ -136,12 +136,12 @@ const Y = h.div`
   k(() => {
     r != null && v(r);
   }, [r]);
-  const [m, W] = x(!0), [s, z] = x(!1);
+  const [h, W] = x(!0), [s, z] = x(!1);
   k(() => {
     var a;
     const t = ((a = l == null ? void 0 : l.current) == null ? void 0 : a.value) || "";
     l.current.selectionStart = t != null && t.length ? t.length : 0, l.current.selectionEnd = t != null && t.length ? t.length : 0;
-  }, [m]), k(() => {
+  }, [h]), k(() => {
     n != null && (n.current = l.current);
   }, [n, l]);
   const j = G(
@@ -152,7 +152,7 @@ const Y = h.div`
   }, P = (t) => {
     v(t.target.value), j(t, t.target.value);
   }, U = () => {
-    W(!m), l.current.focus();
+    W(!h), l.current.focus();
   };
   return /* @__PURE__ */ D(
     Y,
@@ -167,26 +167,26 @@ const Y = h.div`
       disabled: C,
       readOnly: S,
       children: [
-        f && /* @__PURE__ */ i(
+        g && /* @__PURE__ */ i(
           I,
           {
             theme: u,
             color: c,
             focused: s,
             className: "lnc-input-prefix",
-            children: f
+            children: g
           }
         ),
         /* @__PURE__ */ i(
           ee,
           {
             ref: l,
-            type: m ? "password" : "text",
+            type: h ? "password" : "text",
             theme: u,
             color: c,
             size: p,
             placeholder: V,
-            prefix: f,
+            prefix: g,
             suffix: b,
             disabled: C,
             readOnly: S,
@@ -209,7 +209,7 @@ const Y = h.div`
             color: c,
             focused: s,
             onClick: U,
-            children: /* @__PURE__ */ i(J, { icon: m ? "eye-slash" : "eye" })
+            children: /* @__PURE__ */ i(J, { icon: h ? "eye-slash" : "eye" })
           }
         ),
         b && /* @__PURE__ */ i(