@lanaco/lnc-react-ui 4.0.148 → 4.0.150

package/dist/BlogListSection.js

@@ -1,14 +1,14 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as h, memo as v, useMemo as k } from "react";
-import u from "./Icon.js";
-import c from "./IconButton.js";
-import { p as N, s as I, v as R, w as b } from "./utils-BdsZgOUE.js";
-import { P as j } from "./index-CF3HhgvN.js";
-import { B as P } from "./style-DFPWLJBr.js";
-import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as T } from "./consts-BuFChS64.js";
-import { S as $ } from "./suspense-large-DPZHjpEr.js";
-const z = w.div`
+import { jsxs as i, jsx as r, Fragment as w } from "react/jsx-runtime";
+import { forwardRef as N, cloneElement as j, memo as C, useMemo as R } from "react";
+import y from "./Icon.js";
+import v from "./IconButton.js";
+import { p as z, s as L, v as P, w as k, l as T } from "./utils-BdsZgOUE.js";
+import { P as O } from "./index-CF3HhgvN.js";
+import { B as S } from "./style-DFPWLJBr.js";
+import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as E } from "./consts-BuFChS64.js";
+import { S as M } from "./suspense-large-DPZHjpEr.js";
+const U = B.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -60,7 +60,7 @@ const z = w.div`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${N(3)}
+        ${z(3)}
       }
 
       & .wrapper__tags {
@@ -103,7 +103,7 @@ const z = w.div`
     }
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${E + "px"}) {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -154,111 +154,101 @@ const z = w.div`
       }
     }
   }
-`, B = h(
+`, W = N(
   ({
-    title: d,
-    imageUrl: n,
+    blogUuid: s,
+    title: n,
+    imageUrl: o,
     options: a,
-    publishedAt: o,
-    timeToReadText: l = "{0} min read",
-    timeToRead: m = 0,
-    numberOfLikes: p = 0,
-    numberOfComments: f = 0,
-    isBookmarked: g = !1,
-    onSelectCard: _ = () => {
+    publishedAt: d,
+    timeToReadText: c = "{0} min read",
+    timeToRead: p = 0,
+    numberOfLikes: f = 0,
+    numberOfComments: g = 0,
+    isBookmarked: _ = !1,
+    onSelectCard: u = () => {
     },
     onBookmark: e = () => {
     },
-    onShare: s = () => {
-    }
-  }, O) => /* @__PURE__ */ i(z, { onClick: _, className: "blog-card-item", children: [
-    /* @__PURE__ */ t(j, { src: n, className: "wrapper__image" }),
-    /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-      /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
-        /* @__PURE__ */ t("div", { className: "wrapper__title", children: d }),
-        /* @__PURE__ */ i("div", { className: "wrapper__tags-action", children: [
-          /* @__PURE__ */ t("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((r, y) => /* @__PURE__ */ t(
-            P,
-            {
-              color: r == null ? void 0 : r.color,
-              children: r == null ? void 0 : r.name
-            },
-            `blog-card-sponsored-option__${y + 1}`
-          ))) }),
-          /* @__PURE__ */ i("div", { className: "info__content mobile-only", children: [
-            /* @__PURE__ */ t(
-              c,
+    onShare: m = () => {
+    },
+    bookmarkComponent: l = /* @__PURE__ */ r(w, {})
+  }, $) => {
+    const b = () => T(l) ? j(l, {
+      key: `bookmark_blog__${s}__${_}`,
+      isBookmarked: _,
+      blogUuid: s,
+      onBookmark: (h, I) => e(h, I),
+      ref: $,
+      componentName: "ExploreBlogSectionCard"
+    }) : /* @__PURE__ */ r(w, {});
+    return /* @__PURE__ */ i(U, { onClick: u, className: "blog-card-item", children: [
+      /* @__PURE__ */ r(O, { src: o, className: "wrapper__image" }),
+      /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
+          /* @__PURE__ */ r("div", { className: "wrapper__title", children: n }),
+          /* @__PURE__ */ i("div", { className: "wrapper__tags-action", children: [
+            /* @__PURE__ */ r("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((t, h) => /* @__PURE__ */ r(
+              S,
               {
-                icon: g ? " mng-lnc-bookmark--filled" : " mng-lnc-bookmark",
-                borderRadius: "curved",
-                btnType: "basic",
-                color: "neutral",
-                onClick: (r) => {
-                  r == null || r.stopPropagation(), e();
+                color: t == null ? void 0 : t.color,
+                children: t == null ? void 0 : t.name
+              },
+              `blog-card-sponsored-option__${h + 1}`
+            ))) }),
+            /* @__PURE__ */ i("div", { className: "info__content mobile-only", children: [
+              /* @__PURE__ */ r(b, {}),
+              /* @__PURE__ */ r(
+                v,
+                {
+                  icon: " mng-lnc-share",
+                  borderRadius: "curved",
+                  btnType: "basic",
+                  color: "neutral",
+                  onClick: (t) => {
+                    t == null || t.stopPropagation(), m();
+                  }
                 }
-              }
-            ),
-            /* @__PURE__ */ t(
-              c,
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
+          /* @__PURE__ */ i("div", { className: "info__content", children: [
+            /* @__PURE__ */ r("div", { className: "info__text", children: `${L(
+              d
+            )} • ${P(c, p)}` }),
+            /* @__PURE__ */ i("div", { className: "info__text", children: [
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ r(y, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                k(f)
+              ] }),
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ r(y, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                k(g)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "info__content desktop-only", children: [
+            /* @__PURE__ */ r(b, {}),
+            /* @__PURE__ */ r(
+              v,
               {
                 icon: " mng-lnc-share",
                 borderRadius: "curved",
                 btnType: "basic",
                 color: "neutral",
-                onClick: (r) => {
-                  r == null || r.stopPropagation(), s();
+                onClick: (t) => {
+                  t == null || t.stopPropagation(), m();
                 }
               }
             )
           ] })
         ] })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
-        /* @__PURE__ */ i("div", { className: "info__content", children: [
-          /* @__PURE__ */ t("div", { className: "info__text", children: `${I(
-            o
-          )} • ${R(l, m)}` }),
-          /* @__PURE__ */ i("div", { className: "info__text", children: [
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(u, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-              b(p)
-            ] }),
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(u, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-              b(f)
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "info__content desktop-only", children: [
-          /* @__PURE__ */ t(
-            c,
-            {
-              icon: g ? " mng-lnc-bookmark--filled" : " mng-lnc-bookmark",
-              borderRadius: "curved",
-              btnType: "basic",
-              color: "neutral",
-              onClick: (r) => {
-                r == null || r.stopPropagation(), e();
-              }
-            }
-          ),
-          /* @__PURE__ */ t(
-            c,
-            {
-              icon: " mng-lnc-share",
-              borderRadius: "curved",
-              btnType: "basic",
-              color: "neutral",
-              onClick: (r) => {
-                r == null || r.stopPropagation(), s();
-              }
-            }
-          )
-        ] })
       ] })
-    ] })
-  ] })
-), C = w.div`
+    ] });
+  }
+), A = B.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -282,52 +272,58 @@ const z = w.div`
       bottom: -1.25rem;
     }
   }
-`, L = v(B), F = h(
+`, D = C(W), Y = N(
   ({
-    timeToReadText: d = "{0} min read",
+    timeToReadText: s = "{0} min read",
     items: n,
-    onSelectCard: a = () => {
+    onSelectCard: o = () => {
     },
-    onShare: o = () => {
+    onShare: a = () => {
     },
-    onBookmark: l = () => {
+    onBookmark: d = () => {
     },
-    isLoading: m = !1,
+    isLoading: c = !1,
     getImage: p = () => {
     },
-    isSeparated: f = !0
-  }, g) => {
-    const _ = k(() => n == null ? void 0 : n.map((e, s) => /* @__PURE__ */ t(
-      L,
-      {
-        title: e == null ? void 0 : e.title,
-        titleSlug: e == null ? void 0 : e.titleSlug,
-        options: e == null ? void 0 : e.options,
-        publishedAt: e == null ? void 0 : e.publishedAt,
-        timeToReadText: d,
-        timeToRead: e == null ? void 0 : e.timeToRead,
-        numberOfLikes: e == null ? void 0 : e.numberOfLikes,
-        numberOfComments: e == null ? void 0 : e.numberOfComments,
-        isSponsored: e == null ? void 0 : e.isSponsored,
-        isBookmarked: e == null ? void 0 : e.isBookmarked,
-        onSelectCard: () => a == null ? void 0 : a(e),
-        onShare: () => o == null ? void 0 : o(e),
-        onBookmark: () => l == null ? void 0 : l(e),
-        imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
-      },
-      `blog-card-item__${s + 1}`
-    )), [n]);
-    return /* @__PURE__ */ t(C, { className: f ? "separated" : "", children: /* @__PURE__ */ t(
-      $,
+    isSeparated: f = !0,
+    bookmarkComponent: g = /* @__PURE__ */ r(w, {})
+  }, _) => {
+    const u = R(() => n == null ? void 0 : n.map((e, m) => {
+      var l;
+      return /* @__PURE__ */ r(
+        D,
+        {
+          blogUuid: e == null ? void 0 : e.uuid,
+          title: e == null ? void 0 : e.title,
+          titleSlug: e == null ? void 0 : e.titleSlug,
+          options: e == null ? void 0 : e.options,
+          publishedAt: e == null ? void 0 : e.publishedAt,
+          timeToReadText: s,
+          timeToRead: e == null ? void 0 : e.timeToRead,
+          numberOfLikes: e == null ? void 0 : e.numberOfLikes,
+          numberOfComments: e == null ? void 0 : e.numberOfComments,
+          isSponsored: e == null ? void 0 : e.isSponsored,
+          isBookmarked: e == null ? void 0 : e.isBookmarked,
+          onSelectCard: () => o == null ? void 0 : o(e),
+          onShare: () => a == null ? void 0 : a(e),
+          onBookmark: d,
+          imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+          bookmarkComponent: g
+        },
+        `blog-card-item__${m + 1}__${(l = e == null ? void 0 : e.isBookmarked) == null ? void 0 : l.toString()}`
+      );
+    }), [n]);
+    return /* @__PURE__ */ r(A, { className: f ? "separated" : "", children: /* @__PURE__ */ r(
+      M,
       {
-        isLoading: m,
+        isLoading: c,
         limit: 5,
         keyPrefix: "blog-section",
-        children: _
+        children: u
       }
     ) });
   }
 );
 export {
-  F as default
+  Y as default
 };

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -0,0 +1,66 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=require("./consts-goSZX3xP.cjs"),N=require("./IconButton.cjs"),D=require("./Button.cjs"),f=require("./utils-Dl9xPH4c.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),w=require("./suspense-product-card-detailed-FuxsUusc.cjs"),M=j.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  & .section__heading {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  & .section__title {
+    color: var(--gray-950, #14161a);
+    font-weight: 600;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    letter-spacing: -0.0294rem;
+  }
+
+  & .section__items {
+    display: grid;
+    grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
+    gap: 2rem;
+  }
+
+  & .section__show-more {
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+    width: 100%;
+    max-width: 100%;
+    align-self: center;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  & .section__view-all {
+    white-space: nowrap;
+  }
+
+  @media (max-width: ${P.MOBILE_SIZE_PX+"px"}) {
+    & .section__items {
+      display: flex;
+      gap: 1rem;
+      overflow-x: auto;
+
+      -webkit-overflow-scrolling: touch;
+      ::-webkit-scrollbar {
+        -webkit-appearance: none;
+      }
+      -ms-overflow-style: none;
+      /* Internet Explorer 10+ */
+      scrollbar-width: none;
+      /* Firefox */
+
+      &::-webkit-scrollbar {
+        display: none;
+        /* Safari and Chrome */
+      }
+    }
+  }
+`,k=a.memo(w.DetailedProductCard),U=a.forwardRef((s,B)=>{const{title:l,items:o,limit:n=4,isLoading:_=!1,onSelectCard:c=()=>{},onLoadMore:h=()=>{},onButtonAction:C=()=>{},getImage:d=()=>{},viewAllbuttonLink:u,viewAllButonText:v="View all",negotiableText:m,freeText:g,loadMoreButtonIcon:S="angle-down",sponsoredText:p,onBookmark:b=()=>{},bookmarkComponent:y}=s,r=L.useDetectMobile(),q=a.useMemo(()=>i.jsx(i.Fragment,{children:r===!0?o==null?void 0:o.map((e,t)=>i.jsx(k,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:p,onBookmark:b,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},t)):o==null?void 0:o.slice(0,n).map((e,t)=>i.jsx(k,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:p,onBookmark:b,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},t))}),[o,r,n]);return i.jsxs(M,{limit:n,children:[i.jsxs("div",{className:"section__heading",children:[f.isDefinedNotEmptyString(l)&&i.jsx("div",{className:"section__title",children:l}),r&&f.isDefinedNotEmptyString(u)&&i.jsx(D,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var t;(t=e==null?void 0:e.target)==null||t.blur(),C(u)},borderRadius:"curved",className:"section__view-all",children:v})]}),i.jsx(w.SuspenseDetailedProductCard,{isLoading:_,limit:n,keyPrefix:"explore-landing",children:i.jsx("div",{className:"section__items",children:q})}),!r&&i.jsx(N,{icon:S,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=U;

package/dist/DetailedProductsInfinitiveSection.js

@@ -0,0 +1,203 @@
+import { jsx as o, Fragment as P, jsxs as b } from "react/jsx-runtime";
+import { memo as N, forwardRef as L, useMemo as M } from "react";
+import { s as U } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as B } from "./consts-BuFChS64.js";
+import D from "./IconButton.js";
+import F from "./Button.js";
+import { k } from "./utils-BdsZgOUE.js";
+import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
+import { D as T, S as q } from "./suspense-product-card-detailed-C-ZCjG5p.js";
+const z = U.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  & .section__heading {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  & .section__title {
+    color: var(--gray-950, #14161a);
+    font-weight: 600;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    letter-spacing: -0.0294rem;
+  }
+
+  & .section__items {
+    display: grid;
+    grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
+    gap: 2rem;
+  }
+
+  & .section__show-more {
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+    width: 100%;
+    max-width: 100%;
+    align-self: center;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  & .section__view-all {
+    white-space: nowrap;
+  }
+
+  @media (max-width: ${B + "px"}) {
+    & .section__items {
+      display: flex;
+      gap: 1rem;
+      overflow-x: auto;
+
+      -webkit-overflow-scrolling: touch;
+      ::-webkit-scrollbar {
+        -webkit-appearance: none;
+      }
+      -ms-overflow-style: none;
+      /* Internet Explorer 10+ */
+      scrollbar-width: none;
+      /* Firefox */
+
+      &::-webkit-scrollbar {
+        display: none;
+        /* Safari and Chrome */
+      }
+    }
+  }
+`, y = N(T), H = L((a, E) => {
+  const {
+    title: l,
+    items: i,
+    limit: r = 4,
+    isLoading: w = !1,
+    onSelectCard: s = () => {
+    },
+    onLoadMore: h = () => {
+    },
+    onButtonAction: _ = () => {
+    },
+    getImage: d = () => {
+    },
+    viewAllbuttonLink: c,
+    viewAllButonText: C = "View all",
+    negotiableText: m,
+    freeText: u,
+    loadMoreButtonIcon: v = "angle-down",
+    sponsoredText: g,
+    onBookmark: p = () => {
+    },
+    bookmarkComponent: f
+  } = a, n = I(), S = M(() => /* @__PURE__ */ o(P, { children: n === !0 ? i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
+    y,
+    {
+      name: e == null ? void 0 : e.name,
+      price: e == null ? void 0 : e.price,
+      sellingPrice: e == null ? void 0 : e.sellingPrice,
+      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,
+      sponsored: e == null ? void 0 : e.sponsored,
+      imageComponent: e == null ? void 0 : e.imageComponent,
+      onSelectCard: () => s({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
+      imageUrl: d(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      isFree: e == null ? void 0 : e.isFree,
+      isNegotiable: e == null ? void 0 : e.isNegotiable,
+      negotiableText: m,
+      freeText: u,
+      tags: e == null ? void 0 : e.tags,
+      categoryCode: e == null ? void 0 : e.categoryCode,
+      condition: e == null ? void 0 : e.condition,
+      quantity: e == null ? void 0 : e.quantity,
+      trade: e == null ? void 0 : e.trade,
+      sponsoredText: g,
+      onBookmark: p,
+      bookmarkComponent: f,
+      bookmarked: e == null ? void 0 : e.bookmarked,
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists
+    },
+    t
+  )) : i == null ? void 0 : i.slice(0, r).map((e, t) => /* @__PURE__ */ o(
+    y,
+    {
+      name: e == null ? void 0 : e.name,
+      price: e == null ? void 0 : e.price,
+      sellingPrice: e == null ? void 0 : e.sellingPrice,
+      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,
+      sponsored: e == null ? void 0 : e.sponsored,
+      imageComponent: e == null ? void 0 : e.imageComponent,
+      onSelectCard: () => s({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
+      imageUrl: d(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      isFree: e == null ? void 0 : e.isFree,
+      isNegotiable: e == null ? void 0 : e.isNegotiable,
+      negotiableText: m,
+      freeText: u,
+      tags: e == null ? void 0 : e.tags,
+      categoryCode: e == null ? void 0 : e.categoryCode,
+      condition: e == null ? void 0 : e.condition,
+      quantity: e == null ? void 0 : e.quantity,
+      trade: e == null ? void 0 : e.trade,
+      sponsoredText: g,
+      onBookmark: p,
+      bookmarkComponent: f,
+      bookmarked: e == null ? void 0 : e.bookmarked,
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists
+    },
+    t
+  )) }), [i, n, r]);
+  return /* @__PURE__ */ b(z, { limit: r, children: [
+    /* @__PURE__ */ b("div", { className: "section__heading", children: [
+      k(l) && /* @__PURE__ */ o("div", { className: "section__title", children: l }),
+      n && k(c) && /* @__PURE__ */ o(
+        F,
+        {
+          type: "button",
+          btnType: "tinted",
+          color: "neutral",
+          onClick: (e) => {
+            var t;
+            (t = e == null ? void 0 : e.target) == null || t.blur(), _(c);
+          },
+          borderRadius: "curved",
+          className: "section__view-all",
+          children: C
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(
+      q,
+      {
+        isLoading: w,
+        limit: r,
+        keyPrefix: "explore-landing",
+        children: /* @__PURE__ */ o("div", { className: "section__items", children: S })
+      }
+    ),
+    !n && /* @__PURE__ */ o(
+      D,
+      {
+        icon: v,
+        borderRadius: "curved",
+        btnType: "basic",
+        color: "neutral",
+        className: "section__show-more",
+        onClick: h
+      }
+    )
+  ] });
+});
+export {
+  H as default
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),G=require("./Notification.cjs"),v=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),Ge=require("./SwipeableDrawer.cjs"),ve=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./ProductsWithBannerSection.cjs"),We=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),He=require("./BannerSectionCarousel.cjs"),Re=require("./BannerSectionGrid.cjs"),Oe=require("./BannerSectionSimple.cjs"),Ee=require("./BannerSectionWithList.cjs"),Qe=require("./BannerSectionWithListImage.cjs"),Ue=require("./GiftCardsSection.cjs"),ze=require("./BrandHitsSection.cjs"),je=require("./FieldOfInterestsMasonrySection.cjs"),Je=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Xe=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ye=require("./BannerSectionBasic.cjs"),Ze=require("./GeneralWithTagsCardsSection.cjs"),_e=require("./ShopCardsSection.cjs"),$e=require("./QuizSection.cjs"),er=require("./SalesCampaignsSection.cjs"),rr=require("./CalorieCalculatorSection.cjs"),or=require("./BlogCategoryCardsSection.cjs"),tr=require("./BlogProductCardsSection.cjs"),nr=require("./BlogShopCardsSection.cjs"),ir=require("./BlogCardsSponsoredSection.cjs"),cr=require("./BlogListSection.cjs"),ar=require("./AdBannerSection.cjs"),sr=require("./QuattroCardsSection.cjs"),ur=require("./FeedbackSection.cjs"),dr=require("./HelpBannerSection.cjs"),qr=require("./ContactSection.cjs"),lr=require("./FaqSection.cjs"),Sr=require("./SearchSection-BGK1Fxaj.cjs"),pr=require("./StatsSection.cjs"),gr=require("./ToggleSection.cjs"),Cr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),mr=require("./CustomStyles-Ajyqx0cb.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=G;exports.NotificationContainer=v;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=Ge;exports.TreeMenu=ve;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.ProductsWithBannerSection=Ve;exports.SimpleProductsSection=We;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=He;exports.BannerSectionGrid=Re;exports.BannerSectionSimple=Oe;exports.BannerSectionWithList=Ee;exports.BannerSectionWithListImage=Qe;exports.GiftCardsSection=Ue;exports.BrandHitsSection=ze;exports.FieldOfInterestsMasonrySection=je;exports.FieldOfInterestsWithAvatarsCardsSection=Je;exports.FieldOfInterestsWithTagsCardsSection=Xe;exports.BannerSectionBasic=Ye;exports.GeneralWithTagsCardsSection=Ze;exports.ShopCardsSection=_e;exports.QuizSection=$e;exports.SalesCampaignsSection=er;exports.CalorieCalculatorSection=rr;exports.BlogCategoryCardsSection=or;exports.BlogProductCardsSection=tr;exports.BlogShopCardsSection=nr;exports.BlogCardsSponsoredSection=ir;exports.BlogListSection=cr;exports.AdBannerSection=ar;exports.QuattroCardsSection=sr;exports.FeedbackSection=ur;exports.HelpBannerSection=dr;exports.ContactSection=qr;exports.FaqSection=lr;exports.SearchSection=Sr.SearchSection;exports.StatsSection=pr;exports.ToggleSection=gr;exports.BlogExploreSection=Cr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=mr.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),lr=require("./ContactSection.cjs"),Sr=require("./FaqSection.cjs"),pr=require("./SearchSection-BGK1Fxaj.cjs"),gr=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),Br=require("./CustomStyles-Ajyqx0cb.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=lr;exports.FaqSection=Sr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Cr;exports.BlogExploreSection=mr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Br.components;