@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/{index-DxZ71UZ1.js → index-DZ8515cZ.js}

@@ -1,23 +1,24 @@
-import { jsxs as t, jsx as e, Fragment as M } from "react/jsx-runtime";
-import { forwardRef as ne, useState as Q, useRef as Z, useEffect as Ve, cloneElement as J, Suspense as Ee } from "react";
+import { jsxs as n, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as ne, useState as Z, useRef as J, useEffect as Ve, cloneElement as ee, Suspense as Oe } from "react";
 import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as F } from "./consts-BuFChS64.js";
-import { t as G, o as Oe, a as Be, l as ee, p as re, G as oe } from "./utils-Dc5zIpaz.js";
-import { P as ze } from "./index-C_NnINik.js";
-import E from "./Badge.js";
-import We from "./Popover.js";
-import Ge from "./PopoverTrigger.js";
-import Me from "./PopoverContent.js";
-import { u as Fe } from "./useDetectMobile-Bkvj0VMa.js";
-import { a as f, S as p, c as y, b as n } from "./style-CXMUA6cI.js";
-const Ie = N.div`
+import { t as G, o as Be, a as ze, l as re, p as oe, G as te, k as We } from "./utils-Dc5zIpaz.js";
+import { P as Ge } from "./index-C_NnINik.js";
+import V from "./Badge.js";
+import Me from "./Popover.js";
+import Fe from "./PopoverTrigger.js";
+import Ie from "./PopoverContent.js";
+import { u as De } from "./useDetectMobile-Bkvj0VMa.js";
+import { a as b, S as p, c as y, b as t } from "./style-CXMUA6cI.js";
+const je = N.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   cursor: pointer;
   overflow: hidden;
   width: 100%;
-
+  text-decoration: none;
+  color: var(--gray-950, #14161a);
   & .seller {
     text-transform: uppercase;
     ${G()}
@@ -73,7 +74,7 @@ const Ie = N.div`
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${Oe(2)}
+    ${Be(2)}
   }
 
   & .price-text {
@@ -178,7 +179,7 @@ const Ie = N.div`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, je = N.div`
+`, Ue = N.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -199,7 +200,7 @@ const Ie = N.div`
 
     width: 2.25rem;
     height: 2.25rem;
-    border-radius: ${(a) => Be(a.theme, "curved")};
+    border-radius: ${(a) => ze(a.theme, "curved")};
     border: 1px solid var(--gray-95008);
     background-color: white;
     color: var(--gray-950);
@@ -246,7 +247,7 @@ const Ie = N.div`
       top: unset;
     }
   }
-`, De = N.div`
+`, Le = N.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -296,7 +297,7 @@ const Ie = N.div`
       color: var(--gray-950, #14161a);
     }
   }
-`, Ue = N.div`
+`, Xe = N.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -308,10 +309,10 @@ const Ie = N.div`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, Le = ne(({ sponsoredText: a = "Sponsored" }, $) => /* @__PURE__ */ t(Ue, { ref: $, className: "sponsored-line", children: [
+`, xe = ne(({ sponsoredText: a = "Sponsored" }, $) => /* @__PURE__ */ n(Xe, { ref: $, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
   /* @__PURE__ */ e("span", { children: a })
-] })), Xe = "Vehicles_Cars", qe = "Vehicles_Motorcycles", xe = "Vehicles_Trucks", Ye = "Vehicles_AgriculturalMachines_Tractors", Ae = "Vehicles_ConstructionMachines", Ke = "Vehicles_Bus", He = "Vehicles_Campers", Qe = "RealEstates_", s = {
+] })), qe = "Vehicles_Cars", Ye = "Vehicles_Motorcycles", Ae = "Vehicles_Trucks", Ke = "Vehicles_AgriculturalMachines_Tractors", He = "Vehicles_ConstructionMachines", Qe = "Vehicles_Bus", Ze = "Vehicles_Campers", Je = "RealEstates_", s = {
   Mileage: {
     icon: "mng-lnc-road",
     measure: "km"
@@ -412,30 +413,28 @@ const Ie = N.div`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, pr = ne((a, $) => {
+}, gr = ne((a, $) => {
   const {
-    uuid: b,
+    uuid: u,
     sellerUuid: O,
-    name: te,
+    name: ie,
     price: S = 0,
     sellingPrice: k,
     currency: _,
     isNegotiable: P,
-    isFree: T,
-    imageUrl: ie,
-    location: ae,
-    sponsored: se,
+    isFree: E,
+    imageUrl: ae,
+    location: se,
+    sponsored: le,
     imageComponent: I,
-    onSelectCard: le = () => {
-    },
     freeText: ce = "Free",
     negotiableText: de = "Negotiable",
     tags: i = [],
-    categoryCode: V,
+    categoryCode: T,
     categoryName: me,
-    condition: j,
+    condition: D,
     quantity: B,
-    trade: D,
+    trade: j,
     sponsoredText: he,
     forCart: pe,
     forOrder: ue,
@@ -449,16 +448,19 @@ const Ie = N.div`
     bookmarked: U,
     bookmarkLists: we,
     metadata: v,
-    sellerName: L
-  } = a, W = Fe(), ye = () => {
+    sellerName: L,
+    nameSlug: X,
+    onSelectCard: ye = () => {
+    }
+  } = a, W = De(), ke = () => {
     var d;
-    if (!ee(C)) return /* @__PURE__ */ e(M, {});
-    const r = C, o = (d = C == null ? void 0 : C.props) == null ? void 0 : d.children, c = J(o, {
+    if (!re(C)) return /* @__PURE__ */ e(M, {});
+    const r = C, o = (d = C == null ? void 0 : C.props) == null ? void 0 : d.children, c = ee(o, {
       key: `bookmark_pr__${U}`,
       bookmarked: U,
-      productUuid: b,
-      onAddToBookmark: () => z(!0, b),
-      onRemoveFromBookmark: () => z(!1, b),
+      productUuid: u,
+      onAddToBookmark: () => z(!0, u),
+      onRemoveFromBookmark: () => z(!1, u),
       bookmarkedUuidList: we,
       sellerUuid: O,
       handleBookmarking: z,
@@ -470,69 +472,69 @@ const Ie = N.div`
       quantity: B,
       hasQuantities: be,
       productBasicInfo: {
-        uuid: b,
+        uuid: u,
         price: S,
         sellingPrice: k,
-        categoryCode: V,
+        categoryCode: T,
         categoryName: me,
         currency: _,
         isNegotiable: P,
-        isFree: T
+        isFree: E
       }
     });
-    return J(r, void 0, c);
-  }, X = [
-    Xe,
+    return ee(r, void 0, c);
+  }, x = [
     qe,
-    xe,
     Ye,
     Ae,
     Ke,
     He,
-    Qe
+    Qe,
+    Ze,
+    Je
   ].some(
-    (r) => V == null ? void 0 : V.includes(r)
-  ), [ke, q] = Q(!1), _e = () => {
+    (r) => T == null ? void 0 : T.includes(r)
+  ), [_e, q] = Z(!1), Ce = () => {
     q(!0);
-  }, Ce = () => {
+  }, Re = () => {
     q(!1);
-  }, l = Z(null), u = Z([]), [Re, x] = Q(i == null ? void 0 : i.length), Ne = () => {
+  }, l = J(null), g = J([]), [Ne, Y] = Z(i == null ? void 0 : i.length), $e = () => {
     var d, w, R;
-    if (!(l != null && l.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
+    if (!(l != null && l.current) || ((d = g == null ? void 0 : g.current) == null ? void 0 : d.length) === 0) return;
     if (W) {
-      x(i == null ? void 0 : i.length);
+      Y(i == null ? void 0 : i.length);
       return;
     }
     const r = (w = l == null ? void 0 : l.current) == null ? void 0 : w.offsetWidth;
     let o = 0, c = 0;
     for (let m = 0; m < (i == null ? void 0 : i.length); m++) {
-      const g = ((R = u == null ? void 0 : u.current[m]) == null ? void 0 : R.offsetWidth) || 0, h = o + g + 4;
+      const f = ((R = g == null ? void 0 : g.current[m]) == null ? void 0 : R.offsetWidth) || 0, h = o + f + 4;
       if (h <= r)
         o += h, c++;
       else
         break;
     }
-    x(c);
+    Y(c);
   };
   Ve(() => {
     const r = l == null ? void 0 : l.current;
     if (!r) return;
     const o = new ResizeObserver(() => {
-      Ne();
+      $e();
     });
     return o.observe(r), () => {
       o.disconnect();
     };
   }, [i, W]);
-  const $e = () => {
+  const Se = () => {
     var r;
-    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, Re)) == null ? void 0 : r.map((o, c) => {
-      var g, h, A, K, H;
-      const d = ((g = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : g.icon) ?? ((h = s == null ? void 0 : s.default) == null ? void 0 : h.icon) ?? "", w = ((A = o == null ? void 0 : o.measurementUnit) == null ? void 0 : A.symbol) ?? ((K = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : K.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((H = o == null ? void 0 : o.multiOptions) == null ? void 0 : H[0]) ?? "", w].filter(Boolean).join(" ");
-      return /* @__PURE__ */ t(
-        E,
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, Ne)) == null ? void 0 : r.map((o, c) => {
+      var f, h, K, H, Q;
+      const d = ((f = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((h = s == null ? void 0 : s.default) == null ? void 0 : h.icon) ?? "", w = ((K = o == null ? void 0 : o.measurementUnit) == null ? void 0 : K.symbol) ?? ((H = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : H.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((Q = o == null ? void 0 : o.multiOptions) == null ? void 0 : Q[0]) ?? "", w].filter(Boolean).join(" ");
+      return /* @__PURE__ */ n(
+        V,
         {
-          ref: (Te) => u.current[c] = Te,
+          ref: (Te) => g.current[c] = Te,
           className: "tag",
           children: [
             /* @__PURE__ */ e("i", { className: d }),
@@ -542,68 +544,73 @@ const Ie = N.div`
         `detailed-products-section-tag__${c + 1}`
       );
     }) });
-  }, Se = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
-    var m, g, h;
-    const c = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((g = s == null ? void 0 : s[r == null ? void 0 : r.code]) == null ? void 0 : g.measure) ?? "", w = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), R = r == null ? void 0 : r.name;
-    return /* @__PURE__ */ t("div", { children: [
+  }, Pe = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
+    var m, f, h;
+    const c = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((f = s == null ? void 0 : s[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", w = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), R = r == null ? void 0 : r.name;
+    return /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${R}: ` }),
       /* @__PURE__ */ e("span", { className: "tags-popover__value", children: w })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), Pe = () => /* @__PURE__ */ t(M, { children: [
-    j && /* @__PURE__ */ e(E, { className: "tag", children: j }, "detailed-products-section-tag__condition"),
-    B && /* @__PURE__ */ e(E, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
-    D && /* @__PURE__ */ e(E, { className: "tag", children: D }, "detailed-products-section-tag__trade")
-  ] }), Y = S > 0 && _ && P !== !0 && T !== !0 && S !== k;
+  }) }), Ee = () => /* @__PURE__ */ n(M, { children: [
+    D && /* @__PURE__ */ e(V, { className: "tag", children: D }, "detailed-products-section-tag__condition"),
+    B && /* @__PURE__ */ e(V, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
+    j && /* @__PURE__ */ e(V, { className: "tag", children: j }, "detailed-products-section-tag__trade")
+  ] }), A = S > 0 && _ && P !== !0 && E !== !0 && S !== k;
   return (
     // <LandingPageProductCardSkeleton />
-    /* @__PURE__ */ t(
-      Ie,
+    /* @__PURE__ */ n(
+      je,
       {
         ref: l,
         className: "product-card",
         "data-accessor": v == null ? void 0 : v.accessor,
         name: v == null ? void 0 : v.name,
-        onClick: (r) => le(r, l),
+        onClick: (r) => ye(r, l),
+        href: `/product/${We(X) ? `${X}-` : ""}${u}`,
         children: [
-          /* @__PURE__ */ t(je, { className: "product-image-wrapper", children: [
-            /* @__PURE__ */ e(ye, {}),
-            ee(I) ? I : /* @__PURE__ */ e(ze, { src: ie })
+          /* @__PURE__ */ n(Ue, { className: "product-image-wrapper", children: [
+            /* @__PURE__ */ e("div", { onClick: (r) => {
+              r == null || r.preventDefault(), r == null || r.stopPropagation();
+            }, children: /* @__PURE__ */ e(ke, {}) }),
+            re(I) ? I : /* @__PURE__ */ e(Ge, { src: ae })
           ] }),
-          /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
+          /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
             /* @__PURE__ */ e("div", { className: "seller", title: L, children: L }),
-            /* @__PURE__ */ e("div", { className: "card-title", children: te })
+            /* @__PURE__ */ e("div", { className: "card-title", children: ie })
           ] }),
-          /* @__PURE__ */ t("div", { className: "wrapper-card-3", children: [
-            X && /* @__PURE__ */ e(
+          /* @__PURE__ */ n("div", { className: "wrapper-card-3", onClick: (r) => {
+            r == null || r.preventDefault(), r == null || r.stopPropagation();
+          }, children: [
+            x && /* @__PURE__ */ e(
               "div",
               {
                 ...W ? {} : {
-                  onMouseEnter: _e,
-                  onMouseLeave: Ce
+                  onMouseEnter: Ce,
+                  onMouseLeave: Re
                 },
-                children: /* @__PURE__ */ t(We, { placement: "bottom", open: ke, children: [
-                  /* @__PURE__ */ e(Ge, { children: $e() }),
-                  /* @__PURE__ */ e(Me, { style: { all: "unset" }, children: /* @__PURE__ */ e(De, { children: Se() }) })
+                children: /* @__PURE__ */ n(Me, { placement: "bottom", open: _e, children: [
+                  /* @__PURE__ */ e(Fe, { children: Se() }),
+                  /* @__PURE__ */ e(Ie, { style: { all: "unset" }, children: /* @__PURE__ */ e(Le, { children: Pe() }) })
                 ] })
               }
             ),
-            !X && Pe()
+            !x && Ee()
           ] }),
-          /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
-            /* @__PURE__ */ t("div", { className: `price-text ${Y ? "new-price" : ""}`, children: [
-              k > 0 && _ && P !== !0 && T !== !0 && /* @__PURE__ */ e("div", { children: `${re(k)} ${oe(_)}` }),
-              Y && /* @__PURE__ */ e("div", { className: `${k > 0 ? "full-price" : ""}`, children: `${re(S)} ${oe(_)}` }),
+          /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
+            /* @__PURE__ */ n("div", { className: `price-text ${A ? "new-price" : ""}`, children: [
+              k > 0 && _ && P !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${oe(k)} ${te(_)}` }),
+              A && /* @__PURE__ */ e("div", { className: `${k > 0 ? "full-price" : ""}`, children: `${oe(S)} ${te(_)}` }),
               P && de,
-              T && ce
+              E && ce
             ] }),
-            /* @__PURE__ */ e("div", { className: "location-text", children: ae })
+            /* @__PURE__ */ e("div", { className: "location-text", children: se })
           ] }),
-          se === !0 && /* @__PURE__ */ e(Le, { sponsoredText: he })
+          le === !0 && /* @__PURE__ */ e(xe, { sponsoredText: he })
         ]
       }
     )
   );
-}), Ze = N(f)`
+}), er = N(b)`
   @media (max-width: ${F + "px"}) {
     & > div {
       &:nth-of-type(even) {
@@ -611,8 +618,8 @@ const Ie = N.div`
       }
     }
   }
-`, Je = ({ keyPrefix: a }) => /* @__PURE__ */ t(Ze, { children: [
-  /* @__PURE__ */ t(p, { gap: "0.5rem", children: [
+`, rr = ({ keyPrefix: a }) => /* @__PURE__ */ n(er, { children: [
+  /* @__PURE__ */ n(p, { gap: "0.5rem", children: [
     /* @__PURE__ */ e(
       y,
       {
@@ -621,14 +628,14 @@ const Ie = N.div`
         borderRadius: "0.75rem"
       }
     ),
-    /* @__PURE__ */ e(p, { height: "1rem", children: /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }) }),
-    /* @__PURE__ */ t(f, { gap: "0.5rem", children: [
-      /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
-      /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+    /* @__PURE__ */ e(p, { height: "1rem", children: /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }) }),
+    /* @__PURE__ */ n(b, { gap: "0.5rem", children: [
+      /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
+      /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
     ] }),
-    /* @__PURE__ */ e(p, { height: "2rem", children: /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" }) })
+    /* @__PURE__ */ e(p, { height: "2rem", children: /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" }) })
   ] }, `${a}-1`),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ n(
     p,
     {
       gap: "0.5rem",
@@ -642,17 +649,17 @@ const Ie = N.div`
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-2`
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ n(
     p,
     {
       gap: "0.5rem",
@@ -666,17 +673,17 @@ const Ie = N.div`
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-3`
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ n(
     p,
     {
       gap: "0.5rem",
@@ -690,17 +697,17 @@ const Ie = N.div`
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-4`
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ n(
     p,
     {
       gap: "0.5rem",
@@ -714,17 +721,17 @@ const Ie = N.div`
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-5`
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ n(
     p,
     {
       gap: "0.5rem",
@@ -738,23 +745,23 @@ const Ie = N.div`
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-6`
   )
-] }), ur = ({
+] }), fr = ({
   keyPrefix: a,
   isLoading: $ = !1,
-  fallbackComponent: b = /* @__PURE__ */ e(M, {}),
+  fallbackComponent: u = /* @__PURE__ */ e(M, {}),
   children: O
-}) => /* @__PURE__ */ e(Ee, { fallbackComponent: b, children: $ === !0 ? /* @__PURE__ */ e(Je, { keyPrefix: a }) : O });
+}) => /* @__PURE__ */ e(Oe, { fallbackComponent: u, children: $ === !0 ? /* @__PURE__ */ e(rr, { keyPrefix: a }) : O });
 export {
-  pr as D,
-  ur as S
+  gr as D,
+  fr as S
 };

package/dist/{index-D55MR8tU.cjs → index-MiN854X_.cjs}

@@ -1,4 +1,6 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),h=require("./utils-RnrgDDZP.cjs"),p=require("./useDetectMobile-zkbzoOGV.cjs"),s=require("./Button.cjs"),w=require("./index-uwl7BjRF.cjs"),b=c.styled.div`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),p=require("./utils-RnrgDDZP.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),s=require("./Button.cjs"),b=require("./index-uwl7BjRF.cjs"),f=c.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   width: 100%;
   gap: 1.25rem;
@@ -50,7 +52,7 @@
       margin-top: auto;
     }
   }
-`,f=c.styled.div`
+`,y=c.styled.div`
   padding: 1rem;
   display: flex;
   flex-direction: column;
@@ -66,7 +68,7 @@
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${h.truncateTextInRows(3)}
+    ${p.truncateTextInRows(3)}
   }
 
   & button {
@@ -77,4 +79,4 @@
   @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     padding: 0;
   }
-`,y=a.forwardRef((d,v)=>{const{title:l,imageUrl:u,text:x,onCardClick:t,buttonText:i,metadata:r}=d,o=p.useDetectMobile(),n=a.useRef();return e.jsxs(b,{ref:n,className:"blog-card","data-accessor":r==null?void 0:r.accessor,name:r==null?void 0:r.name,onClick:g=>t(g,n),children:[e.jsx(w.ProductImageWrapper,{src:u}),e.jsxs(f,{children:[e.jsx("div",{className:"text-wr-title",children:l}),e.jsx("div",{className:"text-wr",children:x}),o!==!0&&e.jsx(s,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]}),o===!0&&e.jsx(s,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]})});exports.BlogCardLarge=y;
+`,v=a.forwardRef((d,j)=>{const{title:l,imageUrl:g,text:u,onCardClick:t,buttonText:i,metadata:r,titleSlug:x}=d,o=w.useDetectMobile(),n=a.useRef();return e.jsxs(f,{ref:n,className:"blog-card","data-accessor":r==null?void 0:r.accessor,name:r==null?void 0:r.name,onClick:h=>t(h,n),href:`/blog/${x}`,children:[e.jsx(b.ProductImageWrapper,{src:g}),e.jsxs(y,{children:[e.jsx("div",{className:"text-wr-title",children:l}),e.jsx("div",{className:"text-wr",children:u}),o!==!0&&e.jsx(s,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]}),o===!0&&e.jsx(s,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:i})]})});exports.BlogCardLarge=v;

package/package.json

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