@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/BlogsSectionDetailed.js

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as t, Fragment as B } from "react/jsx-runtime";
-import { forwardRef as R, useRef as L, memo as A, useMemo as z } from "react";
+import { forwardRef as R, useRef as L, memo as A, useMemo as $ } from "react";
 import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
-import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as M, s as $, q as j, v as C, k as y } from "./utils-Dc5zIpaz.js";
+import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
+import { o as D, s as M, q as j, v as k, k as y } from "./utils-Dc5zIpaz.js";
 import { B as I, R as P } from "./style-C7FUSHmS.js";
 import U from "./Button.js";
 import { P as W } from "./index-C_NnINik.js";
@@ -16,7 +16,9 @@ const _ = N.div`
   @media (max-width: ${T + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, q = N.div`
+`, q = N.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -73,7 +75,7 @@ const _ = N.div`
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${M(2)}
+    ${D(2)}
   }
 
   & .info-wr {
@@ -102,30 +104,32 @@ const _ = N.div`
     align-items: center;
     gap: 1rem;
   }
-`, G = R((s, k) => {
+`, G = R((s, S) => {
   const {
-    title: g,
-    imageUrl: h,
-    text: b,
+    title: p,
+    imageUrl: b,
+    text: w,
     numberOfLikes: a,
     numberOfComments: f,
     timeToRead: m,
     publishedAt: c,
-    tags: n,
+    tags: l,
     onCardClick: u,
     timeToReadText: d = "{0} min read",
-    metadata: l
-  } = s, p = L();
+    metadata: o,
+    titleSlug: h
+  } = s, g = L();
   return /* @__PURE__ */ r(
     q,
     {
-      ref: p,
+      ref: g,
       className: "blog-card",
-      "data-accessor": l == null ? void 0 : l.accessor,
-      name: l == null ? void 0 : l.name,
-      onClick: (i) => u(i, p),
+      "data-accessor": o == null ? void 0 : o.accessor,
+      name: o == null ? void 0 : o.name,
+      onClick: (i) => u(i, g),
+      href: `/blog/${h}`,
       children: [
-        /* @__PURE__ */ t(W, { src: h }),
+        /* @__PURE__ */ t(W, { src: b }),
         /* @__PURE__ */ r("div", { className: "blog-card-content", children: [
           /* @__PURE__ */ r(F, { children: [
             /* @__PURE__ */ r("div", { className: "info-wr", children: [
@@ -135,45 +139,45 @@ const _ = N.div`
                   " "
                 ] }),
                 /* @__PURE__ */ t("span", { className: "small-dot", children: "●" }),
-                m && d ? `${$(d, m)}` : "N/A"
+                m && d ? `${M(d, m)}` : "N/A"
               ] }),
               /* @__PURE__ */ r("div", { className: "info-wr-2", children: [
                 /* @__PURE__ */ r("span", { className: "info-wr-1", children: [
                   /* @__PURE__ */ t("i", { className: "mng mng-lnc-thumbs-up--filled" }),
-                  /* @__PURE__ */ t("span", { children: C(a) })
+                  /* @__PURE__ */ t("span", { children: k(a) })
                 ] }),
                 /* @__PURE__ */ r("span", { className: "info-wr-1", children: [
                   /* @__PURE__ */ t("i", { className: "mng mng-lnc-messages-filled" }),
-                  /* @__PURE__ */ t("span", { children: C(f) })
+                  /* @__PURE__ */ t("span", { children: k(f) })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ t("div", { className: "text-wr-title", children: g }),
-            /* @__PURE__ */ t("div", { className: "text-wr", children: b })
+            /* @__PURE__ */ t("div", { className: "text-wr-title", children: p }),
+            /* @__PURE__ */ t("div", { className: "text-wr", children: w })
           ] }),
-          n && /* @__PURE__ */ t("div", { className: "tags-wr", children: n == null ? void 0 : n.map((i, w) => /* @__PURE__ */ t(I, { color: i == null ? void 0 : i.color, children: i == null ? void 0 : i.name }, w)) })
+          l && /* @__PURE__ */ t("div", { className: "tags-wr", children: l == null ? void 0 : l.map((i, e) => /* @__PURE__ */ t(I, { color: i == null ? void 0 : i.color, children: i == null ? void 0 : i.name }, e)) })
         ] })
       ]
     }
   );
-}), S = A(G), te = R((s, k) => {
+}), C = A(G), te = R((s, S) => {
   const {
-    icon: g,
-    title: h,
-    onButtonAction: b,
+    icon: p,
+    title: b,
+    onButtonAction: w,
     items: a,
     buttonText: f,
     timeToReadText: m,
     limit: c = 3,
-    onSelectCard: n = () => {
+    onSelectCard: l = () => {
     },
     isLoading: u = !1,
     buttonLink: d,
-    getImage: l = () => {
+    getImage: o = () => {
     },
-    componentName: p
-  } = s, i = D(), w = z(() => /* @__PURE__ */ t(B, { children: i === !0 ? a == null ? void 0 : a.map((e, o) => /* @__PURE__ */ t(
-    S,
+    componentName: h
+  } = s, g = z(), i = $(() => /* @__PURE__ */ t(B, { children: g === !0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ t(
+    C,
     {
       title: e == null ? void 0 : e.title,
       text: e == null ? void 0 : e.description,
@@ -184,16 +188,16 @@ const _ = N.div`
       timeToRead: e == null ? void 0 : e.timeToRead,
       timeToReadText: m,
       tags: e == null ? void 0 : e.tags,
-      onCardClick: (O, v) => n(e == null ? void 0 : e.titleSlug, v),
-      imageUrl: l(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
-      metadata: { name: p, accessor: e == null ? void 0 : e.accessor }
+      onCardClick: (O, v) => l(e == null ? void 0 : e.titleSlug, v),
+      imageUrl: o(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      metadata: { name: h, accessor: e == null ? void 0 : e.accessor }
     },
-    o
-  )) : a == null ? void 0 : a.slice(0, c).map((e, o) => /* @__PURE__ */ t(
-    S,
+    n
+  )) : a == null ? void 0 : a.slice(0, c).map((e, n) => /* @__PURE__ */ t(
+    C,
     {
       title: e == null ? void 0 : e.title,
-      imageUrl: l(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: o(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,
@@ -202,16 +206,16 @@ const _ = N.div`
       publishedAt: e == null ? void 0 : e.publishedAt,
       timeToRead: e == null ? void 0 : e.timeToRead,
       timeToReadText: m,
-      onCardClick: (O, v) => n(e == null ? void 0 : e.titleSlug, v),
-      metadata: { name: p, accessor: e == null ? void 0 : e.accessor }
+      onCardClick: (O, v) => l(e == null ? void 0 : e.titleSlug, v),
+      metadata: { name: h, accessor: e == null ? void 0 : e.accessor }
     },
-    o
-  )) }), [a, i, c, n]);
-  return /* @__PURE__ */ r(P, { ref: k, children: [
+    n
+  )) }), [a, g, c, l]);
+  return /* @__PURE__ */ r(P, { ref: S, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: [
       /* @__PURE__ */ r("div", { className: "regular-title-text", children: [
-        y(g) && /* @__PURE__ */ t("i", { className: g }),
-        /* @__PURE__ */ t("span", { children: h })
+        y(p) && /* @__PURE__ */ t("i", { className: p }),
+        /* @__PURE__ */ t("span", { children: b })
       ] }),
       y(f) && y(d) && !u && /* @__PURE__ */ t(
         U,
@@ -220,8 +224,8 @@ const _ = N.div`
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var o;
-            (o = e == null ? void 0 : e.target) == null || o.blur(), b(d);
+            var n;
+            (n = e == null ? void 0 : e.target) == null || n.blur(), w(d);
           },
           borderRadius: "curved",
           className: "button-link",
@@ -234,7 +238,7 @@ const _ = N.div`
       {
         isLoading: u,
         keyPrefix: "blogs-detailed-skeleton",
-        children: /* @__PURE__ */ t(_, { limit: c, children: w })
+        children: /* @__PURE__ */ t(_, { limit: c, children: i })
       }
     )
   ] });

package/dist/BlogsSectionLarge.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),k=require("./index-D55MR8tU.cjs"),d=require("./style-BAcV7F53.cjs"),C=S.styled.div`
+"use strict";const t=require("react/jsx-runtime"),n=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),k=require("./index-MiN854X_.cjs"),d=require("./style-BAcV7F53.cjs"),C=S.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -21,4 +21,4 @@
       box-shadow: none;
     }
   }
-`,B=({keyPrefix:i})=>t.jsxs(q,{children:[t.jsx(d.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${i}-1`),t.jsx(d.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${i}-2`)]}),M=({keyPrefix:i,isLoading:s=!1,fallbackComponent:r=t.jsx(t.Fragment,{}),children:o})=>t.jsx(n.Suspense,{fallbackComponent:r,children:s===!0?t.jsx(B,{keyPrefix:i}):o}),p=n.memo(k.BlogCardLarge),w=n.forwardRef((i,s)=>{const{items:r,onSelectCard:o=()=>{},limit:l=2,isLoading:h=!1,getImage:u=()=>{},componentName:m}=i,g=L.useDetectMobile(),f=n.useMemo(()=>t.jsx(t.Fragment,{children:g===!0?r==null?void 0:r.map((e,a)=>t.jsx(p,{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:(j,c)=>o(e==null?void 0:e.titleSlug,c),metadata:{name:m,accessor:e==null?void 0:e.accessor}},a)):r==null?void 0:r.slice(0,l).map((e,a)=>t.jsx(p,{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:(j,c)=>o(e==null?void 0:e.titleSlug,c),metadata:{name:m,accessor:e==null?void 0:e.accessor}},a))}),[r,g,l,o]);return t.jsx(M,{isLoading:h,keyPrefix:"blogs-large-skeleton",children:t.jsx(C,{ref:s,limit:l,children:f})})});module.exports=w;
+`,B=({keyPrefix:i})=>t.jsxs(q,{children:[t.jsx(d.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${i}-1`),t.jsx(d.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${i}-2`)]}),M=({keyPrefix:i,isLoading:s=!1,fallbackComponent:r=t.jsx(t.Fragment,{}),children:o})=>t.jsx(n.Suspense,{fallbackComponent:r,children:s===!0?t.jsx(B,{keyPrefix:i}):o}),p=n.memo(k.BlogCardLarge),w=n.forwardRef((i,s)=>{const{items:r,onSelectCard:o=()=>{},limit:l=2,isLoading:h=!1,getImage:u=()=>{},componentName:m}=i,g=L.useDetectMobile(),f=n.useMemo(()=>t.jsx(t.Fragment,{children:g===!0?r==null?void 0:r.map((e,a)=>t.jsx(p,{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:(j,c)=>o(e==null?void 0:e.titleSlug,c),metadata:{name:m,accessor:e==null?void 0:e.accessor}},a)):r==null?void 0:r.slice(0,l).map((e,a)=>t.jsx(p,{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:(j,c)=>o(e==null?void 0:e.titleSlug,c),metadata:{name:m,accessor:e==null?void 0:e.accessor}},a))}),[r,g,l]);return t.jsx(M,{isLoading:h,keyPrefix:"blogs-large-skeleton",children:t.jsx(C,{ref:s,limit:l,children:f})})});module.exports=w;

package/dist/BlogsSectionLarge.js

@@ -3,7 +3,7 @@ import { Suspense as B, memo as L, forwardRef as M, useMemo as $ } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as S } from "./consts-BuFChS64.js";
 import { u as w } from "./useDetectMobile-Bkvj0VMa.js";
-import { B as R } from "./index-Bhfq_YpE.js";
+import { B as R } from "./index-BipuzfLW.js";
 import { a as T, b as u } from "./style-CXMUA6cI.js";
 const U = f.div`
   display: grid;
@@ -84,7 +84,7 @@ const U = f.div`
       metadata: { name: d, accessor: e == null ? void 0 : e.accessor }
     },
     n
-  )) }), [r, c, l, i]);
+  )) }), [r, c, l]);
   return /* @__PURE__ */ t(
     j,
     {

package/dist/BlogsSectionSimple.cjs

@@ -1,12 +1,14 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-RnrgDDZP.cjs"),k=require("./style-CkcozOY6.cjs"),M=require("./Button.cjs"),B=require("./Link.cjs"),T=require("./index-uwl7BjRF.cjs"),E=require("./index-D-3I_Ppj.cjs"),I=w.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-RnrgDDZP.cjs"),k=require("./style-CkcozOY6.cjs"),R=require("./Button.cjs"),M=require("./Link.cjs"),T=require("./index-uwl7BjRF.cjs"),$=require("./index-D-3I_Ppj.cjs"),E=b.styled.div`
   display: grid;
-  grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,$=w.styled.div`
+`,I=b.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -56,9 +58,9 @@
     padding: 1rem;
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
   }
-`,D=w.styled.div`
+`,D=b.styled.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -78,4 +80,4 @@
     color: var(--gray-700, #4e555f);
     ${d.truncateTextInRows(3)}
   }
-`,P=m.forwardRef((l,y)=>{const{title:g,imageUrl:u,text:h,options:n,onCardClick:a,readMoreText:i="Read more",metadata:o}=l,c=m.useRef();return r.jsxs($,{ref:c,name:o==null?void 0:o.name,"data-accessor":o==null?void 0:o.name,className:"blog-card",onClick:t=>a(t,c),children:[r.jsx(T.ProductImageWrapper,{src:u}),r.jsxs(D,{children:[r.jsx("div",{className:"text-wr-title",children:g}),r.jsx("div",{className:"text-wr",children:h})]}),n&&r.jsx("div",{className:"tags-wr",children:n==null?void 0:n.map((t,p)=>r.jsx(k.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},p))}),r.jsx(B,{className:"action",color:"gray",onClick:a,children:i})]})}),v=m.memo(P),_=m.forwardRef((l,y)=>{const{icon:g,title:u,onButtonAction:h=()=>{},onSelectCard:n=()=>{},buttonLink:a,items:i,buttonText:o,limit:c=3,isLoading:t=!1,getImage:p=()=>{},readMoreText:b="Read more",componentName:j}=l,N=R.useDetectMobile(),C=m.useMemo(()=>r.jsx(r.Fragment,{children:N===!0?i==null?void 0:i.map((e,s)=>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,readMoreText:b,options:e==null?void 0:e.options,onCardClick:(q,f)=>n(e==null?void 0:e.titleSlug,f),metadata:{name:j,accessor:e==null?void 0:e.accessor}},s)):i==null?void 0:i.slice(0,c).map((e,s)=>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,readMoreText:b,options:e==null?void 0:e.options,onCardClick:(q,f)=>n(e==null?void 0:e.titleSlug,f),metadata:{name:j,accessor:e==null?void 0:e.accessor}},s))}),[i]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:y,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(g)&&r.jsx("i",{className:g}),r.jsx("span",{children:u})]}),d.isDefinedNotEmptyString(o)&&d.isDefinedNotEmptyString(a)&&!t&&r.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var s;(s=e==null?void 0:e.target)==null||s.blur(),h(a)},borderRadius:"curved",className:"button-link",children:o})]}),r.jsx(E.SuspenseBlogsSectionDetailed,{isLoading:t,keyPrefix:"blogs-simple-skeleton",children:r.jsx(I,{limit:c,children:C})})]})});module.exports=_;
+`,_=m.forwardRef((s,w)=>{const{title:g,imageUrl:h,text:f,options:l,onCardClick:a,readMoreText:i="Read more",metadata:o,titleSlug:u}=s,c=m.useRef();return r.jsxs(I,{ref:c,name:o==null?void 0:o.name,"data-accessor":o==null?void 0:o.name,className:"blog-card",onClick:t=>a(t,c),href:`/blog/${u}`,children:[r.jsx(T.ProductImageWrapper,{src:h}),r.jsxs(D,{children:[r.jsx("div",{className:"text-wr-title",children:g}),r.jsx("div",{className:"text-wr",children:f})]}),l&&r.jsx("div",{className:"tags-wr",children:l==null?void 0:l.map((t,p)=>r.jsx(k.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},p))}),r.jsx(M,{className:"action",color:"gray",onClick:a,children:i})]})}),S=m.memo(_),L=m.forwardRef((s,w)=>{const{icon:g,title:h,onButtonAction:f=()=>{},onSelectCard:l=()=>{},buttonLink:a,items:i,buttonText:o,limit:u=3,isLoading:c=!1,getImage:t=()=>{},readMoreText:p="Read more",componentName:j}=s,N=B.useDetectMobile(),C=m.useMemo(()=>r.jsx(r.Fragment,{children:N===!0?i==null?void 0:i.map((e,n)=>r.jsx(S,{isBlog:!0,title:e==null?void 0:e.title,imageUrl:t(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,readMoreText:p,options:e==null?void 0:e.options,onCardClick:(q,y)=>l(e==null?void 0:e.titleSlug,y),metadata:{name:j,accessor:e==null?void 0:e.accessor}},n)):i==null?void 0:i.slice(0,u).map((e,n)=>r.jsx(S,{isBlog:!0,title:e==null?void 0:e.title,imageUrl:t(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,readMoreText:p,options:e==null?void 0:e.options,onCardClick:(q,y)=>l(e==null?void 0:e.titleSlug,y),metadata:{name:j,accessor:e==null?void 0:e.accessor}},n))}),[i]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:w,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(g)&&r.jsx("i",{className:g}),r.jsx("span",{children:h})]}),d.isDefinedNotEmptyString(o)&&d.isDefinedNotEmptyString(a)&&!c&&r.jsx(R,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),f(a)},borderRadius:"curved",className:"button-link",children:o})]}),r.jsx($.SuspenseBlogsSectionDetailed,{isLoading:c,keyPrefix:"blogs-simple-skeleton",children:r.jsx(E,{limit:u,children:C})})]})});module.exports=L;

package/dist/BlogsSectionSimple.js

@@ -1,15 +1,15 @@
 import { jsxs as c, jsx as r, Fragment as M } from "react/jsx-runtime";
-import { forwardRef as k, useRef as T, memo as P, useMemo as $ } from "react";
-import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as k, useRef as T, memo as $, useMemo as I } from "react";
+import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-BuFChS64.js";
-import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
-import { w as I, o as U, k as h } from "./utils-Dc5zIpaz.js";
-import { B as W, R as L } from "./style-C7FUSHmS.js";
+import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
+import { w as U, o as W, k as w } from "./utils-Dc5zIpaz.js";
+import { B as z, R as L } from "./style-C7FUSHmS.js";
 import j from "./Button.js";
 import D from "./Link.js";
 import { P as E } from "./index-C_NnINik.js";
 import { S as A } from "./index-BovNbKxB.js";
-const G = w.div`
+const G = b.div`
   display: grid;
   grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -17,7 +17,9 @@ const G = w.div`
   @media (max-width: ${C + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, _ = w.div`
+`, _ = b.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -41,7 +43,7 @@ const G = w.div`
     width: 100%;
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    background-color: ${I("-90deg")};
+    background-color: ${U("-90deg")};
   }
 
   & .action {
@@ -69,7 +71,7 @@ const G = w.div`
 
   @media (max-width: ${C + "px"}) {
   }
-`, F = w.div`
+`, F = b.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -87,88 +89,92 @@ const G = w.div`
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${U(3)}
+    ${W(3)}
   }
-`, O = k((n, b) => {
+`, O = k((n, v) => {
   const {
     title: d,
-    imageUrl: g,
-    text: u,
+    imageUrl: u,
+    text: f,
     options: a,
     onCardClick: m,
-    readMoreText: i = "Read more",
-    metadata: o
+    readMoreText: o = "Read more",
+    metadata: i,
+    titleSlug: p
   } = n, s = T();
   return /* @__PURE__ */ c(
     _,
     {
       ref: s,
-      name: o == null ? void 0 : o.name,
-      "data-accessor": o == null ? void 0 : o.name,
+      name: i == null ? void 0 : i.name,
+      "data-accessor": i == null ? void 0 : i.name,
       className: "blog-card",
       onClick: (t) => m(t, s),
+      href: `/blog/${p}`,
       children: [
-        /* @__PURE__ */ r(E, { src: g }),
+        /* @__PURE__ */ r(E, { src: u }),
         /* @__PURE__ */ c(F, { children: [
           /* @__PURE__ */ r("div", { className: "text-wr-title", children: d }),
-          /* @__PURE__ */ r("div", { className: "text-wr", children: u })
+          /* @__PURE__ */ r("div", { className: "text-wr", children: f })
         ] }),
-        a && /* @__PURE__ */ r("div", { className: "tags-wr", children: a == null ? void 0 : a.map((t, p) => /* @__PURE__ */ r(W, { color: t == null ? void 0 : t.color, children: t == null ? void 0 : t.name }, p)) }),
-        /* @__PURE__ */ r(D, { className: "action", color: "gray", onClick: m, children: i })
+        a && /* @__PURE__ */ r("div", { className: "tags-wr", children: a == null ? void 0 : a.map((t, g) => /* @__PURE__ */ r(z, { color: t == null ? void 0 : t.color, children: t == null ? void 0 : t.name }, g)) }),
+        /* @__PURE__ */ r(D, { className: "action", color: "gray", onClick: m, children: o })
       ]
     }
   );
-}), S = P(O), re = k((n, b) => {
+}), S = $(O), re = k((n, v) => {
   const {
     icon: d,
-    title: g,
-    onButtonAction: u = () => {
+    title: u,
+    onButtonAction: f = () => {
     },
     onSelectCard: a = () => {
     },
     buttonLink: m,
-    items: i,
-    buttonText: o,
-    limit: s = 3,
-    isLoading: t = !1,
-    getImage: p = () => {
+    items: o,
+    buttonText: i,
+    limit: p = 3,
+    isLoading: s = !1,
+    getImage: t = () => {
     },
-    readMoreText: v = "Read more",
+    readMoreText: g = "Read more",
     componentName: y
-  } = n, N = z(), R = $(() => /* @__PURE__ */ r(M, { children: N === !0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
+  } = n, B = P(), N = I(() => /* @__PURE__ */ r(M, { children: B === !0 ? o == null ? void 0 : o.map((e, l) => /* @__PURE__ */ r(
     S,
     {
+      isBlog: !0,
       title: e == null ? void 0 : e.title,
-      imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: t(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,
-      readMoreText: v,
+      readMoreText: g,
       options: e == null ? void 0 : e.options,
-      onCardClick: (B, f) => a(e == null ? void 0 : e.titleSlug, f),
+      onCardClick: (R, h) => a(e == null ? void 0 : e.titleSlug, h),
       metadata: { name: y, accessor: e == null ? void 0 : e.accessor }
     },
     l
-  )) : i == null ? void 0 : i.slice(0, s).map((e, l) => /* @__PURE__ */ r(
+  )) : o == null ? void 0 : o.slice(0, p).map((e, l) => /* @__PURE__ */ r(
     S,
     {
+      isBlog: !0,
       title: e == null ? void 0 : e.title,
-      imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: t(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,
-      readMoreText: v,
+      readMoreText: g,
       options: e == null ? void 0 : e.options,
-      onCardClick: (B, f) => a(e == null ? void 0 : e.titleSlug, f),
+      onCardClick: (R, h) => a(e == null ? void 0 : e.titleSlug, h),
       metadata: { name: y, accessor: e == null ? void 0 : e.accessor }
     },
     l
-  )) }), [i]);
-  return /* @__PURE__ */ c(L, { ref: b, children: [
+  )) }), [o]);
+  return /* @__PURE__ */ c(L, { ref: v, children: [
     /* @__PURE__ */ c("div", { className: "regular-title", children: [
       /* @__PURE__ */ c("div", { className: "regular-title-text", children: [
-        h(d) && /* @__PURE__ */ r("i", { className: d }),
-        /* @__PURE__ */ r("span", { children: g })
+        w(d) && /* @__PURE__ */ r("i", { className: d }),
+        /* @__PURE__ */ r("span", { children: u })
       ] }),
-      h(o) && h(m) && !t && /* @__PURE__ */ r(
+      w(i) && w(m) && !s && /* @__PURE__ */ r(
         j,
         {
           type: "button",
@@ -176,20 +182,20 @@ const G = w.div`
           color: "neutral",
           onClick: (e) => {
             var l;
-            (l = e == null ? void 0 : e.target) == null || l.blur(), u(m);
+            (l = e == null ? void 0 : e.target) == null || l.blur(), f(m);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: o
+          children: i
         }
       )
     ] }),
     /* @__PURE__ */ r(
       A,
       {
-        isLoading: t,
+        isLoading: s,
         keyPrefix: "blogs-simple-skeleton",
-        children: /* @__PURE__ */ r(G, { limit: s, children: R })
+        children: /* @__PURE__ */ r(G, { limit: p, children: N })
       }
     )
   ] });

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),m=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./utils-RnrgDDZP.cjs"),S=require("./Button.cjs"),y=require("./index-uwl7BjRF.cjs"),d=require("./style-BAcV7F53.cjs"),C=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./utils-RnrgDDZP.cjs"),y=require("./Button.cjs"),S=require("./index-uwl7BjRF.cjs"),h=require("./style-BAcV7F53.cjs"),C=g.styled.div`
   display: grid;
   grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -7,7 +7,9 @@
   @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,x=u.styled.div`
+`,k=g.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -46,7 +48,7 @@
   @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     max-width: unset;
   }
-`,v=u.styled.div`
+`,v=g.styled.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -69,7 +71,7 @@
     letter-spacing: 0.0156rem;
     ${j.truncateTextInRows(3)}
   }
-`,b=m.forwardRef((r,a)=>{const{title:i,image:o,text:l,buttonText:h,onCardClick:c,metadata:n}=r,e=m.useRef(),s=g=>{c(g,e)};return t.jsxs(x,{ref:e,name:n==null?void 0:n.name,"data-accessor":n==null?void 0:n.accessor,className:"blog-card",onClick:s,children:[t.jsx(y.ProductImageWrapper,{src:o}),t.jsxs(v,{children:[t.jsx("div",{className:"text-wr-title",children:i}),t.jsx("div",{className:"text-wr",children:l})]}),t.jsx(S,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:h})]})}),k=u.styled(d.SkeletonRowWrapper)`
+`,b=u.forwardRef((r,l)=>{const{title:n,image:o,text:c,buttonText:p,onCardClick:d,metadata:i,link:e}=r,s=u.useRef(),m=a=>{d(a,s)};return t.jsxs(k,{ref:s,name:i==null?void 0:i.name,"data-accessor":i==null?void 0:i.accessor,className:"blog-card",onClick:m,href:`/${e}`,children:[t.jsx(S.ProductImageWrapper,{src:o}),t.jsxs(v,{children:[t.jsx("div",{className:"text-wr-title",children:n}),t.jsx("div",{className:"text-wr",children:c})]}),t.jsx(y,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:m,size:"medium",children:p})]})}),R=g.styled(h.SkeletonRowWrapper)`
   @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
@@ -86,4 +88,4 @@
       box-shadow: none;
     }
   }
-`,R=({keyPrefix:r})=>t.jsxs(k,{justifyContent:"center",alignItems:"center",children:[t.jsx(d.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-1`),t.jsx(d.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-2`),t.jsx(d.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-3`)]}),$=({keyPrefix:r,isLoading:a=!1,fallbackComponent:i=t.jsx(t.Fragment,{}),children:o})=>t.jsx(m.Suspense,{fallbackComponent:i,children:a===!0?t.jsx(R,{keyPrefix:r}):o}),q=m.forwardRef((r,a)=>{const{items:i,limit:o=3,onSelectCard:l=()=>{},isLoading:h=!1,componentName:c}=r,n=w.useDetectMobile();return t.jsx($,{isLoading:h,keyPrefix:"blogs-simple-centered-skeleton",children:t.jsx(C,{ref:a,limit:o,children:t.jsx(t.Fragment,{children:n===!0?i==null?void 0:i.map((e,s)=>t.jsx(b,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(g,p)=>l(e,p),metadata:{name:c,accessor:e==null?void 0:e.accessor}},s)):i==null?void 0:i.slice(0,o).map((e,s)=>t.jsx(b,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(g,p)=>l(e,p),metadata:{name:c,accessor:e==null?void 0:e.accessor}},s))})})})});module.exports=q;
+`,$=({keyPrefix:r})=>t.jsxs(R,{justifyContent:"center",alignItems:"center",children:[t.jsx(h.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-1`),t.jsx(h.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-2`),t.jsx(h.SkeletonLinePlaceholder,{height:"24.75rem",width:"18.5rem",borderRadius:"0.75rem"},`${r}-3`)]}),q=({keyPrefix:r,isLoading:l=!1,fallbackComponent:n=t.jsx(t.Fragment,{}),children:o})=>t.jsx(u.Suspense,{fallbackComponent:n,children:l===!0?t.jsx($,{keyPrefix:r}):o}),I=u.forwardRef((r,l)=>{const{items:n,limit:o=3,onSelectCard:c=()=>{},isLoading:p=!1,componentName:d}=r,i=w.useDetectMobile();return t.jsx(q,{isLoading:p,keyPrefix:"blogs-simple-centered-skeleton",children:t.jsx(C,{ref:l,limit:o,children:t.jsx(t.Fragment,{children:i===!0?n==null?void 0:n.map((e,s)=>t.jsx(b,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(m,a)=>c(e,a),metadata:{name:d,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link},s)):n==null?void 0:n.slice(0,o).map((e,s)=>t.jsx(b,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:(m,a)=>c(e,a),metadata:{name:d,accessor:e==null?void 0:e.accessor},link:e==null?void 0:e.link},s))})})})});module.exports=I;