@lanaco/lnc-react-ui 4.0.206 → 4.0.208

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(

package/dist/PopoverContent.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),l=require("react"),i=require("./floating-ui.react.esm-CiYofNnh.cjs"),g=require("./PopoverContext.cjs"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-RnrgDDZP.cjs"),x=require("./motion-B_VPZaJq.cjs"),h=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=p.styled(x.motion.div)`
+"use strict";const n=require("react/jsx-runtime"),l=require("react"),i=require("./floating-ui.react.esm-CiYofNnh.cjs"),g=require("./PopoverContext.cjs"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CITgSxXe.cjs"),x=require("./motion-B_VPZaJq.cjs"),h=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=p.styled(x.motion.div)`
   font-family: ${e=>{var t,r;return(r=(t=e.theme)==null?void 0:t.typography)==null?void 0:r.fontFamily}};
   animation: fadeIn 0.4s;
   box-shadow: ${e=>s.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};

package/dist/PopoverContent.js

@@ -3,7 +3,7 @@ import { forwardRef as c, useContext as p } from "react";
 import { a as f, F as u, b } from "./floating-ui.react.esm-CfpRzwmn.js";
 import g from "./PopoverContext.js";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { g as x, a as v, b as y } from "./utils-DtEfC-TX.js";
+import { g as x, b as v, c as y } from "./utils-B2fsQ6PS.js";
 import { m as P } from "./motion-Ckekul_K.js";
 import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const C = h(P.div)`

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-B4kAj6YU.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"),l=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),P=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./style-DC05rdyx.cjs"),u=require("./utils-CITgSxXe.cjs"),L=require("./index-DsINTjQk.cjs"),i=require("./style-BAcV7F53.cjs"),W=S.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;
@@ -16,7 +16,7 @@
     object-fit: cover;
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media ${d.down("S")} {
     height: 100%;
     min-height: 100%;
     max-height: 100%;
@@ -31,15 +31,25 @@
       }
     }
   }
-`,C=g.styled.div`
+`,$=S.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media ${d.down("M")} {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  @media ${d.down("S")} {
     grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 1rem;
+  }
+
+  @media ${d.down("XS")} {
+    grid-template-columns: 1fr;
+    gap: 0.75rem;
   }
-`,$=g.styled.a`
+`,C=S.styled.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -57,10 +67,10 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${c.truncateTextInRows(2)}
+    ${u.truncateTextInRows(2)}
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media ${d.down("S")} {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -71,11 +81,11 @@
       object-fit: cover;
     }
   }
-`,_=d.forwardRef((t,l)=>{const{uuid:s,title:n,image:m,sellerUuid:R,onSelectCard:j=()=>{},imageComponent:u,metadata:o,nameSlug:a,LinkComponent:h}=t,p=h||"a",k=d.useRef(null);return e.jsxs($,{ref:k,className:"product-card",name:o==null?void 0:o.name,"data-accessor":o==null?void 0:o.accessor,onClick:r=>j(r,l),as:p,...h?{to:`/product/${c.isDefinedNotEmptyString(a)?`${a}-`:""}${s}`}:{href:`/product/${c.isDefinedNotEmptyString(a)?`${a}-`:""}${s}`},children:[c.isDefined(u)?u:e.jsx(L.ProductImageWrapper,{src:m}),e.jsx("div",{className:"card-title",children:n})]})}),q=g.styled(i.SkeletonColumnWrapper)`
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+`,q=l.forwardRef((t,m)=>{const{uuid:s,title:n,image:c,sellerUuid:R,onSelectCard:j=()=>{},imageComponent:g,metadata:o,nameSlug:a,LinkComponent:h}=t,p=h||"a",k=l.useRef(null);return e.jsxs(C,{ref:k,className:"product-card",name:o==null?void 0:o.name,"data-accessor":o==null?void 0:o.accessor,onClick:r=>j(r,m),as:p,...h?{to:`/product/${u.isDefinedNotEmptyString(a)?`${a}-`:""}${s}`}:{href:`/product/${u.isDefinedNotEmptyString(a)?`${a}-`:""}${s}`},children:[u.isDefined(g)?g:e.jsx(L.ProductImageWrapper,{src:c}),e.jsx("div",{className:"card-title",children:n})]})}),y=S.styled(i.SkeletonColumnWrapper)`
+  @media ${d.down("S")} {
     & .skeleton__banner {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`,y=({keyPrefix:t})=>e.jsxs(q,{children:[e.jsx(i.SkeletonLinePlaceholder,{height:"22.5rem",className:"skeleton__banner"}),e.jsxs(i.SkeletonRowWrapper,{children:[e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-3`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-4`)]})]}),v=({keyPrefix:t,isLoading:l=!1,fallbackComponent:s=e.jsx(e.Fragment,{}),children:n})=>e.jsx(d.Suspense,{fallbackComponent:s,children:l===!0?e.jsx(y,{keyPrefix:t}):n}),P=d.memo(_),E=d.forwardRef((t,l)=>{const{icon:s,items:n,limit:m=4,imageUrl:R,title:j="Season inspiration",isLoading:u=!1,getImage:o=()=>{},componentName:a,LinkComponent:h}=t,p=w.useDetectMobile(),k=d.useMemo(()=>e.jsx(e.Fragment,{children:p===!0?n==null?void 0:n.map((r,b)=>e.jsx(P,{title:r==null?void 0:r.name,sellerUuid:r==null?void 0:r.sellerUuid,uuid:r==null?void 0:r.uuid,nameSlug:r==null?void 0:r.nameSlug,image:o(r==null?void 0:r.image,r==null?void 0:r.uuid,r==null?void 0:r.sellerUuid)||null,metadata:{name:a,accessor:r==null?void 0:r.accessor},LinkComponent:h},b)):n==null?void 0:n.slice(0,m).map((r,b)=>e.jsx(P,{title:r==null?void 0:r.name,sellerUuid:r==null?void 0:r.sellerUuid,uuid:r==null?void 0:r.uuid,nameSlug:r==null?void 0:r.nameSlug,image:o(r==null?void 0:r.image,r==null?void 0:r.uuid,r==null?void 0:r.sellerUuid)||null,metadata:{name:a,accessor:r==null?void 0:r.accessor},LinkComponent:h},b))}),[n,p,m]);return e.jsxs(f.RegulatTitleSectionWrapper,{ref:l,children:[e.jsx("div",{className:"regular-title",children:e.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(s)&&e.jsx("i",{className:s}),e.jsx("span",{children:j})]})}),e.jsxs(v,{isLoading:u,keyPrefix:"products-with-banner-skeleton",children:[e.jsx(W,{className:"products-banner",children:e.jsx("img",{src:R})}),e.jsx(C,{limit:m,children:k})]})]})});module.exports=E;
+`,v=({keyPrefix:t})=>e.jsxs(y,{children:[e.jsx(i.SkeletonLinePlaceholder,{height:"22.5rem",className:"skeleton__banner"}),e.jsxs(i.SkeletonRowWrapper,{children:[e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-3`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-4`)]})]}),N=({keyPrefix:t,isLoading:m=!1,fallbackComponent:s=e.jsx(e.Fragment,{}),children:n})=>e.jsx(l.Suspense,{fallbackComponent:s,children:m===!0?e.jsx(v,{keyPrefix:t}):n}),w=l.memo(q),U=l.forwardRef((t,m)=>{const{icon:s,items:n,limit:c=4,imageUrl:R,title:j="Season inspiration",isLoading:g=!1,getImage:o=()=>{},componentName:a,LinkComponent:h}=t,p=P.useDetectMobile(),k=l.useMemo(()=>e.jsx(e.Fragment,{children:p===!0?n==null?void 0:n.map((r,b)=>e.jsx(w,{title:r==null?void 0:r.name,sellerUuid:r==null?void 0:r.sellerUuid,uuid:r==null?void 0:r.uuid,nameSlug:r==null?void 0:r.nameSlug,image:o(r==null?void 0:r.image,r==null?void 0:r.uuid,r==null?void 0:r.sellerUuid)||null,metadata:{name:a,accessor:r==null?void 0:r.accessor},LinkComponent:h},b)):n==null?void 0:n.slice(0,c).map((r,b)=>e.jsx(w,{title:r==null?void 0:r.name,sellerUuid:r==null?void 0:r.sellerUuid,uuid:r==null?void 0:r.uuid,nameSlug:r==null?void 0:r.nameSlug,image:o(r==null?void 0:r.image,r==null?void 0:r.uuid,r==null?void 0:r.sellerUuid)||null,metadata:{name:a,accessor:r==null?void 0:r.accessor},LinkComponent:h},b))}),[n,p,c]);return e.jsxs(f.RegulatTitleSectionWrapper,{ref:m,children:[e.jsx("div",{className:"regular-title",children:e.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(s)&&e.jsx("i",{className:s}),e.jsx("span",{children:j})]})}),e.jsxs(N,{isLoading:g,keyPrefix:"products-with-banner-skeleton",children:[e.jsx(W,{className:"products-banner",children:e.jsx("img",{src:R})}),e.jsx($,{limit:c,children:k})]})]})});module.exports=U;