@lanaco/lnc-react-ui 4.0.38 → 4.0.39

package/dist/BlogsSectionWithFilters.js

@@ -1,22 +1,22 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { n as p } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as b } from "./consts-C1uHV4xc.js";
-import { u as C } from "./useDetectMobile-BC6EGaBc.js";
-import { m as s, t as N, k as u } from "./utils-DtRLzzTZ.js";
-import { T } from "./style-6tSw9aqK.js";
-import $ from "./Button.js";
-import W from "./Link.js";
-import { S as B } from "./index-CT6_7UFb.js";
-const M = p.div`
+import { jsxs as l, jsx as t, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as h, Suspense as B, memo as M, useMemo as W } from "react";
+import { n as u } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { M as w } from "./consts-C1uHV4xc.js";
+import { u as z } from "./useDetectMobile-BC6EGaBc.js";
+import { m as g, t as P, k as b } from "./utils-DtRLzzTZ.js";
+import { T as R } from "./style-6tSw9aqK.js";
+import j from "./Button.js";
+import A from "./Link.js";
+import { S as E } from "./index-CT6_7UFb.js";
+const F = u.div`
   display: grid;
-  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${w + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, w = p.div`
+`, S = u.div`
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -45,16 +45,16 @@ const M = p.div`
     min-height: 3.3125rem;
     max-height: 3.3125rem;
     border-radius: 0.75rem;
-    background-color: ${s("-90deg")};
+    background-color: ${g("-90deg")};
   }
 
   & a {
     margin-top: auto;
   }
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${w + "px"}) {
   }
-`, k = p.div`
+`, v = u.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -68,114 +68,142 @@ const M = p.div`
   & .skeleton-title {
     height: 1.5rem;
     width: 80%;
-    background-color: ${s("-90deg")};
+    background-color: ${g("-90deg")};
   }
 
   & .skeleton-action {
     height: 1.25rem;
     width: 20%;
-    background-color: ${s("-90deg")};
+    background-color: ${g("-90deg")};
   }
 
   & .text-wr {
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${N(3)}
+    ${P(3)}
   }
-`;
-g(({}, o) => /* @__PURE__ */ i(w, { className: "blog-card", children: [
-  /* @__PURE__ */ i(k, { children: [
+`, I = h(({}, i) => /* @__PURE__ */ l(S, { className: "blog-card", children: [
+  /* @__PURE__ */ l(v, { children: [
     /* @__PURE__ */ t("div", { className: "skeleton-title" }),
     /* @__PURE__ */ t("div", { className: "text-wr" }),
     /* @__PURE__ */ t("div", { className: "skeleton-action" })
   ] }),
   /* @__PURE__ */ t("div", { className: "skeleton-img" })
-] }));
-const f = g((o, v) => {
-  const { title: l, image: m, text: r, buttonText: d, onCardClick: a } = o;
+] })), O = h((i, m) => {
+  const { title: o, image: a, text: r, buttonText: c, onCardClick: n } = i;
   return (
     // <SimpleBlogCardHorizontalSkeleton />
-    /* @__PURE__ */ i(w, { className: "blog-card", onClick: a, children: [
-      /* @__PURE__ */ i(k, { children: [
-        /* @__PURE__ */ t("div", { className: "text-wr-title", children: l }),
+    /* @__PURE__ */ l(S, { className: "blog-card", onClick: n, children: [
+      /* @__PURE__ */ l(v, { children: [
+        /* @__PURE__ */ t("div", { className: "text-wr-title", children: o }),
         /* @__PURE__ */ t("div", { className: "text-wr", children: r }),
-        /* @__PURE__ */ t(W, { color: "gray", onClick: a, children: d })
+        /* @__PURE__ */ t(A, { color: "gray", onClick: n, children: c })
       ] }),
-      /* @__PURE__ */ t("img", { src: m })
+      /* @__PURE__ */ t("img", { src: a })
     ] })
   );
-}), L = g((o, v) => {
+}), _ = ({ limit: i = 3, isLoading: m = !1, keyPrefix: o }) => /* @__PURE__ */ t(p, { children: Array.from({ length: i }, (a, r) => /* @__PURE__ */ t(
+  I,
+  {
+    isLoading: m
+  },
+  `${o}-skeleton-product-card-${r}`
+)) }), D = ({
+  children: i,
+  fallbackComponent: m = /* @__PURE__ */ t(p, {}),
+  isLoading: o = !1,
+  limit: a,
+  keyPrefix: r
+}) => /* @__PURE__ */ t(B, { fallbackComponent: m, children: o === !0 ? /* @__PURE__ */ t(
+  _,
+  {
+    isLoading: o,
+    limit: a,
+    keyPrefix: r
+  }
+) : i }), k = M(O), V = h((i, m) => {
   const {
-    icon: l,
-    title: m,
+    icon: o,
+    title: a,
     items: r,
-    buttonText: d,
-    limit: a = 3,
-    options: n,
-    onActionClick: S = () => {
+    buttonText: c,
+    limit: n = 3,
+    options: d,
+    onActionClick: y = () => {
+    },
+    onSelectOption: f = () => {
     },
-    onSelectOption: h = () => {
+    isLoading: C = !1,
+    onSectionClick: N = () => {
     }
-  } = o, y = C();
-  return /* @__PURE__ */ i(T, { children: [
-    /* @__PURE__ */ i("div", { className: "regular-title", children: [
-      /* @__PURE__ */ i("div", { className: "regular-title-text", children: [
-        u(l) && /* @__PURE__ */ t("i", { className: l }),
-        /* @__PURE__ */ t("span", { children: m })
+  } = i, T = z(), $ = W(() => /* @__PURE__ */ t(p, { children: T === !0 ? r == null ? void 0 : r.map((e, s) => /* @__PURE__ */ t(
+    k,
+    {
+      title: e == null ? void 0 : e.title,
+      image: e == null ? void 0 : e.image,
+      text: e == null ? void 0 : e.text,
+      titleSlug: e == null ? void 0 : e.titleSlug,
+      buttonText: e == null ? void 0 : e.buttonText,
+      onCardClick: () => onSelectCard(e == null ? void 0 : e.uuid)
+    },
+    s
+  )) : r == null ? void 0 : r.slice(0, n).map((e, s) => /* @__PURE__ */ t(
+    k,
+    {
+      title: e == null ? void 0 : e.title,
+      image: e == null ? void 0 : e.image,
+      text: e == null ? void 0 : e.text,
+      titleSlug: e == null ? void 0 : e.titleSlug,
+      buttonText: e == null ? void 0 : e.buttonText,
+      onCardClick: () => onSelectCard(e == null ? void 0 : e.uuid)
+    },
+    s
+  )) }), [r]);
+  return /* @__PURE__ */ l(R, { children: [
+    /* @__PURE__ */ l("div", { className: "regular-title", children: [
+      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
+        b(o) && /* @__PURE__ */ t("i", { className: o }),
+        /* @__PURE__ */ t("span", { children: a })
       ] }),
-      u(onSectionClick) && /* @__PURE__ */ t(
-        $,
+      b(N) && /* @__PURE__ */ t(
+        j,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: S,
+          onClick: y,
           borderRadius: "curved",
-          children: d
+          children: c
         }
       )
     ] }),
-    (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ t(
-      B,
+    (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ t(
+      E,
       {
-        items: n,
+        items: d,
         onRemove: (e) => {
-          h(e);
+          f(e);
         },
         onSelect: (e) => {
-          h(e);
+          f(e);
         },
         labelKey: "name",
         valueKey: "code",
         noMargin: !0
       }
     ),
-    /* @__PURE__ */ t(M, { limit: a, children: y === !0 ? r == null ? void 0 : r.map((e, c) => /* @__PURE__ */ t(
-      f,
-      {
-        title: e == null ? void 0 : e.title,
-        image: e == null ? void 0 : e.image,
-        text: e == null ? void 0 : e.text,
-        titleSlug: e == null ? void 0 : e.titleSlug,
-        buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: () => onSelectCard(e == null ? void 0 : e.uuid)
-      },
-      c
-    )) : r == null ? void 0 : r.slice(0, a).map((e, c) => /* @__PURE__ */ t(
-      f,
+    /* @__PURE__ */ t(F, { limit: n, children: /* @__PURE__ */ t(
+      D,
       {
-        title: e == null ? void 0 : e.title,
-        image: e == null ? void 0 : e.image,
-        text: e == null ? void 0 : e.text,
-        titleSlug: e == null ? void 0 : e.titleSlug,
-        buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: () => onSelectCard(e == null ? void 0 : e.uuid)
-      },
-      c
-    )) })
+        isLoading: C,
+        limit: n,
+        keyPrefix: "explore-landing",
+        children: $
+      }
+    ) })
   ] });
 });
 export {
-  L as default
+  V as default
 };

package/dist/DetailedProductsSection.cjs

@@ -1,9 +1,9 @@
-"use strict";const i=require("react/jsx-runtime"),y=require("react"),S=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),w=require("./consts-CtNoHdBj.cjs"),f=require("./Button.cjs"),a=require("./utils-NZLCh-J5.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),h=require("./style-BR3tIhP1.cjs"),d=require("./index-vXmvgZ2Y.cjs"),j=S.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),h=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),j=require("./consts-CtNoHdBj.cjs"),w=require("./Button.cjs"),a=require("./utils-NZLCh-J5.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),D=require("./style-BR3tIhP1.cjs"),m=require("./suspense-product-card-detailed-DtzOxHaH.cjs"),P=h.newStyled.div`
   display: grid;
-  grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -22,4 +22,4 @@
       /* Safari and Chrome */
     }
   }
-`,q=y.forwardRef((t,u)=>{const{icon:n,title:p,buttonLink:s,items:r,buttonText:m,limit:l=4,onSelectCard:c=()=>{},onButtonAction:g=()=>{}}=t,b=C.useDetectMobile();return i.jsxs(h.RegulatTitleSectionWrapper,{ref:u,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&i.jsx("i",{className:n}),i.jsx("span",{children:p})]}),a.isDefinedNotEmptyString(s)&&i.jsx(f,{type:"button",btnType:"tinted",color:"gray",onClick:()=>g(s),borderRadius:"curved",children:m})]}),i.jsx(j,{limit:l,children:b===!0?r==null?void 0:r.map((e,o)=>i.jsx(d.DetailedProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c(e==null?void 0:e.uuid)},o)):r==null?void 0:r.slice(0,l).map((e,o)=>i.jsx(d.DetailedProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c(e==null?void 0:e.uuid)},o))})]})});module.exports=q;
+`,u=s.memo(m.DetailedProductCard),k=s.forwardRef((i,p)=>{const{icon:l,title:g,buttonLink:c,items:t,buttonText:y,limit:o=4,onSelectCard:d=()=>{},onButtonAction:b=()=>{},isLoading:S=!1}=i,C=q.useDetectMobile(),f=s.useMemo(()=>r.jsx(r.Fragment,{children:C===!0?t==null?void 0:t.map((e,n)=>r.jsx(u,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid)},n)):t==null?void 0:t.slice(0,o).map((e,n)=>r.jsx(u,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid)},n))}),[t]);return r.jsxs(D.RegulatTitleSectionWrapper,{ref:p,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:g})]}),a.isDefinedNotEmptyString(c)&&r.jsx(w,{type:"button",btnType:"tinted",color:"gray",onClick:()=>b(c),borderRadius:"curved",children:y})]}),r.jsx(P,{limit:o,children:r.jsx(m.SuspenseDetailedProductCard,{isLoading:S,itemsCount:o,keyPrefix:"explore-landing",children:f})})]})});module.exports=k;

package/dist/DetailedProductsSection.js

@@ -1,18 +1,18 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { n as S } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as w } from "./consts-C1uHV4xc.js";
-import h from "./Button.js";
-import { k as s } from "./utils-DtRLzzTZ.js";
-import { u as C } from "./useDetectMobile-BC6EGaBc.js";
-import { R as k } from "./style-6tSw9aqK.js";
-import { D as m } from "./index-D6g5ZqyJ.js";
-const v = S.div`
+import { jsx as r, Fragment as C, jsxs as a } from "react/jsx-runtime";
+import { memo as h, forwardRef as w, useMemo as k } from "react";
+import { n as v } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { M as P } from "./consts-C1uHV4xc.js";
+import D from "./Button.js";
+import { k as c } from "./utils-DtRLzzTZ.js";
+import { u as M } from "./useDetectMobile-BC6EGaBc.js";
+import { R as E } from "./style-6tSw9aqK.js";
+import { D as N, S as R } from "./suspense-product-card-detailed-BETmfKMT.js";
+const U = v.div`
   display: grid;
   grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${w + "px"}) {
+  @media (max-width: ${P + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -31,69 +31,78 @@ const v = S.div`
       /* Safari and Chrome */
     }
   }
-`, T = y((o, p) => {
+`, m = h(N), _ = w((o, u) => {
   const {
     icon: l,
-    title: u,
-    buttonLink: a,
-    items: r,
+    title: p,
+    buttonLink: d,
+    items: i,
     buttonText: f,
-    limit: d = 4,
-    onSelectCard: c = () => {
+    limit: t = 4,
+    onSelectCard: s = () => {
     },
     onButtonAction: g = () => {
-    }
-  } = o, b = C();
-  return /* @__PURE__ */ n(k, { ref: p, children: [
-    /* @__PURE__ */ n("div", { className: "regular-title", children: [
-      /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        s(l) && /* @__PURE__ */ i("i", { className: l }),
-        /* @__PURE__ */ i("span", { children: u })
+    },
+    isLoading: S = !1
+  } = o, b = M(), y = k(() => /* @__PURE__ */ r(C, { children: b === !0 ? i == null ? void 0 : i.map((e, n) => /* @__PURE__ */ r(
+    m,
+    {
+      title: e == null ? void 0 : e.title,
+      price: e == null ? void 0 : e.price,
+      currency: e == null ? void 0 : e.currency,
+      image: e == null ? void 0 : e.image,
+      sellerUuid: e == null ? void 0 : e.sellerUuid,
+      uuid: e == null ? void 0 : e.uuid,
+      isSponsored: e == null ? void 0 : e.isSponsored,
+      imageComponent: e == null ? void 0 : e.imageComponent,
+      onSelectCard: () => s(e == null ? void 0 : e.uuid)
+    },
+    n
+  )) : i == null ? void 0 : i.slice(0, t).map((e, n) => /* @__PURE__ */ r(
+    m,
+    {
+      title: e == null ? void 0 : e.title,
+      price: e == null ? void 0 : e.price,
+      currency: e == null ? void 0 : e.currency,
+      image: e == null ? void 0 : e.image,
+      sellerUuid: e == null ? void 0 : e.sellerUuid,
+      uuid: e == null ? void 0 : e.uuid,
+      location: e == null ? void 0 : e.location,
+      isSponsored: e == null ? void 0 : e.isSponsored,
+      imageComponent: e == null ? void 0 : e.imageComponent,
+      onSelectCard: () => s(e == null ? void 0 : e.uuid)
+    },
+    n
+  )) }), [i]);
+  return /* @__PURE__ */ a(E, { ref: u, children: [
+    /* @__PURE__ */ a("div", { className: "regular-title", children: [
+      /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
+        c(l) && /* @__PURE__ */ r("i", { className: l }),
+        /* @__PURE__ */ r("span", { children: p })
       ] }),
-      s(a) && /* @__PURE__ */ i(
-        h,
+      c(d) && /* @__PURE__ */ r(
+        D,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => g(a),
+          onClick: () => g(d),
           borderRadius: "curved",
           children: f
         }
       )
     ] }),
-    /* @__PURE__ */ i(v, { limit: d, children: b === !0 ? r == null ? void 0 : r.map((e, t) => /* @__PURE__ */ i(
-      m,
-      {
-        title: e == null ? void 0 : e.title,
-        price: e == null ? void 0 : e.price,
-        currency: e == null ? void 0 : e.currency,
-        image: e == null ? void 0 : e.image,
-        sellerUuid: e == null ? void 0 : e.sellerUuid,
-        uuid: e == null ? void 0 : e.uuid,
-        isSponsored: e == null ? void 0 : e.isSponsored,
-        imageComponent: e == null ? void 0 : e.imageComponent,
-        onSelectCard: () => c(e == null ? void 0 : e.uuid)
-      },
-      t
-    )) : r == null ? void 0 : r.slice(0, d).map((e, t) => /* @__PURE__ */ i(
-      m,
+    /* @__PURE__ */ r(U, { limit: t, children: /* @__PURE__ */ r(
+      R,
       {
-        title: e == null ? void 0 : e.title,
-        price: e == null ? void 0 : e.price,
-        currency: e == null ? void 0 : e.currency,
-        image: e == null ? void 0 : e.image,
-        sellerUuid: e == null ? void 0 : e.sellerUuid,
-        uuid: e == null ? void 0 : e.uuid,
-        location: e == null ? void 0 : e.location,
-        isSponsored: e == null ? void 0 : e.isSponsored,
-        imageComponent: e == null ? void 0 : e.imageComponent,
-        onSelectCard: () => c(e == null ? void 0 : e.uuid)
-      },
-      t
-    )) })
+        isLoading: S,
+        itemsCount: t,
+        keyPrefix: "explore-landing",
+        children: y
+      }
+    ) })
   ] });
 });
 export {
-  T as default
+  _ as default
 };

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),f=require("react"),u=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),w=require("./consts-CtNoHdBj.cjs"),d=require("./utils-NZLCh-J5.cjs"),$=require("./index-Dj5wZCVs.cjs"),c=u.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),u=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),w=require("./consts-CtNoHdBj.cjs"),d=require("./utils-NZLCh-J5.cjs"),$=require("./index-_Db92CJE.cjs"),c=u.newStyled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -3,7 +3,7 @@ import { forwardRef as f } from "react";
 import { n as _ } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as d } from "./consts-C1uHV4xc.js";
 import { m as C, l as F } from "./utils-DtRLzzTZ.js";
-import { S as N } from "./index-CHkb_Sj6.js";
+import { a as N } from "./index-BN8qgFbe.js";
 const k = _.div`
   width: 100%;
   height: 11.625rem;

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,15 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),h=require("./Button.cjs"),_=require("./ThemeProvider.cjs"),d=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),o=require("./utils-NZLCh-J5.cjs"),x=require("./consts-CtNoHdBj.cjs"),g=require("./style-BR3tIhP1.cjs"),m=d.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),p=require("./consts-CtNoHdBj.cjs"),u=require("./style-BR3tIhP1.cjs"),m=require("./ThemeProvider.cjs"),i=require("./utils-NZLCh-J5.cjs"),g=require("./Button.cjs"),f=x.newStyled.div`
+  display: grid;
+  grid-template-columns: ${t=>`repeat(${t.limit}, 1fr)`};
+  gap: 1.25rem;
+  justify-items: center;
+
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+`,h=x.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -29,7 +40,7 @@
   & .wrapper__image--skeleton {
     width: 100%;
     border-radius: 0.75rem;
-    background-color: ${o.linearGradientAnimation("-90deg")};
+    background-color: ${i.linearGradientAnimation("-90deg")};
   }
 
   & .wrapper__text {
@@ -47,7 +58,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${o.truncateTextInRows(2)}
+      ${i.truncateTextInRows(2)}
     }
 
     & .text__description {
@@ -56,17 +67,17 @@
       font-style: normal;
       font-weight: 600;
       line-height: 1.75rem;
-      ${o.truncateTextInRows(2)}
+      ${i.truncateTextInRows(2)}
     }
 
     & .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;
     }
@@ -86,7 +97,7 @@
   }
 
   & .text__action--skeleton {
-    background-color: ${o.linearGradientAnimation("-90deg")};
+    background-color: ${i.linearGradientAnimation("-90deg")};
     height: 2rem;
     width: 9rem;
     position: absolute;
@@ -94,7 +105,7 @@
     left: 1rem;
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     max-height: 100%;
 
     & .wrapper__overlay {
@@ -113,15 +124,4 @@
       left: 2rem;
     }
   }
-`,u=c.forwardRef(({title:t,image:a,overlay:n,description:l,actionText:s,actionLink:e,handleClick:i=()=>{}},v)=>{const{theme:p}=_.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(m,{theme:p,overlay:n,onClick:i,children:[r.jsx("div",{className:"wrapper__overlay",children:r.jsx("img",{src:a,className:"wrapper__image"})}),r.jsxs("div",{className:"wrapper__text",children:[r.jsx("div",{className:"text__title",children:t}),r.jsx("div",{className:"text__description",children:l})]}),r.jsx(h,{text:s,onClick:i,className:"text__action"})]})})}),f=d.newStyled.div`
-  display: grid;
-  grid-template-columns: ${t=>`repeat(${t.limit}, 1fr)`};
-  gap: 1.25rem;
-  justify-items: center;
-
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
-`,w=c.forwardRef(({title:t,items:a,limit:n=2,onSelectCard:l=()=>{}},s)=>r.jsxs(g.RegulatTitleSectionWrapper,{children:[r.jsx("div",{className:"regular-title center",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(f,{limit:n,children:a&&(a==null?void 0:a.map((e,i)=>r.jsx(u,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,description:e==null?void 0:e.description,actionText:e==null?void 0:e.actionText,overlay:e==null?void 0:e.overlay,handleClick:()=>l(e==null?void 0:e.uuid)},`landing-page-overlay-general-card__${i+1}`)))})]}));module.exports=w;
+`,v=l.forwardRef(({},t)=>{const{theme:a}=m.useTheme();return e.jsxs(h,{theme:a,children:[e.jsx("div",{className:"wrapper__image--skeleton"}),e.jsxs("div",{className:"wrapper__text",children:[e.jsx("div",{className:"text__title--skeleton"}),e.jsx("div",{className:"text__description--skeleton"})]}),e.jsx("div",{className:"text__action--skeleton"})]})}),w=({limit:t=2,isLoading:a=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:t},(s,o)=>e.jsx(v,{isLoading:a},`${n}-skeleton-product-card-${o}`))}),j=({children:t,fallbackComponent:a=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:s,keyPrefix:o})=>e.jsx(l.Suspense,{fallbackComponent:a,children:n===!0?e.jsx(w,{isLoading:n,limit:s,keyPrefix:o}):t}),y=l.forwardRef(({title:t,image:a,overlay:n,description:s,actionText:o,actionLink:_,handleClick:c=()=>{}},r)=>{const{theme:d}=m.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(h,{theme:d,overlay:n,onClick:c,children:[e.jsx("div",{className:"wrapper__overlay",children:e.jsx("img",{src:a,className:"wrapper__image"})}),e.jsxs("div",{className:"wrapper__text",children:[e.jsx("div",{className:"text__title",children:t}),e.jsx("div",{className:"text__description",children:s})]}),e.jsx(g,{text:o,onClick:c,className:"text__action"})]})})}),k=l.memo(y),b=l.forwardRef(({title:t,items:a,limit:n=2,onSelectCard:s=()=>{},isLoading:o=!1},_)=>{const c=l.useMemo(()=>e.jsx(e.Fragment,{children:a&&(a==null?void 0:a.map((r,d)=>e.jsx(k,{title:r==null?void 0:r.title,image:r==null?void 0:r.image,description:r==null?void 0:r.description,actionText:r==null?void 0:r.actionText,overlay:r==null?void 0:r.overlay,handleClick:()=>s(r==null?void 0:r.uuid)},`landing-page-overlay-general-card__${d+1}`)))}),[a]);return e.jsxs(u.RegulatTitleSectionWrapper,{children:[e.jsx("div",{className:"regular-title center",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:t})})}),e.jsx(f,{limit:n,children:e.jsx(j,{isLoading:o,limit:n,keyPrefix:"explore-landing",children:c})})]})});module.exports=b;