@lanaco/lnc-react-ui 4.0.76 → 4.0.78

package/dist/BlogsSectionDetailed.cjs

@@ -1,12 +1,12 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-BXPz9bck.cjs"),k=require("./style-C571ywKV.cjs"),D=require("./Button.cjs"),O=require("./index-CAqPGuiA.cjs"),$=w.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),t=require("./utils-BXPz9bck.cjs"),N=require("./style-C571ywKV.cjs"),D=require("./Button.cjs"),R=require("./index-CAqPGuiA.cjs"),O=w.styled.div`
   display: grid;
-  grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,N=w.styled.div`
+`,k=w.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -37,7 +37,7 @@
     width: 100%;
     max-height: 11.0625rem;
     min-height: 11.0625rem;
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${t.linearGradientAnimation("-90deg")};
   }
 
   & .tags-wr {
@@ -63,13 +63,13 @@
   }
 
   & .info-wr-skeleton {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${t.linearGradientAnimation("-90deg")};
     height: 1rem;
     width: 100%;
   }
 
   & .skeleton-title {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${t.linearGradientAnimation("-90deg")};
     height: 1.5rem;
     width: 70%;
   }
@@ -79,7 +79,7 @@
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${d.truncateTextInRows(2)}
+    ${t.truncateTextInRows(2)}
   }
 
   & .info-wr {
@@ -108,4 +108,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,R=m.forwardRef((t,a)=>{const{title:i,imageUrl:c,text:l,numberOfLikes:s,numberOfComments:f,readDuration:o,datePublished:g,tags:u,onCardClick:h,timeToReadText:p="read"}=t;return r.jsxs(N,{ref:a,className:"blog-card",onClick:h,children:[r.jsx(O.ProductImageWrapper,{src:c}),r.jsxs(S,{children:[r.jsxs("div",{className:"info-wr",children:[r.jsxs("div",{className:"info-wr-1",children:[r.jsx("span",{children:g}),r.jsx("span",{className:"small-dot",children:"●"}),o&&p?`${o} ${p}`:"N/A"]}),r.jsxs("div",{className:"info-wr-2",children:[r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),r.jsx("span",{children:s})]}),r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-messages-filled"}),r.jsx("span",{children:f})]})]})]}),r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:l})]}),r.jsx("div",{className:"tags-wr",children:u==null?void 0:u.map((n,j)=>r.jsx(k.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},j))})]})}),P=m.forwardRef(({},t)=>r.jsxs(N,{className:"blog-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsxs(S,{children:[r.jsx("div",{className:"info-wr"}),r.jsx("div",{className:"skeleton-title"}),r.jsx("div",{className:"info-wr-skeleton"})]})]})),T=({limit:t=3,isLoading:a=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(c,l)=>r.jsx(P,{isLoading:a},`${i}-skeleton-product-card-${l}`))}),q=({children:t,fallbackComponent:a=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:c,keyPrefix:l})=>r.jsx(m.Suspense,{fallbackComponent:a,children:i===!0?r.jsx(T,{isLoading:i,limit:c,keyPrefix:l}):t}),v=m.memo(R),B=m.forwardRef((t,a)=>{const{icon:i,title:c,onButtonAction:l,items:s,buttonText:f,limit:o=3,onSelectCard:g=()=>{},isLoading:u=!1,buttonLink:h,getImage:p=()=>{}}=t,n=C.useDetectMobile(),j=m.useMemo(()=>r.jsx(r.Fragment,{children:n===!0?s==null?void 0:s.map((e,b)=>r.jsx(v,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,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,tags:e==null?void 0:e.tags,onCardClick:()=>g(e==null?void 0:e.titleSlug),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},b)):s==null?void 0:s.slice(0,o).map((e,b)=>r.jsx(v,{title:e==null?void 0:e.title,imageUrl:p(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:()=>g(e==null?void 0:e.titleSlug)},b))}),[s,n,o,g]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:a,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:c})]}),d.isDefinedNotEmptyString(f)&&d.isDefinedNotEmptyString(h)&&r.jsx(D,{type:"button",btnType:"tinted",color:"gray",onClick:()=>l(h),borderRadius:"curved",children:f})]}),r.jsx($,{limit:o,children:r.jsx(q,{isLoading:u,limit:o,keyPrefix:"explore-landing",children:j})})]})});module.exports=B;
+`,$=m.forwardRef((i,l)=>{const{title:s,imageUrl:c,text:o,numberOfLikes:n,numberOfComments:f,readDuration:d,datePublished:g,tags:u,onCardClick:h,timeToReadText:p="read"}=i;return r.jsxs(k,{ref:l,className:"blog-card",onClick:h,children:[r.jsx(R.ProductImageWrapper,{src:c}),r.jsxs(S,{children:[r.jsxs("div",{className:"info-wr",children:[r.jsxs("div",{className:"info-wr-1",children:[r.jsxs("span",{children:[t.formatLocaleDateString(g)," "]}),r.jsx("span",{className:"small-dot",children:"●"}),d&&p?`${t.formatString(p,d)}`:"N/A"]}),r.jsxs("div",{className:"info-wr-2",children:[r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),r.jsx("span",{children:t.getRoundedNumber(n)})]}),r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-messages-filled"}),r.jsx("span",{children:t.getRoundedNumber(f)})]})]})]}),r.jsx("div",{className:"text-wr-title",children:s}),r.jsx("div",{className:"text-wr",children:o})]}),r.jsx("div",{className:"tags-wr",children:u==null?void 0:u.map((a,j)=>r.jsx(N.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},j))})]})}),P=m.forwardRef(({},i)=>r.jsxs(k,{className:"blog-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsxs(S,{children:[r.jsx("div",{className:"info-wr"}),r.jsx("div",{className:"skeleton-title"}),r.jsx("div",{className:"info-wr-skeleton"})]})]})),T=({limit:i=3,isLoading:l=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:i},(c,o)=>r.jsx(P,{isLoading:l},`${s}-skeleton-product-card-${o}`))}),q=({children:i,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:c,keyPrefix:o})=>r.jsx(m.Suspense,{fallbackComponent:l,children:s===!0?r.jsx(T,{isLoading:s,limit:c,keyPrefix:o}):i}),v=m.memo($),B=m.forwardRef((i,l)=>{const{icon:s,title:c,onButtonAction:o,items:n,buttonText:f,limit:d=3,onSelectCard:g=()=>{},isLoading:u=!1,buttonLink:h,getImage:p=()=>{}}=i,a=C.useDetectMobile(),j=m.useMemo(()=>r.jsx(r.Fragment,{children:a===!0?n==null?void 0:n.map((e,b)=>r.jsx(v,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,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,tags:e==null?void 0:e.tags,onCardClick:()=>g(e==null?void 0:e.titleSlug),imageUrl:p(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},b)):n==null?void 0:n.slice(0,d).map((e,b)=>r.jsx(v,{title:e==null?void 0:e.title,imageUrl:p(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:()=>g(e==null?void 0:e.titleSlug)},b))}),[n,a,d,g]);return r.jsxs(N.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[t.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:c})]}),t.isDefinedNotEmptyString(f)&&t.isDefinedNotEmptyString(h)&&r.jsx(D,{type:"button",btnType:"tinted",color:"gray",onClick:()=>o(h),borderRadius:"curved",children:f})]}),r.jsx(O,{limit:d,children:r.jsx(q,{isLoading:u,limit:d,keyPrefix:"explore-landing",children:j})})]})});module.exports=B;

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 y, Suspense as P, memo as T, useMemo as B } from "react";
-import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as S } from "./consts-C1uHV4xc.js";
-import { u as D } from "./useDetectMobile-BC6EGaBc.js";
-import { m as v, t as R, k as w } from "./utils-DCs-SbIv.js";
-import { B as L, R as z } from "./style-CsMpu4iC.js";
-import A from "./Button.js";
-import { P as M } from "./index-BLxkXrqU.js";
-const I = N.div`
+import { forwardRef as N, Suspense as P, memo as T, useMemo as B } 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`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${S + "px"}) {
+  @media (max-width: ${O + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, $ = N.div`
+`, $ = y.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -56,9 +56,9 @@ const I = N.div`
     padding: 0 1rem 1rem 1rem;
   }
 
-  @media (max-width: ${S + "px"}) {
+  @media (max-width: ${O + "px"}) {
   }
-`, O = N.div`
+`, D = y.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -88,7 +88,7 @@ const I = N.div`
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${R(2)}
+    ${L(2)}
   }
 
   & .info-wr {
@@ -117,12 +117,12 @@ const I = N.div`
     align-items: center;
     gap: 1rem;
   }
-`, U = y((i, o) => {
+`, E = N((i, o) => {
   const {
     title: a,
     imageUrl: d,
     text: s,
-    numberOfLikes: l,
+    numberOfLikes: n,
     numberOfComments: u,
     readDuration: m,
     datePublished: c,
@@ -133,63 +133,66 @@ const I = N.div`
   return (
     // <BlogCardDetailedSkeleton />
     /* @__PURE__ */ t($, { ref: o, className: "blog-card", onClick: f, children: [
-      /* @__PURE__ */ r(M, { src: d }),
-      /* @__PURE__ */ t(O, { children: [
+      /* @__PURE__ */ r(W, { src: d }),
+      /* @__PURE__ */ t(D, { children: [
         /* @__PURE__ */ t("div", { className: "info-wr", children: [
           /* @__PURE__ */ t("div", { className: "info-wr-1", children: [
-            /* @__PURE__ */ r("span", { children: c }),
+            /* @__PURE__ */ t("span", { children: [
+              A(c),
+              " "
+            ] }),
             /* @__PURE__ */ r("span", { className: "small-dot", children: "●" }),
-            m && p ? `${m} ${p}` : "N/A"
+            m && p ? `${z(p, m)}` : "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: l })
+              /* @__PURE__ */ r("span", { children: C(n) })
             ] }),
             /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
               /* @__PURE__ */ r("i", { className: "mng mng-lnc-messages-filled" }),
-              /* @__PURE__ */ r("span", { children: u })
+              /* @__PURE__ */ r("span", { children: C(u) })
             ] })
           ] })
         ] }),
         /* @__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((n, h) => /* @__PURE__ */ r(L, { color: n == null ? void 0 : n.color, children: n == null ? void 0 : n.name }, h)) })
+      /* @__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)) })
     ] })
   );
-}), W = y(({}, i) => /* @__PURE__ */ t($, { className: "blog-card", children: [
+}), _ = N(({}, i) => /* @__PURE__ */ t($, { className: "blog-card", children: [
   /* @__PURE__ */ r("div", { className: "skeleton-img" }),
-  /* @__PURE__ */ t(O, { children: [
+  /* @__PURE__ */ t(D, { children: [
     /* @__PURE__ */ r("div", { className: "info-wr" }),
     /* @__PURE__ */ r("div", { className: "skeleton-title" }),
     /* @__PURE__ */ r("div", { className: "info-wr-skeleton" })
   ] })
-] })), j = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(k, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
-  W,
+] })), G = ({ limit: i = 3, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(k, { children: Array.from({ length: i }, (d, s) => /* @__PURE__ */ r(
+  _,
   {
     isLoading: o
   },
   `${a}-skeleton-product-card-${s}`
-)) }), E = ({
+)) }), q = ({
   children: i,
   fallbackComponent: o = /* @__PURE__ */ r(k, {}),
   isLoading: a = !1,
   limit: d,
   keyPrefix: s
 }) => /* @__PURE__ */ r(P, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ r(
-  j,
+  G,
   {
     isLoading: a,
     limit: d,
     keyPrefix: s
   }
-) : i }), C = T(U), Q = y((i, o) => {
+) : i }), S = T(E), x = N((i, o) => {
   const {
     icon: a,
     title: d,
     onButtonAction: s,
-    items: l,
+    items: n,
     buttonText: u,
     limit: m = 3,
     onSelectCard: c = () => {
@@ -198,8 +201,8 @@ const I = N.div`
     buttonLink: f,
     getImage: p = () => {
     }
-  } = i, n = D(), h = B(() => /* @__PURE__ */ r(k, { children: n === !0 ? l == null ? void 0 : l.map((e, b) => /* @__PURE__ */ r(
-    C,
+  } = i, l = R(), h = B(() => /* @__PURE__ */ r(k, { children: l === !0 ? n == null ? void 0 : n.map((e, b) => /* @__PURE__ */ r(
+    S,
     {
       title: e == null ? void 0 : e.title,
       text: e == null ? void 0 : e.description,
@@ -213,8 +216,8 @@ const I = N.div`
       imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
     },
     b
-  )) : l == null ? void 0 : l.slice(0, m).map((e, b) => /* @__PURE__ */ r(
-    C,
+  )) : n == null ? void 0 : n.slice(0, m).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,
@@ -228,15 +231,15 @@ const I = N.div`
       onCardClick: () => c(e == null ? void 0 : e.titleSlug)
     },
     b
-  )) }), [l, n, m, c]);
-  return /* @__PURE__ */ t(z, { ref: o, children: [
+  )) }), [n, l, m, c]);
+  return /* @__PURE__ */ t(I, { 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(
-        A,
+        U,
         {
           type: "button",
           btnType: "tinted",
@@ -247,8 +250,8 @@ const I = N.div`
         }
       )
     ] }),
-    /* @__PURE__ */ r(I, { limit: m, children: /* @__PURE__ */ r(
-      E,
+    /* @__PURE__ */ r(j, { limit: m, children: /* @__PURE__ */ r(
+      q,
       {
         isLoading: g,
         limit: m,
@@ -259,5 +262,5 @@ const I = N.div`
   ] });
 });
 export {
-  Q as default
+  x as default
 };

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),j=require("./Button.cjs"),k=require("./index-CAqPGuiA.cjs"),C=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-BXPz9bck.cjs"),j=require("./Button.cjs"),S=require("./index-CAqPGuiA.cjs"),k=u.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -74,4 +74,4 @@
     color: var(--gray-700, #4e555f);
     ${m.truncateTextInRows(3)}
   }
-`,g=a.forwardRef((i,n)=>{const{title:r,imageUrl:o,text:l,buttonText:d,onCardClick:s}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:s,children:[t.jsx(k.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:l})]}),t.jsx(j,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:d})]})}),S=a.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),y=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,l)=>t.jsx(S,{isLoading:n},`${r}-skeleton-product-card-${l}`))}),v=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:l})=>t.jsx(a.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(y,{isLoading:r,limit:o,keyPrefix:l}):i}),$=a.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:l=()=>{},isLoading:d=!1,getImage:s=()=>{}}=i,w=b.useDetectMobile();return t.jsx(C,{ref:n,limit:o,children:t.jsx(v,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:w===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>l(e==null?void 0:e.uuid)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>l(e==null?void 0:e.uuid)},c))})})})});module.exports=$;
+`,g=a.forwardRef((i,n)=>{const{title:r,imageUrl:l,text:o,buttonText:d,onCardClick:s}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:s,children:[t.jsx(S.ProductImageWrapper,{src:l}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx(j,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:d})]})}),C=a.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),y=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(l,o)=>t.jsx(C,{isLoading:n},`${r}-skeleton-product-card-${o}`))}),v=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:l,keyPrefix:o})=>t.jsx(a.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(y,{isLoading:r,limit:l,keyPrefix:o}):i}),$=a.forwardRef((i,n)=>{const{items:r,limit:l=3,onSelectCard:o=()=>{},isLoading:d=!1,getImage:s=()=>{}}=i,w=b.useDetectMobile();return t.jsx(k,{ref:n,limit:l,children:t.jsx(v,{isLoading:d,limit:l,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:w===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>o(e==null?void 0:e.titleSlug)},c)):r==null?void 0:r.slice(0,l).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>o(e==null?void 0:e.titleSlug)},c))})})})});module.exports=$;

package/dist/BlogsSectionSimpleCentered.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as t, Fragment as s } from "react/jsx-runtime";
-import { forwardRef as u, Suspense as C } from "react";
+import { forwardRef as g, Suspense as C } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-C1uHV4xc.js";
 import { u as S } from "./useDetectMobile-BC6EGaBc.js";
@@ -82,7 +82,7 @@ const T = p.div`
     color: var(--gray-700, #4e555f);
     ${v(3)}
   }
-`, g = u((i, o) => {
+`, u = g((i, o) => {
   const { title: r, imageUrl: l, text: n, buttonText: d, onCardClick: a } = i;
   return /* @__PURE__ */ c(b, { ref: o, className: "blog-card", onClick: a, children: [
     /* @__PURE__ */ t($, { src: l }),
@@ -103,7 +103,7 @@ const T = p.div`
       }
     )
   ] });
-}), B = u((i, o) => {
+}), B = g((i, o) => {
   const { onCardClick: r } = i;
   return (
     // <SimpleBlogCardSkeleton />
@@ -131,7 +131,7 @@ const T = p.div`
     limit: l,
     keyPrefix: n
   }
-) : i }), A = u((i, o) => {
+) : i }), A = g((i, o) => {
   const {
     items: r,
     limit: l = 3,
@@ -148,25 +148,25 @@ const T = p.div`
       limit: l,
       keyPrefix: "explore-landing",
       children: /* @__PURE__ */ t(s, { children: k === !0 ? r == null ? void 0 : r.map((e, m) => /* @__PURE__ */ t(
-        g,
+        u,
         {
           title: e == null ? void 0 : e.title,
           imageUrl: a(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
           text: e == null ? void 0 : e.description,
           titleSlug: e == null ? void 0 : e.titleSlug,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: () => n(e == null ? void 0 : e.uuid)
+          onCardClick: () => n(e == null ? void 0 : e.titleSlug)
         },
         m
       )) : r == null ? void 0 : r.slice(0, l).map((e, m) => /* @__PURE__ */ t(
-        g,
+        u,
         {
           title: e == null ? void 0 : e.title,
           imageUrl: a(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
           text: e == null ? void 0 : e.description,
           titleSlug: e == null ? void 0 : e.titleSlug,
           buttonText: e == null ? void 0 : e.buttonText,
-          onCardClick: () => n(e == null ? void 0 : e.uuid)
+          onCardClick: () => n(e == null ? void 0 : e.titleSlug)
         },
         m
       )) })

package/dist/LocationSearchSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-CtNoHdBj.cjs"),h=require("./index-ryadTWiS.cjs"),f=s.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-CtNoHdBj.cjs"),f=require("./index-ryadTWiS.cjs"),v=a.styled.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -19,7 +19,7 @@
     box-shadow: none;
     border: none;
   }
-`,v=s.styled.div`
+`,b=a.styled.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
@@ -28,7 +28,7 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`,b=s.styled.div`
+`,j=a.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -57,4 +57,4 @@
       color: var(--primary-500, #f59e0b);
     }
   }
-`,j=d.forwardRef((c,p)=>{const{title:m,items:a,options:o,onSelectRegion:g=()=>{},onSelectCity:u=()=>{}}=c;return r.jsxs(f,{ref:p,children:[r.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&r.jsx(h.SelectBar,{items:o,onRemove:e=>{},onSelect:e=>{},labelKey:"name",valueKey:"code",noMargin:!0}),r.jsx(v,{children:a==null?void 0:a.map((e,i)=>{var t;return r.jsxs(b,{children:[r.jsx("div",{className:"region",onClick:()=>g(e==null?void 0:e.code),children:e==null?void 0:e.name}),r.jsx("div",{className:"group-items",children:(t=e==null?void 0:e.cities)==null?void 0:t.map((n,x)=>r.jsx(d.Fragment,{children:r.jsxs("div",{className:"city",onClick:()=>u(n==null?void 0:n.code),children:[r.jsx("span",{children:n==null?void 0:n.name}),r.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},i+x))})]},i)})})]})});module.exports=j;
+`,w=d.forwardRef((c,p)=>{const{title:m,items:t,options:o,onSelectRegion:g=()=>{},onSelectCity:x=()=>{},onSelectOption:u=()=>{}}=c;return e.jsxs(v,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(f.SelectBar,{items:o,onRemove:r=>{},onSelect:(r,i)=>{u(r,i)},labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(b,{children:t==null?void 0:t.map((r,i)=>{var s;return e.jsxs(j,{children:[e.jsx("div",{className:"region",onClick:()=>g(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(s=r==null?void 0:r.cities)==null?void 0:s.map((n,h)=>e.jsx(d.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},i+h))})]},i)})})]})});module.exports=w;

package/dist/LocationSearchSection.js

@@ -1,9 +1,9 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { forwardRef as u, Fragment as v } from "react";
-import { s as t } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as m } from "./consts-C1uHV4xc.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { forwardRef as v, Fragment as x } from "react";
+import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as p } from "./consts-C1uHV4xc.js";
 import { S as b } from "./index-DXmajb7F.js";
-const w = t.div`
+const w = l.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -18,22 +18,22 @@ const w = t.div`
     font-size: 1rem;
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${p + "px"}) {
     padding: 0;
     border-radius: 0;
     box-shadow: none;
     border: none;
   }
-`, x = t.div`
+`, S = l.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${p + "px"}) {
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`, S = t.div`
+`, N = l.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -62,17 +62,19 @@ const w = t.div`
       color: var(--primary-500, #f59e0b);
     }
   }
-`, R = u((p, s) => {
+`, R = v((m, s) => {
   const {
     title: c,
-    items: i,
+    items: t,
     options: a,
     onSelectRegion: g = () => {
     },
     onSelectCity: f = () => {
+    },
+    onSelectOption: h = () => {
     }
-  } = p;
-  return /* @__PURE__ */ n(w, { ref: s, children: [
+  } = m;
+  return /* @__PURE__ */ i(w, { ref: s, children: [
     /* @__PURE__ */ o("div", { className: "wrapper-title", children: c }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
       b,
@@ -80,33 +82,27 @@ const w = t.div`
         items: a,
         onRemove: (e) => {
         },
-        onSelect: (e) => {
+        onSelect: (e, n) => {
+          h(e, n);
         },
         labelKey: "name",
         valueKey: "code",
         noMargin: !0
       }
     ),
-    /* @__PURE__ */ o(x, { children: i == null ? void 0 : i.map((e, d) => {
-      var l;
-      return /* @__PURE__ */ n(S, { children: [
-        /* @__PURE__ */ o("div", { className: "region", onClick: () => g(e == null ? void 0 : e.code), children: e == null ? void 0 : e.name }),
-        /* @__PURE__ */ o("div", { className: "group-items", children: (l = e == null ? void 0 : e.cities) == null ? void 0 : l.map((r, h) => /* @__PURE__ */ o(v, { children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: "city",
-            onClick: () => f(r == null ? void 0 : r.code),
-            children: [
-              /* @__PURE__ */ o("span", { children: r == null ? void 0 : r.name }),
-              /* @__PURE__ */ n("span", { className: "count-txt", children: [
-                "(",
-                r == null ? void 0 : r.count,
-                ")"
-              ] })
-            ]
-          }
-        ) }, d + h)) })
-      ] }, d);
+    /* @__PURE__ */ o(S, { children: t == null ? void 0 : t.map((e, n) => {
+      var d;
+      return /* @__PURE__ */ i(N, { children: [
+        /* @__PURE__ */ o("div", { className: "region", onClick: () => g(e), children: e == null ? void 0 : e.name }),
+        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, u) => /* @__PURE__ */ o(x, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => f(r), children: [
+          /* @__PURE__ */ o("span", { children: r == null ? void 0 : r.name }),
+          /* @__PURE__ */ i("span", { className: "count-txt", children: [
+            "(",
+            r == null ? void 0 : r.count,
+            ")"
+          ] })
+        ] }) }, n + u)) })
+      ] }, n);
     }) })
   ] });
 });

package/package.json

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