@lanaco/lnc-react-ui 4.0.61 → 4.0.63

package/dist/BlogListSection.js

@@ -0,0 +1,282 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { forwardRef as v, memo as z, useMemo as I } from "react";
+import h from "./Icon.js";
+import b from "./IconButton.js";
+import R from "./Chip.js";
+import { t as j, p as k, q as C, s as w } from "./utils-DCs-SbIv.js";
+import { P } from "./index-BLxkXrqU.js";
+import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { S as $ } from "./suspense-large-CQpNiB26.js";
+const L = y.div`
+  display: flex;
+  padding: 1rem;
+  align-items: center;
+  gap: 1.25rem;
+  border-radius: 1.25rem;
+  align-items: stretch;
+  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
+  background: var(--white, #fff);
+  min-height: 10.5rem;
+  position: relative;
+  width: 100%;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  & .wrapper__image {
+    width: 100%;
+    object-fit: cover;
+    height: auto;
+    max-height: 9rem;
+    border-radius: 0.75rem;
+  }
+
+  & .wrapper__content {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-start;
+
+    & .wrapper__subcontent {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0.5rem;
+
+      & .wrapper__title {
+        color: var(--gray-950, #14161a);
+        font-size: 1rem;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 1.5rem;
+        letter-spacing: 0.1px;
+        ${j(3)}
+      }
+
+      & .wrapper__tags {
+        display: flex;
+        gap: 0.25rem;
+
+        & .wrapper__tag {
+          font-size: 0.75rem;
+          font-style: normal;
+          font-weight: 500;
+          line-height: 1rem;
+          letter-spacing: 0.5px;
+          padding: 0.125rem 0.5rem;
+          justify-content: center;
+          align-items: center;
+          gap: 0.25rem;
+          height: 1.25rem;
+          border: 1px solid;
+        }
+      }
+    }
+
+    & .wrapper__info {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+
+      & .info__content {
+        display: flex;
+        align-items: center;
+
+        &:first-of-type {
+          flex-grow: 1;
+          gap: 1rem;
+        }
+
+        & .info__text {
+          display: flex;
+          gap: 0.5rem;
+          color: var(--gray-600, #676e79);
+          font-size: 0.75rem;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 1rem;
+          letter-spacing: 0.4px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 400px) {
+    flex-direction: column;
+
+    & .wrapper__content {
+      gap: 1rem;
+
+      & .wrapper__info {
+        gap: 0.5rem;
+        flex-direction: column;
+        width: 100%;
+
+        & .info__content {
+          align-items: flex-start;
+          width: 100%;
+
+          &:first-of-type {
+            flex-direction: column;
+          }
+        }
+      }
+    }
+  }
+`, T = v(
+  ({
+    title: m,
+    imageUrl: n,
+    options: a,
+    publishedAt: l,
+    timeToReadText: s = "{0} min read",
+    timeToRead: o = 0,
+    numberOfLikes: d = 0,
+    numberOfComments: c = 0,
+    onSelectCard: p = () => {
+    },
+    onSelectOption: u = () => {
+    },
+    onBookmark: f = () => {
+    },
+    onShare: e = () => {
+    }
+  }, _) => /* @__PURE__ */ i(L, { onClick: p, children: [
+    /* @__PURE__ */ t(P, { 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: m }),
+        /* @__PURE__ */ t("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((r, N) => /* @__PURE__ */ t(
+          R,
+          {
+            label: r == null ? void 0 : r.name,
+            color: r == null ? void 0 : r.color,
+            className: "wrapper__tag",
+            onClick: (g) => {
+              g == null || g.stopPropagation(), u(r == null ? void 0 : r.code);
+            }
+          },
+          `blog-card-sponsored-option__${N + 1}`
+        ))) })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
+        /* @__PURE__ */ i("div", { className: "info__content", children: [
+          /* @__PURE__ */ t("div", { className: "info__text", children: `${k(
+            l
+          )} • ${C(s, o)}` }),
+          /* @__PURE__ */ i("div", { className: "info__text", children: [
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ t(h, { icon: " mng-lnc-thumbs-up", sizeInUnits: "1rem" }),
+              w(d)
+            ] }),
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ t(h, { icon: " mng-lnc-messages", sizeInUnits: "1rem" }),
+              w(c)
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "info__content", children: [
+          /* @__PURE__ */ t(
+            b,
+            {
+              icon: " mng-lnc-bookmark",
+              borderRadius: "curved",
+              btnType: "basic",
+              color: "neutral",
+              onClick: (r) => {
+                r == null || r.stopPropagation(), f();
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            b,
+            {
+              icon: " mng-lnc-share",
+              borderRadius: "curved",
+              btnType: "basic",
+              color: "neutral",
+              onClick: (r) => {
+                r == null || r.stopPropagation(), e();
+              }
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] })
+), U = y.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1.5rem;
+
+  &.separated {
+    & > div {
+      position: relative;
+    }
+
+    & > div:not(:last-of-type)::after {
+      content: "";
+      display: block;
+      height: 1px;
+      width: 100%;
+      background: var(--gray-200, #dddfe4);
+      position: absolute;
+      left: 0;
+      bottom: -0.75rem;
+    }
+  }
+`, B = z(T), G = v(
+  ({
+    timeToReadText: m = "{0} min read",
+    items: n,
+    onSelectCard: a = () => {
+    },
+    onSelectOption: l = () => {
+    },
+    onShare: s = () => {
+    },
+    onBookmark: o = () => {
+    },
+    isLoading: d = !1,
+    getImage: c = () => {
+    },
+    isSeparated: p = !0
+  }, u) => {
+    const f = I(() => n == null ? void 0 : n.map((e, _) => /* @__PURE__ */ t(
+      B,
+      {
+        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: m,
+        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,
+        onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid, e == null ? void 0 : e.titleSlug),
+        onSelectOption: (r) => l == null ? void 0 : l(r),
+        onShare: () => s == null ? void 0 : s(e == null ? void 0 : e.uuid),
+        onBookmark: () => o == null ? void 0 : o(e == null ? void 0 : e.uuid),
+        imageUrl: c(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+      },
+      `blog-card-item__${_ + 1}`
+    )), [n]);
+    return /* @__PURE__ */ t(U, { className: p ? "separated" : "", children: /* @__PURE__ */ t(
+      $,
+      {
+        isLoading: d,
+        limit: 5,
+        keyPrefix: "blog-section",
+        children: f
+      }
+    ) });
+  }
+);
+export {
+  G as default
+};

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-D6d5LpdL.cjs"),P=require("./index-D0NN682o.cjs"),h=require("./suspense-product-card-simple-QlbK_FyB.cjs"),j=require("./Button.cjs"),f=require("./style-OPSfrtFm.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:t,buttonLink:o,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!0},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(f.Wrapper,{className:p?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(h.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(j,{text:t,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(o)})]})});module.exports=M;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),q=require("./useDetectMobile-D6d5LpdL.cjs"),P=require("./index-CfA579i2.cjs"),h=require("./suspense-product-card-simple-CQxB1MF4.cjs"),j=require("./Button.cjs"),f=require("./style-OPSfrtFm.cjs"),y=u.memo(P.SimpleProductCard),M=u.forwardRef(({buttonText:t,buttonLink:o,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!0},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(f.Wrapper,{className:p?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(h.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:b})}),r.jsx(j,{text:t,borderRadius:"curved",btnType:m?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(o)})]})});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-BC6EGaBc.js";
-import { S as y } from "./index-CFVE57cd.js";
-import { S as M } from "./suspense-product-card-simple--_T6ibCi.js";
+import { S as y } from "./index-m9SN4CZC.js";
+import { S as M } from "./suspense-product-card-simple-fSvde3aM.js";
 import S from "./Button.js";
 import { W as _ } from "./style-DOKM5cZi.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-D6d5LpdL.cjs"),a=require("./skeleton-BTGcDgNY.cjs"),g=require("./Button.cjs"),S=require("./style-OPSfrtFm.cjs"),b=({limit:t=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,o)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${o}`))}),_=({children:t,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:o})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(b,{isLoading:s,limit:i,keyPrefix:o}):t}),k=u.memo(a.ShopCard),q=u.forwardRef(({buttonText:t,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:o=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{}},C)=>{const h=f.useDetectMobile(),j=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,m)=>r.jsx(k,{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:()=>o==null?void 0:o(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__${m+1}`))},[s]);return r.jsxs(S.Wrapper,{children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(_,{isLoading:l,limit:d,keyPrefix:"blog-section",children:j})}),r.jsx(g,{text:t,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=q;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),f=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./skeleton-CtJG0_SN.cjs"),g=require("./Button.cjs"),S=require("./style-OPSfrtFm.cjs"),b=({limit:t=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,o)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${o}`))}),_=({children:t,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:o})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(b,{isLoading:s,limit:i,keyPrefix:o}):t}),k=u.memo(a.ShopCard),q=u.forwardRef(({buttonText:t,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:o=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{}},C)=>{const h=f.useDetectMobile(),j=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,m)=>r.jsx(k,{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:()=>o==null?void 0:o(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__${m+1}`))},[s]);return r.jsxs(S.Wrapper,{children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(_,{isLoading:l,limit:d,keyPrefix:"blog-section",children:j})}),r.jsx(g,{text:t,borderRadius:"curved",btnType:h?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=q;

package/dist/BlogShopCardsSection.js

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

package/dist/BlogSingleSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./skeleton-BePxSNQP.cjs"),a=({limit:l=1,isLoading:n=!1,keyPrefix:t})=>r.jsx(r.Fragment,{children:Array.from({length:l},(e,s)=>r.jsx(g.BlogCardLargeSkeleton,{isLoading:n},`${t}-skeleton-product-card-${s}`))}),c=({children:l,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:t=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:n,children:t===!0?r.jsx(a,{isLoading:t,limit:e,keyPrefix:s}):l}),x=o.forwardRef((l,n)=>{const{isLoading:t,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=l;return r.jsx(c,{isLoading:t,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:n,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=x;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-Q6GmUkJx.cjs"),a=require("./skeleton-D0bLAwfj.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,8 +1,9 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
 import { Suspense as s, forwardRef as u } from "react";
-import { B as d, a as c } from "./skeleton-BSYKhOiK.js";
+import { B as d } from "./index-bTSzxSNK.js";
+import { B as c } from "./skeleton-CfSTJ_9L.js";
 const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */ e(a, { children: Array.from({ length: o }, (r, n) => /* @__PURE__ */ e(
-  d,
+  c,
   {
     isLoading: t
   },
@@ -20,7 +21,7 @@ const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */
     limit: r,
     keyPrefix: n
   }
-) : o }), B = u((o, t) => {
+) : o }), k = u((o, t) => {
   const { isLoading: l, item: r, onSelectCard: n = () => {
   }, getImage: g = () => {
   } } = o;
@@ -31,7 +32,7 @@ const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */
       limit: 1,
       keyPrefix: "explore-landing",
       children: /* @__PURE__ */ e(
-        c,
+        d,
         {
           ref: t,
           title: r == null ? void 0 : r.title,
@@ -46,5 +47,5 @@ const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */
   );
 });
 export {
-  B as default
+  k as default
 };

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-NZLCh-J5.cjs"),k=require("./style-C571ywKV.cjs"),D=require("./Button.cjs"),O=require("./index-DjzWqEsz.cjs"),$=w.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-BXPz9bck.cjs"),k=require("./style-C571ywKV.cjs"),D=require("./Button.cjs"),O=require("./index-CAqPGuiA.cjs"),$=w.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionDetailed.js

@@ -3,10 +3,10 @@ import { forwardRef as y, Suspense as P, memo as T, useMemo as B } from "react";
 import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as S } from "./consts-C1uHV4xc.js";
 import { u as D } from "./useDetectMobile-BC6EGaBc.js";
-import { m as v, t as R, k as w } from "./utils-DtRLzzTZ.js";
+import { m as v, t as R, k as w } from "./utils-DCs-SbIv.js";
 import { B as L, R as z } from "./style-CsMpu4iC.js";
 import A from "./Button.js";
-import { P as M } from "./index-CLNtYToJ.js";
+import { P as M } from "./index-BLxkXrqU.js";
 const I = N.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionLarge.cjs

@@ -1,9 +1,9 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-CtNoHdBj.cjs"),f=require("./useDetectMobile-D6d5LpdL.cjs"),g=require("./skeleton-BePxSNQP.cjs"),b=S.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),q=require("./index-Q6GmUkJx.cjs"),C=require("./suspense-large-v60EOiID.cjs"),f=p.styled.div`
   display: grid;
-  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,C=({limit:i=2,isLoading:o=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(n,l)=>t.jsx(g.BlogCardLargeSkeleton,{isLoading:o},`${r}-skeleton-product-card-${l}`))}),h=({children:i,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:n,keyPrefix:l})=>t.jsx(s.Suspense,{fallbackComponent:o,children:r===!0?t.jsx(C,{isLoading:r,limit:n,keyPrefix:l}):i}),d=s.memo(g.BlogCardLarge),k=s.forwardRef((i,o)=>{const{items:r,onSelectCard:n=()=>{},limit:l=2,isLoading:m=!1,getImage:a=()=>{}}=i,c=f.useDetectMobile(),p=s.useMemo(()=>t.jsx(t.Fragment,{children:c===!0?r==null?void 0:r.map((e,u)=>t.jsx(d,{title:e==null?void 0:e.title,imageUrl:a(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:()=>n(e==null?void 0:e.titleSlug)},u)):r==null?void 0:r.slice(0,l).map((e,u)=>t.jsx(d,{title:e==null?void 0:e.title,imageUrl:a(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:()=>n(e==null?void 0:e.titleSlug)},u))}),[r,c,l,n]);return t.jsx(b,{ref:o,limit:l,children:t.jsx(h,{isLoading:m,limit:l,keyPrefix:"explore-landing",children:p})})});module.exports=k;
+`,c=s.memo(q.BlogCardLarge),j=s.forwardRef((l,d)=>{const{items:t,onSelectCard:o=()=>{},limit:r=2,isLoading:g=!1,getImage:u=()=>{}}=l,a=b.useDetectMobile(),m=s.useMemo(()=>i.jsx(i.Fragment,{children:a===!0?t==null?void 0:t.map((e,n)=>i.jsx(c,{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:()=>o(e==null?void 0:e.titleSlug)},n)):t==null?void 0:t.slice(0,r).map((e,n)=>i.jsx(c,{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:()=>o(e==null?void 0:e.titleSlug)},n))}),[t,a,r,o]);return i.jsx(f,{ref:d,limit:r,children:i.jsx(C.SuspenseBlogLarge,{isLoading:g,limit:r,keyPrefix:"explore-landing",children:m})})});module.exports=j;

package/dist/BlogsSectionLarge.js

@@ -1,78 +1,60 @@
-import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { Suspense as p, memo as f, forwardRef as S, useMemo as B } from "react";
+import { jsx as r, Fragment as p } from "react/jsx-runtime";
+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 h } from "./consts-C1uHV4xc.js";
-import { u as b } from "./useDetectMobile-BC6EGaBc.js";
-import { B as k, a as M } from "./skeleton-BSYKhOiK.js";
-const L = C.div`
+import { M as b } from "./consts-C1uHV4xc.js";
+import { u as B } from "./useDetectMobile-BC6EGaBc.js";
+import { B as M } from "./index-bTSzxSNK.js";
+import { S as L } from "./suspense-large-CQpNiB26.js";
+const h = C.div`
   display: grid;
-  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(l) => `repeat(${l.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${b + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, $ = ({ limit: o = 2, isLoading: a = !1, keyPrefix: t }) => /* @__PURE__ */ r(m, { children: Array.from({ length: o }, (i, l) => /* @__PURE__ */ r(
-  k,
-  {
-    isLoading: a
-  },
-  `${t}-skeleton-product-card-${l}`
-)) }), y = ({
-  children: o,
-  fallbackComponent: a = /* @__PURE__ */ r(m, {}),
-  isLoading: t = !1,
-  limit: i,
-  keyPrefix: l
-}) => /* @__PURE__ */ r(p, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(
-  $,
-  {
-    isLoading: t,
-    limit: i,
-    keyPrefix: l
-  }
-) : o }), u = f(M), z = S((o, a) => {
+`, d = c(M), w = f((l, s) => {
   const {
-    items: t,
-    onSelectCard: i = () => {
+    items: e,
+    onSelectCard: o = () => {
     },
-    limit: l = 2,
-    isLoading: g = !1,
-    getImage: s = () => {
+    limit: i = 2,
+    isLoading: u = !1,
+    getImage: m = () => {
     }
-  } = o, d = b(), c = B(() => /* @__PURE__ */ r(m, { children: d === !0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
-    u,
+  } = l, n = B(), g = S(() => /* @__PURE__ */ r(p, { children: n === !0 ? e == null ? void 0 : e.map((t, a) => /* @__PURE__ */ r(
+    d,
     {
-      title: e == null ? void 0 : e.title,
-      imageUrl: s(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: () => i(e == null ? void 0 : e.titleSlug)
+      title: t == null ? void 0 : t.title,
+      imageUrl: m(t == null ? void 0 : t.imageUrl, t == null ? void 0 : t.uuid) || null,
+      text: t == null ? void 0 : t.description,
+      titleSlug: t == null ? void 0 : t.titleSlug,
+      buttonText: t == null ? void 0 : t.buttonText,
+      onCardClick: () => o(t == null ? void 0 : t.titleSlug)
     },
-    n
-  )) : t == null ? void 0 : t.slice(0, l).map((e, n) => /* @__PURE__ */ r(
-    u,
+    a
+  )) : e == null ? void 0 : e.slice(0, i).map((t, a) => /* @__PURE__ */ r(
+    d,
     {
-      title: e == null ? void 0 : e.title,
-      imageUrl: s(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: () => i(e == null ? void 0 : e.titleSlug)
+      title: t == null ? void 0 : t.title,
+      imageUrl: m(t == null ? void 0 : t.imageUrl, t == null ? void 0 : t.uuid) || null,
+      text: t == null ? void 0 : t.description,
+      titleSlug: t == null ? void 0 : t.titleSlug,
+      buttonText: t == null ? void 0 : t.buttonText,
+      onCardClick: () => o(t == null ? void 0 : t.titleSlug)
     },
-    n
-  )) }), [t, d, l, i]);
-  return /* @__PURE__ */ r(L, { ref: a, limit: l, children: /* @__PURE__ */ r(
-    y,
+    a
+  )) }), [e, n, i, o]);
+  return /* @__PURE__ */ r(h, { ref: s, limit: i, children: /* @__PURE__ */ r(
+    L,
     {
-      isLoading: g,
-      limit: l,
+      isLoading: u,
+      limit: i,
       keyPrefix: "explore-landing",
-      children: c
+      children: g
     }
   ) });
 });
 export {
-  z as default
+  w as default
 };

package/dist/BlogsSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-NZLCh-J5.cjs"),N=require("./style-C571ywKV.cjs"),q=require("./Button.cjs"),x=require("./Link.cjs"),R=require("./index-DjzWqEsz.cjs"),B=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),N=require("./style-C571ywKV.cjs"),q=require("./Button.cjs"),x=require("./Link.cjs"),R=require("./index-CAqPGuiA.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 M, useMemo as P } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-C1uHV4xc.js";
 import { u as R } from "./useDetectMobile-BC6EGaBc.js";
-import { m as T, t as I, k as v } from "./utils-DtRLzzTZ.js";
+import { m as T, t as I, k as v } from "./utils-DCs-SbIv.js";
 import { R as U } from "./style-CsMpu4iC.js";
 import W from "./Button.js";
 import z from "./Link.js";
-import { P as j } from "./index-CLNtYToJ.js";
+import { P as j } from "./index-BLxkXrqU.js";
 const A = 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"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-CtNoHdBj.cjs"),j=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-NZLCh-J5.cjs"),C=require("./Button.cjs"),k=require("./index-DjzWqEsz.cjs"),S=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-CtNoHdBj.cjs"),j=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),C=require("./Button.cjs"),k=require("./index-CAqPGuiA.cjs"),S=u.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionSimpleCentered.js

@@ -3,9 +3,9 @@ import { forwardRef as u, Suspense as S, memo as v, useMemo as y } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as f } from "./consts-C1uHV4xc.js";
 import { u as $ } from "./useDetectMobile-BC6EGaBc.js";
-import { m as b, t as T } from "./utils-DtRLzzTZ.js";
+import { m as b, t as T } from "./utils-DCs-SbIv.js";
 import P from "./Button.js";
-import { P as B } from "./index-CLNtYToJ.js";
+import { P as B } from "./index-BLxkXrqU.js";
 const M = p.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-CtNoHdBj.cjs"),N=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-NZLCh-J5.cjs"),q=require("./style-C571ywKV.cjs"),$=require("./Button.cjs"),T=require("./Link.cjs"),B=require("./index-DjzWqEsz.cjs"),M=require("./index-o0E0w1Mi.cjs"),R=h.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-CtNoHdBj.cjs"),N=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-BXPz9bck.cjs"),q=require("./style-C571ywKV.cjs"),$=require("./Button.cjs"),T=require("./Link.cjs"),B=require("./index-CAqPGuiA.cjs"),M=require("./index-ryadTWiS.cjs"),R=h.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionWithFilters.js

@@ -3,12 +3,12 @@ import { forwardRef as h, Suspense as M, memo as P, useMemo as z } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-C1uHV4xc.js";
 import { u as I } from "./useDetectMobile-BC6EGaBc.js";
-import { m as p, t as U, k as S } from "./utils-DtRLzzTZ.js";
+import { m as p, t as U, k as S } from "./utils-DCs-SbIv.js";
 import { T as R } from "./style-CsMpu4iC.js";
 import j from "./Button.js";
 import A from "./Link.js";
-import { P as E } from "./index-CLNtYToJ.js";
-import { S as F } from "./index-CC30-IXH.js";
+import { P as E } from "./index-BLxkXrqU.js";
+import { S as F } from "./index-DXmajb7F.js";
 const L = f.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./utils-NZLCh-J5.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-CtNoHdBj.cjs"),h=d.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./utils-BXPz9bck.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-CtNoHdBj.cjs"),h=d.styled.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;

package/dist/BrandHitsSection.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { m as c, l as s } from "./utils-DtRLzzTZ.js";
+import { m as c, l as s } from "./utils-DCs-SbIv.js";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as l } from "./consts-C1uHV4xc.js";
 const g = d.div`

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-NZLCh-J5.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-BXPz9bck.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};

package/dist/Breadcrumbs.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as u, Fragment as A } from "react/jsx-runtime";
 import { forwardRef as N, useState as O } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as P, b as S } from "./utils-DtRLzzTZ.js";
+import { c as P, b as S } from "./utils-DCs-SbIv.js";
 import v from "./Icon.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = c.div`

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const l=require("react/jsx-runtime"),w=require("react"),o=require("./index-BPVoEhTF.cjs"),C=require("./index-DAOBjHnD.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-NZLCh-J5.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),B={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},f=e=>`
+"use strict";const l=require("react/jsx-runtime"),w=require("react"),o=require("./index-BPVoEhTF.cjs"),C=require("./index-DAOBjHnD.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-BXPz9bck.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),B={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},f=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;