@lanaco/lnc-react-ui 4.0.88 → 4.0.90

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),b=require("./Icon.cjs"),w=require("./IconButton.cjs"),v=require("./Chip.cjs"),c=require("./utils-DhRHf5Ed.cjs"),N=require("./index-BVaZWq6y.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./suspense-large-BtfvnzWh.cjs"),q=y.styled.div`
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),b=require("./Icon.cjs"),w=require("./IconButton.cjs"),v=require("./Chip.cjs"),c=require("./utils-BWzf4vLl.cjs"),N=require("./index-BRgZcjpI.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./suspense-large-DMhn-lIG.cjs"),q=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -117,7 +117,7 @@
       }
     }
   }
-`,I=o.forwardRef(({title:d,imageUrl:s,options:i,publishedAt:a,timeToReadText:n="{0} min read",timeToRead:l=0,numberOfLikes:m=0,numberOfComments:p=0,onSelectCard:g=()=>{},onSelectOption:_=()=>{},onBookmark:u=()=>{},onShare:e=()=>{}},h)=>r.jsxs(q,{onClick:g,children:[r.jsx(N.ProductImageWrapper,{src:s,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:d}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,j)=>r.jsx(v,{label:t==null?void 0:t.name,color:t==null?void 0:t.color,className:"wrapper__tag",onClick:f=>{f==null||f.stopPropagation(),_(t==null?void 0:t.code)}},`blog-card-sponsored-option__${j+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(a)} • ${c.formatString(n,l)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),c.getRoundedNumber(m)]}),r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(p)]})]})]}),r.jsxs("div",{className:"info__content",children:[r.jsx(w,{icon:" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),u()}}),r.jsx(w,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}})]})]})]})]})),z=y.styled.div`
+`,I=o.forwardRef(({title:d,imageUrl:s,options:i,publishedAt:a,timeToReadText:n="{0} min read",timeToRead:l=0,numberOfLikes:m=0,numberOfComments:p=0,onSelectCard:g=()=>{},onSelectOption:_=()=>{},onBookmark:f=()=>{},onShare:e=()=>{}},h)=>r.jsxs(q,{onClick:g,children:[r.jsx(N.ProductImageWrapper,{src:s,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:d}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,j)=>r.jsx(v,{label:t==null?void 0:t.name,color:t==null?void 0:t.color,className:"wrapper__tag",onClick:u=>{u==null||u.stopPropagation(),_(t==null?void 0:t.code)}},`blog-card-sponsored-option__${j+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${c.formatLocaleDateString(a)} • ${c.formatString(n,l)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-thumbs-up",sizeInUnits:"1rem"}),c.getRoundedNumber(m)]}),r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-messages",sizeInUnits:"1rem"}),c.getRoundedNumber(p)]})]})]}),r.jsxs("div",{className:"info__content",children:[r.jsx(w,{icon:" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),f()}}),r.jsx(w,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}})]})]})]})]})),z=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -139,4 +139,4 @@
       bottom: -0.75rem;
     }
   }
-`,k=o.memo(I),C=o.forwardRef(({timeToReadText:d="{0} min read",items:s,onSelectCard:i=()=>{},onSelectOption:a=()=>{},onShare:n=()=>{},onBookmark:l=()=>{},isLoading:m=!1,getImage:p=()=>{},isSeparated:g=!0},_)=>{const u=o.useMemo(()=>s==null?void 0:s.map((e,h)=>r.jsx(k,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:d,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid,e==null?void 0:e.titleSlug),onSelectOption:t=>a==null?void 0:a(t),onShare:()=>n==null?void 0:n(e==null?void 0:e.uuid),onBookmark:()=>l==null?void 0:l(e==null?void 0:e.uuid),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${h+1}`)),[s]);return r.jsx(z,{className:g?"separated":"",children:r.jsx(R.SuspenseBlogLarge,{isLoading:m,limit:5,keyPrefix:"blog-section",children:u})})});module.exports=C;
+`,k=o.memo(I),C=o.forwardRef(({timeToReadText:d="{0} min read",items:s,onSelectCard:i=()=>{},onSelectOption:a=()=>{},onShare:n=()=>{},onBookmark:l=()=>{},isLoading:m=!1,getImage:p=()=>{},isSeparated:g=!0},_)=>{const f=o.useMemo(()=>s==null?void 0:s.map((e,h)=>r.jsx(k,{title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:d,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>i==null?void 0:i(e),onSelectOption:t=>a==null?void 0:a(t),onShare:()=>n==null?void 0:n(e),onBookmark:()=>l==null?void 0:l(e),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${h+1}`)),[s]);return r.jsx(z,{className:g?"separated":"",children:r.jsx(R.SuspenseBlogLarge,{isLoading:m,limit:5,keyPrefix:"blog-section",children:f})})});module.exports=C;

package/dist/BlogListSection.js

@@ -3,10 +3,10 @@ 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-BE-UlkKf.js";
-import { P } from "./index-Ca38iPjf.js";
+import { p as j, s as k, v as C, w } from "./utils-BXCGNjIy.js";
+import { P } from "./index-D86vS9UF.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { S as $ } from "./suspense-large-DFlSJhGG.js";
+import { S as $ } from "./suspense-large-DgzTM-qh.js";
 const L = y.div`
   display: flex;
   padding: 1rem;
@@ -134,8 +134,8 @@ const L = y.div`
     publishedAt: l,
     timeToReadText: s = "{0} min read",
     timeToRead: o = 0,
-    numberOfLikes: d = 0,
-    numberOfComments: c = 0,
+    numberOfLikes: c = 0,
+    numberOfComments: d = 0,
     onSelectCard: p = () => {
     },
     onSelectOption: u = () => {
@@ -170,11 +170,11 @@ const L = y.div`
           /* @__PURE__ */ i("div", { className: "info__text", children: [
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(h, { icon: " mng-lnc-thumbs-up", sizeInUnits: "1rem" }),
-              w(d)
+              w(c)
             ] }),
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t(h, { icon: " mng-lnc-messages", sizeInUnits: "1rem" }),
-              w(c)
+              w(d)
             ] })
           ] })
         ] }),
@@ -229,7 +229,7 @@ const L = y.div`
       bottom: -0.75rem;
     }
   }
-`, B = z(T), G = v(
+`, B = z(T), H = v(
   ({
     timeToReadText: m = "{0} min read",
     items: n,
@@ -241,8 +241,8 @@ const L = y.div`
     },
     onBookmark: o = () => {
     },
-    isLoading: d = !1,
-    getImage: c = () => {
+    isLoading: c = !1,
+    getImage: d = () => {
     },
     isSeparated: p = !0
   }, u) => {
@@ -258,18 +258,18 @@ const L = y.div`
         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),
+        onSelectCard: () => a == null ? void 0 : a(e),
         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
+        onShare: () => s == null ? void 0 : s(e),
+        onBookmark: () => o == null ? void 0 : o(e),
+        imageUrl: d(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,
+        isLoading: c,
         limit: 5,
         keyPrefix: "blog-section",
         children: f
@@ -278,5 +278,5 @@ const L = y.div`
   }
 );
 export {
-  G as default
+  H as default
 };

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-B9HSHvhH.cjs"),f=require("./suspense-product-card-simple-0x5sc47a.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: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-D8lR_JKg.cjs"),f=require("./suspense-product-card-simple-zYdZVLRz.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: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-BBPnKoi6.js";
-import { S as M } from "./suspense-product-card-simple--ExcEpD-.js";
+import { S as y } from "./index-DfHm_Mv1.js";
+import { S as M } from "./suspense-product-card-simple-BIVIVybi.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-C_Jypl8r.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-DwZzdFei.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-wfDIalr3.js";
+import { a as w, S as v } from "./skeleton-BrUEdt6Z.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-Ccw8sLnK.cjs"),a=require("./skeleton-BBSBZ4JV.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-DMysapsB.cjs"),a=require("./skeleton-BcaMeKFQ.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-Yh18uk_f.js";
-import { B as c } from "./skeleton-DALCB1S7.js";
+import { B as d } from "./index-Cru8Sd2q.js";
+import { B as c } from "./skeleton-TrselJrj.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"),y=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-DhRHf5Ed.cjs"),N=require("./style-xvwWn3Zv.cjs"),T=require("./Button.cjs"),O=require("./index-BVaZWq6y.cjs"),A=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-BWzf4vLl.cjs"),N=require("./style-B8wrlDzY.cjs"),T=require("./Button.cjs"),O=require("./index-BRgZcjpI.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 { m as v, t as P, q as z, p as M, s as C, k as w } from "./utils-BE-UlkKf.js";
-import { B as I, R as U } from "./style-sLF37aOA.js";
+import { o as v, p as P, v as z, s as M, w as C, k as w } from "./utils-BXCGNjIy.js";
+import { B as I, R as U } from "./style-C3-67TPD.js";
 import W from "./Button.js";
-import { P as j } from "./index-Ca38iPjf.js";
+import { P as j } from "./index-D86vS9UF.js";
 const E = y.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
@@ -168,20 +168,20 @@ const E = y.div`
     /* @__PURE__ */ r("div", { className: "skeleton-title" }),
     /* @__PURE__ */ r("div", { className: "info-wr-skeleton" })
   ] })
-] })), q = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(k, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
+] })), F = ({ 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}`
-)) }), F = ({
+)) }), X = ({
   children: i,
   fallbackComponent: o = /* @__PURE__ */ r(k, {}),
   isLoading: a = !1,
   limit: d,
   keyPrefix: s
 }) => /* @__PURE__ */ r(A, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ r(
-  q,
+  F,
   {
     isLoading: a,
     limit: d,
@@ -257,7 +257,7 @@ const E = y.div`
       )
     ] }),
     /* @__PURE__ */ r(E, { limit: c, children: /* @__PURE__ */ r(
-      F,
+      X,
       {
         isLoading: b,
         limit: c,

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-Ccw8sLnK.cjs"),C=require("./suspense-large-BtfvnzWh.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-DMysapsB.cjs"),C=require("./suspense-large-DMhn-lIG.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-Yh18uk_f.js";
-import { S as L } from "./suspense-large-DFlSJhGG.js";
+import { B as M } from "./index-Cru8Sd2q.js";
+import { S as L } from "./suspense-large-DgzTM-qh.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"),S=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-DhRHf5Ed.cjs"),x=require("./style-xvwWn3Zv.cjs"),q=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BVaZWq6y.cjs"),B=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-BWzf4vLl.cjs"),x=require("./style-B8wrlDzY.cjs"),q=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BRgZcjpI.cjs"),B=p.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionSimple.js

@@ -1,13 +1,13 @@
-import { jsxs as d, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
 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 { m as I, t as U, k as b } from "./utils-BE-UlkKf.js";
-import { R as W } from "./style-sLF37aOA.js";
+import { o as I, p as U, k as b } from "./utils-BXCGNjIy.js";
+import { R as W } from "./style-C3-67TPD.js";
 import z from "./Button.js";
 import j from "./Link.js";
-import { P as A } from "./index-Ca38iPjf.js";
+import { P as A } from "./index-D86vS9UF.js";
 const E = h.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
@@ -80,9 +80,9 @@ const E = h.div`
   }
 `, L = u((t, o) => {
   const { title: i, imageUrl: n, text: l, onCardClick: c, readMoreText: s = "Read more" } = t;
-  return /* @__PURE__ */ d(w, { ref: o, className: "blog-card", onClick: c, children: [
+  return /* @__PURE__ */ m(w, { ref: o, className: "blog-card", onClick: c, children: [
     /* @__PURE__ */ r(A, { src: n }),
-    /* @__PURE__ */ d(y, { children: [
+    /* @__PURE__ */ m(y, { children: [
       /* @__PURE__ */ r("div", { className: "text-wr-title", children: i }),
       /* @__PURE__ */ r("div", { className: "text-wr", children: l })
     ] }),
@@ -90,7 +90,7 @@ const E = h.div`
   ] });
 }), _ = u(({}, t) => (
   // <LandingPageClearProductCardSkeleton />
-  /* @__PURE__ */ d(w, { className: "product-card", children: [
+  /* @__PURE__ */ m(w, { className: "product-card", children: [
     /* @__PURE__ */ r("div", { className: "skeleton-img" }),
     /* @__PURE__ */ r("div", { className: "card-title" }),
     /* @__PURE__ */ r(y, {})
@@ -130,7 +130,7 @@ const E = h.div`
     getImage: f = () => {
     },
     readMoreText: v = "Read more"
-  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, m) => /* @__PURE__ */ r(
+  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, d) => /* @__PURE__ */ r(
     S,
     {
       title: e == null ? void 0 : e.title,
@@ -140,8 +140,8 @@ const E = h.div`
       readMoreText: v,
       onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    m
-  )) : a == null ? void 0 : a.slice(0, p).map((e, m) => /* @__PURE__ */ r(
+    d
+  )) : a == null ? void 0 : a.slice(0, p).map((e, d) => /* @__PURE__ */ r(
     S,
     {
       title: e == null ? void 0 : e.title,
@@ -151,11 +151,11 @@ const E = h.div`
       readMoreText: v,
       onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
-    m
+    d
   )) }), [a]);
-  return /* @__PURE__ */ d(W, { ref: o, children: [
-    /* @__PURE__ */ d("div", { className: "regular-title", children: [
-      /* @__PURE__ */ d("div", { className: "regular-title-text", children: [
+  return /* @__PURE__ */ m(W, { ref: o, children: [
+    /* @__PURE__ */ m("div", { className: "regular-title", children: [
+      /* @__PURE__ */ m("div", { className: "regular-title-text", children: [
         b(i) && /* @__PURE__ */ r("i", { className: i }),
         /* @__PURE__ */ r("span", { children: n })
       ] }),
@@ -166,8 +166,8 @@ const E = h.div`
           btnType: "tinted",
           color: "gray",
           onClick: (e) => {
-            var m;
-            (m = e == null ? void 0 : e.target) == null || m.blur(), l(s);
+            var d;
+            (d = e == null ? void 0 : e.target) == null || d.blur(), l(s);
           },
           borderRadius: "curved",
           children: C

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-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-DhRHf5Ed.cjs"),w=require("./Button.cjs"),b=require("./index-BVaZWq6y.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-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-BWzf4vLl.cjs"),w=require("./Button.cjs"),b=require("./index-BRgZcjpI.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-BuFChS64.js";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
-import { m as f, t as v } from "./utils-BE-UlkKf.js";
+import { o as f, p as v } from "./utils-BXCGNjIy.js";
 import y from "./Button.js";
-import { P as S } from "./index-Ca38iPjf.js";
+import { P as S } from "./index-D86vS9UF.js";
 const $ = g.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionWithFilters.cjs

@@ -1,12 +1,12 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-DhRHf5Ed.cjs"),$=require("./style-xvwWn3Zv.cjs"),B=require("./Button.cjs"),M=require("./Link.cjs"),R=require("./index-BVaZWq6y.cjs"),W=require("./index-DG7qQq8L.cjs"),A=h.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-BWzf4vLl.cjs"),M=require("./style-B8wrlDzY.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BRgZcjpI.cjs"),I=require("./index-66FyQgVV.cjs"),P=p.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,w=h.styled.div`
+`,k=p.styled.div`
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -46,9 +46,9 @@
     margin-top: auto;
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
   }
-`,k=h.styled.div`
+`,v=p.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -77,4 +77,4 @@
     color: var(--gray-700, #4e555f);
     ${c.truncateTextInRows(3)}
   }
-`,I=d.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:u,onCardClick:s}=i;return t.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[t.jsxs(k,{children:[t.jsx("div",{className:"text-wr-title",children:n}),t.jsx("div",{className:"text-wr",children:r}),t.jsx(M,{color:"gray",onClick:s,children:u})]}),t.jsx(R.ProductImageWrapper,{src:l})]})}),P=d.forwardRef(({},i)=>t.jsxs(w,{className:"blog-card",children:[t.jsxs(k,{children:[t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"text-wr"}),t.jsx("div",{className:"skeleton-action"})]}),t.jsx("div",{className:"skeleton-img"})]})),_=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>t.jsx(t.Fragment,{children:Array.from({length:i},(l,r)=>t.jsx(P,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),z=({children:i,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>t.jsx(d.Suspense,{fallbackComponent:o,children:n===!0?t.jsx(_,{isLoading:n,limit:l,keyPrefix:r}):i}),j=d.memo(I),E=d.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:u,limit:s=3,options:m,selectedOption:v=[],onButtonAction:y=()=>{},buttonLink:p,onSelectOption:x=()=>{},onSelectAll:S=()=>{},isLoading:N=!1,onSelectCard:g=()=>{},productsToolbarName:C="All"}=i,b=T.useDetectMobile(),q=d.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?r==null?void 0:r.map((e,a)=>t.jsx(j,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>g(e)},a)):r==null?void 0:r.slice(0,s).map((e,a)=>t.jsx(j,{title:e==null?void 0:e.title,imageUrl:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>g(e)},a))}),[r,b,s,g]);return t.jsxs($.TitleWithOptionsSectionWrapper,{ref:o,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(n)&&t.jsx("i",{className:n}),t.jsx("span",{children:l})]}),c.isDefinedNotEmptyString(p)&&t.jsx(B,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),y(p)},borderRadius:"curved",children:u})]}),(m==null?void 0:m.length)>0&&t.jsx(W.SelectBar,{items:m,selectedIds:v,onRemove:e=>{x(e)},onSelect:e=>{x(e)},onSelectAll:S,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:C}),t.jsx(A,{limit:s,children:t.jsx(z,{isLoading:N,limit:s,keyPrefix:"explore-landing",children:q})})]})});module.exports=E;
+`,_=d.forwardRef((i,s)=>{const{title:o,imageUrl:a,text:r,buttonText:u,onCardClick:l}=i;return e.jsxs(k,{ref:s,className:"blog-card",onClick:l,children:[e.jsxs(v,{children:[e.jsx("div",{className:"text-wr-title",children:o}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(W,{color:"gray",onClick:l,children:u})]}),e.jsx(A.ProductImageWrapper,{src:a})]})}),z=d.forwardRef(({},i)=>e.jsxs(k,{className:"blog-card",children:[e.jsxs(v,{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"})]})),E=({limit:i=3,isLoading:s=!1,keyPrefix:o})=>e.jsx(e.Fragment,{children:Array.from({length:i},(a,r)=>e.jsx(z,{isLoading:s},`${o}-skeleton-product-card-${r}`))}),F=({children:i,fallbackComponent:s=e.jsx(e.Fragment,{}),isLoading:o=!1,limit:a,keyPrefix:r})=>e.jsx(d.Suspense,{fallbackComponent:s,children:o===!0?e.jsx(E,{isLoading:o,limit:a,keyPrefix:r}):i}),f=d.memo(_),O=d.forwardRef((i,s)=>{const{icon:o,title:a,items:r,buttonText:u,limit:l=3,options:m,selectedOption:y=[],onButtonAction:S=()=>{},buttonLink:x,onSelectOption:b=()=>{},onSelectAll:N=()=>{},isLoading:C=!1,onSelectCard:g=()=>{},productsToolbarName:q="All",allButton:T=!1}=i,j=B.useDetectMobile(),$=d.useMemo(()=>{var n;return e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,h)=>e.jsx(f,{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:()=>g(t)},h)):(n=r==null?void 0:r.slice(0,l))==null?void 0:n.map((t,h)=>e.jsx(f,{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:()=>g(t)},h))})},[r,j,l,g]);return e.jsxs(M.TitleWithOptionsSectionWrapper,{ref:s,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(o)&&e.jsx("i",{className:o}),e.jsx("span",{children:a})]}),c.isDefinedNotEmptyString(x)&&e.jsx(R,{type:"button",btnType:"tinted",color:"gray",onClick:n=>{var t;(t=n==null?void 0:n.target)==null||t.blur(),S(x)},borderRadius:"curved",children:u})]}),(m==null?void 0:m.length)>0&&e.jsx(I.SelectBar,{items:m,selectedIds:y,onRemove:n=>{b(n)},onSelect:n=>{b(n)},onSelectAll:N,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q,allButton:T}),e.jsx(P,{limit:l,children:e.jsx(F,{isLoading:C,limit:l,keyPrefix:"explore-landing",children:$})})]})});module.exports=O;