@lanaco/lnc-react-ui 4.0.126 → 4.0.127

package/dist/BlogExploreSection.js

@@ -1,18 +1,18 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import { forwardRef as C } from "react";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { forwardRef as I } from "react";
 import { P as e } from "./index-CblbdqjE.js";
-import { s as J } from "./utils-BbgAIA9N.js";
+import { s as J } from "./utils-BPdU4_1q.js";
 import K from "./TextInput.js";
-import b from "./Icon.js";
+import N from "./Icon.js";
 import Q from "./Link.js";
-import z from "./DropdownMenu.js";
-import I from "./DropdownItem.js";
-import { F as W } from "./tag-D6in2BG6.js";
+import L from "./DropdownMenu.js";
+import $ from "./DropdownItem.js";
+import { F as W } from "./tag-CtleOqEC.js";
 import Y from "./BlogProductCardsSection.js";
-import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import T from "./BlogListSection.js";
+import { s as A } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import z from "./BlogListSection.js";
 import { M as B } from "./consts-BuFChS64.js";
-const O = L.div`
+const O = A.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -93,93 +93,93 @@ const O = L.div`
       }
     }
   }
-`, P = C(
+`, P = I(
   ({
-    perPageOptions: s = [
+    perPageOptions: o = [
       { code: 10, name: "Show 10 items" },
       { code: 25, name: "Show 25 items" },
       { code: 50, name: "Show 50 items" }
     ],
-    perPage: d,
-    handlePerPage: h = () => {
+    perPage: f,
+    handlePerPage: u = () => {
     },
-    page: o = 1,
-    handlePage: c = () => {
+    page: c = 1,
+    handlePage: l = () => {
     },
-    total: i
-  }, f) => {
-    var m;
-    const p = () => {
-      o > 1 && (c == null || c(o - 1));
-    }, _ = () => {
-      o < i && (c == null || c(o + 1));
-    }, u = () => {
-      const t = [];
-      if (i <= 7)
-        for (let a = 1; a <= i; a++)
-          t.push(a);
+    totalPage: t
+  }, m) => {
+    var _, s;
+    const h = () => {
+      c > 1 && (l == null || l(c - 1));
+    }, g = () => {
+      c < t && (l == null || l(c + 1));
+    }, v = () => {
+      const r = [];
+      if (t <= 7)
+        for (let a = 1; a <= t; a++)
+          r.push(a);
       else
-        o <= 3 ? t.push(1, 2, 3, "...", i) : o >= i - 2 ? t.push(1, "...", i - 2, i - 1, i) : t.push(1, 2, 3, "...", i);
-      return t == null ? void 0 : t.map((a, g) => a === "..." ? /* @__PURE__ */ n(
+        c <= 3 ? r.push(1, 2, 3, "...", t) : c >= t - 2 ? r.push(1, "...", t - 2, t - 1, t) : r.push(1, 2, 3, "...", t);
+      return r == null ? void 0 : r.map((a, p) => a === "..." ? /* @__PURE__ */ n(
         "div",
         {
           className: "pagination__page ellipsis",
           children: a
         },
-        `pagination-ellipsis__${g}`
+        `pagination-ellipsis__${p}`
       ) : /* @__PURE__ */ n(
         "div",
         {
-          onClick: () => c(a),
-          className: `pagination__page ${o === a ? "active" : ""}`,
+          onClick: () => l(a),
+          className: `pagination__page ${c === a ? "active" : ""}`,
           children: a
         },
-        `pagination-page__${g}`
+        `pagination-page__${p}`
       ));
     };
-    return /* @__PURE__ */ l(O, { className: "pagination", children: [
+    return /* @__PURE__ */ d(O, { className: "pagination", children: [
       /* @__PURE__ */ n(
-        z,
+        L,
         {
           color: "neutral",
-          control: d || ((m = s[0]) == null ? void 0 : m.name),
+          control: ((_ = o == null ? void 0 : o.find((r) => (r == null ? void 0 : r.code) === f)) == null ? void 0 : _.name) || ((s = o[0]) == null ? void 0 : s.name),
           placement: "bottom",
           zIndex: 1001,
           className: "pagination__per-page",
-          children: s == null ? void 0 : s.map((t, a) => /* @__PURE__ */ n(
-            I,
+          children: o == null ? void 0 : o.map((r, a) => /* @__PURE__ */ n(
+            $,
             {
-              active: (t == null ? void 0 : t.code) === (d == null ? void 0 : d.code),
+              active: (r == null ? void 0 : r.code) === (f == null ? void 0 : f.code),
               className: "sort-by__item",
-              onClick: () => h(t),
-              children: t == null ? void 0 : t.name
+              onClick: () => u(r),
+              children: r == null ? void 0 : r.name
             },
             `blog-epxlore-section-per-page-option__${a + 1}`
           ))
         }
       ),
-      /* @__PURE__ */ l("div", { className: "pagination__pages", children: [
+      /* @__PURE__ */ d("div", { className: "pagination__pages", children: [
         /* @__PURE__ */ n(
           "div",
           {
-            className: `pagination__page ${o === 1 ? "disabled" : ""}`,
-            onClick: p,
-            children: /* @__PURE__ */ n(b, { icon: " mng-lnc-chevron--left" })
+            className: `pagination__page ${c === 1 ? "disabled" : ""}`,
+            onClick: h,
+            children: /* @__PURE__ */ n(N, { icon: " mng-lnc-chevron--left" })
           }
         ),
-        u(),
+        v(),
         /* @__PURE__ */ n(
           "div",
           {
-            className: `pagination__page ${o === i ? "disabled" : ""}`,
-            onClick: _,
-            children: /* @__PURE__ */ n(b, { icon: " mng-lnc-chevron--right" })
+            className: `pagination__page ${c === t ? "disabled" : ""}`,
+            onClick: g,
+            children: /* @__PURE__ */ n(N, { icon: " mng-lnc-chevron--right" })
           }
         )
       ] })
     ] });
   }
-), ee = L.div`
+), ee = A.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -200,6 +200,10 @@ const O = L.div`
     border-right: 1px solid var(--gray-200, #dddfe4);
     padding-right: 2rem;
 
+    & .section__tags {
+      flex-wrap: wrap;
+    }
+
     & .pagination {
       padding: 1.25rem 0;
     }
@@ -373,6 +377,10 @@ const O = L.div`
       padding-right: 0;
       border-right: none;
 
+      & .section__tags {
+        flex-wrap: nowrap;
+      }
+
       & .main-content__actions {
         gap: 0.5rem;
       }
@@ -408,79 +416,79 @@ const O = L.div`
       display: none;
     }
   }
-`, ne = C(
+`, ne = I(
   ({
-    mainTitle: s,
-    sideTitle: d,
-    tags: h,
-    selectedTag: o,
-    handleSelectTag: c = () => {
+    mainTitle: o,
+    sideTitle: f,
+    tags: u,
+    selectedTag: c,
+    handleSelectTag: l = () => {
     },
-    blogs: i,
-    miniBlogs: f,
-    products: p,
-    blogsLoading: _ = !1,
-    productsLoading: u = !1,
-    sortingOptions: m,
-    sortBy: t,
-    handleSortBy: a = () => {
+    blogs: t,
+    miniBlogs: m,
+    products: h,
+    blogsLoading: g = !1,
+    productsLoading: v = !1,
+    sortingOptions: _,
+    sortBy: s,
+    handleSortBy: r = () => {
     },
-    allTagText: g = "All",
-    searchPlaceholderText: $ = "Search blogs",
-    timeToReadText: w = "{0} min read",
-    getBlogImageUrl: v = () => {
+    allTagText: a = "All",
+    searchPlaceholderText: p = "Search blogs",
+    timeToReadText: k = "{0} min read",
+    getBlogImageUrl: x = () => {
     },
-    handleSelectBlog: x = () => {
+    handleSelectBlog: y = () => {
     },
-    handleSelectBlogTag: N = () => {
+    handleSelectBlogTag: S = () => {
     },
-    handleShareBlog: k = () => {
+    handleShareBlog: C = () => {
     },
-    handleBookmarkBlog: S = () => {
+    handleBookmarkBlog: T = () => {
     },
-    showAllButtonLink: A,
-    showAllButtonText: j = "Show all products",
-    viewAllButtonText: M = "View all (11)",
+    showAllButtonLink: j,
+    showAllButtonText: M = "Show all products",
+    viewAllButtonText: D = "View all (11)",
     viewAllButtonLink: te,
-    handleViewAll: D = () => {
+    handleViewAll: E = () => {
     },
-    handleShowAll: E = () => {
+    handleShowAll: F = () => {
     },
-    handleSelectProduct: F = () => {
+    handleSelectProduct: U = () => {
     },
-    getProductImageUrl: U = () => {
+    getProductImageUrl: q = () => {
     },
-    page: q,
-    handlePage: H = () => {
+    page: H,
+    handlePage: R = () => {
     },
-    perPage: R,
-    handlePerPage: V = () => {
+    perPage: V,
+    handlePerPage: X = () => {
     },
-    total: X,
+    totalPage: w,
     perPageOptions: Z,
     handleSearch: G = () => {
     }
-  }, re) => /* @__PURE__ */ l(ee, { children: [
-    /* @__PURE__ */ l("div", { className: "landing__main-content", children: [
-      /* @__PURE__ */ n("div", { className: "main-content__title", children: s }),
-      h && /* @__PURE__ */ n(
+  }, re) => /* @__PURE__ */ d(ee, { children: [
+    /* @__PURE__ */ d("div", { className: "landing__main-content", children: [
+      o && /* @__PURE__ */ n("div", { className: "main-content__title", children: o }),
+      u && /* @__PURE__ */ n(
         W,
         {
-          tags: h,
-          allTagText: g,
-          selectedTag: o,
-          onSelectTag: c
+          tags: u,
+          allTagText: a,
+          selectedTag: c,
+          onSelectTag: l
         }
       ),
-      /* @__PURE__ */ l("div", { className: "main-content__actions", children: [
+      /* @__PURE__ */ d("div", { className: "main-content__actions", children: [
         /* @__PURE__ */ n(
           K,
           {
             className: "main-content__search",
-            placeholder: $,
+            placeholder: p,
             debounceTime: 200,
             prefix: /* @__PURE__ */ n(
-              b,
+              N,
               {
                 icon: " mng-lnc-search",
                 sizeInUnits: "1.25rem",
@@ -492,104 +500,104 @@ const O = L.div`
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          L,
           {
             color: "neutral",
-            control: t == null ? void 0 : t.name,
+            control: s == null ? void 0 : s.name,
             zIndex: 1001,
             className: "main-content__sort-by",
-            children: m == null ? void 0 : m.map((r, y) => /* @__PURE__ */ n(
-              I,
+            children: _ == null ? void 0 : _.map((i, b) => /* @__PURE__ */ n(
+              $,
               {
-                active: (r == null ? void 0 : r.code) === (t == null ? void 0 : t.code),
+                active: (i == null ? void 0 : i.code) === (s == null ? void 0 : s.code),
                 className: "sort-by__item",
-                onClick: () => a(r),
-                children: r == null ? void 0 : r.name
+                onClick: () => r(i),
+                children: i == null ? void 0 : i.name
               },
-              `blog-epxlore-section-sorting-option__${y + 1}`
+              `blog-epxlore-section-sorting-option__${b + 1}`
             ))
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { className: "main-content__items", children: [
-        /* @__PURE__ */ n(
-          T,
+      /* @__PURE__ */ d("div", { className: "main-content__items", children: [
+        t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
+          z,
           {
-            timeToReadText: w,
-            items: i == null ? void 0 : i.slice(0, 5),
-            isLoading: _,
-            getImage: v,
-            onSelectCard: x,
-            onSelectOption: N,
-            onShare: k,
-            onBookmark: S
+            timeToReadText: k,
+            items: t == null ? void 0 : t.slice(0, 5),
+            isLoading: g,
+            getImage: x,
+            onSelectCard: y,
+            onSelectOption: S,
+            onShare: C,
+            onBookmark: T
           }
         ),
         /* @__PURE__ */ n("div", { className: "main-content__divider" }),
-        /* @__PURE__ */ n(
+        h && (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ n(
           Y,
           {
-            buttonText: j,
-            buttonLink: A,
-            onButtonAction: E,
-            onSelectCard: F,
-            items: p,
-            isLoading: u,
-            getImage: U,
+            buttonText: M,
+            buttonLink: j,
+            onButtonAction: F,
+            onSelectCard: U,
+            items: h,
+            isLoading: v,
+            getImage: q,
             isHighlight: !0
           }
         ),
         /* @__PURE__ */ n("div", { className: "main-content__divider" }),
-        /* @__PURE__ */ n(
-          T,
+        t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
+          z,
           {
-            timeToReadText: w,
-            items: i == null ? void 0 : i.slice(5),
-            isLoading: _,
-            getImage: v,
-            onSelectCard: x,
-            onSelectOption: N,
-            onShare: k,
-            onBookmark: S
+            timeToReadText: k,
+            items: t == null ? void 0 : t.slice(5),
+            isLoading: g,
+            getImage: x,
+            onSelectCard: y,
+            onSelectOption: S,
+            onShare: C,
+            onBookmark: T
           }
         )
       ] }),
-      /* @__PURE__ */ n(
+      w && w > 1 && /* @__PURE__ */ n(
         P,
         {
           perPageOptions: Z,
-          perPage: R,
-          handlePerPage: V,
-          page: q,
-          handlePage: H,
-          total: X
+          perPage: V,
+          handlePerPage: X,
+          page: H,
+          handlePage: R,
+          totalPage: w
         }
       )
     ] }),
-    /* @__PURE__ */ l("div", { className: "landing__side-content", children: [
-      /* @__PURE__ */ n("div", { className: "side-content__title", children: d }),
-      /* @__PURE__ */ n("div", { className: "side-content__items", children: f && (f == null ? void 0 : f.map((r, y) => /* @__PURE__ */ l(
+    /* @__PURE__ */ d("div", { className: "landing__side-content", children: [
+      f && /* @__PURE__ */ n("div", { className: "side-content__title", children: f }),
+      /* @__PURE__ */ n("div", { className: "side-content__items", children: m && (m == null ? void 0 : m.length) > 0 && (m == null ? void 0 : m.map((i, b) => /* @__PURE__ */ d(
         "div",
         {
           className: "side-content__item",
-          onClick: () => x(r),
+          onClick: () => y(i),
           children: [
             /* @__PURE__ */ n(
               "img",
               {
-                src: v(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
-                alt: `Mini blog ${y + 1}`,
+                src: x(i == null ? void 0 : i.imageUrl, i == null ? void 0 : i.uuid) || null,
+                alt: `Mini blog ${b + 1}`,
                 className: "item__image"
               }
             ),
-            /* @__PURE__ */ l("div", { className: "item__content", children: [
-              /* @__PURE__ */ n("div", { className: "item__title", children: r == null ? void 0 : r.title }),
-              /* @__PURE__ */ n("div", { className: "item__description", children: J(r == null ? void 0 : r.publishedAt) })
+            /* @__PURE__ */ d("div", { className: "item__content", children: [
+              /* @__PURE__ */ n("div", { className: "item__title", children: i == null ? void 0 : i.title }),
+              /* @__PURE__ */ n("div", { className: "item__description", children: J(i == null ? void 0 : i.publishedAt) })
             ] })
           ]
         }
       ))) }),
-      /* @__PURE__ */ n(Q, { onClick: D, className: "side-content__link", children: M })
+      /* @__PURE__ */ n(Q, { onClick: E, className: "side-content__link", children: D })
     ] })
   ] })
 );
@@ -625,7 +633,7 @@ ne.propTypes = {
   handlePage: e.func,
   perPage: e.any,
   handlePerPage: e.func,
-  total: e.number,
+  totalPage: e.number,
   perPageOptions: e.array,
   handleSearch: e.func
 };

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),y=require("./Icon.cjs"),m=require("./IconButton.cjs"),k=require("./Chip.cjs"),o=require("./utils-CZynEOC_.cjs"),N=require("./index-BvSNRLNa.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),q=require("./suspense-large-CtcwWswP.cjs"),I=j.styled.div`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),y=require("./Icon.cjs"),m=require("./IconButton.cjs"),k=require("./Chip.cjs"),o=require("./utils-DmMdPm9O.cjs"),N=require("./index-DiIeF_76.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),q=require("./suspense-large-PHdzP1Ln.cjs"),I=j.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;

package/dist/BlogListSection.js

@@ -3,11 +3,11 @@ import { forwardRef as v, memo as j, useMemo as I } from "react";
 import w from "./Icon.js";
 import d from "./IconButton.js";
 import P from "./Chip.js";
-import { p as R, s as C, v as z, w as y } from "./utils-BbgAIA9N.js";
-import { P as T } from "./index-YGcWbzeb.js";
+import { p as R, s as C, v as z, w as y } from "./utils-BPdU4_1q.js";
+import { P as T } from "./index-3TFXgZHA.js";
 import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as $ } from "./consts-BuFChS64.js";
-import { S as L } from "./suspense-large-BM9s_kZP.js";
+import { S as L } from "./suspense-large-DrD8xVZi.js";
 const B = k.div`
   display: flex;
   padding: 1rem;

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),P=require("./index-B_HNDmXL.cjs"),f=require("./suspense-product-card-simple-CJwnghtt.cjs"),h=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:o,buttonLink:t,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!1},N)=>{const m=q.useDetectMobile(),b=u.useMemo(()=>{var c;return(c=i==null?void 0:i.slice(0,4))==null?void 0:c.map((e,g)=>r.jsx(y,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),image:a(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},g))},[i]);return r.jsxs(j.Wrapper,{className:`blog-product-cards-section ${p?"highlight":""}`,children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(f.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(h,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=M;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),P=require("./index-zhTWvtwE.cjs"),f=require("./suspense-product-card-simple-f0s0POCq.cjs"),h=require("./Button.cjs"),j=require("./style-BTTXJFJN.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:o,buttonLink:t,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!1},N)=>{const m=q.useDetectMobile(),b=u.useMemo(()=>{var c;return(c=i==null?void 0:i.slice(0,4))==null?void 0:c.map((e,g)=>r.jsx(y,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),image:a(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},g))},[i]);return r.jsxs(j.Wrapper,{className:`blog-product-cards-section ${p?"highlight":""}`,children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(f.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(h,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=M;

package/dist/BlogProductCardsSection.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as g } from "react/jsx-runtime";
 import { memo as b, forwardRef as h, useMemo as P } from "react";
 import { u as N } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as y } from "./index-B2pFbNKc.js";
-import { S as M } from "./suspense-product-card-simple-Z-FddSb-.js";
+import { S as y } from "./index-CU0KClNt.js";
+import { S as M } from "./suspense-product-card-simple-BT5gv-kY.js";
 import S from "./Button.js";
 import { W as _ } from "./style-tw6KjI2J.js";
 const w = b(y), R = h(

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),f=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-BXY2S7mC.cjs"),S=require("./Button.cjs"),b=require("./style-BTTXJFJN.cjs"),_=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),k=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(_,{isLoading:s,limit:i,keyPrefix:t}):o}),q=u.memo(a.ShopCard),C=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},w)=>{const m=f.useDetectMobile(),g=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,j)=>r.jsx(q,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${j+1}`))},[s]);return r.jsxs(b.Wrapper,{className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(k,{isLoading:l,limit:d,keyPrefix:"blog-section",children:g})}),r.jsx(S,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=C;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),f=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-Bl1q9Yqe.cjs"),S=require("./Button.cjs"),b=require("./style-BTTXJFJN.cjs"),_=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),k=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(_,{isLoading:s,limit:i,keyPrefix:t}):o}),q=u.memo(a.ShopCard),C=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},w)=>{const m=f.useDetectMobile(),g=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,j)=>r.jsx(q,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${j+1}`))},[s]);return r.jsxs(b.Wrapper,{className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(k,{isLoading:l,limit:d,keyPrefix:"blog-section",children:g})}),r.jsx(S,{text:o,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=C;

package/dist/BlogShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o, Fragment as u, jsxs as g } from "react/jsx-runtime";
 import { Suspense as S, memo as b, forwardRef as _, useMemo as C } from "react";
 import { u as k } from "./useDetectMobile-Bkvj0VMa.js";
-import { a as w, S as v } from "./skeleton-C_gJZRTs.js";
+import { a as w, S as v } from "./skeleton-fVxknFUi.js";
 import M from "./Button.js";
 import { W as y } from "./style-tw6KjI2J.js";
 const N = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(

package/dist/BlogSingleSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-C9GK00PM.cjs"),a=require("./skeleton-CoErfoMc.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-DgGmKhrL.cjs"),a=require("./skeleton-BP2LF7xv.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;

package/dist/BlogSingleSection.js

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
 import { Suspense as s, forwardRef as u } from "react";
-import { B as d } from "./index-CTJpJFtr.js";
-import { B as c } from "./skeleton-DWZNwK33.js";
+import { B as d } from "./index-EE-IJbC3.js";
+import { B as c } from "./skeleton-PMiYQLOs.js";
 const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */ e(a, { children: Array.from({ length: o }, (r, n) => /* @__PURE__ */ e(
   c,
   {

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-CZynEOC_.cjs"),v=require("./style-JqDQj4jh.cjs"),T=require("./Button.cjs"),O=require("./index-BvSNRLNa.cjs"),A=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-DmMdPm9O.cjs"),v=require("./style-C_BRvopE.cjs"),T=require("./Button.cjs"),O=require("./index-DiIeF_76.cjs"),A=w.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionDetailed.js

@@ -3,10 +3,10 @@ import { forwardRef as N, Suspense as A, memo as B, useMemo as L } from "react";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BbgAIA9N.js";
-import { B as I, R as U } from "./style-08foMKSd.js";
+import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BPdU4_1q.js";
+import { B as I, R as U } from "./style-XXDQBreL.js";
 import W from "./Button.js";
-import { P as j } from "./index-YGcWbzeb.js";
+import { P as j } from "./index-3TFXgZHA.js";
 const E = y.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionLarge.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./index-C9GK00PM.cjs"),C=require("./suspense-large-CtcwWswP.cjs"),f=p.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./index-DgGmKhrL.cjs"),C=require("./suspense-large-PHdzP1Ln.cjs"),f=p.styled.div`
   display: grid;
   grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionLarge.js

@@ -3,8 +3,8 @@ import { memo as c, forwardRef as f, useMemo as S } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-BuFChS64.js";
 import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
-import { B as M } from "./index-CTJpJFtr.js";
-import { S as L } from "./suspense-large-BM9s_kZP.js";
+import { B as M } from "./index-EE-IJbC3.js";
+import { S as L } from "./suspense-large-DrD8xVZi.js";
 const h = C.div`
   display: grid;
   grid-template-columns: ${(l) => `repeat(${l.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-CZynEOC_.cjs"),q=require("./style-JqDQj4jh.cjs"),x=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BvSNRLNa.cjs"),B=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-DmMdPm9O.cjs"),q=require("./style-C_BRvopE.cjs"),x=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-DiIeF_76.cjs"),B=p.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionSimple.js

@@ -3,11 +3,11 @@ import { forwardRef as u, Suspense as B, memo as P, useMemo as R } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import { u as T } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as z, p as I, k as b } from "./utils-BbgAIA9N.js";
-import { R as U } from "./style-08foMKSd.js";
+import { o as z, p as I, k as b } from "./utils-BPdU4_1q.js";
+import { R as U } from "./style-XXDQBreL.js";
 import W from "./Button.js";
 import j from "./Link.js";
-import { P as A } from "./index-YGcWbzeb.js";
+import { P as A } from "./index-3TFXgZHA.js";
 const E = h.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-CZynEOC_.cjs"),w=require("./Button.cjs"),b=require("./index-BvSNRLNa.cjs"),j=g.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-DmMdPm9O.cjs"),w=require("./Button.cjs"),b=require("./index-DiIeF_76.cjs"),j=g.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;