@lanaco/lnc-react-ui 4.0.185 → 4.0.188

package/dist/BlogSingleSection.js

@@ -1,11 +1,11 @@
-import { jsx as r, Fragment as s } from "react/jsx-runtime";
-import { Suspense as i, forwardRef as g } from "react";
-import { B as d } from "./index-BipuzfLW.js";
-import { S as u, b as f } from "./style-CXMUA6cI.js";
+import { jsx as r, Fragment as i } from "react/jsx-runtime";
+import { Suspense as g, forwardRef as d } from "react";
+import { B as u } from "./index-DMHtIdm-.js";
+import { S as f, b as p } from "./style-CXMUA6cI.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as p } from "./consts-BuFChS64.js";
-const S = c(u)`
-  @media (max-width: ${p + "px"}) {
+import { M as S } from "./consts-BuFChS64.js";
+const h = c(f)`
+  @media (max-width: ${S + "px"}) {
     & > div {
       height: 13.25rem;
 
@@ -19,8 +19,8 @@ const S = c(u)`
       box-shadow: none;
     }
   }
-`, h = ({ keyPrefix: o }) => /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
-  f,
+`, m = ({ keyPrefix: o }) => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
+  p,
   {
     height: "11.25rem",
     borderRadius: "0.75rem"
@@ -28,31 +28,33 @@ const S = c(u)`
   `${o}-1`
 ) }), b = ({
   keyPrefix: o,
-  isLoading: t = !1,
-  fallbackComponent: n = /* @__PURE__ */ r(s, {}),
+  isLoading: n = !1,
+  fallbackComponent: t = /* @__PURE__ */ r(i, {}),
   children: e
-}) => /* @__PURE__ */ r(i, { fallbackComponent: n, children: t === !0 ? /* @__PURE__ */ r(h, { keyPrefix: o }) : e }), w = g((o, t) => {
+}) => /* @__PURE__ */ r(g, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ r(m, { keyPrefix: o }) : e }), I = d((o, n) => {
   const {
-    isLoading: n,
+    isLoading: t,
     item: e,
     onSelectCard: l = () => {
     },
     getImage: a = () => {
-    }
+    },
+    LinkComponent: s
   } = o;
-  return /* @__PURE__ */ r(b, { isLoading: n, keyPrefix: "blogs-single-skeleton", children: /* @__PURE__ */ r(
-    d,
+  return /* @__PURE__ */ r(b, { isLoading: t, keyPrefix: "blogs-single-skeleton", children: /* @__PURE__ */ r(
+    u,
     {
-      ref: t,
+      ref: n,
       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: () => l(e == null ? void 0 : e.titleSlug)
+      onCardClick: () => l(e == null ? void 0 : e.titleSlug),
+      LinkComponent: s
     }
   ) });
 });
 export {
-  w as default
+  I as default
 };

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./utils-RnrgDDZP.cjs"),C=require("./style-CkcozOY6.cjs"),O=require("./Button.cjs"),q=require("./index-uwl7BjRF.cjs"),L=require("./index-D-3I_Ppj.cjs"),B=N.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./utils-RnrgDDZP.cjs"),k=require("./style-CkcozOY6.cjs"),O=require("./Button.cjs"),q=require("./index-uwl7BjRF.cjs"),B=require("./index-D-3I_Ppj.cjs"),D=v.styled.div`
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -6,7 +6,7 @@
   @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,D=N.styled.a`
+`,$=v.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -49,7 +49,7 @@
     max-height: 100%;
     min-height: 100%;
   }
-`,$=N.styled.div`
+`,A=v.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -94,4 +94,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,A=u.forwardRef((o,v)=>{const{title:p,imageUrl:j,text:w,numberOfLikes:i,numberOfComments:f,timeToRead:c,publishedAt:d,tags:n,onCardClick:h,timeToReadText:m="{0} min read",metadata:s,titleSlug:b}=o,g=u.useRef();return t.jsxs(D,{ref:g,className:"blog-card","data-accessor":s==null?void 0:s.accessor,name:s==null?void 0:s.name,onClick:r=>h(r,g),href:`/blog/${b}`,children:[t.jsx(q.ProductImageWrapper,{src:j}),t.jsxs("div",{className:"blog-card-content",children:[t.jsxs($,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[a.formatLocaleDateString(d)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),c&&m?`${a.formatString(m,c)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:a.getRoundedNumber(i)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:a.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:p}),t.jsx("div",{className:"text-wr",children:w})]}),n&&t.jsx("div",{className:"tags-wr",children:n==null?void 0:n.map((r,e)=>t.jsx(C.BlogTag,{color:r==null?void 0:r.color,children:r==null?void 0:r.name},e))})]})]})}),S=u.memo(A),E=u.forwardRef((o,v)=>{const{icon:p,title:j,onButtonAction:w,items:i,buttonText:f,timeToReadText:c,limit:d=3,onSelectCard:n=()=>{},isLoading:h=!1,buttonLink:m,getImage:s=()=>{},componentName:b}=o,g=T.useDetectMobile(),r=u.useMemo(()=>t.jsx(t.Fragment,{children:g===!0?i==null?void 0:i.map((e,l)=>t.jsx(S,{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,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:c,tags:e==null?void 0:e.tags,onCardClick:(k,y)=>n(e==null?void 0:e.titleSlug,y),imageUrl:s(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:b,accessor:e==null?void 0:e.accessor}},l)):i==null?void 0:i.slice(0,d).map((e,l)=>t.jsx(S,{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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:c,onCardClick:(k,y)=>n(e==null?void 0:e.titleSlug,y),metadata:{name:b,accessor:e==null?void 0:e.accessor}},l))}),[i,g,d,n]);return t.jsxs(C.RegulatTitleSectionWrapper,{ref:v,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:j})]}),a.isDefinedNotEmptyString(f)&&a.isDefinedNotEmptyString(m)&&!h&&t.jsx(O,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var l;(l=e==null?void 0:e.target)==null||l.blur(),w(m)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(L.SuspenseBlogsSectionDetailed,{isLoading:h,keyPrefix:"blogs-detailed-skeleton",children:t.jsx(B,{limit:d,children:r})})]})});module.exports=E;
+`,E=u.forwardRef((o,S)=>{const{title:p,imageUrl:w,text:y,numberOfLikes:r,numberOfComments:f,timeToRead:l,publishedAt:c,tags:s,onCardClick:h,timeToReadText:d="{0} min read",metadata:i,titleSlug:m,LinkComponent:g}=o,b=g||"a",j=u.useRef();return t.jsxs($,{ref:j,className:"blog-card","data-accessor":i==null?void 0:i.accessor,name:i==null?void 0:i.name,onClick:e=>h(e,j),as:b,...g?{to:`/blog/${m}`}:{href:`/blog/${m}`},children:[t.jsx(q.ProductImageWrapper,{src:w}),t.jsxs("div",{className:"blog-card-content",children:[t.jsxs(A,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[a.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),l&&d?`${a.formatString(d,l)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:a.getRoundedNumber(r)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:a.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:p}),t.jsx("div",{className:"text-wr",children:y})]}),s&&t.jsx("div",{className:"tags-wr",children:s==null?void 0:s.map((e,n)=>t.jsx(k.BlogTag,{color:e==null?void 0:e.color,children:e==null?void 0:e.name},n))})]})]})}),C=u.memo(E),I=u.forwardRef((o,S)=>{const{icon:p,title:w,onButtonAction:y,items:r,buttonText:f,timeToReadText:l,limit:c=3,onSelectCard:s=()=>{},isLoading:h=!1,buttonLink:d,getImage:i=()=>{},componentName:m,LinkComponent:g}=o,b=L.useDetectMobile(),j=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?r==null?void 0:r.map((e,n)=>t.jsx(C,{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,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:l,tags:e==null?void 0:e.tags,onCardClick:(T,N)=>s(e==null?void 0:e.titleSlug,N),imageUrl:i(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:m,accessor:e==null?void 0:e.accessor},LinkComponent:g},n)):r==null?void 0:r.slice(0,c).map((e,n)=>t.jsx(C,{title:e==null?void 0:e.title,imageUrl:i(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,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:l,onCardClick:(T,N)=>s(e==null?void 0:e.titleSlug,N),metadata:{name:m,accessor:e==null?void 0:e.accessor},LinkComponent:g},n))}),[r,b,c,s]);return t.jsxs(k.RegulatTitleSectionWrapper,{ref:S,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:w})]}),a.isDefinedNotEmptyString(f)&&a.isDefinedNotEmptyString(d)&&!h&&t.jsx(O,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),y(d)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(B.SuspenseBlogsSectionDetailed,{isLoading:h,keyPrefix:"blogs-detailed-skeleton",children:t.jsx(D,{limit:c,children:j})})]})});module.exports=I;

package/dist/BlogsSectionDetailed.js

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

package/dist/BlogsSectionLarge.cjs

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

package/dist/BlogsSectionLarge.js

@@ -1,20 +1,20 @@
-import { jsxs as k, jsx as t, Fragment as p } from "react/jsx-runtime";
-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-BipuzfLW.js";
-import { a as T, b as u } from "./style-CXMUA6cI.js";
-const U = f.div`
+import { jsxs as L, jsx as t, Fragment as f } from "react/jsx-runtime";
+import { Suspense as B, memo as M, forwardRef as $, useMemo as w } from "react";
+import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as b } from "./consts-BuFChS64.js";
+import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
+import { B as T } from "./index-DMHtIdm-.js";
+import { a as U, b as g } from "./style-CXMUA6cI.js";
+const I = S.div`
   display: grid;
   grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${S + "px"}) {
+  @media (max-width: ${b + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, I = f(T)`
-  @media (max-width: ${S + "px"}) {
+`, P = S(U)`
+  @media (max-width: ${b + "px"}) {
     flex-direction: column;
 
     & > div {
@@ -28,9 +28,9 @@ const U = f.div`
       box-shadow: none;
     }
   }
-`, P = ({ keyPrefix: o }) => /* @__PURE__ */ k(I, { children: [
+`, j = ({ keyPrefix: o }) => /* @__PURE__ */ L(P, { children: [
   /* @__PURE__ */ t(
-    u,
+    g,
     {
       height: "11.25rem",
       borderRadius: "0.75rem"
@@ -38,62 +38,65 @@ const U = f.div`
     `${o}-1`
   ),
   /* @__PURE__ */ t(
-    u,
+    g,
     {
       height: "11.25rem",
       borderRadius: "0.75rem"
     },
     `${o}-2`
   )
-] }), j = ({
+] }), v = ({
   keyPrefix: o,
   isLoading: a = !1,
-  fallbackComponent: r = /* @__PURE__ */ t(p, {}),
+  fallbackComponent: r = /* @__PURE__ */ t(f, {}),
   children: i
-}) => /* @__PURE__ */ t(B, { fallbackComponent: r, children: a === !0 ? /* @__PURE__ */ t(P, { keyPrefix: o }) : i }), g = L(R), F = M((o, a) => {
+}) => /* @__PURE__ */ t(B, { fallbackComponent: r, children: a === !0 ? /* @__PURE__ */ t(j, { keyPrefix: o }) : i }), p = M(T), G = $((o, a) => {
   const {
     items: r,
     onSelectCard: i = () => {
     },
     limit: l = 2,
-    isLoading: b = !1,
+    isLoading: h = !1,
     getImage: m = () => {
     },
-    componentName: d
-  } = o, c = w(), h = $(() => /* @__PURE__ */ t(p, { children: c === !0 ? r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t(
-    g,
+    componentName: d,
+    LinkComponent: c
+  } = o, u = R(), C = w(() => /* @__PURE__ */ t(f, { children: u === !0 ? r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t(
+    p,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: m(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: (C, s) => i(e == null ? void 0 : e.titleSlug, s),
-      metadata: { name: d, accessor: e == null ? void 0 : e.accessor }
+      onCardClick: (k, s) => i(e == null ? void 0 : e.titleSlug, s),
+      metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
+      LinkComponent: c
     },
     n
   )) : r == null ? void 0 : r.slice(0, l).map((e, n) => /* @__PURE__ */ t(
-    g,
+    p,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: m(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: (C, s) => i(e == null ? void 0 : e.titleSlug, s),
-      metadata: { name: d, accessor: e == null ? void 0 : e.accessor }
+      onCardClick: (k, s) => i(e == null ? void 0 : e.titleSlug, s),
+      metadata: { name: d, accessor: e == null ? void 0 : e.accessor },
+      LinkComponent: c
     },
     n
-  )) }), [r, c, l]);
+  )) }), [r, u, l]);
   return /* @__PURE__ */ t(
-    j,
+    v,
     {
-      isLoading: b,
+      isLoading: h,
       keyPrefix: "blogs-large-skeleton",
-      children: /* @__PURE__ */ t(U, { ref: a, limit: l, children: h })
+      children: /* @__PURE__ */ t(I, { ref: a, limit: l, children: C })
     }
   );
 });
 export {
-  F as default
+  G as default
 };

package/dist/BlogsSectionSimple.cjs

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