@lanaco/lnc-react-ui 4.0.32 → 4.0.33

package/dist/BlogsSectionLarge.js

@@ -0,0 +1,177 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as c } from "./consts-DNVz1x1I.js";
+import { u as h } from "./useDetectMobile-BookNOsk.js";
+import { m as u, t as k } from "./utils-xpQsPsCa.js";
+import s from "./Button.js";
+const y = g.div`
+  display: grid;
+  grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
+  gap: 1.25rem;
+
+  @media (max-width: ${c + "px"}) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`, b = g.div`
+  display: flex;
+  width: 100%;
+  gap: 1.25rem;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+  background-color: var(--white);
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008);
+  overflow: hidden;
+  max-height: 11.25rem;
+  min-height: 11.25rem;
+
+  & img {
+    max-height: 11.25rem;
+    min-height: 11.25rem;
+    min-width: 11.25rem;
+    max-width: 11.25rem;
+    object-fit: cover;
+    width: 100%;
+    border-radius: 0.75rem 0 0 0.75rem;
+  }
+
+  & .skeleton-img {
+    width: 100%;
+    max-height: 11.25rem;
+    min-height: 12.25rem;
+    min-width: 11.25rem;
+    max-width: 11.25rem;
+    background-color: ${u("-90deg")};
+    border-radius: 0.75rem 0 0 0.75rem;
+  }
+
+  @media (max-width: ${c + "px"}) {
+    padding: 1rem;
+    column-gap: 1.5rem;
+    row-gap: 1rem;
+    display: grid;
+    grid-template-columns: repeat(2, auto);
+    max-height: 13.25rem;
+    min-height: 13.25rem;
+    & .action {
+      grid-column: 1 / 3;
+    }
+
+    & img,
+    .skeleton-img {
+      max-height: 7.75rem;
+      min-height: 7.75rem;
+      min-width: 7.75rem;
+      max-width: 7.75rem;
+      border-radius: 0.75rem;
+    }
+
+    & button {
+      width: 100%;
+      margin-top: auto;
+    }
+  }
+`, w = g.div`
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  color: var(--gray-950, #14161a);
+
+  & .text-wr-title {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
+
+  & .text-wr {
+    font-weight: 400;
+    font-size: 0.875rem;
+    color: var(--gray-700, #4e555f);
+    ${k(3)}
+  }
+
+  & button {
+    width: fit-content;
+    margin-top: auto;
+  }
+
+  & .skeleton-title {
+    height: 1.75rem;
+    width: 80%;
+    background-color: ${u("-90deg")};
+  }
+
+  @media (max-width: ${c + "px"}) {
+    padding: 0;
+  }
+`;
+d(({}, i) => /* @__PURE__ */ l(b, { className: "blog-card", children: [
+  /* @__PURE__ */ t("div", { className: "skeleton-img" }),
+  /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t("div", { className: "skeleton-title" }) })
+] }));
+const p = d((i, f) => {
+  const { title: r, image: a, text: n, onCardClick: m, buttonText: e } = i, o = h();
+  return (
+    // <BlogCardLargeSkeleton />
+    /* @__PURE__ */ l(b, { className: "blog-card", onClick: m, children: [
+      /* @__PURE__ */ t("img", { src: a }),
+      /* @__PURE__ */ l(w, { children: [
+        /* @__PURE__ */ t("div", { className: "text-wr-title", children: r }),
+        /* @__PURE__ */ t("div", { className: "text-wr", children: n }),
+        o !== !0 && /* @__PURE__ */ t(
+          s,
+          {
+            type: "button",
+            btnType: "outline",
+            size: "medium",
+            color: "gray",
+            onClick: m,
+            children: e
+          }
+        )
+      ] }),
+      o === !0 && /* @__PURE__ */ t(
+        s,
+        {
+          className: "action",
+          type: "button",
+          btnType: "outline",
+          size: "medium",
+          color: "gray",
+          onClick: m,
+          children: e
+        }
+      )
+    ] })
+  );
+}), z = d((i, f) => {
+  const { items: r, onSelectCard: a = () => {
+  }, limit: n = 2 } = i, m = h();
+  return /* @__PURE__ */ t(y, { limit: n, children: m === !0 ? r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ t(
+    p,
+    {
+      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: () => a(e)
+    },
+    o
+  )) : r == null ? void 0 : r.slice(0, n).map((e, o) => /* @__PURE__ */ t(
+    p,
+    {
+      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: () => a(e)
+    },
+    o
+  )) });
+});
+export {
+  z as default
+};

package/dist/BlogsSectionSimple.cjs

@@ -0,0 +1,71 @@
+"use strict";const t=require("react/jsx-runtime"),m=require("react"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),h=require("./consts-dNz9tpt4.cjs"),y=require("./useDetectMobile-rBe0FiP2.cjs"),l=require("./utils-UJt-R-G3.cjs"),S=require("./style-CeMnBJ6v.cjs"),k=require("./Button.cjs"),x=require("./Link.cjs"),N=g.newStyled.div`
+  display: grid;
+  grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
+  gap: 1.25rem;
+
+  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,f=g.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+  background-color: var(--white);
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008);
+  overflow: hidden;
+  max-height: 21.5625rem;
+  min-height: 21.5625rem;
+  cursor: pointer;
+
+  &:hover {
+    & .text-wr-title {
+      color: var(--primary-500, #f59e0b);
+      transition: var(--transition);
+    }
+  }
+
+  & img {
+    max-height: 12.5625rem;
+    min-height: 12.5625rem;
+    object-fit: cover;
+    width: 100%;
+  }
+
+  & .skeleton-img {
+    width: 100%;
+    max-height: 12.5625rem;
+    min-height: 12.5625rem;
+    background-color: ${l.linearGradientAnimation("-90deg")};
+  }
+
+  & .action {
+    padding: 0 1rem 1rem 1rem;
+    margin-top: auto;
+  }
+
+  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  }
+`,w=g.newStyled.div`
+  padding: 1rem 1rem 0 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  color: var(--gray-950, #14161a);
+  border-top: 1px solid var(--gray-95008);
+
+  & .text-wr-title {
+    font-weight: 600;
+    font-size: 1rem;
+  }
+
+  & .text-wr {
+    font-weight: 400;
+    font-size: 0.875rem;
+    flex: 1;
+    color: var(--gray-700, #4e555f);
+    ${l.truncateTextInRows(3)}
+  }
+`;m.forwardRef(({},r)=>t.jsxs(f,{className:"product-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsx("div",{className:"card-title"}),t.jsx(w,{})]}));const p=m.forwardRef((r,j)=>{const{title:a,image:s,text:c,onCardClick:o,readMoreText:n="Read more"}=r;return t.jsxs(f,{className:"blog-card",onClick:o,children:[t.jsx("img",{src:s}),t.jsxs(w,{children:[t.jsx("div",{className:"text-wr-title",children:a}),t.jsx("div",{className:"text-wr",children:c})]}),t.jsx(x,{className:"action",color:"gray",onClick:o,children:n})]})}),C=m.forwardRef((r,j)=>{const{icon:a,title:s,onButtonAction:c=()=>{},onSelectCard:o=()=>{},buttonLink:n,items:i,buttonText:b,limit:u=3}=r,v=y.useDetectMobile();return t.jsxs(S.RegulatTitleSectionWrapper,{children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(a)&&t.jsx("i",{className:a}),t.jsx("span",{children:s})]}),l.isDefinedNotEmptyString(n)&&t.jsx(k,{type:"button",btnType:"tinted",color:"gray",onClick:()=>c(n),borderRadius:"curved",children:b})]}),t.jsx(N,{limit:u,children:v===!0?i==null?void 0:i.map((e,d)=>t.jsx(p,{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,onCardClick:()=>o(e==null?void 0:e.uuid)},d)):i==null?void 0:i.slice(0,u).map((e,d)=>t.jsx(p,{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,onCardClick:()=>o(e==null?void 0:e.uuid)},d))})]})});module.exports=C;

package/dist/BlogsSectionSimple.js

@@ -0,0 +1,158 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { n as p } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as f } from "./consts-DNVz1x1I.js";
+import { u as S } from "./useDetectMobile-BookNOsk.js";
+import { m as C, t as N, k as u } from "./utils-xpQsPsCa.js";
+import { R } from "./style-D6sNCRwG.js";
+import T from "./Button.js";
+import $ from "./Link.js";
+const B = p.div`
+  display: grid;
+  grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
+  gap: 1.25rem;
+
+  @media (max-width: ${f + "px"}) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`, v = p.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+  background-color: var(--white);
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008);
+  overflow: hidden;
+  max-height: 21.5625rem;
+  min-height: 21.5625rem;
+  cursor: pointer;
+
+  &:hover {
+    & .text-wr-title {
+      color: var(--primary-500, #f59e0b);
+      transition: var(--transition);
+    }
+  }
+
+  & img {
+    max-height: 12.5625rem;
+    min-height: 12.5625rem;
+    object-fit: cover;
+    width: 100%;
+  }
+
+  & .skeleton-img {
+    width: 100%;
+    max-height: 12.5625rem;
+    min-height: 12.5625rem;
+    background-color: ${C("-90deg")};
+  }
+
+  & .action {
+    padding: 0 1rem 1rem 1rem;
+    margin-top: auto;
+  }
+
+  @media (max-width: ${f + "px"}) {
+  }
+`, b = p.div`
+  padding: 1rem 1rem 0 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  color: var(--gray-950, #14161a);
+  border-top: 1px solid var(--gray-95008);
+
+  & .text-wr-title {
+    font-weight: 600;
+    font-size: 1rem;
+  }
+
+  & .text-wr {
+    font-weight: 400;
+    font-size: 0.875rem;
+    flex: 1;
+    color: var(--gray-700, #4e555f);
+    ${N(3)}
+  }
+`;
+s(({}, r) => (
+  // <LandingPageClearProductCardSkeleton />
+  /* @__PURE__ */ a(v, { className: "product-card", children: [
+    /* @__PURE__ */ t("div", { className: "skeleton-img" }),
+    /* @__PURE__ */ t("div", { className: "card-title" }),
+    /* @__PURE__ */ t(b, {})
+  ] })
+));
+const h = s((r, w) => {
+  const { title: l, image: m, text: d, onCardClick: o, readMoreText: n = "Read more" } = r;
+  return (
+    // <SimpleBlogCardSkeleton />
+    /* @__PURE__ */ a(v, { className: "blog-card", onClick: o, children: [
+      /* @__PURE__ */ t("img", { src: m }),
+      /* @__PURE__ */ a(b, { children: [
+        /* @__PURE__ */ t("div", { className: "text-wr-title", children: l }),
+        /* @__PURE__ */ t("div", { className: "text-wr", children: d })
+      ] }),
+      /* @__PURE__ */ t($, { className: "action", color: "gray", onClick: o, children: n })
+    ] })
+  );
+}), G = s((r, w) => {
+  const {
+    icon: l,
+    title: m,
+    onButtonAction: d = () => {
+    },
+    onSelectCard: o = () => {
+    },
+    buttonLink: n,
+    items: i,
+    buttonText: y,
+    limit: g = 3
+  } = r, k = S();
+  return /* @__PURE__ */ a(R, { children: [
+    /* @__PURE__ */ a("div", { className: "regular-title", children: [
+      /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
+        u(l) && /* @__PURE__ */ t("i", { className: l }),
+        /* @__PURE__ */ t("span", { children: m })
+      ] }),
+      u(n) && /* @__PURE__ */ t(
+        T,
+        {
+          type: "button",
+          btnType: "tinted",
+          color: "gray",
+          onClick: () => d(n),
+          borderRadius: "curved",
+          children: y
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(B, { limit: g, children: k === !0 ? i == null ? void 0 : i.map((e, c) => /* @__PURE__ */ t(
+      h,
+      {
+        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,
+        onCardClick: () => o(e == null ? void 0 : e.uuid)
+      },
+      c
+    )) : i == null ? void 0 : i.slice(0, g).map((e, c) => /* @__PURE__ */ t(
+      h,
+      {
+        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,
+        onCardClick: () => o(e == null ? void 0 : e.uuid)
+      },
+      c
+    )) })
+  ] });
+});
+export {
+  G as default
+};

package/dist/BlogsSectionSimpleCentered.cjs

@@ -0,0 +1,78 @@
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./consts-dNz9tpt4.cjs"),w=require("./useDetectMobile-rBe0FiP2.cjs"),d=require("./utils-UJt-R-G3.cjs"),b=require("./Button.cjs"),f=m.newStyled.div`
+  display: grid;
+  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
+  gap: 1.25rem;
+  margin: auto;
+
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,h=m.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 18.125rem;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+  background-color: var(--white);
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008);
+  overflow: hidden;
+  gap: 1.5rem;
+  padding: 2rem 1.25rem;
+  min-height: 22.5rem;
+  max-height: 22.5rem;
+  align-items: center;
+
+  & button {
+    width: fit-content;
+    margin-top: auto;
+  }
+
+  & img {
+    max-width: 6rem;
+    min-width: 6rem;
+    min-height: 6rem;
+    max-height: 6rem;
+    border-radius: 0.75rem;
+    object-fit: cover;
+  }
+
+  & .skeleton-img {
+    max-width: 6rem;
+    min-width: 6rem;
+    min-height: 6rem;
+    max-height: 6rem;
+    border-radius: 0.75rem;
+    background-color: ${d.linearGradientAnimation("-90deg")};
+  }
+
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+    max-width: unset;
+  }
+`,p=m.newStyled.div`
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  color: var(--gray-950, #14161a);
+
+  & .text-wr-title {
+    font-weight: 600;
+    font-size: 1.375rem;
+  }
+
+  & .skeleton-title {
+    height: 1.75rem;
+    width: 80%;
+    background-color: ${d.linearGradientAnimation("-90deg")};
+  }
+
+  & .text-wr {
+    font-weight: 400;
+    font-size: 0.875rem;
+    flex: 1;
+    color: var(--gray-700, #4e555f);
+    ${d.truncateTextInRows(3)}
+  }
+`;s.forwardRef((i,c)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{"skeleton-img":!0}),t.jsx(p,{children:t.jsx("div",{className:"skeleton-title"})})]})});const u=s.forwardRef((i,c)=>{const{title:r,image:n,text:o,buttonText:a,onCardClick:e}=i;return t.jsxs(h,{className:"blog-card",onClick:e,children:[t.jsx("img",{src:n}),t.jsxs(p,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx(b,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:e,size:"medium",children:a})]})}),j=s.forwardRef((i,c)=>{const{items:r,limit:n=3,onSelectCard:o=()=>{}}=i,a=w.useDetectMobile();return t.jsx(f,{limit:n,children:a===!0?r==null?void 0:r.map((e,l)=>t.jsx(u,{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:()=>o(e==null?void 0:e.uuid)},l)):r==null?void 0:r.slice(0,n).map((e,l)=>t.jsx(u,{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:()=>o(e==null?void 0:e.uuid)},l))})});module.exports=j;

package/dist/BlogsSectionSimpleCentered.js

@@ -0,0 +1,149 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as p } from "./consts-DNVz1x1I.js";
+import { u as b } from "./useDetectMobile-BookNOsk.js";
+import { m as u, t as w } from "./utils-xpQsPsCa.js";
+import C from "./Button.js";
+const k = c.div`
+  display: grid;
+  grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
+  gap: 1.25rem;
+  margin: auto;
+
+  @media (max-width: ${p + "px"}) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`, h = c.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 18.125rem;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+  background-color: var(--white);
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008);
+  overflow: hidden;
+  gap: 1.5rem;
+  padding: 2rem 1.25rem;
+  min-height: 22.5rem;
+  max-height: 22.5rem;
+  align-items: center;
+
+  & button {
+    width: fit-content;
+    margin-top: auto;
+  }
+
+  & img {
+    max-width: 6rem;
+    min-width: 6rem;
+    min-height: 6rem;
+    max-height: 6rem;
+    border-radius: 0.75rem;
+    object-fit: cover;
+  }
+
+  & .skeleton-img {
+    max-width: 6rem;
+    min-width: 6rem;
+    min-height: 6rem;
+    max-height: 6rem;
+    border-radius: 0.75rem;
+    background-color: ${u("-90deg")};
+  }
+
+  @media (max-width: ${p + "px"}) {
+    max-width: unset;
+  }
+`, f = c.div`
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  color: var(--gray-950, #14161a);
+
+  & .text-wr-title {
+    font-weight: 600;
+    font-size: 1.375rem;
+  }
+
+  & .skeleton-title {
+    height: 1.75rem;
+    width: 80%;
+    background-color: ${u("-90deg")};
+  }
+
+  & .text-wr {
+    font-weight: 400;
+    font-size: 0.875rem;
+    flex: 1;
+    color: var(--gray-700, #4e555f);
+    ${w(3)}
+  }
+`;
+d((i, s) => {
+  const { onCardClick: t } = i;
+  return (
+    // <SimpleBlogCardSkeleton />
+    /* @__PURE__ */ l(h, { className: "product-card", onClick: t, children: [
+      /* @__PURE__ */ r("div", { "skeleton-img": !0 }),
+      /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("div", { className: "skeleton-title" }) })
+    ] })
+  );
+});
+const g = d((i, s) => {
+  const { title: t, image: o, text: a, buttonText: m, onCardClick: e } = i;
+  return (
+    // <SimpleBlogCardCenteredSkeleton />
+    /* @__PURE__ */ l(h, { className: "blog-card", onClick: e, children: [
+      /* @__PURE__ */ r("img", { src: o }),
+      /* @__PURE__ */ l(f, { children: [
+        /* @__PURE__ */ r("div", { className: "text-wr-title", children: t }),
+        /* @__PURE__ */ r("div", { className: "text-wr", children: a })
+      ] }),
+      /* @__PURE__ */ r(
+        C,
+        {
+          borderRadius: "curved",
+          color: "gray",
+          type: "button",
+          btnType: "outline",
+          onClick: e,
+          size: "medium",
+          children: m
+        }
+      )
+    ] })
+  );
+}), M = d((i, s) => {
+  const { items: t, limit: o = 3, onSelectCard: a = () => {
+  } } = i, m = b();
+  return /* @__PURE__ */ r(k, { limit: o, children: m === !0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
+    g,
+    {
+      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: () => a(e == null ? void 0 : e.uuid)
+    },
+    n
+  )) : t == null ? void 0 : t.slice(0, o).map((e, n) => /* @__PURE__ */ r(
+    g,
+    {
+      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: () => a(e == null ? void 0 : e.uuid)
+    },
+    n
+  )) });
+});
+export {
+  M as default
+};