@lanaco/lnc-react-ui 4.0.83 → 4.0.85

package/dist/BlogsSectionDetailed.js

@@ -1,21 +1,21 @@
 import { jsxs as t, jsx as r, Fragment as k } from "react/jsx-runtime";
-import { forwardRef as N, Suspense as P, memo as T, useMemo as B } from "react";
+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 O } from "./consts-C1uHV4xc.js";
-import { u as R } from "./useDetectMobile-BC6EGaBc.js";
-import { m as v, t as L, q as z, p as A, s as C, k as w } from "./utils-DCs-SbIv.js";
-import { B as M, R as I } from "./style-CsMpu4iC.js";
-import U from "./Button.js";
-import { P as W } from "./index-BLxkXrqU.js";
-const j = y.div`
+import { M as T } from "./consts-C1uHV4xc.js";
+import { u as D } from "./useDetectMobile-BC6EGaBc.js";
+import { m as v, t as P, q as z, p as M, s as C, k as w } from "./utils-ChqiSgoC.js";
+import { B as I, R as U } from "./style-CsMpu4iC.js";
+import W from "./Button.js";
+import { P as j } from "./index-CAUvgabx.js";
+const E = y.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${O + "px"}) {
+  @media (max-width: ${T + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, $ = y.div`
+`, R = y.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -56,9 +56,9 @@ const j = y.div`
     padding: 0 1rem 1rem 1rem;
   }
 
-  @media (max-width: ${O + "px"}) {
+  @media (max-width: ${T + "px"}) {
   }
-`, D = y.div`
+`, O = y.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -88,7 +88,7 @@ const j = y.div`
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${L(2)}
+    ${P(2)}
   }
 
   & .info-wr {
@@ -117,37 +117,37 @@ const j = y.div`
     align-items: center;
     gap: 1rem;
   }
-`, E = N((i, o) => {
+`, _ = N((i, o) => {
   const {
     title: a,
     imageUrl: d,
     text: s,
-    numberOfLikes: n,
+    numberOfLikes: l,
     numberOfComments: u,
-    readDuration: m,
-    datePublished: c,
-    tags: g,
-    onCardClick: f,
-    timeToReadText: p = "read"
+    timeToRead: g,
+    publishedAt: c,
+    tags: m,
+    onCardClick: h,
+    timeToReadText: p = "{0} min read"
   } = i;
   return (
     // <BlogCardDetailedSkeleton />
-    /* @__PURE__ */ t($, { ref: o, className: "blog-card", onClick: f, children: [
-      /* @__PURE__ */ r(W, { src: d }),
-      /* @__PURE__ */ t(D, { children: [
+    /* @__PURE__ */ t(R, { ref: o, className: "blog-card", onClick: h, children: [
+      /* @__PURE__ */ r(j, { src: d }),
+      /* @__PURE__ */ t(O, { children: [
         /* @__PURE__ */ t("div", { className: "info-wr", children: [
           /* @__PURE__ */ t("div", { className: "info-wr-1", children: [
             /* @__PURE__ */ t("span", { children: [
-              A(c),
+              M(c),
               " "
             ] }),
             /* @__PURE__ */ r("span", { className: "small-dot", children: "●" }),
-            m && p ? `${z(p, m)}` : "N/A"
+            g && p ? `${z(p, g)}` : "N/A"
           ] }),
           /* @__PURE__ */ t("div", { className: "info-wr-2", children: [
             /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
               /* @__PURE__ */ r("i", { className: "mng mng-lnc-thumbs-up--filled" }),
-              /* @__PURE__ */ r("span", { children: C(n) })
+              /* @__PURE__ */ r("span", { children: C(l) })
             ] }),
             /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
               /* @__PURE__ */ r("i", { className: "mng mng-lnc-messages-filled" }),
@@ -158,50 +158,51 @@ const j = y.div`
         /* @__PURE__ */ r("div", { className: "text-wr-title", children: a }),
         /* @__PURE__ */ r("div", { className: "text-wr", children: s })
       ] }),
-      /* @__PURE__ */ r("div", { className: "tags-wr", children: g == null ? void 0 : g.map((l, h) => /* @__PURE__ */ r(M, { color: l == null ? void 0 : l.color, children: l == null ? void 0 : l.name }, h)) })
+      /* @__PURE__ */ r("div", { className: "tags-wr", children: m == null ? void 0 : m.map((n, f) => /* @__PURE__ */ r(I, { color: n == null ? void 0 : n.color, children: n == null ? void 0 : n.name }, f)) })
     ] })
   );
-}), _ = N(({}, i) => /* @__PURE__ */ t($, { className: "blog-card", children: [
+}), G = N(({}, i) => /* @__PURE__ */ t(R, { className: "blog-card", children: [
   /* @__PURE__ */ r("div", { className: "skeleton-img" }),
-  /* @__PURE__ */ t(D, { children: [
+  /* @__PURE__ */ t(O, { children: [
     /* @__PURE__ */ r("div", { className: "info-wr" }),
     /* @__PURE__ */ r("div", { className: "skeleton-title" }),
     /* @__PURE__ */ r("div", { className: "info-wr-skeleton" })
   ] })
-] })), G = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(k, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
-  _,
+] })), q = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(k, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
+  G,
   {
     isLoading: o
   },
   `${a}-skeleton-product-card-${s}`
-)) }), q = ({
+)) }), F = ({
   children: i,
   fallbackComponent: o = /* @__PURE__ */ r(k, {}),
   isLoading: a = !1,
   limit: d,
   keyPrefix: s
-}) => /* @__PURE__ */ r(P, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ r(
-  G,
+}) => /* @__PURE__ */ r(A, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ r(
+  q,
   {
     isLoading: a,
     limit: d,
     keyPrefix: s
   }
-) : i }), S = T(E), x = N((i, o) => {
+) : i }), S = B(_), ee = N((i, o) => {
   const {
     icon: a,
     title: d,
     onButtonAction: s,
-    items: n,
+    items: l,
     buttonText: u,
-    limit: m = 3,
-    onSelectCard: c = () => {
+    timeToReadText: g,
+    limit: c = 3,
+    onSelectCard: m = () => {
     },
-    isLoading: g = !1,
-    buttonLink: f,
-    getImage: p = () => {
+    isLoading: h = !1,
+    buttonLink: p,
+    getImage: n = () => {
     }
-  } = i, l = R(), h = B(() => /* @__PURE__ */ r(k, { children: l === !0 ? n == null ? void 0 : n.map((e, b) => /* @__PURE__ */ r(
+  } = i, f = D(), $ = L(() => /* @__PURE__ */ r(k, { children: f === !0 ? l == null ? void 0 : l.map((e, b) => /* @__PURE__ */ r(
     S,
     {
       title: e == null ? void 0 : e.title,
@@ -209,58 +210,60 @@ const j = y.div`
       titleSlug: e == null ? void 0 : e.titleSlug,
       numberOfLikes: e == null ? void 0 : e.numberOfLikes,
       numberOfComments: e == null ? void 0 : e.numberOfComments,
-      datePublished: e == null ? void 0 : e.createdAt,
-      readDuration: e == null ? void 0 : e.timeToRead,
+      publishedAt: e == null ? void 0 : e.publishedAt,
+      timeToRead: e == null ? void 0 : e.timeToRead,
+      timeToReadText: g,
       tags: e == null ? void 0 : e.tags,
-      onCardClick: () => c(e == null ? void 0 : e.titleSlug),
-      imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+      onCardClick: () => m(e == null ? void 0 : e.titleSlug),
+      imageUrl: n(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
     },
     b
-  )) : n == null ? void 0 : n.slice(0, m).map((e, b) => /* @__PURE__ */ r(
+  )) : l == null ? void 0 : l.slice(0, c).map((e, b) => /* @__PURE__ */ r(
     S,
     {
       title: e == null ? void 0 : e.title,
-      imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: n(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,
       tags: e == null ? void 0 : e.tags,
       numberOfLikes: e == null ? void 0 : e.numberOfLikes,
       numberOfComments: e == null ? void 0 : e.numberOfComments,
-      datePublished: e == null ? void 0 : e.createdAt,
-      readDuration: e == null ? void 0 : e.timeToRead,
-      onCardClick: () => c(e == null ? void 0 : e.titleSlug)
+      publishedAt: e == null ? void 0 : e.publishedAt,
+      timeToRead: e == null ? void 0 : e.timeToRead,
+      timeToReadText: g,
+      onCardClick: () => m(e == null ? void 0 : e.titleSlug)
     },
     b
-  )) }), [n, l, m, c]);
-  return /* @__PURE__ */ t(I, { ref: o, children: [
+  )) }), [l, f, c, m]);
+  return /* @__PURE__ */ t(U, { ref: o, children: [
     /* @__PURE__ */ t("div", { className: "regular-title", children: [
       /* @__PURE__ */ t("div", { className: "regular-title-text", children: [
         w(a) && /* @__PURE__ */ r("i", { className: a }),
         /* @__PURE__ */ r("span", { children: d })
       ] }),
-      w(u) && w(f) && /* @__PURE__ */ r(
-        U,
+      w(u) && w(p) && /* @__PURE__ */ r(
+        W,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => s(f),
+          onClick: () => s(p),
           borderRadius: "curved",
           children: u
         }
       )
     ] }),
-    /* @__PURE__ */ r(j, { limit: m, children: /* @__PURE__ */ r(
-      q,
+    /* @__PURE__ */ r(E, { limit: c, children: /* @__PURE__ */ r(
+      F,
       {
-        isLoading: g,
-        limit: m,
+        isLoading: h,
+        limit: c,
         keyPrefix: "explore-landing",
-        children: h
+        children: $
       }
     ) })
   ] });
 });
 export {
-  x as default
+  ee as default
 };

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-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),q=require("./index-Q6GmUkJx.cjs"),C=require("./suspense-large-v60EOiID.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-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),q=require("./index-qJdP9Qj_.cjs"),C=require("./suspense-large-BuLLKfkY.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-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";
+import { B as M } from "./index-CsE-jpuG.js";
+import { S as L } from "./suspense-large-CzEWIMbY.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"),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`
+"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-Cz7P2Zok.cjs"),N=require("./style-C571ywKV.cjs"),q=require("./Button.cjs"),x=require("./Link.cjs"),R=require("./index-CrQCfnN4.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-DCs-SbIv.js";
+import { m as T, t as I, k as v } from "./utils-ChqiSgoC.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-BLxkXrqU.js";
+import { P as j } from "./index-CAUvgabx.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"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),x=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),w=require("./Button.cjs"),b=require("./index-CAqPGuiA.cjs"),j=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),x=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-Cz7P2Zok.cjs"),w=require("./Button.cjs"),b=require("./index-CrQCfnN4.cjs"),j=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 p, Suspense as k } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-C1uHV4xc.js";
 import { u as C } from "./useDetectMobile-BC6EGaBc.js";
-import { m as f, t as v } from "./utils-DCs-SbIv.js";
+import { m as f, t as v } from "./utils-ChqiSgoC.js";
 import y from "./Button.js";
-import { P as S } from "./index-BLxkXrqU.js";
+import { P as S } from "./index-CAUvgabx.js";
 const $ = g.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=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`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-CtNoHdBj.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-Cz7P2Zok.cjs"),$=require("./style-C571ywKV.cjs"),T=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-CrQCfnN4.cjs"),R=require("./index-Dh4_OKr4.cjs"),W=h.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -73,4 +73,4 @@
     color: var(--gray-700, #4e555f);
     ${a.truncateTextInRows(3)}
   }
-`,W=d.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:m,onCardClick:s}=i;return e.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[e.jsxs(k,{children:[e.jsx("div",{className:"text-wr-title",children:n}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(T,{color:"gray",onClick:s,children:m})]}),e.jsx(B.ProductImageWrapper,{src:l})]})}),I=d.forwardRef(({},i)=>e.jsxs(w,{className:"blog-card",children:[e.jsxs(k,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),P=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:i},(l,r)=>e.jsx(I,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),_=({children:i,fallbackComponent:o=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>e.jsx(d.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(P,{isLoading:n,limit:l,keyPrefix:r}):i}),b=d.memo(W),z=d.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:m,limit:s=3,options:c,selectedOption:y=[],onButtonAction:v=()=>{},buttonLink:p,onSelectOption:x=()=>{},isLoading:S=!1,onSelectCard:u=()=>{}}=i,j=N.useDetectMobile(),C=d.useMemo(()=>e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g)):r==null?void 0:r.slice(0,s).map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g))}),[r,j,s,u]);return e.jsxs(q.TitleWithOptionsSectionWrapper,{ref:o,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&e.jsx("i",{className:n}),e.jsx("span",{children:l})]}),a.isDefinedNotEmptyString(p)&&e.jsx($,{type:"button",btnType:"tinted",color:"gray",onClick:()=>v(p),borderRadius:"curved",children:m})]}),(c==null?void 0:c.length)>0&&e.jsx(M.SelectBar,{items:c,selectedIds:y,onRemove:t=>{x(t)},onSelect:t=>{x(t)},labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(R,{limit:s,children:e.jsx(_,{isLoading:S,limit:s,keyPrefix:"explore-landing",children:C})})]})});module.exports=z;
+`,I=c.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:m,onCardClick:s}=i;return e.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[e.jsxs(k,{children:[e.jsx("div",{className:"text-wr-title",children:n}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(B,{color:"gray",onClick:s,children:m})]}),e.jsx(M.ProductImageWrapper,{src:l})]})}),P=c.forwardRef(({},i)=>e.jsxs(w,{className:"blog-card",children:[e.jsxs(k,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),_=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:i},(l,r)=>e.jsx(P,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),z=({children:i,fallbackComponent:o=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>e.jsx(c.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(_,{isLoading:n,limit:l,keyPrefix:r}):i}),b=c.memo(I),A=c.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:m,limit:s=3,options:d,selectedOption:y=[],onButtonAction:v=()=>{},buttonLink:p,onSelectOption:x=()=>{},onSelectAll:S=()=>{},isLoading:C=!1,onSelectCard:u=()=>{}}=i,j=q.useDetectMobile(),N=c.useMemo(()=>e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g)):r==null?void 0:r.slice(0,s).map((t,g)=>e.jsx(b,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>u(t)},g))}),[r,j,s,u]);return e.jsxs($.TitleWithOptionsSectionWrapper,{ref:o,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&e.jsx("i",{className:n}),e.jsx("span",{children:l})]}),a.isDefinedNotEmptyString(p)&&e.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:()=>v(p),borderRadius:"curved",children:m})]}),(d==null?void 0:d.length)>0&&e.jsx(R.SelectBar,{items:d,selectedIds:y,onRemove:t=>{x(t)},onSelect:t=>{x(t)},onSelectAll:S,labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(W,{limit:s,children:e.jsx(z,{isLoading:C,limit:s,keyPrefix:"explore-landing",children:N})})]})});module.exports=A;

package/dist/BlogsSectionWithFilters.js

@@ -1,15 +1,15 @@
 import { jsxs as n, jsx as t, Fragment as h } from "react/jsx-runtime";
-import { forwardRef as u, Suspense as x, memo as M, useMemo as P } from "react";
+import { forwardRef as u, 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 S } from "./consts-C1uHV4xc.js";
-import { u as z } from "./useDetectMobile-BC6EGaBc.js";
-import { m as g, t as I, k as v } from "./utils-DCs-SbIv.js";
+import { u as I } from "./useDetectMobile-BC6EGaBc.js";
+import { m as g, t as A, k as v } from "./utils-ChqiSgoC.js";
 import { T as O } from "./style-CsMpu4iC.js";
 import R from "./Button.js";
 import j from "./Link.js";
-import { P as A } from "./index-BLxkXrqU.js";
-import { S as E } from "./index-DXmajb7F.js";
-const F = f.div`
+import { P as E } from "./index-CAUvgabx.js";
+import { S as F } from "./index-B-rMBqRZ.js";
+const L = f.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -82,51 +82,51 @@ const F = f.div`
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${I(3)}
+    ${A(3)}
   }
-`, L = u((i, a) => {
-  const { title: o, imageUrl: m, text: r, buttonText: c, onCardClick: l } = i;
-  return /* @__PURE__ */ n(C, { ref: a, className: "blog-card", onClick: l, children: [
+`, U = u((i, l) => {
+  const { title: o, imageUrl: m, text: r, buttonText: c, onCardClick: a } = i;
+  return /* @__PURE__ */ n(C, { ref: l, className: "blog-card", onClick: a, children: [
     /* @__PURE__ */ n(N, { children: [
       /* @__PURE__ */ t("div", { className: "text-wr-title", children: o }),
       /* @__PURE__ */ t("div", { className: "text-wr", children: r }),
-      /* @__PURE__ */ t(j, { color: "gray", onClick: l, children: c })
+      /* @__PURE__ */ t(j, { color: "gray", onClick: a, children: c })
     ] }),
-    /* @__PURE__ */ t(A, { src: m })
+    /* @__PURE__ */ t(E, { src: m })
   ] });
-}), U = u(({}, i) => /* @__PURE__ */ n(C, { className: "blog-card", children: [
+}), _ = u(({}, i) => /* @__PURE__ */ n(C, { className: "blog-card", children: [
   /* @__PURE__ */ n(N, { children: [
     /* @__PURE__ */ t("div", { className: "skeleton-title" }),
     /* @__PURE__ */ t("div", { className: "text-wr" }),
     /* @__PURE__ */ t("div", { className: "skeleton-action" })
   ] }),
   /* @__PURE__ */ t("div", { className: "skeleton-img" })
-] })), _ = ({ limit: i = 3, isLoading: a = !1, keyPrefix: o }) => /* @__PURE__ */ t(h, { children: Array.from({ length: i }, (m, r) => /* @__PURE__ */ t(
-  U,
+] })), D = ({ limit: i = 3, isLoading: l = !1, keyPrefix: o }) => /* @__PURE__ */ t(h, { children: Array.from({ length: i }, (m, r) => /* @__PURE__ */ t(
+  _,
   {
-    isLoading: a
+    isLoading: l
   },
   `${o}-skeleton-product-card-${r}`
-)) }), D = ({
+)) }), G = ({
   children: i,
-  fallbackComponent: a = /* @__PURE__ */ t(h, {}),
+  fallbackComponent: l = /* @__PURE__ */ t(h, {}),
   isLoading: o = !1,
   limit: m,
   keyPrefix: r
-}) => /* @__PURE__ */ t(x, { fallbackComponent: a, children: o === !0 ? /* @__PURE__ */ t(
-  _,
+}) => /* @__PURE__ */ t(M, { fallbackComponent: l, children: o === !0 ? /* @__PURE__ */ t(
+  D,
   {
     isLoading: o,
     limit: m,
     keyPrefix: r
   }
-) : i }), y = M(L), te = u((i, a) => {
+) : i }), y = P(U), re = u((i, l) => {
   const {
     icon: o,
     title: m,
     items: r,
     buttonText: c,
-    limit: l = 3,
+    limit: a = 3,
     options: d,
     selectedOption: T = [],
     onButtonAction: $ = () => {
@@ -134,10 +134,12 @@ const F = f.div`
     buttonLink: b,
     onSelectOption: k = () => {
     },
-    isLoading: B = !1,
+    onSelectAll: B = () => {
+    },
+    isLoading: W = !1,
     onSelectCard: s = () => {
     }
-  } = i, w = z(), W = P(() => /* @__PURE__ */ t(h, { children: w === !0 ? r == null ? void 0 : r.map((e, p) => /* @__PURE__ */ t(
+  } = i, w = I(), x = z(() => /* @__PURE__ */ t(h, { children: w === !0 ? r == null ? void 0 : r.map((e, p) => /* @__PURE__ */ t(
     y,
     {
       title: e == null ? void 0 : e.title,
@@ -147,7 +149,7 @@ const F = f.div`
       onCardClick: () => s(e)
     },
     p
-  )) : r == null ? void 0 : r.slice(0, l).map((e, p) => /* @__PURE__ */ t(
+  )) : r == null ? void 0 : r.slice(0, a).map((e, p) => /* @__PURE__ */ t(
     y,
     {
       title: e == null ? void 0 : e.title,
@@ -157,8 +159,8 @@ const F = f.div`
       onCardClick: () => s(e)
     },
     p
-  )) }), [r, w, l, s]);
-  return /* @__PURE__ */ n(O, { ref: a, children: [
+  )) }), [r, w, a, s]);
+  return /* @__PURE__ */ n(O, { ref: l, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
         v(o) && /* @__PURE__ */ t("i", { className: o }),
@@ -177,7 +179,7 @@ const F = f.div`
       )
     ] }),
     (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ t(
-      E,
+      F,
       {
         items: d,
         selectedIds: T,
@@ -187,22 +189,23 @@ const F = f.div`
         onSelect: (e) => {
           k(e);
         },
+        onSelectAll: B,
         labelKey: "name",
         valueKey: "code",
         noMargin: !0
       }
     ),
-    /* @__PURE__ */ t(F, { limit: l, children: /* @__PURE__ */ t(
-      D,
+    /* @__PURE__ */ t(L, { limit: a, children: /* @__PURE__ */ t(
+      G,
       {
-        isLoading: B,
-        limit: l,
+        isLoading: W,
+        limit: a,
         keyPrefix: "explore-landing",
-        children: W
+        children: x
       }
     ) })
   ] });
 });
 export {
-  te as default
+  re as default
 };

package/dist/BrandHitsSection.cjs

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

package/dist/BrandHitsSection.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { m as c, l as s } from "./utils-DCs-SbIv.js";
+import { m as c, l as s } from "./utils-ChqiSgoC.js";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as m } 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-BXPz9bck.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-Cz7P2Zok.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-DCs-SbIv.js";
+import { c as P, b as S } from "./utils-ChqiSgoC.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-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=>`
+"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-Cz7P2Zok.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;

package/dist/Button.js

@@ -3,7 +3,7 @@ import { forwardRef as E } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
 import { i as y } from "./index-BlxaTV-D.js";
 import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as x, b as t, d as c, h as T, e as z, a as q } from "./utils-DCs-SbIv.js";
+import { c as x, b as t, d as c, h as T, e as z, a as q } from "./utils-ChqiSgoC.js";
 import j from "./Icon.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = {

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-BXPz9bck.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-Cz7P2Zok.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { b as o, a as b } from "./utils-DCs-SbIv.js";
+import { b as o, a as b } from "./utils-ChqiSgoC.js";
 import { u as l } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const s = i.div`
   display: inline-flex;