@lanaco/lnc-react-ui 4.0.222 → 4.0.225

package/dist/BlogExploreSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),x=require("react"),ce=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./utils-CITgSxXe.cjs"),oe=require("./TextInput.cjs"),S=require("./Icon.cjs"),le=require("./Link.cjs"),L=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),de=require("./tag-DSnhWWHE.cjs"),me=require("./BlogProductCardsSection.cjs"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_e=require("./index-DsINTjQk.cjs"),T=require("./BlogListSection.cjs"),he=require("./breakpoints-CcVm-gVm.cjs"),ue=F.styled.div`
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),oe=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./utils-CITgSxXe.cjs"),le=require("./TextInput.cjs"),k=require("./Icon.cjs"),de=require("./Link.cjs"),T=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),me=require("./tag-DSnhWWHE.cjs"),he=require("./BlogProductCardsSection.cjs"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_e=require("./index-DsINTjQk.cjs"),L=require("./BlogListSection.cjs"),ue=require("./breakpoints-CcVm-gVm.cjs"),fe=F.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -79,7 +79,7 @@
       }
     }
   }
-`,fe=x.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:u,handlePerPage:g=()=>{},page:a=1,handlePage:l=()=>{},totalPage:t},_)=>{var d,b;const f=()=>{a>1&&(l==null||l(a-1))},p=()=>{a<t&&(l==null||l(a+1))},h=(()=>{const r=[];if(t<=7)for(let i=1;i<=t;i++)r.push(i);else a<=3?r.push(1,2,3,"...",t):a>=t-2?r.push(1,"...",t-2,t-1,t):r.push(1,2,3,"...",t);return r==null?void 0:r.map((i,v)=>i==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:i},`pagination-ellipsis__${v}`):e.jsx("div",{onClick:()=>l(i),className:`pagination__page ${a===i?"active":""}`,children:i},`pagination-page__${v}`))})();return e.jsxs(ue,{className:"pagination",children:[e.jsx(V,{color:"neutral",control:((d=o==null?void 0:o.find(r=>(r==null?void 0:r.code)===u))==null?void 0:d.name)||((b=o[0])==null?void 0:b.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((r,i)=>e.jsx(W,{active:(r==null?void 0:r.code)===(u==null?void 0:u.code),className:"sort-by__item",onClick:()=>g(r),children:r==null?void 0:r.name},`blog-epxlore-section-per-page-option__${i+1}`))}),(h==null?void 0:h.length)>1&&e.jsxs("div",{className:"pagination__pages",children:[e.jsx("div",{className:`pagination__page ${a===1?"disabled":""}`,onClick:f,children:e.jsx(S,{icon:" mng-lnc-chevron--left"})}),h,e.jsx("div",{className:`pagination__page ${a===t?"disabled":""}`,onClick:p,children:e.jsx(S,{icon:" mng-lnc-chevron--right"})})]})]})}),xe=F.styled.div`
+`,xe=x.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:u,handlePerPage:p=()=>{},page:a=1,handlePage:l=()=>{},totalPage:t},h)=>{var d,y;const f=()=>{a>1&&(l==null||l(a-1))},w=()=>{a<t&&(l==null||l(a+1))},_=(()=>{const r=[];if(t<=7)for(let i=1;i<=t;i++)r.push(i);else a<=3?r.push(1,2,3,"...",t):a>=t-2?r.push(1,"...",t-2,t-1,t):r.push(1,2,3,"...",t);return r==null?void 0:r.map((i,v)=>i==="..."?n.jsx("div",{className:"pagination__page ellipsis",children:i},`pagination-ellipsis__${v}`):n.jsx("div",{onClick:()=>l(i),className:`pagination__page ${a===i?"active":""}`,children:i},`pagination-page__${v}`))})();return n.jsxs(fe,{className:"pagination",children:[n.jsx(V,{color:"neutral",control:((d=o==null?void 0:o.find(r=>(r==null?void 0:r.code)===u))==null?void 0:d.name)||((y=o[0])==null?void 0:y.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((r,i)=>n.jsx(W,{active:(r==null?void 0:r.code)===(u==null?void 0:u.code),className:"sort-by__item",onClick:()=>p(r),children:r==null?void 0:r.name},`blog-epxlore-section-per-page-option__${i+1}`))}),(_==null?void 0:_.length)>1&&n.jsxs("div",{className:"pagination__pages",children:[n.jsx("div",{className:`pagination__page ${a===1?"disabled":""}`,onClick:f,children:n.jsx(k,{icon:" mng-lnc-chevron--left"})}),_,n.jsx("div",{className:`pagination__page ${a===t?"disabled":""}`,onClick:w,children:n.jsx(k,{icon:" mng-lnc-chevron--right"})})]})]})}),ve=F.styled.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -259,6 +259,7 @@
         align-items: flex-start;
         gap: 1rem;
         align-self: stretch;
+        text-decoration: none;
 
         &:hover {
           cursor: pointer;
@@ -300,7 +301,7 @@
     }
   }
 
-  @media ${he.down("S")} {
+  @media ${ue.down("S")} {
     flex-direction: column;
 
     & .landing__main-content {
@@ -352,4 +353,4 @@
       display: none;
     }
   }
-`,ve=x.forwardRef(({mainTitle:o,sideTitle:u,tags:g,selectedTag:a,handleSelectTag:l=()=>{},blogs:t,miniBlogs:_,products:f,blogsLoading:p=!1,productsLoading:q=!1,sortingOptions:h,sortBy:d,handleSortBy:b=()=>{},allTagText:r="All",searchPlaceholderText:i="Search blogs",timeToReadText:v="{0} min read",getBlogImageUrl:w=()=>{},handleSelectBlog:y=()=>{},handleSelectBlogTag:C=()=>{},handleShareBlog:z=()=>{},showAllButtonLink:R,showAllButtonText:E="Show all products",viewAllButtonText:H="View all (11)",handleViewAll:G=()=>{},handleShowAll:J=()=>{},handleSelectProduct:K=()=>{},getProductImageUrl:Q=()=>{},page:U,handlePage:j=()=>{},perPage:X,handlePerPage:Y=()=>{},totalPage:$=0,perPageOptions:Z,handleSearch:O=()=>{},onBookmark:D=()=>{},bookmarkComponent:A=e.jsx(e.Fragment,{}),componentName:N,LinkComponent:k,showPerPage:B=!1},P)=>{const ee=n=>{document.getElementById("landing__container").scrollIntoView({behavior:"smooth",block:"start"}),j==null||j(n)},s=x.useRef(null),ne=ce.useDetectMobile(),[m,te]=x.useState({arrowsVisible:!1,leftArrowDisabled:!1,rightArrowDisabled:!1});x.useEffect(()=>{const n=s==null?void 0:s.current;if(!n)return;const c=()=>{const ae=n.scrollWidth-n.clientWidth;te(se=>({...se,arrowsVisible:n.clientWidth<n.scrollWidth,leftArrowDisabled:n.scrollLeft<=0,rightArrowDisabled:n.scrollLeft>=ae}))},I=new ResizeObserver(c);return I.observe(n),c(),n.addEventListener("scroll",c),()=>{I.disconnect(),n.removeEventListener("scroll",c)}},[]);const re=()=>{var n;(n=s==null?void 0:s.current)==null||n.scrollBy({left:100,behavior:"smooth"})},ie=()=>{var n;(n=s==null?void 0:s.current)==null||n.scrollBy({left:-100,behavior:"smooth"})};return e.jsxs(xe,{ref:P,id:"landing__container",children:[e.jsxs("div",{className:"landing__main-content",children:[e.jsxs("div",{className:"main-content__heading",children:[e.jsx("div",{className:"main-content__title",children:o}),!ne&&(m==null?void 0:m.arrowsVisible)&&e.jsxs("div",{className:"main-content__tags-nav",children:[e.jsx(L,{icon:"chevron-left",borderRadius:"curved",btnType:"tinted",color:"neutral",disabled:m==null?void 0:m.leftArrowDisabled,className:"main-content__tag-nav",onClick:ie}),e.jsx(L,{icon:"chevron-right",borderRadius:"curved",btnType:"tinted",color:"neutral",disabled:m==null?void 0:m.rightArrowDisabled,className:"main-content__tag-nav",onClick:re})]})]}),g&&e.jsx(de.FaqSectionTags,{ref:s,tags:g,allTagText:r,selectedTagCode:a,onSelectTag:l}),e.jsxs("div",{className:"main-content__actions",children:[e.jsx(oe,{className:"main-content__search",placeholder:i,debounceTime:200,prefix:e.jsx(S,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"main-content__search-prefix"}),color:"neutral",onChange:O}),e.jsx(V,{color:"neutral",control:d==null?void 0:d.name,zIndex:1001,className:"main-content__sort-by",children:h==null?void 0:h.map((n,c)=>e.jsx(W,{active:(n==null?void 0:n.code)===(d==null?void 0:d.code),className:"sort-by__item",onClick:()=>b(n),children:n==null?void 0:n.name},`blog-epxlore-section-sorting-option__${c+1}`))})]}),e.jsxs("div",{className:"main-content__items",children:[t&&(t==null?void 0:t.length)>0&&e.jsx(T,{timeToReadText:v,items:t==null?void 0:t.slice(0,5),isLoading:p,getImage:w,onSelectCard:y,onSelectOption:C,onShare:z,onBookmark:D,bookmarkComponent:A,componentName:N,LinkComponent:k}),e.jsx("div",{className:"main-content__divider"}),f&&(f==null?void 0:f.length)>0&&e.jsx(me,{buttonText:E,buttonLink:R,onButtonAction:J,onSelectCard:K,items:f,isLoading:q,getImage:Q,isHighlight:!0,componentName:N,LinkComponent:k}),e.jsx("div",{className:"main-content__divider"}),t&&(t==null?void 0:t.length)>0&&e.jsx(T,{timeToReadText:v,items:t==null?void 0:t.slice(5),isLoading:p,getImage:w,onSelectCard:y,onSelectOption:C,onShare:z,onBookmark:D,bookmarkComponent:A,componentName:N,LinkComponent:k})]}),($>1||B)&&e.jsx(fe,{perPageOptions:Z,perPage:X,handlePerPage:Y,page:U,handlePage:ee,totalPage:$})]}),e.jsxs("div",{className:"landing__side-content",children:[u&&e.jsx("div",{className:"side-content__title",children:u}),_&&(_==null?void 0:_.length)>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"side-content__items",children:_==null?void 0:_.map((n,c)=>e.jsx(x.Fragment,{children:e.jsxs("div",{className:"side-content__item",onClick:()=>y(n),children:[e.jsx(_e.ProductImageWrapper,{src:w(n==null?void 0:n.imageUrl,n==null?void 0:n.uuid)||null,alt:`Mini blog ${c+1}`,className:"item__image"}),e.jsxs("div",{className:"item__content",children:[e.jsx("div",{className:"item__title",children:n==null?void 0:n.title}),e.jsx("div",{className:"item__description",children:M.formatLocaleDateString(n==null?void 0:n.publishedAt)})]})]})},`mini_blg_${c}`))}),e.jsx(le,{onClick:G,className:"side-content__link",children:H})]})]})]})});module.exports=ve;
+`,ge=x.forwardRef(({mainTitle:o,sideTitle:u,tags:p,selectedTag:a,handleSelectTag:l=()=>{},blogs:t,miniBlogs:h,products:f,blogsLoading:w=!1,productsLoading:q=!1,sortingOptions:_,sortBy:d,handleSortBy:y=()=>{},allTagText:r="All",searchPlaceholderText:i="Search blogs",timeToReadText:v="{0} min read",getBlogImageUrl:b=()=>{},handleSelectBlog:j=()=>{},handleSelectBlogTag:C=()=>{},handleShareBlog:$=()=>{},showAllButtonLink:R,showAllButtonText:E="Show all products",viewAllButtonText:H="View all (11)",handleViewAll:G=()=>{},handleShowAll:J=()=>{},handleSelectProduct:K=()=>{},getProductImageUrl:Q=()=>{},page:U,handlePage:N=()=>{},perPage:X,handlePerPage:Y=()=>{},totalPage:z=0,perPageOptions:Z,handleSearch:O=()=>{},onBookmark:D=()=>{},bookmarkComponent:A=n.jsx(n.Fragment,{}),componentName:S,LinkComponent:g,showPerPage:B=!1},P)=>{const ee=e=>{document.getElementById("landing__container").scrollIntoView({behavior:"smooth",block:"start"}),N==null||N(e)},s=x.useRef(null),ne=oe.useDetectMobile(),[m,te]=x.useState({arrowsVisible:!1,leftArrowDisabled:!1,rightArrowDisabled:!1});x.useEffect(()=>{const e=s==null?void 0:s.current;if(!e)return;const c=()=>{const se=e.scrollWidth-e.clientWidth;te(ce=>({...ce,arrowsVisible:e.clientWidth<e.scrollWidth,leftArrowDisabled:e.scrollLeft<=0,rightArrowDisabled:e.scrollLeft>=se}))},I=new ResizeObserver(c);return I.observe(e),c(),e.addEventListener("scroll",c),()=>{I.disconnect(),e.removeEventListener("scroll",c)}},[]);const re=()=>{var e;(e=s==null?void 0:s.current)==null||e.scrollBy({left:100,behavior:"smooth"})},ie=()=>{var e;(e=s==null?void 0:s.current)==null||e.scrollBy({left:-100,behavior:"smooth"})},ae=g||"a";return n.jsxs(ve,{ref:P,id:"landing__container",children:[n.jsxs("div",{className:"landing__main-content",children:[n.jsxs("div",{className:"main-content__heading",children:[n.jsx("div",{className:"main-content__title",children:o}),!ne&&(m==null?void 0:m.arrowsVisible)&&n.jsxs("div",{className:"main-content__tags-nav",children:[n.jsx(T,{icon:"chevron-left",borderRadius:"curved",btnType:"tinted",color:"neutral",disabled:m==null?void 0:m.leftArrowDisabled,className:"main-content__tag-nav",onClick:ie}),n.jsx(T,{icon:"chevron-right",borderRadius:"curved",btnType:"tinted",color:"neutral",disabled:m==null?void 0:m.rightArrowDisabled,className:"main-content__tag-nav",onClick:re})]})]}),p&&n.jsx(me.FaqSectionTags,{ref:s,tags:p,allTagText:r,selectedTagCode:a,onSelectTag:l}),n.jsxs("div",{className:"main-content__actions",children:[n.jsx(le,{className:"main-content__search",placeholder:i,debounceTime:200,prefix:n.jsx(k,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"main-content__search-prefix"}),color:"neutral",onChange:O}),n.jsx(V,{color:"neutral",control:d==null?void 0:d.name,zIndex:1001,className:"main-content__sort-by",children:_==null?void 0:_.map((e,c)=>n.jsx(W,{active:(e==null?void 0:e.code)===(d==null?void 0:d.code),className:"sort-by__item",onClick:()=>y(e),children:e==null?void 0:e.name},`blog-epxlore-section-sorting-option__${c+1}`))})]}),n.jsxs("div",{className:"main-content__items",children:[t&&(t==null?void 0:t.length)>0&&n.jsx(L,{timeToReadText:v,items:t==null?void 0:t.slice(0,5),isLoading:w,getImage:b,onSelectCard:j,onSelectOption:C,onShare:$,onBookmark:D,bookmarkComponent:A,componentName:S,LinkComponent:g}),n.jsx("div",{className:"main-content__divider"}),f&&(f==null?void 0:f.length)>0&&n.jsx(he,{buttonText:E,buttonLink:R,onButtonAction:J,onSelectCard:K,items:f,isLoading:q,getImage:Q,isHighlight:!0,componentName:S,LinkComponent:g}),n.jsx("div",{className:"main-content__divider"}),t&&(t==null?void 0:t.length)>0&&n.jsx(L,{timeToReadText:v,items:t==null?void 0:t.slice(5),isLoading:w,getImage:b,onSelectCard:j,onSelectOption:C,onShare:$,onBookmark:D,bookmarkComponent:A,componentName:S,LinkComponent:g})]}),(z>1||B)&&n.jsx(xe,{perPageOptions:Z,perPage:X,handlePerPage:Y,page:U,handlePage:ee,totalPage:z})]}),n.jsxs("div",{className:"landing__side-content",children:[u&&n.jsx("div",{className:"side-content__title",children:u}),h&&(h==null?void 0:h.length)>0&&n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"side-content__items",children:h==null?void 0:h.map((e,c)=>n.jsx(x.Fragment,{children:n.jsxs(ae,{className:"side-content__item",onClick:()=>j(e),...g?{to:`/blog/${e==null?void 0:e.titleSlug}`}:{href:`/blog/${e==null?void 0:e.titleSlug}`},children:[n.jsx(_e.ProductImageWrapper,{src:b(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,alt:`Mini blog ${c+1}`,className:"item__image"}),n.jsxs("div",{className:"item__content",children:[n.jsx("div",{className:"item__title",children:e==null?void 0:e.title}),n.jsx("div",{className:"item__description",children:M.formatLocaleDateString(e==null?void 0:e.publishedAt)})]})]})},`mini_blg_${c}`))}),n.jsx(de,{onClick:G,className:"side-content__link",children:H})]})]})]})});module.exports=ge;

package/dist/BlogExploreSection.js

@@ -1,19 +1,19 @@
-import { jsxs as a, jsx as n, Fragment as I } from "react/jsx-runtime";
-import { forwardRef as W, useRef as le, useState as se, useEffect as de, Fragment as me } from "react";
-import { u as he } from "./useDetectMobile-CcVo3PNi.js";
-import { n as _e, q as fe } from "./utils-B2fsQ6PS.js";
-import ue from "./TextInput.js";
+import { jsxs as a, jsx as n, Fragment as L } from "react/jsx-runtime";
+import { forwardRef as W, useRef as se, useState as de, useEffect as me, Fragment as he } from "react";
+import { u as _e } from "./useDetectMobile-CcVo3PNi.js";
+import { n as fe, q as ue } from "./utils-B2fsQ6PS.js";
+import ve from "./TextInput.js";
 import C from "./Icon.js";
-import ve from "./Link.js";
+import pe from "./Link.js";
 import F from "./IconButton.js";
 import M from "./DropdownMenu.js";
 import q from "./DropdownItem.js";
-import { F as pe } from "./tag-Bi8gg6hJ.js";
-import ge from "./BlogProductCardsSection.js";
+import { F as ge } from "./tag-Bi8gg6hJ.js";
+import xe from "./BlogProductCardsSection.js";
 import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as xe } from "./index-BvMY2TbK.js";
+import { P as we } from "./index-BvMY2TbK.js";
 import V from "./BlogListSection.js";
-import { d as we } from "./breakpoints-ff0SIcV3.js";
+import { d as ye } from "./breakpoints-ff0SIcV3.js";
 const be = E.div`
   display: flex;
   justify-content: space-between;
@@ -95,7 +95,7 @@ const be = E.div`
       }
     }
   }
-`, ye = W(
+`, Ne = W(
   ({
     perPageOptions: s = [
       { code: 10, name: "Show 10 items" },
@@ -103,17 +103,17 @@ const be = E.div`
       { code: 50, name: "Show 50 items" }
     ],
     perPage: u,
-    handlePerPage: g = () => {
+    handlePerPage: x = () => {
     },
     page: c = 1,
     handlePage: d = () => {
     },
     totalPage: t
   }, _) => {
-    var m, w;
+    var m, y;
     const v = () => {
       c > 1 && (d == null || d(c - 1));
-    }, x = () => {
+    }, w = () => {
       c < t && (d == null || d(c + 1));
     }, f = (() => {
       const r = [];
@@ -144,7 +144,7 @@ const be = E.div`
         M,
         {
           color: "neutral",
-          control: ((m = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.code) === u)) == null ? void 0 : m.name) || ((w = s[0]) == null ? void 0 : w.name),
+          control: ((m = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.code) === u)) == null ? void 0 : m.name) || ((y = s[0]) == null ? void 0 : y.name),
           placement: "bottom",
           zIndex: 1001,
           className: "pagination__per-page",
@@ -153,7 +153,7 @@ const be = E.div`
             {
               active: (r == null ? void 0 : r.code) === (u == null ? void 0 : u.code),
               className: "sort-by__item",
-              onClick: () => g(r),
+              onClick: () => x(r),
               children: r == null ? void 0 : r.name
             },
             `blog-epxlore-section-per-page-option__${i + 1}`
@@ -174,14 +174,14 @@ const be = E.div`
           "div",
           {
             className: `pagination__page ${c === t ? "disabled" : ""}`,
-            onClick: x,
+            onClick: w,
             children: /* @__PURE__ */ n(C, { icon: " mng-lnc-chevron--right" })
           }
         )
       ] })
     ] });
   }
-), Ne = E.div`
+), Se = E.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -361,6 +361,7 @@ const be = E.div`
         align-items: flex-start;
         gap: 1rem;
         align-self: stretch;
+        text-decoration: none;
 
         &:hover {
           cursor: pointer;
@@ -387,7 +388,7 @@ const be = E.div`
             font-style: normal;
             font-weight: 500;
             line-height: 1.25rem;
-            ${_e(2)}
+            ${fe(2)}
           }
 
           & .item__description {
@@ -402,7 +403,7 @@ const be = E.div`
     }
   }
 
-  @media ${we("S")} {
+  @media ${ye("S")} {
     flex-direction: column;
 
     & .landing__main-content {
@@ -454,31 +455,31 @@ const be = E.div`
       display: none;
     }
   }
-`, Ee = W(
+`, He = W(
   ({
     mainTitle: s,
     sideTitle: u,
-    tags: g,
+    tags: x,
     selectedTag: c,
     handleSelectTag: d = () => {
     },
     blogs: t,
     miniBlogs: _,
     products: v,
-    blogsLoading: x = !1,
-    productsLoading: z = !1,
+    blogsLoading: w = !1,
+    productsLoading: $ = !1,
     sortingOptions: f,
     sortBy: m,
-    handleSortBy: w = () => {
+    handleSortBy: y = () => {
     },
     allTagText: r = "All",
     searchPlaceholderText: i = "Search blogs",
     timeToReadText: p = "{0} min read",
     getBlogImageUrl: b = () => {
     },
-    handleSelectBlog: y = () => {
+    handleSelectBlog: N = () => {
     },
-    handleSelectBlogTag: $ = () => {
+    handleSelectBlogTag: z = () => {
     },
     handleShareBlog: A = () => {
     },
@@ -496,7 +497,7 @@ const be = E.div`
     getProductImageUrl: U = () => {
     },
     page: X,
-    handlePage: N = () => {
+    handlePage: S = () => {
     },
     perPage: Y,
     handlePerPage: Z = () => {
@@ -505,34 +506,34 @@ const be = E.div`
     perPageOptions: O,
     handleSearch: B = () => {
     },
-    onBookmark: L = () => {
+    onBookmark: T = () => {
     },
-    bookmarkComponent: T = /* @__PURE__ */ n(I, {}),
+    bookmarkComponent: j = /* @__PURE__ */ n(L, {}),
     componentName: k,
-    LinkComponent: S,
+    LinkComponent: g,
     showPerPage: P = !1
   }, ee) => {
     const ne = (e) => {
-      document.getElementById("landing__container").scrollIntoView({ behavior: "smooth", block: "start" }), N == null || N(e);
-    }, o = le(null), te = he(), [h, re] = se({
+      document.getElementById("landing__container").scrollIntoView({ behavior: "smooth", block: "start" }), S == null || S(e);
+    }, o = se(null), te = _e(), [h, re] = de({
       arrowsVisible: !1,
       leftArrowDisabled: !1,
       rightArrowDisabled: !1
     });
-    de(() => {
+    me(() => {
       const e = o == null ? void 0 : o.current;
       if (!e) return;
       const l = () => {
-        const ce = e.scrollWidth - e.clientWidth;
-        re((oe) => ({
-          ...oe,
+        const oe = e.scrollWidth - e.clientWidth;
+        re((le) => ({
+          ...le,
           arrowsVisible: e.clientWidth < e.scrollWidth,
           leftArrowDisabled: e.scrollLeft <= 0,
-          rightArrowDisabled: e.scrollLeft >= ce
+          rightArrowDisabled: e.scrollLeft >= oe
         }));
-      }, j = new ResizeObserver(l);
-      return j.observe(e), l(), e.addEventListener("scroll", l), () => {
-        j.disconnect(), e.removeEventListener("scroll", l);
+      }, I = new ResizeObserver(l);
+      return I.observe(e), l(), e.addEventListener("scroll", l), () => {
+        I.disconnect(), e.removeEventListener("scroll", l);
       };
     }, []);
     const ie = () => {
@@ -541,8 +542,8 @@ const be = E.div`
     }, ae = () => {
       var e;
       (e = o == null ? void 0 : o.current) == null || e.scrollBy({ left: -100, behavior: "smooth" });
-    };
-    return /* @__PURE__ */ a(Ne, { ref: ee, id: "landing__container", children: [
+    }, ce = g || "a";
+    return /* @__PURE__ */ a(Se, { ref: ee, id: "landing__container", children: [
       /* @__PURE__ */ a("div", { className: "landing__main-content", children: [
         /* @__PURE__ */ a("div", { className: "main-content__heading", children: [
           /* @__PURE__ */ n("div", { className: "main-content__title", children: s }),
@@ -573,11 +574,11 @@ const be = E.div`
             )
           ] })
         ] }),
-        g && /* @__PURE__ */ n(
-          pe,
+        x && /* @__PURE__ */ n(
+          ge,
           {
             ref: o,
-            tags: g,
+            tags: x,
             allTagText: r,
             selectedTagCode: c,
             onSelectTag: d
@@ -585,7 +586,7 @@ const be = E.div`
         ),
         /* @__PURE__ */ a("div", { className: "main-content__actions", children: [
           /* @__PURE__ */ n(
-            ue,
+            ve,
             {
               className: "main-content__search",
               placeholder: i,
@@ -614,7 +615,7 @@ const be = E.div`
                 {
                   active: (e == null ? void 0 : e.code) === (m == null ? void 0 : m.code),
                   className: "sort-by__item",
-                  onClick: () => w(e),
+                  onClick: () => y(e),
                   children: e == null ? void 0 : e.name
                 },
                 `blog-epxlore-section-sorting-option__${l + 1}`
@@ -628,31 +629,31 @@ const be = E.div`
             {
               timeToReadText: p,
               items: t == null ? void 0 : t.slice(0, 5),
-              isLoading: x,
+              isLoading: w,
               getImage: b,
-              onSelectCard: y,
-              onSelectOption: $,
+              onSelectCard: N,
+              onSelectOption: z,
               onShare: A,
-              onBookmark: L,
-              bookmarkComponent: T,
+              onBookmark: T,
+              bookmarkComponent: j,
               componentName: k,
-              LinkComponent: S
+              LinkComponent: g
             }
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
           v && (v == null ? void 0 : v.length) > 0 && /* @__PURE__ */ n(
-            ge,
+            xe,
             {
               buttonText: R,
               buttonLink: H,
               onButtonAction: K,
               onSelectCard: Q,
               items: v,
-              isLoading: z,
+              isLoading: $,
               getImage: U,
               isHighlight: !0,
               componentName: k,
-              LinkComponent: S
+              LinkComponent: g
             }
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
@@ -661,20 +662,20 @@ const be = E.div`
             {
               timeToReadText: p,
               items: t == null ? void 0 : t.slice(5),
-              isLoading: x,
+              isLoading: w,
               getImage: b,
-              onSelectCard: y,
-              onSelectOption: $,
+              onSelectCard: N,
+              onSelectOption: z,
               onShare: A,
-              onBookmark: L,
-              bookmarkComponent: T,
+              onBookmark: T,
+              bookmarkComponent: j,
               componentName: k,
-              LinkComponent: S
+              LinkComponent: g
             }
           )
         ] }),
         (D > 1 || P) && /* @__PURE__ */ n(
-          ye,
+          Ne,
           {
             perPageOptions: O,
             perPage: Y,
@@ -687,15 +688,16 @@ const be = E.div`
       ] }),
       /* @__PURE__ */ a("div", { className: "landing__side-content", children: [
         u && /* @__PURE__ */ n("div", { className: "side-content__title", children: u }),
-        _ && (_ == null ? void 0 : _.length) > 0 && /* @__PURE__ */ a(I, { children: [
-          /* @__PURE__ */ n("div", { className: "side-content__items", children: _ == null ? void 0 : _.map((e, l) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ a(
-            "div",
+        _ && (_ == null ? void 0 : _.length) > 0 && /* @__PURE__ */ a(L, { children: [
+          /* @__PURE__ */ n("div", { className: "side-content__items", children: _ == null ? void 0 : _.map((e, l) => /* @__PURE__ */ n(he, { children: /* @__PURE__ */ a(
+            ce,
             {
               className: "side-content__item",
-              onClick: () => y(e),
+              onClick: () => N(e),
+              ...g ? { to: `/blog/${e == null ? void 0 : e.titleSlug}` } : { href: `/blog/${e == null ? void 0 : e.titleSlug}` },
               children: [
                 /* @__PURE__ */ n(
-                  xe,
+                  we,
                   {
                     src: b(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
                     alt: `Mini blog ${l + 1}`,
@@ -704,17 +706,17 @@ const be = E.div`
                 ),
                 /* @__PURE__ */ a("div", { className: "item__content", children: [
                   /* @__PURE__ */ n("div", { className: "item__title", children: e == null ? void 0 : e.title }),
-                  /* @__PURE__ */ n("div", { className: "item__description", children: fe(e == null ? void 0 : e.publishedAt) })
+                  /* @__PURE__ */ n("div", { className: "item__description", children: ue(e == null ? void 0 : e.publishedAt) })
                 ] })
               ]
             }
           ) }, `mini_blg_${l}`)) }),
-          /* @__PURE__ */ n(ve, { onClick: J, className: "side-content__link", children: G })
+          /* @__PURE__ */ n(pe, { onClick: J, className: "side-content__link", children: G })
         ] })
       ] })
     ] });
   }
 );
 export {
-  Ee as default
+  He as default
 };

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./index-DZFKpq77.cjs"),J=require("./index-vQOR22Py.cjs"),W=require("./index-oYE1Pl7q.cjs"),X=K.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),g=require("./index-DZFKpq77.cjs"),J=require("./index-vQOR22Py.cjs"),W=require("./index-oYE1Pl7q.cjs"),X=K.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -36,7 +36,7 @@
     gap: 2rem;
   }
 
-  @media ${g.down("M")} {
+  @media ${p.down("M")} {
     & .section__items {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
@@ -62,7 +62,7 @@
     white-space: nowrap;
   }
 
-  @media ${g.down("S")} {
+  @media ${p.down("S")} {
     gap: 1.25rem;
 
     & .section__items {
@@ -85,4 +85,4 @@
       }
     }
   }
-`,Y=l.memo(f.DetailedProductCard),Z=l.forwardRef((s,b)=>{const{title:c,icon:d,items:i,limit:h=4,isLoading:a=!1,onSelectCard:_=()=>{},onLoadMore:y=()=>{},onButtonAction:S=()=>{},getImage:w=()=>{},viewAllbuttonLink:u,viewAllButonText:m="View all",negotiableText:k,freeText:v,loadMoreButtonIcon:C="angle-down",sponsoredText:N,onBookmark:j=()=>{},actionComponent:q,componentName:P,hasNextPage:L=!1,LinkComponent:B,urgentText:D,options:o=[],isLoadingOptions:M=!1,selectedOption:O,onSelectOption:T=()=>{},onRemoveOption:R=()=>{},allOptionsEnabled:A=!1,allOptionsLabel:E="All",onSelectAllOptions:I=()=>{},optionLabel:$="label",optionValue:z="value",optionCode:F="code"}=s,p=H.useDetectMobile(),U=l.useMemo(()=>i==null?void 0:i.map((e,n)=>t.jsx(Y,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(x,V)=>_({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:V}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:w(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:v,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:N,onBookmark:j,actionComponent:q,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:P},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants,LinkComponent:B,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:D,hasFreeShipping:e==null?void 0:e.hasFreeShipping},n)),[i]);return t.jsxs(X,{ref:b,limit:h,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(c)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(d)&&t.jsx("i",{className:d})," ",c]}),p&&r.isDefinedNotEmptyString(u)&&r.isDefinedNotEmptyString(m)&&!a&&t.jsx(G,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),S(u)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(W.SuspenseSelectBar,{isLoading:M,children:o&&(o==null?void 0:o.length)>0&&t.jsx(J.SelectBar,{items:o,selectedIds:O,onRemove:R,onSelect:T,allButton:A,onSelectAll:I,labelKey:$,valueKey:z,codeKey:F,noMargin:!0,productsToolbarName:E,noGradient:!0,className:"section__options"})}),t.jsx(f.SuspenseDetailedProductCard,{isLoading:a,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:U})}),!p&&!a&&L&&t.jsx(Q,{icon:C,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:y})]})});module.exports=Z;
+`,Y=l.memo(g.DetailedProductCard),Z=l.forwardRef((s,f)=>{const{title:c,icon:d,items:i,limit:b=4,isLoading:a=!1,onSelectCard:h=()=>{},onLoadMore:_=()=>{},onButtonAction:y=()=>{},getImage:S=()=>{},viewAllbuttonLink:u,viewAllButonText:m="View all",negotiableText:w,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},actionComponent:j,componentName:q,hasNextPage:P=!1,LinkComponent:L,urgentText:B,options:o=[],isLoadingOptions:D=!1,selectedOption:M,onSelectOption:O=()=>{},onRemoveOption:T=()=>{},allOptionsEnabled:R=!1,allOptionsLabel:A="All",onSelectAllOptions:E=()=>{},optionLabel:I="label",optionValue:$="value",optionCode:z="code"}=s,F=H.useDetectMobile(),U=l.useMemo(()=>i==null?void 0:i.map((e,n)=>t.jsx(Y,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(x,V)=>h({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:V}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:S(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:w,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,actionComponent:j,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:q},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants,LinkComponent:L,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:B,hasFreeShipping:e==null?void 0:e.hasFreeShipping},n)),[i]);return t.jsxs(X,{ref:f,limit:b,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(c)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(d)&&t.jsx("i",{className:d})," ",c]}),r.isDefinedNotEmptyString(u)&&r.isDefinedNotEmptyString(m)&&!a&&t.jsx(G,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),y(u)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(W.SuspenseSelectBar,{isLoading:D,children:o&&(o==null?void 0:o.length)>0&&t.jsx(J.SelectBar,{items:o,selectedIds:M,onRemove:T,onSelect:O,allButton:R,onSelectAll:E,labelKey:I,valueKey:$,codeKey:z,noMargin:!0,productsToolbarName:A,noGradient:!0,className:"section__options"})}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:a,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:U})}),!F&&!a&&P&&t.jsx(Q,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:_})]})});module.exports=Z;

package/dist/DetailedProductsInfinitiveSection.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { memo as K, forwardRef as q, useMemo as Q } from "react";
 import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as g } from "./breakpoints-ff0SIcV3.js";
+import { d as p } from "./breakpoints-ff0SIcV3.js";
 import H from "./IconButton.js";
 import J from "./Button.js";
 import { l as n } from "./utils-B2fsQ6PS.js";
@@ -47,7 +47,7 @@ const ee = G.div`
     gap: 2rem;
   }
 
-  @media ${g("M")} {
+  @media ${p("M")} {
     & .section__items {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
@@ -73,7 +73,7 @@ const ee = G.div`
     white-space: nowrap;
   }
 
-  @media ${g("S")} {
+  @media ${p("S")} {
     gap: 1.25rem;
 
     & .section__items {
@@ -96,49 +96,49 @@ const ee = G.div`
       }
     }
   }
-`, oe = K(X), ge = q((r, f) => {
+`, oe = K(X), ge = q((r, g) => {
   const {
     title: c,
     icon: m,
     items: i,
-    limit: b = 4,
+    limit: f = 4,
     isLoading: l = !1,
-    onSelectCard: h = () => {
+    onSelectCard: b = () => {
     },
-    onLoadMore: _ = () => {
+    onLoadMore: h = () => {
     },
-    onButtonAction: S = () => {
+    onButtonAction: _ = () => {
     },
-    getImage: w = () => {
+    getImage: S = () => {
     },
     viewAllbuttonLink: d,
     viewAllButonText: u = "View all",
-    negotiableText: y,
-    freeText: v,
-    loadMoreButtonIcon: k = "angle-down",
-    sponsoredText: C,
-    onBookmark: N = () => {
+    negotiableText: w,
+    freeText: y,
+    loadMoreButtonIcon: v = "angle-down",
+    sponsoredText: k,
+    onBookmark: C = () => {
     },
-    actionComponent: P,
-    componentName: L,
-    hasNextPage: B = !1,
-    LinkComponent: O,
-    urgentText: M,
+    actionComponent: N,
+    componentName: P,
+    hasNextPage: L = !1,
+    LinkComponent: B,
+    urgentText: O,
     options: t = [],
-    isLoadingOptions: T = !1,
-    selectedOption: A,
-    onSelectOption: D = () => {
+    isLoadingOptions: M = !1,
+    selectedOption: T,
+    onSelectOption: A = () => {
     },
-    onRemoveOption: z = () => {
+    onRemoveOption: D = () => {
     },
-    allOptionsEnabled: F = !1,
-    allOptionsLabel: I = "All",
-    onSelectAllOptions: R = () => {
+    allOptionsEnabled: z = !1,
+    allOptionsLabel: F = "All",
+    onSelectAllOptions: I = () => {
     },
-    optionLabel: $ = "label",
-    optionValue: U = "value",
-    optionCode: V = "code"
-  } = r, p = W(), j = Q(() => i == null ? void 0 : i.map((e, a) => /* @__PURE__ */ o(
+    optionLabel: R = "label",
+    optionValue: $ = "value",
+    optionCode: U = "code"
+  } = r, V = W(), j = Q(() => i == null ? void 0 : i.map((e, a) => /* @__PURE__ */ o(
     oe,
     {
       name: e == null ? void 0 : e.name,
@@ -150,13 +150,13 @@ const ee = G.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (te, E) => h({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: E }),
+      onSelectCard: (te, E) => b({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: E }),
       nameSlug: e == null ? void 0 : e.nameSlug,
-      imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      imageUrl: S(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
-      negotiableText: y,
-      freeText: v,
+      negotiableText: w,
+      freeText: y,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
@@ -164,32 +164,32 @@ const ee = G.div`
       hasQuantities: e == null ? void 0 : e.hasQuantities,
       status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: C,
-      onBookmark: N,
-      actionComponent: P,
+      sponsoredText: k,
+      onBookmark: C,
+      actionComponent: N,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: L },
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: P },
       sellerName: e == null ? void 0 : e.sellerName,
       forCart: e == null ? void 0 : e.forCart,
       forOrder: e == null ? void 0 : e.forOrder,
       contactSeller: e == null ? void 0 : e.contactSeller,
       hasVariants: e == null ? void 0 : e.hasVariants,
-      LinkComponent: O,
+      LinkComponent: B,
       activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
-      urgentText: M,
+      urgentText: O,
       hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
     },
     a
   )), [i]);
-  return /* @__PURE__ */ s(ee, { ref: f, limit: b, children: [
+  return /* @__PURE__ */ s(ee, { ref: g, limit: f, children: [
     /* @__PURE__ */ s("div", { className: "section__heading", children: [
       n(c) && /* @__PURE__ */ s("div", { className: "section__title", children: [
         n(m) && /* @__PURE__ */ o("i", { className: m }),
         " ",
         c
       ] }),
-      p && n(d) && n(u) && !l && /* @__PURE__ */ o(
+      n(d) && n(u) && !l && /* @__PURE__ */ o(
         J,
         {
           type: "button",
@@ -197,7 +197,7 @@ const ee = G.div`
           color: "neutral",
           onClick: (e) => {
             var a;
-            (a = e == null ? void 0 : e.target) == null || a.blur(), S(d);
+            (a = e == null ? void 0 : e.target) == null || a.blur(), _(d);
           },
           borderRadius: "curved",
           className: "section__view-all",
@@ -205,20 +205,20 @@ const ee = G.div`
         }
       )
     ] }),
-    /* @__PURE__ */ o(x, { isLoading: T, children: t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ o(
+    /* @__PURE__ */ o(x, { isLoading: M, children: t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ o(
       Z,
       {
         items: t,
-        selectedIds: A,
-        onRemove: z,
-        onSelect: D,
-        allButton: F,
-        onSelectAll: R,
-        labelKey: $,
-        valueKey: U,
-        codeKey: V,
+        selectedIds: T,
+        onRemove: D,
+        onSelect: A,
+        allButton: z,
+        onSelectAll: I,
+        labelKey: R,
+        valueKey: $,
+        codeKey: U,
         noMargin: !0,
-        productsToolbarName: I,
+        productsToolbarName: F,
         noGradient: !0,
         className: "section__options"
       }
@@ -231,15 +231,15 @@ const ee = G.div`
         children: /* @__PURE__ */ o("div", { className: "section__items", children: j })
       }
     ),
-    !p && !l && B && /* @__PURE__ */ o(
+    !V && !l && L && /* @__PURE__ */ o(
       H,
       {
-        icon: k,
+        icon: v,
         borderRadius: "curved",
         btnType: "basic",
         color: "neutral",
         className: "section__show-more",
-        onClick: _
+        onClick: h
       }
     )
   ] });

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),f=require("react"),x=require("./Button.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),m=require("./index-B_ilx3wM.cjs"),p=h.styled.a`
+"use strict";const n=require("react/jsx-runtime"),h=require("react"),x=require("./Button.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),m=require("./index-B_ilx3wM.cjs"),p=u.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -82,7 +82,7 @@
       }
     }
   }
-`,y=f.forwardRef(({title:r,description:n,buttonText:i,imageUrl:l,backgroundColor:c="none",handleSelectCard:d=()=>{},handleButtonAction:g=()=>{},selectAction:e,LinkComponent:s},u)=>{const _=s||"a";return o.jsxs(p,{ref:u,backgroundImage:l,backgroundColor:c,onClick:d,as:_,...s?{to:`/${e}`}:{href:`/${e}`},children:[o.jsxs("div",{className:"section__text",children:[r&&o.jsx("div",{className:"section__title",children:r}),n&&o.jsx("div",{className:"section__description",children:n})]}),o.jsx(x,{text:i,onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),g()},borderRadius:"regular",color:"gray",className:"section__action"})]})}),v=h.styled.div`
+`,y=h.forwardRef(({title:r,description:o,buttonText:i,imageUrl:l,backgroundColor:c="none",handleSelectCard:d=()=>{},handleButtonAction:g=()=>{},selectAction:s,LinkComponent:e},f)=>{const _=e||"a";return n.jsxs(p,{ref:f,backgroundImage:l,backgroundColor:c,onClick:d,as:_,...e?{to:`/${s}`}:{href:`/${s}`},children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(x,{text:i,onClick:t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),g()},borderRadius:"regular",color:"gray",className:"section__action"})]})}),v=u.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -99,7 +99,7 @@
 
   & .section__items {
     display: grid;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(${r=>r==null?void 0:r.numOfColumns}, 1fr);
     gap: 1rem;
     width: 100%;
   }
@@ -122,4 +122,4 @@
       grid-template-columns: 1fr;
     }
   }
-`,b=f.forwardRef(({title:r,items:n,isLoading:i=!1,onSelectCard:l=()=>{},onButtonAction:c=()=>{},LinkComponent:d},g)=>o.jsxs(v,{ref:g,children:[o.jsx("div",{className:"section__title",children:r}),o.jsx(m.SuspenseBlogsSectionDetailed,{isLoading:i,keyPrefix:"overlay-general-cards-skeleton",children:o.jsx("div",{className:"section__items",children:n==null?void 0:n.map((e,s)=>o.jsx(y,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>l(e),handleButtonAction:()=>c(e),selectAction:e==null?void 0:e.selectAction,LinkComponent:d},`overlay-general-card__${s+1}`))})})]}));module.exports=b;
+`,b=h.forwardRef(({title:r,items:o,isLoading:i=!1,numOfColumns:l=4,onSelectCard:c=()=>{},onButtonAction:d=()=>{},LinkComponent:g},s)=>n.jsxs(v,{ref:s,numOfColumns:l,children:[n.jsx("div",{className:"section__title",children:r}),n.jsx(m.SuspenseBlogsSectionDetailed,{isLoading:i,keyPrefix:"overlay-general-cards-skeleton",children:n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,f)=>n.jsx(y,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>c(e),handleButtonAction:()=>d(e),selectAction:e==null?void 0:e.selectAction,LinkComponent:g},`overlay-general-card__${f+1}`))})})]}));module.exports=b;

package/dist/OverlayGeneralCardsSection.js

@@ -1,10 +1,10 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 import u from "./Button.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as i } from "./breakpoints-ff0SIcV3.js";
 import { S as p } from "./index-hC-E71GE.js";
-const x = m.a`
+const x = _.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -88,7 +88,7 @@ const x = m.a`
       }
     }
   }
-`, v = h(
+`, v = m(
   ({
     title: r,
     description: n,
@@ -99,23 +99,23 @@ const x = m.a`
     },
     handleButtonAction: f = () => {
     },
-    selectAction: e,
-    LinkComponent: a
-  }, _) => /* @__PURE__ */ g(
+    selectAction: a,
+    LinkComponent: e
+  }, g) => /* @__PURE__ */ h(
     x,
     {
-      ref: _,
+      ref: g,
       backgroundImage: l,
       backgroundColor: c,
       onClick: d,
-      as: a || "a",
-      ...a ? {
-        to: `/${e}`
+      as: e || "a",
+      ...e ? {
+        to: `/${a}`
       } : {
-        href: `/${e}`
+        href: `/${a}`
       },
       children: [
-        /* @__PURE__ */ g("div", { className: "section__text", children: [
+        /* @__PURE__ */ h("div", { className: "section__text", children: [
           r && /* @__PURE__ */ o("div", { className: "section__title", children: r }),
           n && /* @__PURE__ */ o("div", { className: "section__description", children: n })
         ] }),
@@ -134,7 +134,7 @@ const x = m.a`
       ]
     }
   )
-), y = m.div`
+), y = _.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -151,7 +151,7 @@ const x = m.a`
 
   & .section__items {
     display: grid;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(${(r) => r == null ? void 0 : r.numOfColumns}, 1fr);
     gap: 1rem;
     width: 100%;
   }
@@ -174,24 +174,25 @@ const x = m.a`
       grid-template-columns: 1fr;
     }
   }
-`, N = h(
+`, N = m(
   ({
     title: r,
     items: n,
     isLoading: s = !1,
-    onSelectCard: l = () => {
+    numOfColumns: l = 4,
+    onSelectCard: c = () => {
     },
-    onButtonAction: c = () => {
+    onButtonAction: d = () => {
     },
-    LinkComponent: d
-  }, f) => /* @__PURE__ */ g(y, { ref: f, children: [
+    LinkComponent: f
+  }, a) => /* @__PURE__ */ h(y, { ref: a, numOfColumns: l, children: [
     /* @__PURE__ */ o("div", { className: "section__title", children: r }),
     /* @__PURE__ */ o(
       p,
       {
         isLoading: s,
         keyPrefix: "overlay-general-cards-skeleton",
-        children: /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, a) => /* @__PURE__ */ o(
+        children: /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, g) => /* @__PURE__ */ o(
           v,
           {
             title: e == null ? void 0 : e.title,
@@ -199,12 +200,12 @@ const x = m.a`
             imageUrl: e == null ? void 0 : e.imageUrl,
             buttonText: e == null ? void 0 : e.buttonText,
             backgroundColor: e == null ? void 0 : e.backgroundColor,
-            handleSelectCard: () => l(e),
-            handleButtonAction: () => c(e),
+            handleSelectCard: () => c(e),
+            handleButtonAction: () => d(e),
             selectAction: e == null ? void 0 : e.selectAction,
-            LinkComponent: d
+            LinkComponent: f
           },
-          `overlay-general-card__${a + 1}`
+          `overlay-general-card__${g + 1}`
         )) })
       }
     )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.222",
+  "version": "4.0.225",
   "description": "React component library",
   "type": "module",
   "keywords": [