@lanaco/lnc-react-ui 4.0.206 → 4.0.207

package/dist/LoanCalculatorSection.js

@@ -1,15 +1,15 @@
 import { jsxs as e, jsx as A, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as K, useState as y, useRef as J } from "react";
-import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
-import { t as m } from "./utils-DtEfC-TX.js";
-import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
+import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as k } from "./breakpoints-ff0SIcV3.js";
+import { t as m } from "./utils-B2fsQ6PS.js";
+import { u as _ } from "./useDetectMobile-CcVo3PNi.js";
 import Z from "./Button.js";
 import $ from "./Modal.js";
 import G from "./TextInput.js";
 import q from "./RangeSlider.js";
 import AA from "./IconButton.js";
-const eA = i.div`
+const eA = x.div`
   display: flex;
   gap: 1.25rem;
   padding: 1.5rem;
@@ -52,7 +52,7 @@ const eA = i.div`
     overflow: hidden;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media ${k("S")} {
     gap: 1rem;
     flex-direction: column;
     padding: 1rem;
@@ -62,7 +62,7 @@ const eA = i.div`
       max-height: 3rem;
     }
   }
-`, L = i.div`
+`, L = x.div`
   color: var(--gray-950, #14161a);
   display: flex;
   flex-direction: column;
@@ -98,7 +98,7 @@ const eA = i.div`
     white-space: nowrap;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media ${k("S")} {
     gap: 1.25rem;
     flex-direction: row;
 
@@ -162,7 +162,7 @@ const eA = i.div`
       ] })
     ] })
   ] });
-}), vA = i.div`
+}), vA = x.div`
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -197,7 +197,7 @@ const eA = i.div`
     position: absolute;
     right: 0;
   }
-`, tA = i.div`
+`, tA = x.div`
   display: flex;
   justify-content: flex-end;
   align-items: center;
@@ -213,7 +213,7 @@ const eA = i.div`
     line-height: 1.25rem;
     letter-spacing: -0.0056rem;
   }
-`, dA = i.div`
+`, dA = x.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -417,9 +417,9 @@ const eA = i.div`
     handleSubmit: Y = () => {
     }
   }, W) => {
-    const [z, x] = y(t), [w, N] = y(d), [o, U] = y(g), p = (v) => {
+    const [z, i] = y(t), [w, N] = y(d), [o, U] = y(g), p = (v) => {
       var H;
-      x(+((H = v == null ? void 0 : v.target) == null ? void 0 : H.value));
+      i(+((H = v == null ? void 0 : v.target) == null ? void 0 : H.value));
     }, R = (v) => {
       var H;
       N(+((H = v == null ? void 0 : v.target) == null ? void 0 : H.value));
@@ -680,12 +680,12 @@ const eA = i.div`
     summaryTotalPaymentHint: W = "Lorem ipsum dolor sit amet consectetur. Sed sed viverra sed lobortis. At eu tellus tristique hac quis.",
     handleSubmit: z = () => {
     },
-    handleCancel: x = () => {
+    handleCancel: i = () => {
     }
   }, w) => {
     const N = () => {
       var o;
-      (o = w == null ? void 0 : w.current) == null || o.close(), x();
+      (o = w == null ? void 0 : w.current) == null || o.close(), i();
     };
     return /* @__PURE__ */ A(
       $,
@@ -770,7 +770,7 @@ const eA = i.div`
     interestRateHint: Y,
     loanPeriodLabel: W,
     loanPeriodHint: z,
-    submitText: x,
+    submitText: i,
     summaryMonthlyPaymentText: w,
     summaryMonthlyPaymentHint: N,
     summaryTotalPaymentText: o,
@@ -818,7 +818,7 @@ const eA = i.div`
         interestRateHint: Y,
         loanPeriodLabel: W,
         loanPeriodHint: z,
-        submitText: x,
+        submitText: i,
         summaryMonthlyPaymentText: w,
         summaryMonthlyPaymentHint: N,
         summaryTotalPaymentText: o,

package/dist/LocationFinderSection.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),l=require("react"),p=require("./index-D0JDnm9b.cjs"),d=l.forwardRef((e,t)=>{const{locationFinderTitle:n,locationFinderPlaceholder:o,openMapText:i,onOpenMap:r=()=>{},mapFilters:c,inputComponent:a}=e;return s.jsx(p.LocationFinder,{ref:t,title:n,placeholderText:o,onOpenMap:r,openMapText:i,mapFilters:c,inputComponent:a})});module.exports=d;
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),p=require("./index-Dc0EEBRW.cjs"),d=l.forwardRef((e,t)=>{const{locationFinderTitle:n,locationFinderPlaceholder:o,openMapText:i,onOpenMap:r=()=>{},mapFilters:c,inputComponent:a}=e;return s.jsx(p.LocationFinder,{ref:t,title:n,placeholderText:o,onOpenMap:r,openMapText:i,mapFilters:c,inputComponent:a})});module.exports=d;

package/dist/LocationFinderSection.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { L as d } from "./index-bihqNqQk.js";
+import { L as d } from "./index-C4HycAPS.js";
 const F = c((o, e) => {
   const {
     locationFinderTitle: t,

package/dist/LocationSearchSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),v=require("./index-CRk3vcd4.cjs"),w=i.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./breakpoints-CcVm-gVm.cjs"),j=require("./index-vQOR22Py.cjs"),v=a.styled.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -13,22 +13,29 @@
     font-size: 1rem;
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media ${i.down("S")} {
     padding: 0;
     border-radius: 0;
     box-shadow: none;
     border: none;
   }
-`,S=i.styled.div`
+`,S=a.styled.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media ${i.down("M")} {
     grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${i.down("S")} {
     gap: 0.5rem;
   }
-`,N=i.styled.div`
+
+  @media ${i.down("XS")} {
+    grid-template-columns: 1fr;
+  }
+`,N=a.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -53,4 +60,4 @@
     cursor: pointer;
     transition: var(--transition);
   }
-`,_=l.forwardRef((c,p)=>{const{title:m,items:s,options:o,selectedOption:g=[],onSelectRegion:u=()=>{},onSelectCity:x=()=>{},onSelectOption:h=()=>{},onSelectAll:f=()=>{},productsToolbarName:b="All"}=c;return e.jsxs(w,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(v.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:b}),e.jsx(S,{children:s==null?void 0:s.map((r,t)=>{var a;return e.jsxs(N,{children:[e.jsx("div",{className:"region",onClick:()=>u(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,j)=>e.jsx(l.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+j))})]},t)})})]})});module.exports=_;
+`,q=d.forwardRef((c,p)=>{const{title:m,items:s,options:o,selectedOption:g=[],onSelectRegion:u=()=>{},onSelectCity:x=()=>{},onSelectOption:f=()=>{},onSelectAll:h=()=>{},productsToolbarName:w="All"}=c;return e.jsxs(v,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(j.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{f(r,t)},onSelectAll:h,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:w}),e.jsx(S,{children:s==null?void 0:s.map((r,t)=>{var l;return e.jsxs(N,{children:[e.jsx("div",{className:"region",onClick:()=>u(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(l=r==null?void 0:r.cities)==null?void 0:l.map((n,b)=>e.jsx(d.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+b))})]},t)})})]})});module.exports=q;

package/dist/LocationSearchSection.js

@@ -1,9 +1,9 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { forwardRef as w, Fragment as S } from "react";
-import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as p } from "./consts-BuFChS64.js";
-import { S as N } from "./index-CwMCk9wV.js";
-const C = l.div`
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { forwardRef as x, Fragment as w } from "react";
+import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as t } from "./breakpoints-ff0SIcV3.js";
+import { S as N } from "./index-BzSWu-7v.js";
+const C = d.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -18,22 +18,29 @@ const C = l.div`
     font-size: 1rem;
   }
 
-  @media (max-width: ${p + "px"}) {
+  @media ${t("S")} {
     padding: 0;
     border-radius: 0;
     box-shadow: none;
     border: none;
   }
-`, k = l.div`
+`, $ = d.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
 
-  @media (max-width: ${p + "px"}) {
+  @media ${t("M")} {
     grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${t("S")} {
     gap: 0.5rem;
   }
-`, z = l.div`
+
+  @media ${t("XS")} {
+    grid-template-columns: 1fr;
+  }
+`, k = d.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -58,23 +65,23 @@ const C = l.div`
     cursor: pointer;
     transition: var(--transition);
   }
-`, A = w((s, m) => {
+`, M = x((m, p) => {
   const {
     title: c,
-    items: i,
+    items: l,
     options: a,
     selectedOption: g = [],
     onSelectRegion: f = () => {
     },
-    onSelectCity: h = () => {
+    onSelectCity: u = () => {
     },
-    onSelectOption: u = () => {
+    onSelectOption: h = () => {
     },
-    onSelectAll: x = () => {
+    onSelectAll: v = () => {
     },
-    productsToolbarName: v = "All"
-  } = s;
-  return /* @__PURE__ */ t(C, { ref: m, children: [
+    productsToolbarName: S = "All"
+  } = m;
+  return /* @__PURE__ */ i(C, { ref: p, children: [
     /* @__PURE__ */ o("div", { className: "wrapper-title", children: c }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
       N,
@@ -82,22 +89,22 @@ const C = l.div`
         items: a,
         selectedIds: g,
         onSelect: (e, n) => {
-          u(e, n);
+          h(e, n);
         },
-        onSelectAll: x,
+        onSelectAll: v,
         labelKey: "name",
         valueKey: "code",
         noMargin: !0,
-        productsToolbarName: v
+        productsToolbarName: S
       }
     ),
-    /* @__PURE__ */ o(k, { children: i == null ? void 0 : i.map((e, n) => {
-      var d;
-      return /* @__PURE__ */ t(z, { children: [
+    /* @__PURE__ */ o($, { children: l == null ? void 0 : l.map((e, n) => {
+      var s;
+      return /* @__PURE__ */ i(k, { children: [
         /* @__PURE__ */ o("div", { className: "region", onClick: () => f(e), children: e == null ? void 0 : e.name }),
-        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, b) => /* @__PURE__ */ o(S, { children: /* @__PURE__ */ t("div", { className: "city", onClick: () => h(r), children: [
+        /* @__PURE__ */ o("div", { className: "group-items", children: (s = e == null ? void 0 : e.cities) == null ? void 0 : s.map((r, b) => /* @__PURE__ */ o(w, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => u(r), children: [
           /* @__PURE__ */ o("span", { children: r == null ? void 0 : r.name }),
-          /* @__PURE__ */ t("span", { className: "count-txt", children: [
+          /* @__PURE__ */ i("span", { className: "count-txt", children: [
             "(",
             r == null ? void 0 : r.count,
             ")"
@@ -108,5 +115,5 @@ const C = l.div`
   ] });
 });
 export {
-  A as default
+  M as default
 };

package/dist/MasonryGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),j=require("./Button.cjs"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-RnrgDDZP.cjs"),d=require("./consts-goSZX3xP.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),y=s.styled.a`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),j=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-CITgSxXe.cjs"),s=require("./breakpoints-CcVm-gVm.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),y=d.styled.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -108,13 +108,13 @@
   }
   cursor: pointer;
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media ${s.down("S")} {
     & .wrapper__image {
       height: 100%;
       max-height: 14.5rem;
     }
   }
-`,S=p.forwardRef(({title:r,imageUrl:t,description:a,buttonText:o,onSelectCard:c=()=>{},className:m,position:g,tag:l,backgroundColor:h,buttonLink:x,LinkComponent:u},f)=>{const _=u||"a",w=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:w,className:m,position:g,backgroundColor:h,onClick:c,as:_,...u?{to:`/${x}`}:{href:`/${x}`},children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[l&&e.jsx("div",{className:"text__tag",children:l}),e.jsx("div",{className:"text__title",children:r}),i.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"text__description",children:a}),i.isDefinedNotEmptyString(o)&&e.jsx(j,{text:o,className:"text__action"})]})]})})}),k=s.styled.div`
+`,k=p.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:c=()=>{},className:m,position:g,tag:l,backgroundColor:h,buttonLink:x,LinkComponent:u},f)=>{const w=u||"a",_=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:_,className:m,position:g,backgroundColor:h,onClick:c,as:w,...u?{to:`/${x}`}:{href:`/${x}`},children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[l&&e.jsx("div",{className:"text__tag",children:l}),e.jsx("div",{className:"text__title",children:r}),i.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"text__description",children:o}),i.isDefinedNotEmptyString(a)&&e.jsx(j,{text:a,className:"text__action"})]})]})})}),S=d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -138,7 +138,7 @@
     }
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media ${s.down("S")} {
     & .regular-title {
       font-size: 1.375rem;
 
@@ -147,7 +147,7 @@
       }
     }
   }
-`,$=s.styled.div`
+`,$=d.styled.div`
   display: grid;
   grid-template-columns: ${()=>"repeat(12,  minmax(0, 1fr))"};
 
@@ -157,7 +157,11 @@
   height: 30rem;
   max-height: 30rem;
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media ${s.down("M")} {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  @media ${s.down("S")} {
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
@@ -165,8 +169,8 @@
     height: 100%;
     max-height: 100%;
   }
-`,v=s.styled(n.SkeletonRowWrapper)`
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+`,v=d.styled(n.SkeletonRowWrapper)`
+  @media ${s.down("S")} {
     flex-direction: column;
 
     & .skeleton__big {
@@ -179,4 +183,4 @@
       flex-direction: column;
     }
   }
-`,E=({keyPrefix:r})=>e.jsxs(v,{children:[e.jsx(n.SkeletonColumnWrapper,{children:e.jsx(n.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(n.SkeletonColumnWrapper,{children:[e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),G=({keyPrefix:r,isLoading:t=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:o})=>e.jsx(p.Suspense,{fallbackComponent:a,children:t===!0?e.jsx(E,{keyPrefix:r}):o}),N=p.forwardRef(({title:r,items:t,isLoading:a=!1,limit:o=3,onSelectCard:c=()=>{},LinkComponent:m},g)=>e.jsxs(k,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(G,{isLoading:a,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx($,{limit:o,children:t&&(t==null?void 0:t.map((l,h)=>e.jsx(S,{...l,onSelectCard:()=>c(l),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=N;
+`,G=({keyPrefix:r})=>e.jsxs(v,{children:[e.jsx(n.SkeletonColumnWrapper,{children:e.jsx(n.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(n.SkeletonColumnWrapper,{children:[e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),N=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:o,children:t===!0?e.jsx(G,{keyPrefix:r}):a}),C=p.forwardRef(({title:r,items:t,isLoading:o=!1,limit:a=3,onSelectCard:c=()=>{},LinkComponent:m},g)=>e.jsxs(S,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(N,{isLoading:o,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx($,{limit:a,children:t&&(t==null?void 0:t.map((l,h)=>e.jsx(k,{...l,onSelectCard:()=>c(l),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=C;

package/dist/MasonryGeneralCardsSection.js

@@ -1,12 +1,12 @@
 import { jsx as r, Fragment as $, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as v, Suspense as N } from "react";
 import C from "./Button.js";
-import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { w as d, m as _, k as w } from "./utils-DtEfC-TX.js";
-import { M as m } from "./consts-BuFChS64.js";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { w as s, n as _, l as w } from "./utils-B2fsQ6PS.js";
+import { d } from "./breakpoints-ff0SIcV3.js";
 import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { S as f, b, a as l } from "./style-BwQ4djFC.js";
-const z = s.a`
+const z = m.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -53,7 +53,7 @@ const z = s.a`
     width: 24.5rem;
     height: 30rem;
     border-radius: 0.75rem;
-    background-color: ${d("-90deg")};
+    background-color: ${s("-90deg")};
   }
 
   & .wrapper__text {
@@ -109,32 +109,32 @@ const z = s.a`
     }
 
     & .text__title--skeleton {
-      background-color: ${d("-90deg")};
+      background-color: ${s("-90deg")};
       height: 1rem;
       width: 9rem;
     }
 
     & .text__description--skeleton {
-      background-color: ${d("-90deg")};
+      background-color: ${s("-90deg")};
       height: 1rem;
       width: 12rem;
     }
 
     & .text__action--skeleton {
-      background-color: ${d("-90deg")};
+      background-color: ${s("-90deg")};
       height: 2rem;
       width: 9rem;
     }
   }
   cursor: pointer;
 
-  @media (max-width: ${m + "px"}) {
+  @media ${d("S")} {
     & .wrapper__image {
       height: 100%;
       max-height: 14.5rem;
     }
   }
-`, M = v(
+`, j = v(
   ({
     title: e,
     imageUrl: t,
@@ -146,10 +146,10 @@ const z = s.a`
     position: h,
     tag: o,
     backgroundColor: p,
-    buttonLink: x,
-    LinkComponent: u
+    buttonLink: u,
+    LinkComponent: x
   }, y) => {
-    const k = u || "a", S = G();
+    const k = x || "a", S = G();
     return /* @__PURE__ */ r($, { children: /* @__PURE__ */ i(
       z,
       {
@@ -160,10 +160,10 @@ const z = s.a`
         backgroundColor: p,
         onClick: c,
         as: k,
-        ...u ? {
-          to: `/${x}`
+        ...x ? {
+          to: `/${u}`
         } : {
-          href: `/${x}`
+          href: `/${u}`
         },
         children: [
           /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
@@ -183,7 +183,7 @@ const z = s.a`
       }
     ) });
   }
-), j = s.div`
+), M = m.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -207,7 +207,7 @@ const z = s.a`
     }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media ${d("S")} {
     & .regular-title {
       font-size: 1.375rem;
 
@@ -216,7 +216,7 @@ const z = s.a`
       }
     }
   }
-`, E = s.div`
+`, W = m.div`
   display: grid;
   grid-template-columns: ${() => "repeat(12,  minmax(0, 1fr))"};
 
@@ -226,7 +226,11 @@ const z = s.a`
   height: 30rem;
   max-height: 30rem;
 
-  @media (max-width: ${m + "px"}) {
+  @media ${d("M")} {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  @media ${d("S")} {
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
@@ -234,8 +238,8 @@ const z = s.a`
     height: 100%;
     max-height: 100%;
   }
-`, W = s(f)`
-  @media (max-width: ${m + "px"}) {
+`, R = m(f)`
+  @media ${d("S")} {
     flex-direction: column;
 
     & .skeleton__big {
@@ -248,7 +252,7 @@ const z = s.a`
       flex-direction: column;
     }
   }
-`, R = ({ keyPrefix: e }) => /* @__PURE__ */ i(W, { children: [
+`, E = ({ keyPrefix: e }) => /* @__PURE__ */ i(R, { children: [
   /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
     l,
     {
@@ -267,12 +271,12 @@ const z = s.a`
       /* @__PURE__ */ r(l, { height: "15rem" }, `${e}-5`)
     ] })
   ] })
-] }), I = ({
+] }), T = ({
   keyPrefix: e,
   isLoading: t = !1,
   fallbackComponent: a = /* @__PURE__ */ r($, {}),
   children: n
-}) => /* @__PURE__ */ r(N, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(R, { keyPrefix: e }) : n }), Z = v(
+}) => /* @__PURE__ */ r(N, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(E, { keyPrefix: e }) : n }), K = v(
   ({
     title: e,
     items: t,
@@ -281,15 +285,15 @@ const z = s.a`
     onSelectCard: c = () => {
     },
     LinkComponent: g
-  }, h) => /* @__PURE__ */ i(j, { ref: h, children: [
+  }, h) => /* @__PURE__ */ i(M, { ref: h, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: e }) }) }),
     /* @__PURE__ */ r(
-      I,
+      T,
       {
         isLoading: a,
         keyPrefix: "masonry-general-cards-skeleton",
-        children: /* @__PURE__ */ r(E, { limit: n, children: t && (t == null ? void 0 : t.map((o, p) => /* @__PURE__ */ r(
-          M,
+        children: /* @__PURE__ */ r(W, { limit: n, children: t && (t == null ? void 0 : t.map((o, p) => /* @__PURE__ */ r(
+          j,
           {
             ...o,
             onSelectCard: () => c(o),
@@ -302,5 +306,5 @@ const z = s.a`
   ] })
 );
 export {
-  Z as default
+  K as default
 };

package/dist/MenuItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),f=require("react"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./Icon.cjs"),t=require("./utils-RnrgDDZP.cjs"),H=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),J=G.styled.div`
+"use strict";const a=require("react/jsx-runtime"),f=require("react"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./Icon.cjs"),t=require("./utils-CITgSxXe.cjs"),H=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),J=G.styled.div`
   box-sizing: border-box;
   cursor: ${l=>l.disabled==!1?"pointer":"context-menu"};
   width: 100%;

package/dist/MenuItem.js

@@ -2,7 +2,7 @@ import { jsx as m, Fragment as _, jsxs as G } from "react/jsx-runtime";
 import { forwardRef as H, useRef as J, useState as Q, useEffect as W } from "react";
 import { s as X } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import w from "./Icon.js";
-import { b as i, c as Y, h as N } from "./utils-DtEfC-TX.js";
+import { c as s, d as Y, i as N } from "./utils-B2fsQ6PS.js";
 import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const I = X.div`
   box-sizing: border-box;
@@ -14,16 +14,16 @@ const I = X.div`
   min-height: 2.25rem;
   gap: 0.563rem;
   padding: 0.563rem;
-  color: ${(l) => i(l.theme, "MenuItem", l.color, "enabled", "text")};
+  color: ${(l) => s(l.theme, "MenuItem", l.color, "enabled", "text")};
   ${(l) => Y(l.theme, "MenuItem", l.size, "enabled")};
   & .menu-icon-lnc {
-    color: ${(l) => l.isActive && l.disabled == !1 ? i(
+    color: ${(l) => l.isActive && l.disabled == !1 ? s(
   l.theme,
   "MenuItem",
   l.color,
   "focus",
   "icon"
-) : i(
+) : s(
   l.theme,
   "MenuItem",
   l.color,
@@ -40,7 +40,7 @@ const I = X.div`
     transition: transform 0.25s ease;
   }
 
-  ${(l) => l.isActive == !0 && l.disabled == !1 && `background-color: ${i(
+  ${(l) => l.isActive == !0 && l.disabled == !1 && `background-color: ${s(
   l.theme,
   "MenuItem",
   l.color,
@@ -48,7 +48,7 @@ const I = X.div`
   "background",
   "backgroundOpacity"
 )};
-    color: ${i(
+    color: ${s(
   l.theme,
   "MenuItem",
   l.color,
@@ -60,7 +60,7 @@ const I = X.div`
 
   ${(l) => l.disabled === !0 && N(l.theme)};
   &:hover {
-    ${(l) => l.disabled == !1 && `background-color: ${i(
+    ${(l) => l.disabled == !1 && `background-color: ${s(
   l.theme,
   "MenuItem",
   l.color,
@@ -68,7 +68,7 @@ const I = X.div`
   "background",
   "backgroundOpacity"
 )};
-      color: ${i(
+      color: ${s(
   l.theme,
   "MenuItem",
   l.color,
@@ -124,8 +124,8 @@ const I = X.div`
       if (n != null && n.node && (n == null ? void 0 : n.type) == "item")
         n.node.focus();
       else if (n != null && n.node && (n == null ? void 0 : n.type) == "nested") {
-        let s = U(n.node);
-        s && s.focus();
+        let i = U(n.node);
+        i && i.focus();
       } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
     } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
   }, b = (e) => {
@@ -134,8 +134,8 @@ const I = X.div`
       if (n != null && n.node && (n == null ? void 0 : n.type) == "item")
         n.node.focus();
       else if (n != null && n.node && (n == null ? void 0 : n.type) == "nested") {
-        let s = L(n.node);
-        s && s.focus();
+        let i = L(n.node);
+        i && i.focus();
       } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
     } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
   }, j = (e) => {
@@ -161,8 +161,8 @@ const I = X.div`
     var n;
     return (n = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : n.pop();
   }, t = (e, n) => {
-    var s = " " + e.className + " ", V = " " + n + " ";
-    return s.indexOf(V) != -1;
+    var i = " " + e.className + " ", V = " " + n + " ";
+    return i.indexOf(V) != -1;
   };
   return /* @__PURE__ */ m(_, { children: /* @__PURE__ */ G(
     I,