@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/ProductsWithBannerSection.js

@@ -1,13 +1,13 @@
 import { jsxs as t, jsx as r, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as W, useRef as U, Suspense as G, memo as M, useMemo as _ } from "react";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as R } from "./consts-BuFChS64.js";
-import { u as j } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as B } from "./style-C7FUSHmS.js";
-import { o as I, l as y, k as z } from "./utils-Dc5zIpaz.js";
-import { P as D } from "./index-C_NnINik.js";
-import { S as o, b as i, a as l, c as b } from "./style-CXMUA6cI.js";
-const E = f.div`
+import { forwardRef as W, useRef as C, Suspense as N, memo as U, useMemo as G } from "react";
+import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as f } from "./consts-BuFChS64.js";
+import { u as M } from "./useDetectMobile-Bkvj0VMa.js";
+import { R as _ } from "./style-C7FUSHmS.js";
+import { o as j, l as B, k } from "./utils-Dc5zIpaz.js";
+import { P as I } from "./index-C_NnINik.js";
+import { S as o, b as i, a as c, c as p } from "./style-CXMUA6cI.js";
+const y = b.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;
@@ -25,7 +25,7 @@ const E = f.div`
     object-fit: cover;
   }
 
-  @media (max-width: ${R + "px"}) {
+  @media (max-width: ${f + "px"}) {
     height: 100%;
     min-height: 100%;
     max-height: 100%;
@@ -40,19 +40,21 @@ const E = f.div`
       }
     }
   }
-`, L = f.div`
+`, z = b.div`
   display: grid;
   grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${R + "px"}) {
+  @media (max-width: ${f + "px"}) {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-`, T = f.div`
+`, D = b.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   cursor: pointer;
+  text-decoration: none;
+  color: var(--gray-950);
 
   & img {
     width: 100%;
@@ -64,10 +66,10 @@ const E = f.div`
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${I(2)}
+    ${j(2)}
   }
 
-  @media (max-width: ${R + "px"}) {
+  @media (max-width: ${f + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -78,44 +80,46 @@ const E = f.div`
       object-fit: cover;
     }
   }
-`, q = W((a, n) => {
+`, E = W((a, s) => {
   const {
-    uuid: s,
+    uuid: n,
     title: d,
     image: h,
-    sellerUuid: C,
-    onSelectCard: c = () => {
+    sellerUuid: $,
+    onSelectCard: R = () => {
     },
     imageComponent: u,
-    metadata: m
-  } = a, g = U(null);
+    metadata: m,
+    nameSlug: l
+  } = a, g = C(null);
   return /* @__PURE__ */ t(
-    T,
+    D,
     {
       ref: g,
       className: "product-card",
       name: m == null ? void 0 : m.name,
       "data-accessor": m == null ? void 0 : m.accessor,
-      onClick: (p) => c(p, n),
+      onClick: (w) => R(w, s),
+      href: `/product/${k(l) ? `${l}-` : ""}${n}`,
       children: [
-        y(u) ? u : /* @__PURE__ */ r(D, { src: h }),
+        B(u) ? u : /* @__PURE__ */ r(I, { src: h }),
         /* @__PURE__ */ r("div", { className: "card-title", children: d })
       ]
     }
   );
-}), F = f(o)`
-  @media (max-width: ${R + "px"}) {
+}), L = b(o)`
+  @media (max-width: ${f + "px"}) {
     & .skeleton__banner {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`, O = ({ keyPrefix: a }) => /* @__PURE__ */ t(F, { children: [
+`, T = ({ keyPrefix: a }) => /* @__PURE__ */ t(L, { children: [
   /* @__PURE__ */ r(i, { height: "22.5rem", className: "skeleton__banner" }),
-  /* @__PURE__ */ t(l, { children: [
+  /* @__PURE__ */ t(c, { children: [
     /* @__PURE__ */ t(o, { gap: "0.5rem", children: [
       /* @__PURE__ */ r(
-        b,
+        p,
         {
           height: "100%",
           width: "100%",
@@ -123,7 +127,7 @@ const E = f.div`
         }
       ),
       /* @__PURE__ */ r(o, { height: "1rem", children: /* @__PURE__ */ r(i, { height: "1rem", borderRadius: "0.75rem" }) }),
-      /* @__PURE__ */ t(l, { gap: "0.5rem", children: [
+      /* @__PURE__ */ t(c, { gap: "0.5rem", children: [
         /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" }),
         /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" })
       ] }),
@@ -136,7 +140,7 @@ const E = f.div`
         noGradient: !0,
         children: [
           /* @__PURE__ */ r(
-            b,
+            p,
             {
               height: "100%",
               width: "100%",
@@ -144,7 +148,7 @@ const E = f.div`
             }
           ),
           /* @__PURE__ */ r(i, { height: "1rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ t(l, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ t(c, { gap: "0.5rem", noGradient: !0, children: [
             /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" }),
             /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" })
           ] }),
@@ -160,7 +164,7 @@ const E = f.div`
         noGradient: !0,
         children: [
           /* @__PURE__ */ r(
-            b,
+            p,
             {
               height: "100%",
               width: "100%",
@@ -168,7 +172,7 @@ const E = f.div`
             }
           ),
           /* @__PURE__ */ r(i, { height: "1rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ t(l, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ t(c, { gap: "0.5rem", noGradient: !0, children: [
             /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" }),
             /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" })
           ] }),
@@ -184,7 +188,7 @@ const E = f.div`
         noGradient: !0,
         children: [
           /* @__PURE__ */ r(
-            b,
+            p,
             {
               height: "100%",
               width: "100%",
@@ -192,7 +196,7 @@ const E = f.div`
             }
           ),
           /* @__PURE__ */ r(i, { height: "1rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ t(l, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ t(c, { gap: "0.5rem", noGradient: !0, children: [
             /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" }),
             /* @__PURE__ */ r(i, { height: "1.5rem", borderRadius: "0.75rem" })
           ] }),
@@ -202,73 +206,63 @@ const E = f.div`
       `${a}-4`
     )
   ] })
-] }), X = ({
+] }), q = ({
   keyPrefix: a,
-  isLoading: n = !1,
-  fallbackComponent: s = /* @__PURE__ */ r(P, {}),
+  isLoading: s = !1,
+  fallbackComponent: n = /* @__PURE__ */ r(P, {}),
   children: d
-}) => /* @__PURE__ */ r(G, { fallbackComponent: s, children: n === !0 ? /* @__PURE__ */ r(O, { keyPrefix: a }) : d }), $ = M(q), ee = W((a, n) => {
+}) => /* @__PURE__ */ r(N, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ r(T, { keyPrefix: a }) : d }), v = U(E), V = W((a, s) => {
   const {
-    icon: s,
+    icon: n,
     items: d,
     limit: h = 4,
-    imageUrl: C,
-    onSelectCard: c = () => {
+    imageUrl: $,
+    title: R = "Season inspiration",
+    isLoading: u = !1,
+    getImage: m = () => {
     },
-    title: u = "Season inspiration",
-    isLoading: m = !1,
-    getImage: g = () => {
-    },
-    componentName: p
-  } = a, v = j(), k = _(() => /* @__PURE__ */ r(P, { children: v === !0 ? d == null ? void 0 : d.map((e, w) => /* @__PURE__ */ r(
-    $,
+    componentName: l
+  } = a, g = M(), w = G(() => /* @__PURE__ */ r(P, { children: g === !0 ? d == null ? void 0 : d.map((e, S) => /* @__PURE__ */ r(
+    v,
     {
       title: e == null ? void 0 : e.name,
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
-      onSelectCard: (N, S) => c({
-        uuid: e == null ? void 0 : e.uuid,
-        nameSlug: e == null ? void 0 : e.nameSlug,
-        cardRef: S
-      }),
-      image: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-      metadata: { name: p, accessor: e == null ? void 0 : e.accessor }
+      nameSlug: e == null ? void 0 : e.nameSlug,
+      image: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      metadata: { name: l, accessor: e == null ? void 0 : e.accessor }
     },
-    w
-  )) : d == null ? void 0 : d.slice(0, h).map((e, w) => /* @__PURE__ */ r(
-    $,
+    S
+  )) : d == null ? void 0 : d.slice(0, h).map((e, S) => /* @__PURE__ */ r(
+    v,
     {
       title: e == null ? void 0 : e.name,
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
-      onSelectCard: (N, S) => c({
-        uuid: e == null ? void 0 : e.uuid,
-        nameSlug: e == null ? void 0 : e.nameSlug,
-        cardRef: S
-      }),
-      image: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-      metadata: { name: p, accessor: e == null ? void 0 : e.accessor }
+      nameSlug: e == null ? void 0 : e.nameSlug,
+      image: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      metadata: { name: l, accessor: e == null ? void 0 : e.accessor }
     },
-    w
-  )) }), [d, v, h]);
-  return /* @__PURE__ */ t(B, { ref: n, children: [
+    S
+  )) }), [d, g, h]);
+  return /* @__PURE__ */ t(_, { ref: s, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ t("div", { className: "regular-title-text", children: [
-      z(s) && /* @__PURE__ */ r("i", { className: s }),
-      /* @__PURE__ */ r("span", { children: u })
+      k(n) && /* @__PURE__ */ r("i", { className: n }),
+      /* @__PURE__ */ r("span", { children: R })
     ] }) }),
     /* @__PURE__ */ t(
-      X,
+      q,
       {
-        isLoading: m,
+        isLoading: u,
         keyPrefix: "products-with-banner-skeleton",
         children: [
-          /* @__PURE__ */ r(E, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: C }) }),
-          /* @__PURE__ */ r(L, { limit: h, children: k })
+          /* @__PURE__ */ r(y, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: $ }) }),
+          /* @__PURE__ */ r(z, { limit: h, children: w })
         ]
       }
     )
   ] });
 });
 export {
-  ee as default
+  V as default
 };

package/dist/QuattroCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),l=require("./utils-RnrgDDZP.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./styled-components.browser.esm-CvykQBGY.cjs"),f=require("./index-D0IYt1s3.cjs"),h=m.styled.div`
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),c=require("./utils-RnrgDDZP.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./styled-components.browser.esm-CvykQBGY.cjs"),f=require("./index-D0IYt1s3.cjs"),h=m.styled.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -41,7 +41,9 @@
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
   border-radius: 0.75rem;
   z-index: 2;
-`,b=m.styled.div`
+`,b=m.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   cursor: pointer;
   position: relative;
   border-radius: 0.75rem;
@@ -79,7 +81,7 @@
       font-style: normal;
       font-weight: 600;
       line-height: 1.75rem;
-      ${l.truncateText()}
+      ${c.truncateText()}
     }
 
     & .quattro-card__description {
@@ -87,7 +89,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.25rem;
-      ${l.truncateTextInRows(2)}
+      ${c.truncateTextInRows(2)}
     }
   }
 
@@ -108,7 +110,7 @@
       display: block;
     }
   }
-`,w=n.forwardRef(({title:a,description:r,imageUrl:s,onSelectCard:i=()=>{}},d)=>{const{theme:o}=u.useTheme();return e.jsxs(b,{ref:d,theme:o,onClick:i,children:[e.jsx("img",{loading:"lazy",src:s}),e.jsx(h,{theme:o,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:a}),e.jsx("div",{className:"quattro-card__description",children:r})]})})]})}),x=_.qe.div`
+`,w=n.forwardRef(({title:o,description:t,imageUrl:s,onSelectCard:i=()=>{},link:d},l)=>{const{theme:a}=u.useTheme();return e.jsxs(b,{ref:l,theme:a,onClick:i,href:`/${d}`,children:[e.jsx("img",{loading:"lazy",src:s}),e.jsx(h,{theme:a,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:o}),e.jsx("div",{className:"quattro-card__description",children:t})]})})]})}),y=_.qe.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -162,4 +164,4 @@
       gap: 1rem;
     }
   }
-`,y=n.memo(w),q=n.forwardRef(({title:a,items:r,isLoading:s=!1,onSelectCard:i=()=>{}},d)=>{const o=n.useMemo(()=>{var c;return(c=r==null?void 0:r.slice(0,4))==null?void 0:c.map((t,g)=>e.jsx(y,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,imageUrl:t==null?void 0:t.imageUrl,onSelectCard:()=>i==null?void 0:i(t)},`quattro-card__${g+1}`))},[r]);return e.jsxs(x,{ref:d,children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:l.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:a})})})}),e.jsx(f.SuspenseBlogCardsSponsored,{isLoading:s,keyPrefix:"quattro-cards-skeleton",children:e.jsx("div",{className:"wrapper__cards",children:o})})]})});module.exports=q;
+`,x=n.memo(w),q=n.forwardRef(({title:o,items:t,isLoading:s=!1,onSelectCard:i=()=>{}},d)=>{const l=n.useMemo(()=>{var a;return(a=t==null?void 0:t.slice(0,4))==null?void 0:a.map((r,g)=>e.jsx(x,{title:r==null?void 0:r.title,description:r==null?void 0:r.description,imageUrl:r==null?void 0:r.imageUrl,onSelectCard:()=>i==null?void 0:i(r),link:r==null?void 0:r.link},`quattro-card__${g+1}`))},[t]);return e.jsxs(y,{ref:d,children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:c.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:o})})})}),e.jsx(f.SuspenseBlogCardsSponsored,{isLoading:s,keyPrefix:"quattro-cards-skeleton",children:e.jsx("div",{className:"wrapper__cards",children:l})})]})});module.exports=q;

package/dist/QuattroCardsSection.js

@@ -1,12 +1,12 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { forwardRef as c, memo as f, useMemo as u } from "react";
-import { t as h, o as _, k as b } from "./utils-Dc5zIpaz.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { forwardRef as c, memo as f, useMemo as h } from "react";
+import { t as u, o as _, k as b } from "./utils-Dc5zIpaz.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as p } from "./consts-BuFChS64.js";
 import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { q as y } from "./styled-components.browser.esm-D-n22PJk.js";
 import { S as v } from "./index-BSpdEGFd.js";
-const x = m.div`
+const k = m.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -49,7 +49,9 @@ const x = m.div`
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
   border-radius: 0.75rem;
   z-index: 2;
-`, q = m.div`
+`, q = m.a`
+  text-decoration: none;
+  color: var(--gray-950);
   cursor: pointer;
   position: relative;
   border-radius: 0.75rem;
@@ -87,7 +89,7 @@ const x = m.div`
       font-style: normal;
       font-weight: 600;
       line-height: 1.75rem;
-      ${h()}
+      ${u()}
     }
 
     & .quattro-card__description {
@@ -116,15 +118,15 @@ const x = m.div`
       display: block;
     }
   }
-`, k = c(
-  ({ title: i, description: e, imageUrl: n, onSelectCard: a = () => {
-  } }, s) => {
-    const { theme: o } = w();
-    return /* @__PURE__ */ d(q, { ref: s, theme: o, onClick: a, children: [
-      /* @__PURE__ */ r("img", { loading: "lazy", src: n }),
-      /* @__PURE__ */ r(x, { theme: o, className: "quattro-card__gradient", children: /* @__PURE__ */ d("div", { className: "quattro-card__text", children: [
-        /* @__PURE__ */ r("div", { className: "quattro-card__title", children: i }),
-        /* @__PURE__ */ r("div", { className: "quattro-card__description", children: e })
+`, x = c(
+  ({ title: o, description: e, imageUrl: n, onSelectCard: a = () => {
+  }, link: s }, d) => {
+    const { theme: i } = w();
+    return /* @__PURE__ */ l(q, { ref: d, theme: i, onClick: a, href: `/${s}`, children: [
+      /* @__PURE__ */ t("img", { loading: "lazy", src: n }),
+      /* @__PURE__ */ t(k, { theme: i, className: "quattro-card__gradient", children: /* @__PURE__ */ l("div", { className: "quattro-card__text", children: [
+        /* @__PURE__ */ t("div", { className: "quattro-card__title", children: o }),
+        /* @__PURE__ */ t("div", { className: "quattro-card__description", children: e })
       ] }) })
     ] });
   }
@@ -182,30 +184,31 @@ const x = m.div`
       gap: 1rem;
     }
   }
-`, N = f(k), S = c(
-  ({ title: i, items: e, isLoading: n = !1, onSelectCard: a = () => {
+`, N = f(x), S = c(
+  ({ title: o, items: e, isLoading: n = !1, onSelectCard: a = () => {
   } }, s) => {
-    const o = u(() => {
-      var l;
-      return (l = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : l.map((t, g) => /* @__PURE__ */ r(
+    const d = h(() => {
+      var i;
+      return (i = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : i.map((r, g) => /* @__PURE__ */ t(
         N,
         {
-          title: t == null ? void 0 : t.title,
-          description: t == null ? void 0 : t.description,
-          imageUrl: t == null ? void 0 : t.imageUrl,
-          onSelectCard: () => a == null ? void 0 : a(t)
+          title: r == null ? void 0 : r.title,
+          description: r == null ? void 0 : r.description,
+          imageUrl: r == null ? void 0 : r.imageUrl,
+          onSelectCard: () => a == null ? void 0 : a(r),
+          link: r == null ? void 0 : r.link
         },
         `quattro-card__${g + 1}`
       ));
     }, [e]);
-    return /* @__PURE__ */ d(z, { ref: s, children: [
-      /* @__PURE__ */ r("div", { className: "wrapper__heading", children: /* @__PURE__ */ r("div", { className: "wrapper__title", children: b(i) && /* @__PURE__ */ r("div", { className: "title__text", children: /* @__PURE__ */ r("span", { children: i }) }) }) }),
-      /* @__PURE__ */ r(
+    return /* @__PURE__ */ l(z, { ref: s, children: [
+      /* @__PURE__ */ t("div", { className: "wrapper__heading", children: /* @__PURE__ */ t("div", { className: "wrapper__title", children: b(o) && /* @__PURE__ */ t("div", { className: "title__text", children: /* @__PURE__ */ t("span", { children: o }) }) }) }),
+      /* @__PURE__ */ t(
         v,
         {
           isLoading: n,
           keyPrefix: "quattro-cards-skeleton",
-          children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: o })
+          children: /* @__PURE__ */ t("div", { className: "wrapper__cards", children: d })
         }
       )
     ] });

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-RnrgDDZP.cjs"),k=require("./ThemeProvider.cjs"),s=require("./index-BpbMKBf_.cjs"),R=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),P=l.styled.div`
+"use strict";const e=require("react/jsx-runtime"),h=require("react"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./utils-RnrgDDZP.cjs"),k=require("./ThemeProvider.cjs"),s=require("./index-BpbMKBf_.cjs"),R=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),P=a.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -8,7 +8,7 @@
     font-weight: 600;
     font-size: 1.5rem;
   }
-`,$=l.styled.div`
+`,$=a.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -16,10 +16,12 @@
   @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,C=l.styled.div`
+`,C=a.styled.div`
   padding-top: 5rem;
   overflow: hidden;
-`,L=l.styled.div`
+  text-decoration: none;
+  color: var(--gray-950);
+`,L=a.styled.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -75,7 +77,7 @@
     box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
       0px 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
-`,x=(t,n)=>u.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",n),N=l.styled.div`
+`,x=(t,n)=>u.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",n),N=a.styled.div`
   font-size: ${t=>x(t,"fontSize")};
   line-height: ${t=>x(t,"lineHeight")};
   line-height: 1.5rem;
@@ -96,7 +98,7 @@
     line-height: 1.5rem;
     color: ${t=>t.color};
   }
-`,q=l.styled.span`
+`,q=a.styled.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -106,12 +108,12 @@
   width: ${t=>t.width}%;
 
   color: ${t=>u.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
-`,T=l.styled.span`
+`,T=a.styled.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${t=>t.color};
-`,S=m.forwardRef((t,n)=>{const{rating:a=0,reviewCount:o=null,disabled:d=!1,tabIndex:c=0,className:h="",style:g={},color:b="primary",size:r="large"}=t,{theme:p}=k.useTheme(),w={theme:p,color:b,size:r,style:g,disabled:d},y=a/5*100;return e.jsxs(N,{ref:n,tabIndex:c,...w,className:`star-rating ${h}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(q,{className:"filled-stars",...w,width:y,children:"★★★★★"}),e.jsx(T,{...w,children:"★★★★★"})]}),!isNaN(o)&&Number.isFinite(o)&&e.jsx("div",{className:"review-count",children:`(${o.toLocaleString()})`})]})});S.propTypes={rating:s.PropTypes.number,reviewCount:s.PropTypes.any,disabled:s.PropTypes.bool,tabIndex:s.PropTypes.number,style:s.PropTypes.object,className:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:s.PropTypes.oneOf(["small","medium","large"])};const z=m.forwardRef((t,n)=>{const{image:a,text:o,title:d,onSelectCard:c=()=>{},rating:h}=t;return e.jsx(C,{ref:n,className:"review-card",onClick:c,children:e.jsxs(L,{children:[e.jsx(R.ProductImageWrapper,{src:a}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:d}),e.jsx("div",{className:"cont-text",children:o})]}),e.jsx(S,{color:"warning",rating:h})]})})}),M=l.styled(i.SkeletonRowWrapper)`
+`,S=h.forwardRef((t,n)=>{const{rating:l=0,reviewCount:o=null,disabled:d=!1,tabIndex:c=0,className:p="",style:m={},color:b="primary",size:r="large"}=t,{theme:g}=k.useTheme(),w={theme:g,color:b,size:r,style:m,disabled:d},y=l/5*100;return e.jsxs(N,{ref:n,tabIndex:c,...w,className:`star-rating ${p}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(q,{className:"filled-stars",...w,width:y,children:"★★★★★"}),e.jsx(T,{...w,children:"★★★★★"})]}),!isNaN(o)&&Number.isFinite(o)&&e.jsx("div",{className:"review-count",children:`(${o.toLocaleString()})`})]})});S.propTypes={rating:s.PropTypes.number,reviewCount:s.PropTypes.any,disabled:s.PropTypes.bool,tabIndex:s.PropTypes.number,style:s.PropTypes.object,className:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:s.PropTypes.oneOf(["small","medium","large"])};const z=h.forwardRef((t,n)=>{const{image:l,text:o,title:d,link:c,rating:p,onSelectCard:m=()=>{}}=t;return e.jsx(C,{ref:n,className:"review-card",onClick:m,href:`/${c}`,children:e.jsxs(L,{children:[e.jsx(R.ProductImageWrapper,{src:l}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:d}),e.jsx("div",{className:"cont-text",children:o})]}),e.jsx(S,{color:"warning",rating:p})]})})}),M=a.styled(i.SkeletonRowWrapper)`
   @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
@@ -123,4 +125,4 @@
       }
     }
   }
-`,I=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),W=({keyPrefix:t,isLoading:n=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:o})=>e.jsx(m.Suspense,{fallbackComponent:a,children:n===!0?e.jsx(I,{keyPrefix:t}):o}),j=m.memo(z),E=m.forwardRef((t,n)=>{const{title:a="Electronics reviews",items:o,limit:d=3,onSelectCard:c=()=>{},isLoading:h=!1}=t,g=v.useDetectMobile(),b=m.useMemo(()=>e.jsx(e.Fragment,{children:g===!0?o==null?void 0:o.map((r,p)=>e.jsx(j,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>c(r)},p)):o==null?void 0:o.slice(0,d).map((r,p)=>e.jsx(j,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>c(r)},p))}),[o,g,c,d]);return e.jsxs(P,{ref:n,children:[e.jsx("div",{className:"container-title",children:a}),e.jsx(W,{isLoading:h,keyPrefix:"reviews-skeleton",children:e.jsx($,{limit:d,children:b})})]})});module.exports=E;
+`,I=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),W=({keyPrefix:t,isLoading:n=!1,fallbackComponent:l=e.jsx(e.Fragment,{}),children:o})=>e.jsx(h.Suspense,{fallbackComponent:l,children:n===!0?e.jsx(I,{keyPrefix:t}):o}),j=h.memo(z),E=h.forwardRef((t,n)=>{const{title:l="Electronics reviews",items:o,limit:d=3,onSelectCard:c=()=>{},isLoading:p=!1}=t,m=v.useDetectMobile(),b=h.useMemo(()=>e.jsx(e.Fragment,{children:m===!0?o==null?void 0:o.map((r,g)=>e.jsx(j,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>c(r)},g)):o==null?void 0:o.slice(0,d).map((r,g)=>e.jsx(j,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>c(r)},g))}),[o,m,d]);return e.jsxs(P,{ref:n,children:[e.jsx("div",{className:"container-title",children:l}),e.jsx(W,{isLoading:p,keyPrefix:"reviews-skeleton",children:e.jsx($,{limit:d,children:b})})]})});module.exports=E;