@lanaco/lnc-react-ui 4.0.226 → 4.0.227

package/dist/GiftCardsSection.js

@@ -1,29 +1,29 @@
-import { jsxs as i, jsx as r, Fragment as k } from "react/jsx-runtime";
-import { forwardRef as S, Suspense as R } from "react";
+import { jsxs as s, jsx as t, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as w, Suspense as G } from "react";
 import { u as N } from "./useDetectMobile-B0Jog4jQ.js";
 import { R as A } from "./style-D54KOzZj.js";
-import { p as I, G as W, l as w } from "./utils-MoGhNMmj.js";
-import L from "./Button.js";
+import { p as R, G as T, l as h } from "./utils-MoGhNMmj.js";
+import j from "./Button.js";
 import { s as f } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as g } from "./breakpoints-BubDitvo.js";
-import { s as T, S as j, b as h, a as o } from "./style-DvkivBNg.js";
-const z = f.div`
+import { d as u } from "./breakpoints-BubDitvo.js";
+import { S as z, e as L, a as C } from "./style-BFPpppS9.js";
+const W = f.div`
   display: grid;
-  grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media ${g("M")} {
+  @media ${u("M")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${g("S")} {
+  @media ${u("S")} {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  @media ${g("XS")} {
+  @media ${u("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`, B = f.a`
+`, I = f.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -83,163 +83,93 @@ const z = f.div`
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`, C = S((t, c) => {
+`, v = w((r, o) => {
   const {
-    image: a,
-    text: m,
-    price: d,
-    currency: n,
-    onSelectGiftCard: u = () => {
+    image: n,
+    text: l,
+    price: a,
+    currency: i,
+    onSelectGiftCard: p = () => {
     },
-    selectAction: l,
-    LinkComponent: p
-  } = t;
-  return /* @__PURE__ */ i(
-    B,
+    selectAction: m,
+    LinkComponent: d
+  } = r;
+  return /* @__PURE__ */ s(
+    I,
     {
-      ref: c,
+      ref: o,
       className: "simple-gift-card",
-      onClick: () => u(d),
-      as: p || "a",
-      ...p ? {
-        to: `${l}`
+      onClick: () => p(a),
+      as: d || "a",
+      ...d ? {
+        to: `${m}`
       } : {
-        href: `${l}`
+        href: `${m}`
       },
       children: [
-        /* @__PURE__ */ i(M, { children: [
-          /* @__PURE__ */ r("div", { className: "price-tag", children: d && n && `${I(d)} ${W(n)}` }),
-          /* @__PURE__ */ r("img", { src: a })
+        /* @__PURE__ */ s(M, { children: [
+          /* @__PURE__ */ t("div", { className: "price-tag", children: a && i && `${R(a)} ${T(i)}` }),
+          /* @__PURE__ */ t("img", { src: n })
         ] }),
-        /* @__PURE__ */ r("div", { className: "text-wrap", children: m })
+        /* @__PURE__ */ t("div", { className: "text-wrap", children: l })
       ]
     }
   );
-}), D = f(j)`
-  @media ${g("S")} {
+}), B = f(z)`
+  @media ${u("S")} {
     flex-direction: column;
 
     & > div {
       flex-direction: column;
-
-      & > div {
-        ${T}
-      }
     }
   }
-`, E = ({ keyPrefix: t }) => /* @__PURE__ */ i(D, { children: [
-  /* @__PURE__ */ i(h, { alignItems: "center", children: [
-    /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
-    /* @__PURE__ */ r(
-      o,
-      {
-        height: "1.25rem",
-        borderRadius: "0.75rem",
-        width: "5rem"
-      }
-    )
-  ] }, `${t}-1`),
-  /* @__PURE__ */ i(
-    h,
-    {
-      alignItems: "center",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ r(
-          o,
-          {
-            height: "1.25rem",
-            borderRadius: "0.75rem",
-            width: "5rem"
-          }
-        )
-      ]
-    },
-    `${t}-2`
-  ),
-  /* @__PURE__ */ i(
-    h,
-    {
-      alignItems: "center",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ r(
-          o,
-          {
-            height: "1.25rem",
-            borderRadius: "0.75rem",
-            width: "5rem"
-          }
-        )
-      ]
-    },
-    `${t}-3`
-  ),
-  /* @__PURE__ */ i(
-    h,
-    {
-      alignItems: "center",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ r(
-          o,
-          {
-            height: "1.25rem",
-            borderRadius: "0.75rem",
-            width: "5rem"
-          }
-        )
-      ]
-    },
-    `${t}-4`
-  )
-] }), U = ({
-  keyPrefix: t,
-  isLoading: c = !1,
-  fallbackComponent: a = /* @__PURE__ */ r(k, {}),
-  children: m
-}) => /* @__PURE__ */ r(R, { fallbackComponent: a, children: c === !0 ? /* @__PURE__ */ r(E, { keyPrefix: t }) : m }), V = S((t, c) => {
+`, D = ({ keyPrefix: r }) => /* @__PURE__ */ t(B, { children: [1, 2, 3, 4].map((o) => /* @__PURE__ */ s(L, { alignItems: "center", children: [
+  /* @__PURE__ */ t(C, { width: "100%", height: "11rem", borderRadius: "0.75rem" }),
+  /* @__PURE__ */ t(C, { height: "1.25rem", borderRadius: "0.75rem", width: "5rem" })
+] }, `${r}-${o}`)) }), E = ({
+  keyPrefix: r,
+  isLoading: o = !1,
+  fallbackComponent: n = /* @__PURE__ */ t($, {}),
+  children: l
+}) => /* @__PURE__ */ t(G, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ t(D, { keyPrefix: r }) : l }), Q = w((r, o) => {
   const {
-    icon: a,
-    title: m,
-    buttonLink: d,
-    items: n,
-    isLoading: u = !1,
-    buttonText: l,
-    limit: p = 4,
-    onSelectCard: b = () => {
+    icon: n,
+    title: l,
+    buttonLink: a,
+    items: i,
+    isLoading: p = !1,
+    buttonText: m,
+    limit: d = 4,
+    onSelectCard: g = () => {
     },
-    onButtonAction: $ = () => {
+    onButtonAction: S = () => {
     },
-    LinkComponent: v
-  } = t, y = N();
-  return /* @__PURE__ */ i(A, { ref: c, children: [
-    /* @__PURE__ */ i("div", { className: "regular-title", children: [
-      /* @__PURE__ */ i("div", { className: "regular-title-text", children: [
-        w(a) && /* @__PURE__ */ r("i", { className: a }),
-        /* @__PURE__ */ r("span", { children: m })
+    LinkComponent: b
+  } = r, y = N();
+  return /* @__PURE__ */ s(A, { ref: o, children: [
+    /* @__PURE__ */ s("div", { className: "regular-title", children: [
+      /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
+        h(n) && /* @__PURE__ */ t("i", { className: n }),
+        /* @__PURE__ */ t("span", { children: l })
       ] }),
-      w(l) && w(d) && !u && /* @__PURE__ */ r(
-        L,
+      h(m) && h(a) && !p && /* @__PURE__ */ t(
+        j,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var s;
-            (s = e == null ? void 0 : e.target) == null || s.blur(), $(d);
+            var c;
+            (c = e == null ? void 0 : e.target) == null || c.blur(), S(a);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: l
+          children: m
         }
       )
     ] }),
-    /* @__PURE__ */ r(U, { isLoading: u, keyPrefix: "gift-cards-skeleton", children: /* @__PURE__ */ r(z, { limit: p, children: y === !0 ? n == null ? void 0 : n.map((e, s) => /* @__PURE__ */ r(
-      C,
+    /* @__PURE__ */ t(E, { isLoading: p, keyPrefix: "gift-cards-skeleton", children: /* @__PURE__ */ t(W, { limit: d, children: y === !0 ? i == null ? void 0 : i.map((e, c) => /* @__PURE__ */ t(
+      v,
       {
         text: e == null ? void 0 : e.text,
         price: e == null ? void 0 : e.priceTo,
@@ -247,12 +177,12 @@ const z = f.div`
         image: e == null ? void 0 : e.imageUrl,
         uuid: e == null ? void 0 : e.uuid,
         selectAction: e == null ? void 0 : e.selectAction,
-        onSelectGiftCard: (G) => b(e),
-        LinkComponent: v
+        onSelectGiftCard: (k) => g(e),
+        LinkComponent: b
       },
-      s
-    )) : n == null ? void 0 : n.slice(0, p).map((e, s) => /* @__PURE__ */ r(
-      C,
+      c
+    )) : i == null ? void 0 : i.slice(0, d).map((e, c) => /* @__PURE__ */ t(
+      v,
       {
         text: e == null ? void 0 : e.text,
         price: e == null ? void 0 : e.priceTo,
@@ -260,13 +190,13 @@ const z = f.div`
         image: e == null ? void 0 : e.imageUrl,
         uuid: e == null ? void 0 : e.uuid,
         selectAction: e == null ? void 0 : e.selectAction,
-        onSelectGiftCard: (G) => b(e),
-        LinkComponent: v
+        onSelectGiftCard: (k) => g(e),
+        LinkComponent: b
       },
-      s
+      c
     )) }) })
   ] });
 });
 export {
-  V as default
+  Q 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"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),o=require("./utils-CITgSxXe.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),y=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-Ito6YFqi.cjs"),v=l.styled.a`
+"use strict";const e=require("react/jsx-runtime"),x=require("react"),j=require("./Button.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),i=require("./utils-CITgSxXe.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),y=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-CQdEALKR.cjs"),v=l.styled.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -58,7 +58,7 @@
     width: 24.5rem;
     height: 30rem;
     border-radius: 0.75rem;
-    background-color: ${o.linearGradientAnimation("-90deg")};
+    background-color: ${i.linearGradientAnimation("-90deg")};
   }
 
   & .wrapper__text {
@@ -78,7 +78,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${o.truncateTextInRows(2)}
+      ${i.truncateTextInRows(2)}
     }
 
     & .text__tag {
@@ -100,7 +100,7 @@
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
-      ${o.truncateTextInRows(2)}
+      ${i.truncateTextInRows(2)}
     }
 
     & .text__action {
@@ -117,19 +117,19 @@
     }
 
     & .text__title--skeleton {
-      background-color: ${o.linearGradientAnimation("-90deg")};
+      background-color: ${i.linearGradientAnimation("-90deg")};
       height: 1rem;
       width: 9rem;
     }
 
     & .text__description--skeleton {
-      background-color: ${o.linearGradientAnimation("-90deg")};
+      background-color: ${i.linearGradientAnimation("-90deg")};
       height: 1rem;
       width: 12rem;
     }
 
     & .text__action--skeleton {
-      background-color: ${o.linearGradientAnimation("-90deg")};
+      background-color: ${i.linearGradientAnimation("-90deg")};
       height: 2rem;
       width: 9rem;
     }
@@ -142,7 +142,7 @@
       max-height: 14.5rem;
     }
   }
-`,k=p.forwardRef(({title:r,imageUrl:t,description:i,buttonText:a,onSelectCard:c=()=>{},className:m,position:g,tag:s,backgroundColor:h,borderColor:u,buttonLink:x,LinkComponent:f},w)=>{const _=f||"a",b=y.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(v,{ref:w,theme:b,className:m,position:g,backgroundColor:h,onClick:c,as:_,borderColor:u,...f?{to:`/${x}`}:{href:`/${x}`},children:[e.jsx("img",{src:t,className:"wrapper__image",loading:"lazy"}),e.jsxs("div",{className:"wrapper__text",children:[s&&e.jsx("div",{className:"text__tag",children:s}),e.jsx("div",{className:"text__title",children:r}),o.isDefinedNotEmptyString(i)&&e.jsx("div",{className:"text__description",children:i}),o.isDefinedNotEmptyString(a)&&e.jsx(j,{text:a,className:"text__action",color:"gray"})]})]})})}),S=l.styled.div`
+`,k=x.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:c=()=>{},className:m,position:g,tag:s,backgroundColor:h,borderColor:u,buttonLink:p,LinkComponent:f},w)=>{const _=f||"a",b=y.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(v,{ref:w,theme:b,className:m,position:g,backgroundColor:h,onClick:c,as:_,borderColor:u,...f?{to:`/${p}`}:{href:`/${p}`},children:[e.jsx("img",{src:t,className:"wrapper__image",loading:"lazy"}),e.jsxs("div",{className:"wrapper__text",children:[s&&e.jsx("div",{className:"text__tag",children:s}),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",color:"gray"})]})]})})}),S=l.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -193,7 +193,7 @@
     height: 100%;
     max-height: 100%;
   }
-`,C=l.styled(n.SkeletonRowWrapper)`
+`,C=l.styled(n.SkeletonAnimationContainer)`
   @media ${d.down("S")} {
     flex-direction: column;
 
@@ -207,4 +207,4 @@
       flex-direction: column;
     }
   }
-`,G=({keyPrefix:r})=>e.jsxs(C,{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:i=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:i,children:t===!0?e.jsx(G,{keyPrefix:r}):a}),R=p.forwardRef(({title:r,items:t,isLoading:i=!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:i,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx($,{limit:a,children:t&&(t==null?void 0:t.map((s,h)=>e.jsx(k,{...s,onSelectCard:()=>c(s),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=R;
+`,R=({keyPrefix:r})=>e.jsxs(C,{children:[e.jsx(n.SkeletonColumnContainer,{children:e.jsx(n.SkeletonRect,{height:"31.25rem",className:"skeleton__big",width:"100%"},`${r}-1`)}),e.jsxs(n.SkeletonColumnContainer,{children:[e.jsxs(n.SkeletonContainer,{children:[e.jsx(n.SkeletonRect,{width:"100%",height:"15rem"},`${r}-2`),e.jsx(n.SkeletonRect,{width:"100%",height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonContainer,{children:[e.jsx(n.SkeletonRect,{width:"100%",height:"15rem"},`${r}-4`),e.jsx(n.SkeletonRect,{width:"100%",height:"15rem"},`${r}-5`)]})]})]}),N=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:a})=>e.jsx(x.Suspense,{fallbackComponent:o,children:t===!0?e.jsx(R,{keyPrefix:r}):a}),G=x.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((s,h)=>e.jsx(k,{...s,onSelectCard:()=>c(s),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=G;

package/dist/MasonryGeneralCardsSection.js

@@ -1,12 +1,12 @@
 import { jsx as r, Fragment as v, jsxs as a } from "react/jsx-runtime";
 import { forwardRef as $, Suspense as N } from "react";
-import G from "./Button.js";
+import z from "./Button.js";
 import { s as d } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { w as s, n as _, l as w } from "./utils-MoGhNMmj.js";
+import { w as s, n as x, l as w } from "./utils-MoGhNMmj.js";
 import { d as m } from "./breakpoints-BubDitvo.js";
-import { u as z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { S as f, b, a as l } from "./style-DvkivBNg.js";
-const j = d.a`
+import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { S as j, e as _, a as l, c as b } from "./style-BFPpppS9.js";
+const M = d.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -98,7 +98,7 @@ const j = d.a`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${_(2)}
+      ${x(2)}
     }
 
     & .text__tag {
@@ -120,7 +120,7 @@ const j = d.a`
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
-      ${_(2)}
+      ${x(2)}
     }
 
     & .text__action {
@@ -162,12 +162,12 @@ const j = d.a`
       max-height: 14.5rem;
     }
   }
-`, W = $(
+`, R = $(
   ({
     title: e,
     imageUrl: t,
-    description: o,
-    buttonText: i,
+    description: i,
+    buttonText: o,
     onSelectCard: c = () => {
     },
     className: g,
@@ -175,12 +175,12 @@ const j = d.a`
     tag: n,
     backgroundColor: p,
     borderColor: y,
-    buttonLink: u,
-    LinkComponent: x
+    buttonLink: f,
+    LinkComponent: u
   }, k) => {
-    const S = x || "a", C = z();
+    const S = u || "a", C = G();
     return /* @__PURE__ */ r(v, { children: /* @__PURE__ */ a(
-      j,
+      M,
       {
         ref: k,
         theme: C,
@@ -190,21 +190,21 @@ const j = d.a`
         onClick: c,
         as: S,
         borderColor: y,
-        ...x ? {
-          to: `/${u}`
+        ...u ? {
+          to: `/${f}`
         } : {
-          href: `/${u}`
+          href: `/${f}`
         },
         children: [
           /* @__PURE__ */ r("img", { src: t, className: "wrapper__image", loading: "lazy" }),
           /* @__PURE__ */ a("div", { className: "wrapper__text", children: [
             n && /* @__PURE__ */ r("div", { className: "text__tag", children: n }),
             /* @__PURE__ */ r("div", { className: "text__title", children: e }),
-            w(o) && /* @__PURE__ */ r("div", { className: "text__description", children: o }),
-            w(i) && /* @__PURE__ */ r(
-              G,
+            w(i) && /* @__PURE__ */ r("div", { className: "text__description", children: i }),
+            w(o) && /* @__PURE__ */ r(
+              z,
               {
-                text: i,
+                text: o,
                 className: "text__action",
                 color: "gray"
               }
@@ -214,7 +214,7 @@ const j = d.a`
       }
     ) });
   }
-), M = d.div`
+), E = d.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -247,7 +247,7 @@ const j = d.a`
       }
     }
   }
-`, R = d.div`
+`, W = d.div`
   display: grid;
   grid-template-columns: ${() => "repeat(12,  minmax(0, 1fr))"};
 
@@ -265,7 +265,7 @@ const j = d.a`
     height: 100%;
     max-height: 100%;
   }
-`, E = d(f)`
+`, A = d(j)`
   @media ${m("S")} {
     flex-direction: column;
 
@@ -279,48 +279,49 @@ const j = d.a`
       flex-direction: column;
     }
   }
-`, T = ({ keyPrefix: e }) => /* @__PURE__ */ a(E, { children: [
-  /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+`, T = ({ keyPrefix: e }) => /* @__PURE__ */ a(A, { children: [
+  /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(
     l,
     {
       height: "31.25rem",
-      className: "skeleton__big"
+      className: "skeleton__big",
+      width: "100%"
     },
     `${e}-1`
   ) }),
-  /* @__PURE__ */ a(b, { children: [
-    /* @__PURE__ */ a(f, { noGradient: !0, children: [
-      /* @__PURE__ */ r(l, { height: "15rem" }, `${e}-2`),
-      /* @__PURE__ */ r(l, { height: "15rem" }, `${e}-3`)
+  /* @__PURE__ */ a(_, { children: [
+    /* @__PURE__ */ a(b, { children: [
+      /* @__PURE__ */ r(l, { width: "100%", height: "15rem" }, `${e}-2`),
+      /* @__PURE__ */ r(l, { width: "100%", height: "15rem" }, `${e}-3`)
     ] }),
-    /* @__PURE__ */ a(f, { noGradient: !0, children: [
-      /* @__PURE__ */ r(l, { height: "15rem" }, `${e}-4`),
-      /* @__PURE__ */ r(l, { height: "15rem" }, `${e}-5`)
+    /* @__PURE__ */ a(b, { children: [
+      /* @__PURE__ */ r(l, { width: "100%", height: "15rem" }, `${e}-4`),
+      /* @__PURE__ */ r(l, { width: "100%", height: "15rem" }, `${e}-5`)
     ] })
   ] })
 ] }), X = ({
   keyPrefix: e,
   isLoading: t = !1,
-  fallbackComponent: o = /* @__PURE__ */ r(v, {}),
-  children: i
-}) => /* @__PURE__ */ r(N, { fallbackComponent: o, children: t === !0 ? /* @__PURE__ */ r(T, { keyPrefix: e }) : i }), K = $(
+  fallbackComponent: i = /* @__PURE__ */ r(v, {}),
+  children: o
+}) => /* @__PURE__ */ r(N, { fallbackComponent: i, children: t === !0 ? /* @__PURE__ */ r(T, { keyPrefix: e }) : o }), O = $(
   ({
     title: e,
     items: t,
-    isLoading: o = !1,
-    limit: i = 3,
+    isLoading: i = !1,
+    limit: o = 3,
     onSelectCard: c = () => {
     },
     LinkComponent: g
-  }, h) => /* @__PURE__ */ a(M, { ref: h, children: [
+  }, h) => /* @__PURE__ */ a(E, { 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(
       X,
       {
-        isLoading: o,
+        isLoading: i,
         keyPrefix: "masonry-general-cards-skeleton",
-        children: /* @__PURE__ */ r(R, { limit: i, children: t && (t == null ? void 0 : t.map((n, p) => /* @__PURE__ */ r(
-          W,
+        children: /* @__PURE__ */ r(W, { limit: o, children: t && (t == null ? void 0 : t.map((n, p) => /* @__PURE__ */ r(
+          R,
           {
             ...n,
             onSelectCard: () => c(n),
@@ -333,5 +334,5 @@ const j = d.a`
   ] })
 );
 export {
-  K as default
+  O as default
 };

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),h=require("react"),x=require("./Button.cjs"),u=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),m=require("./index-fzBXDy05.cjs"),p=u.styled.a`
+"use strict";const n=require("react/jsx-runtime"),h=require("react"),x=require("./Button.cjs"),u=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),m=require("./index-BUdvfHpp.cjs"),p=u.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/OverlayGeneralCardsSection.js

@@ -3,7 +3,7 @@ import { forwardRef as m } from "react";
 import u from "./Button.js";
 import { s as _ } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as i } from "./breakpoints-BubDitvo.js";
-import { S as p } from "./index-BHcrzV2G.js";
+import { S as p } from "./index-VTkAaA-n.js";
 const x = _.a`
   text-decoration: none;
   color: var(--gray-950);