@lanaco/lnc-react-ui 4.0.26 → 4.0.28

package/dist/index9.cjs

@@ -1,150 +1,98 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),x=require("./Button.cjs"),s=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),i=require("./utils-CE6bljYe.cjs"),h=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=require("./consts-dNz9tpt4.cjs"),f=s.newStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),u=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),a=require("./consts-dNz9tpt4.cjs"),d=require("./utils-CE6bljYe.cjs"),$=require("./index-BlV3tdJ8.cjs"),I=u.newStyled.div`
+  width: 100%;
+  height: 11.625rem;
   border-radius: 0.75rem;
-  position: relative;
-  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
-
-  grid-column: ${t=>{var e;return((e=t.position)==null?void 0:e.columnStart)||"1"}} /
-    ${t=>{var e;return((e=t.position)==null?void 0:e.columnEnd)||"6"}};
-  grid-row: ${t=>{var e;return((e=t.position)==null?void 0:e.rowStart)||"1"}} /
-    ${t=>{var e;return((e=t.position)==null?void 0:e.rowEnd)||"1"}};
+  background: ${d.linearGradientAnimation("-90deg")};
+`,A=u.newStyled.div`
+  width: 100%;
+  height: auto;
+  border-radius: 999px;
 
   & .wrapper__image {
-    height: 100%;
     width: 100%;
+    aspect-ratio: 1 / 1;
     object-fit: cover;
-    border-radius: 0.75rem;
+    border-radius: 999px;
+    max-height: 9.875rem;
   }
 
-  & .wrapper__image--skeleton {
-    width: 24.5rem;
-    height: 30rem;
-    border-radius: 0.75rem;
-    background-color: ${i.linearGradientAnimation("-90deg")};
+  &.active {
+    border: var(--yellow-600, #d97706);
+  }
+
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__image {
+      height: auto;
+    }
   }
+`,F=u.newStyled.div`
+  width: 9.875rem;
+  height: 9.875rem;
+  border-radius: 999px;
+  background: ${d.linearGradientAnimation("-90deg")};
+
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+    width: 4.5rem;
+    height: 4.5rem;
+  }
+`,N=f.forwardRef(({},i)=>t.jsx(F,{})),k=f.forwardRef(({isActive:i,image:o,imageComponent:r,onSelectCard:l=()=>{}},_)=>t.jsx(A,{className:i?"active":"",onClick:l,children:d.isDefined(r)?r:t.jsx("img",{src:o,className:"wrapper__image"})})),C=f.forwardRef(({uuid:i,title:o,price:r,currency:l,isNegotiable:_,isFree:x,image:w,sellerUuid:s,onSelectCard:m=()=>{},imageComponent:p,negotiableText:y="Negotiable",freeText:g="Free"},h)=>t.jsx($.SimpleProductCard,{uuid:i,title:o,price:r,currency:l,isNegotiable:_,isFree:x,image:w,imageComponent:p,sellerUuid:s,onSelectCard:m,negotiableText:y,freeText:g})),W=f.forwardRef(({},i)=>t.jsx(I,{})),O=u.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
 
-  & .wrapper__text {
+  & .wrapper__heading {
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
-    padding: 1rem;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    gap: 0.75rem;
-
-    & .text__title {
-      color: var(--white, #ffffff);
-      font-size: 1rem;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 1.5rem;
-      ${i.truncateTextInRows(2)}
-    }
+    gap: 1rem;
+    text-align: center;
 
-    & .text__tag {
-      background-color: var(--warning-600, #d97706);
-      color: var(--white, #ffffff);
-      font-size: 0.875rem;
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      text-align: center;
+      font-size: 1.5rem;
       font-style: normal;
-      font-weight: 500;
-      line-height: 1.25rem;
-      padding: 0.25rem 0.5rem;
-
-      border-radius: 0.375rem;
-      background: var(--warning-600, #d97706);
+      font-weight: 600;
+      line-height: 2rem;
+      letter-spacing: -0.47px;
     }
 
-    & .text__description {
-      color: var(--white);
+    & .wrapper__subtitle {
+      color: var(---gray-600, #676e79);
       font-size: 0.875rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
-      ${i.truncateTextInRows(2)}
-    }
-
-    & .text__action {
-      background: var(--white);
-      color: var(--black);
-
-      &:hover {
-        background: var(--primary-500, #f59e0b);
-        color: var(--white);
-      }
-    }
-
-    & .text__title--skeleton {
-      background-color: ${i.linearGradientAnimation("-90deg")};
-      height: 1rem;
-      width: 9rem;
-    }
-
-    & .text__description--skeleton {
-      background-color: ${i.linearGradientAnimation("-90deg")};
-      height: 1rem;
-      width: 12rem;
-    }
-
-    & .text__action--skeleton {
-      background-color: ${i.linearGradientAnimation("-90deg")};
-      height: 2rem;
-      width: 9rem;
+      letter-spacing: 0.25px;
     }
   }
-`,u=c.forwardRef(({title:t,image:e,description:n,actionText:o,onSelectCard:a=()=>{},className:l,position:g,tag:d},y)=>{const p=h.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(f,{theme:p,className:l,onClick:a,position:g,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[d&&r.jsx("div",{className:"text__tag",children:d}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(o)&&r.jsx(x,{text:o,onClick:a,className:"text__action"})]})]})})}),_=s.newStyled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
 
-  & .regular-title {
-    display: flex;
-    gap: 0.5rem;
+  & .wrapper__avatars {
+    display: grid;
+    grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitAvatars}, minmax(0, 1fr))`};
+    gap: 2rem;
+    justify-items: center;
     align-items: center;
-    justify-content: space-between;
-    font-size: 1.5rem;
-    font-weight: 600;
-    & .regular-title-text {
-      display: flex;
-      gap: 0.5rem;
-      align-items: center;
-    }
-
-    & i {
-      font-size: 1.5rem;
-      color: var(--primary-500, #f59e0b);
-    }
   }
 
-  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+  & .wrapper__cards {
+    display: grid;
+    grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCards}, minmax(0, 1fr))`};
     gap: 1.25rem;
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+  }
 
-    & .regular-title {
-      font-size: 1.375rem;
-
-      &.center {
-        justify-content: center;
-      }
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__avatars {
+      grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitAvatarsForMobile}, minmax(0, 1fr))`};
+      gap: auto;
     }
-  }
-`,w=s.newStyled.div`
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  grid-template-rows: 15rem 15rem;
-  grid-column-gap: 1.25rem;
-  grid-row-gap: 1.25rem;
-  height: 30rem;
-  max-height: 30rem;
 
-  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    width: 100%;
-    height: 100%;
-    max-height: 100%;
-    padding: 0 1rem;
+    & .wrapper__cards {
+      grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCardsForMobile}, minmax(0, 1fr))`};
+      gap: 1rem;
+    }
   }
-`,b=c.forwardRef(({title:t,items:e,limit:n=3},o)=>r.jsxs(_,{children:[r.jsx("div",{className:"regular-title",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(w,{limit:n,children:e&&(e==null?void 0:e.map((a,l)=>r.jsx(u,{...a},`landing-page-masonry-general-card__${l+1}`)))})]}));module.exports=b;
+`,R=f.forwardRef(({title:i,subtitle:o,avatars:r=[],limitAvatars:l=4,limitCards:_=6,limitAvatarsForMobile:x=4,limitCardsForMobile:w=2,cards:s=[],onSelectAvatar:m=()=>{},onSelectCard:p=()=>{}},y)=>{var j,b;const g=e=>{m==null||m(e==null?void 0:e.uuid)},h=e=>{p==null||p(e==null?void 0:e.uuid)};return t.jsxs(O,{limitAvatars:l,limitAvatarsForMobile:x,limitCards:_,limitCardsForMobile:w,children:[t.jsxs("div",{className:"wrapper__heading",children:[i&&t.jsx("div",{className:"wrapper__title",children:i}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__avatars",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,n)=>t.jsx(k,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g==null?void 0:g(e)},`field-of-interests-with-avatars-card-avatar__${n+1}`)):(j=Array.from("1234"))==null?void 0:j.map((e,n)=>t.jsx(N,{},`field-of-interests-with-avatars-card-avatar-skeleton__${n+1}`))}),t.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,n)=>t.jsx(C,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-avatars-card__${n+1}`)):(b=Array.from("123456"))==null?void 0:b.map((e,n)=>t.jsx(W,{},`field-of-interests-with-avatars-card-skeleton__${n+1}`))})]})});module.exports=R;

package/dist/index9.js

@@ -1,222 +1,221 @@
-import { jsx as t, Fragment as u, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import _ from "./Button.js";
-import { n as d } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { m as o, t as c, k as g } from "./utils-DtEdJZWa.js";
-import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { M as f } from "./consts-DNVz1x1I.js";
-const b = d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { n as u } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as x } from "./consts-DNVz1x1I.js";
+import { m as F, l as N } from "./utils-DtEdJZWa.js";
+import { S as k } from "./index-DGl-lSfF.js";
+const A = u.div`
+  width: 100%;
+  height: 11.625rem;
   border-radius: 0.75rem;
-  position: relative;
-  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
-
-  grid-column: ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.columnStart) || "1";
-}} /
-    ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.columnEnd) || "6";
-}};
-  grid-row: ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.rowStart) || "1";
-}} /
-    ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.rowEnd) || "1";
-}};
+  background: ${F("-90deg")};
+`, C = u.div`
+  width: 100%;
+  height: auto;
+  border-radius: 999px;
 
   & .wrapper__image {
-    height: 100%;
     width: 100%;
+    aspect-ratio: 1 / 1;
     object-fit: cover;
-    border-radius: 0.75rem;
+    border-radius: 999px;
+    max-height: 9.875rem;
   }
 
-  & .wrapper__image--skeleton {
-    width: 24.5rem;
-    height: 30rem;
-    border-radius: 0.75rem;
-    background-color: ${o("-90deg")};
+  &.active {
+    border: var(--yellow-600, #d97706);
   }
 
-  & .wrapper__text {
+  @media (max-width: ${x + "px"}) {
+    & .wrapper__image {
+      height: auto;
+    }
+  }
+`, W = u.div`
+  width: 9.875rem;
+  height: 9.875rem;
+  border-radius: 999px;
+  background: ${F("-90deg")};
+
+  @media (max-width: ${x + "px"}) {
+    width: 4.5rem;
+    height: 4.5rem;
+  }
+`, I = f(({}, i) => /* @__PURE__ */ t(W, {})), v = f(
+  ({ isActive: i, image: s, imageComponent: r, onSelectCard: o = () => {
+  } }, h) => /* @__PURE__ */ t(
+    C,
+    {
+      className: i ? "active" : "",
+      onClick: o,
+      children: N(r) ? r : /* @__PURE__ */ t("img", { src: s, className: "wrapper__image" })
+    }
+  )
+), O = f(
+  ({
+    uuid: i,
+    title: s,
+    price: r,
+    currency: o,
+    isNegotiable: h,
+    isFree: w,
+    image: a,
+    sellerUuid: m,
+    onSelectCard: l = () => {
+    },
+    imageComponent: p,
+    negotiableText: d = "Negotiable",
+    freeText: g = "Free"
+  }, _) => /* @__PURE__ */ t(
+    k,
+    {
+      uuid: i,
+      title: s,
+      price: r,
+      currency: o,
+      isNegotiable: h,
+      isFree: w,
+      image: a,
+      imageComponent: p,
+      sellerUuid: m,
+      onSelectCard: l,
+      negotiableText: d,
+      freeText: g
+    }
+  )
+), j = f(({}, i) => /* @__PURE__ */ t(A, {})), M = u.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+
+  & .wrapper__heading {
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
-    padding: 1rem;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    gap: 0.75rem;
-
-    & .text__title {
-      color: var(--white, #ffffff);
-      font-size: 1rem;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 1.5rem;
-      ${c(2)}
-    }
+    gap: 1rem;
+    text-align: center;
 
-    & .text__tag {
-      background-color: var(--warning-600, #d97706);
-      color: var(--white, #ffffff);
-      font-size: 0.875rem;
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      text-align: center;
+      font-size: 1.5rem;
       font-style: normal;
-      font-weight: 500;
-      line-height: 1.25rem;
-      padding: 0.25rem 0.5rem;
-
-      border-radius: 0.375rem;
-      background: var(--warning-600, #d97706);
+      font-weight: 600;
+      line-height: 2rem;
+      letter-spacing: -0.47px;
     }
 
-    & .text__description {
-      color: var(--white);
+    & .wrapper__subtitle {
+      color: var(---gray-600, #676e79);
       font-size: 0.875rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
-      ${c(2)}
+      letter-spacing: 0.25px;
     }
+  }
 
-    & .text__action {
-      background: var(--white);
-      color: var(--black);
-
-      &:hover {
-        background: var(--primary-500, #f59e0b);
-        color: var(--white);
-      }
-    }
+  & .wrapper__avatars {
+    display: grid;
+    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitAvatars}, minmax(0, 1fr))`};
+    gap: 2rem;
+    justify-items: center;
+    align-items: center;
+  }
 
-    & .text__title--skeleton {
-      background-color: ${o("-90deg")};
-      height: 1rem;
-      width: 9rem;
-    }
+  & .wrapper__cards {
+    display: grid;
+    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(0, 1fr))`};
+    gap: 1.25rem;
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+  }
 
-    & .text__description--skeleton {
-      background-color: ${o("-90deg")};
-      height: 1rem;
-      width: 12rem;
+  @media (max-width: ${x + "px"}) {
+    & .wrapper__avatars {
+      grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitAvatarsForMobile}, minmax(0, 1fr))`};
+      gap: auto;
     }
 
-    & .text__action--skeleton {
-      background-color: ${o("-90deg")};
-      height: 2rem;
-      width: 9rem;
+    & .wrapper__cards {
+      grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
+      gap: 1rem;
     }
   }
-`, v = p(
+`, D = f(
   ({
-    title: r,
-    image: e,
-    description: i,
-    actionText: n,
-    onSelectCard: a = () => {
+    title: i,
+    subtitle: s,
+    avatars: r = [],
+    limitAvatars: o = 4,
+    limitCards: h = 6,
+    limitAvatarsForMobile: w = 4,
+    limitCardsForMobile: a = 2,
+    cards: m = [],
+    onSelectAvatar: l = () => {
     },
-    className: l,
-    position: h,
-    tag: s
-  }, $) => {
-    const x = w();
-    return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ m(
-      b,
+    onSelectCard: p = () => {
+    }
+  }, d) => {
+    var $, b;
+    const g = (e) => {
+      l == null || l(e == null ? void 0 : e.uuid);
+    }, _ = (e) => {
+      p == null || p(e == null ? void 0 : e.uuid);
+    };
+    return /* @__PURE__ */ y(
+      M,
       {
-        theme: x,
-        className: l,
-        onClick: a,
-        position: h,
+        limitAvatars: o,
+        limitAvatarsForMobile: w,
+        limitCards: h,
+        limitCardsForMobile: a,
         children: [
-          /* @__PURE__ */ t("img", { src: e, className: "wrapper__image" }),
-          /* @__PURE__ */ m("div", { className: "wrapper__text", children: [
-            s && /* @__PURE__ */ t("div", { className: "text__tag", children: s }),
-            /* @__PURE__ */ t("div", { className: "text__title", children: r }),
-            g(i) && /* @__PURE__ */ t("div", { className: "text__description", children: i }),
-            g(n) && /* @__PURE__ */ t(
-              _,
-              {
-                text: n,
-                onClick: a,
-                className: "text__action"
-              }
-            )
-          ] })
+          /* @__PURE__ */ y("div", { className: "wrapper__heading", children: [
+            i && /* @__PURE__ */ t("div", { className: "wrapper__title", children: i }),
+            s && /* @__PURE__ */ t("div", { className: "wrapper__subtitle", children: s })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "wrapper__avatars", children: r && (r == null ? void 0 : r.length) > 0 ? r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t(
+            v,
+            {
+              image: e == null ? void 0 : e.image,
+              imageComponent: e == null ? void 0 : e.imageComponent,
+              onSelectCard: () => g == null ? void 0 : g(e)
+            },
+            `field-of-interests-with-avatars-card-avatar__${n + 1}`
+          )) : ($ = Array.from("1234")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ t(
+            I,
+            {},
+            `field-of-interests-with-avatars-card-avatar-skeleton__${n + 1}`
+          )) }),
+          /* @__PURE__ */ t("div", { className: "wrapper__cards", children: m && (m == null ? void 0 : m.length) > 0 ? m == null ? void 0 : m.map((e, n) => /* @__PURE__ */ t(
+            O,
+            {
+              uuid: e == null ? void 0 : e.uuid,
+              title: e == null ? void 0 : e.title,
+              price: e == null ? void 0 : e.price,
+              currency: e == null ? void 0 : e.currency,
+              isNegotiable: e == null ? void 0 : e.isNegotiable,
+              isFree: e == null ? void 0 : e.isFree,
+              image: e == null ? void 0 : e.image,
+              imageComponent: e == null ? void 0 : e.imageComponent,
+              sellerUuid: e == null ? void 0 : e.sellerUuid,
+              negotiableText: e == null ? void 0 : e.negotiableText,
+              freeText: e == null ? void 0 : e.freeText,
+              onSelectCard: () => _ == null ? void 0 : _(e)
+            },
+            `field-of-interests-with-avatars-card__${n + 1}`
+          )) : (b = Array.from("123456")) == null ? void 0 : b.map((e, n) => /* @__PURE__ */ t(
+            j,
+            {},
+            `field-of-interests-with-avatars-card-skeleton__${n + 1}`
+          )) })
         ]
       }
-    ) });
-  }
-), y = d.div`
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-
-  & .regular-title {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-    justify-content: space-between;
-    font-size: 1.5rem;
-    font-weight: 600;
-    & .regular-title-text {
-      display: flex;
-      gap: 0.5rem;
-      align-items: center;
-    }
-
-    & i {
-      font-size: 1.5rem;
-      color: var(--primary-500, #f59e0b);
-    }
+    );
   }
-
-  @media (max-width: ${f + "px"}) {
-    gap: 1.25rem;
-
-    & .regular-title {
-      font-size: 1.375rem;
-
-      &.center {
-        justify-content: center;
-      }
-    }
-  }
-`, k = d.div`
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  grid-template-rows: 15rem 15rem;
-  grid-column-gap: 1.25rem;
-  grid-row-gap: 1.25rem;
-  height: 30rem;
-  max-height: 30rem;
-
-  @media (max-width: ${f + "px"}) {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    width: 100%;
-    height: 100%;
-    max-height: 100%;
-    padding: 0 1rem;
-  }
-`, C = p(
-  ({ title: r, items: e, limit: i = 3 }, n) => /* @__PURE__ */ m(y, { children: [
-    /* @__PURE__ */ t("div", { className: "regular-title", children: /* @__PURE__ */ t("div", { className: "regular-title-text", children: /* @__PURE__ */ t("span", { children: r }) }) }),
-    /* @__PURE__ */ t(k, { limit: i, children: e && (e == null ? void 0 : e.map((a, l) => /* @__PURE__ */ t(
-      v,
-      {
-        ...a
-      },
-      `landing-page-masonry-general-card__${l + 1}`
-    ))) })
-  ] })
 );
 export {
-  C as default
+  D as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.26",
+  "version": "4.0.28",
   "description": "React component library",
   "type": "module",
   "keywords": [

package/vite.config.js

@@ -147,19 +147,19 @@ export default defineConfig({
         ),
         resolve(
           __dirname,
-          "src/Landing Sections/products-sections/detailed-products-section/index.jsx"
+          "src/Landing Sections/products-sections/detailed-products-section/DetailedProductsSection.jsx"
         ),
         resolve(
           __dirname,
-          "src/Landing Sections/products-sections/products-with-banner-section/index.jsx"
+          "src/Landing Sections/products-sections/products-with-banner-section/ProductsWithBannerSection.jsx"
         ),
         resolve(
           __dirname,
-          "src/Landing Sections/products-sections/simple-products-section/index.jsx"
+          "src/Landing Sections/products-sections/simple-products-section/SimpleProductsSection.jsx"
         ),
         resolve(
           __dirname,
-          "src/Landing Sections/products-sections/urgent-sale-products-section/index.jsx"
+          "src/Landing Sections/products-sections/urgent-sale-products-section/UrgentSaleProductsSection.jsx"
         ),
         resolve(
           __dirname,