@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/Modal.js

@@ -1,14 +1,14 @@
 import { jsx as t, Fragment as L, jsxs as R } from "react/jsx-runtime";
-import { forwardRef as z, useRef as X, useState as V, useImperativeHandle as q, useEffect as J } from "react";
+import { forwardRef as z, useRef as V, useState as q, useImperativeHandle as J, useEffect as K } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import K from "./Icon.js";
+import P from "./Icon.js";
 import { b as w } from "./utils-Dc5zIpaz.js";
-import { r as P } from "./index-B1vKwsDE.js";
+import { r as Q } from "./index-B1vKwsDE.js";
 import { m as M } from "./motion-Ckekul_K.js";
-import { u as Q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { A as S } from "./index-D-c5IxDk.js";
-const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${l})` : n ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${l})` : a ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${l})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${l})`, Z = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${l})`, ee = (e, n, a) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, oe = C(M.div)`
+const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FULL" ? `calc(100dvh - ${g} - ${h})` : `calc(100dvh - ${g} - ${h} - ${l})` : n ? e == "FULL" ? `calc(100dvh - ${g})` : `calc(100dvh - ${g} - ${l})` : a ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${l})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${l})`, ee = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${l})`, oe = (e, n, a) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, te = C(M.div)`
   position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
   top: 0;
   left: 0;
@@ -17,16 +17,17 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   background: ${(e) => e.scrollOverlay === !0 ? "transparent" : e.overlayColor};
   z-index: ${(e) => e.zIndex};
   display: flex;
-`, te = C(M.div)`
+`, re = C(M.div)`
   position: relative;
   width: 50%;
   background-color: white;
   ${(e) => e.scrollOverlay == !1 ? "position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" : "height: fit-content; margin-right: auto; margin-left: auto;"}
   background-color: ${(e) => w(e.theme, "Modal", "default", "enabled", "bg")};
   z-index: ${(e) => e.zIndex};
-  width: ${(e) => le[e.size.toUpperCase()]};
-  max-width: ${(e) => Z(e.size.toUpperCase())};
-  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
+  width: ${(e) => ie[e.size.toUpperCase()]};
+  max-width: ${(e) => ee(e.size.toUpperCase())};
+  box-shadow:
+    0px 20px 25px -5px rgba(0, 0, 0, 0.1),
     0px 10px 10px -5px rgba(0, 0, 0, 0.04);
   border-radius: ${(e) => e.size.toUpperCase() != "FULL" ? "16px" : "0"};
   display: flex;
@@ -34,7 +35,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   gap: 0.5rem;
 
   & .lnc-modal-header {
-    max-height: ${h};
+    max-height: ${g};
     overflow: hidden;
     padding: ${l} ${l} 0 ${l};
   }
@@ -44,7 +45,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     margin: 0;
   }
   & .lnc-modal-footer {
-    max-height: ${f};
+    max-height: ${h};
     overflow: hidden;
     padding-top: 1rem;
   }
@@ -55,16 +56,16 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     flex-direction: column;
     justify-content: space-between;
     scrollbar-width: thin;
-    ${(e) => e.scrollOverlay == !1 && `max-height: ${Y(
+    ${(e) => e.scrollOverlay == !1 && `max-height: ${Z(
   e.size.toUpperCase(),
   e.header,
   e.footer
 )};`}
     overflow: auto;
-    margin: ${(e) => ee(e.size, e.header, e.footer)};
+    margin: ${(e) => oe(e.size, e.header, e.footer)};
     padding: 0 ${l} 0 ${l};
   }
-`, re = C.div`
+`, ne = C.div`
   position: absolute;
   cursor: pointer;
   top: 1.375rem;
@@ -106,7 +107,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   "cancelBtnBgOpacity"
 )};
   }
-`, ne = C(M.div)`
+`, ae = C(M.div)`
   display: ${(e) => e.scrollOverlay === !0 ? "block" : "none"};
   position: fixed;
   top: 0;
@@ -115,25 +116,26 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   width: 100%;
   background-color: ${(e) => e.overlayColor};
   z-index: 3;
-`, ae = z((e, n) => {
+`, le = z((e, n) => {
   const {
-    portalElement: a = document.body,
+    preventDefault: a = !1,
+    portalElement: m = document.body,
     isOpen: s = !1,
-    header: m,
-    footer: i,
-    scrollOverlay: c = !1,
-    overlay: d = !0,
-    overlayColor: p = "rgba(0, 0, 0, 0.3)",
+    header: i,
+    footer: c,
+    scrollOverlay: d = !1,
+    overlay: p = !0,
+    overlayColor: f = "rgba(0, 0, 0, 0.3)",
     showCloseButton: u = !0,
-    onOpen: g = () => {
+    onOpen: x = () => {
     },
-    onClose: x = () => {
+    onClose: U = () => {
     },
-    zIndex: U = 1e3,
-    size: y = "fluid",
-    clickOutsideToClose: $ = !0,
-    className: b = "",
-    style: G = {},
+    zIndex: y = 1e3,
+    size: $ = "fluid",
+    clickOutsideToClose: b = !0,
+    className: G = "",
+    style: _ = {},
     overlayProps: F,
     overlayAnimation: k = {
       animate: { opacity: 1 },
@@ -151,18 +153,18 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       },
       transition: { type: "spring", duration: 0.6 }
     },
-    onFinishOpen: _ = () => {
+    onFinishOpen: W = () => {
     },
     children: T,
     rest: I
-  } = e, E = X(), [v, N] = V(s);
-  let j = { theme: Q(), size: y, zIndex: U, className: b, style: G };
-  const A = (r) => {
-    r == null || r.preventDefault(), r == null || r.stopPropagation(), r.target === r.currentTarget && $ && O(r);
+  } = e, E = V(), [v, N] = q(s);
+  let D = { theme: Y(), size: $, zIndex: y, className: G, style: _ };
+  const j = (r) => {
+    a && (r == null || r.preventDefault(), r == null || r.stopPropagation()), r.target === r.currentTarget && b && O(r);
   };
-  q(n, () => ({
+  J(n, () => ({
     open() {
-      W();
+      X();
     },
     close() {
       O();
@@ -171,94 +173,94 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       return v;
     }
   }));
-  const W = (r) => {
-    N(!0), g(r);
+  const X = (r) => {
+    N(!0), x(r);
   }, O = (r) => {
-    N(!1), x(r);
+    N(!1), U(r);
   };
-  return J(() => {
-    v === !0 && _();
-  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: a ? /* @__PURE__ */ t(L, { children: P.createPortal(
+  return K(() => {
+    v === !0 && W();
+  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: m ? /* @__PURE__ */ t(L, { children: Q.createPortal(
     /* @__PURE__ */ t(
-      D,
+      A,
       {
         ref: E,
-        overlay: d,
-        scrollOverlay: c,
-        onClickOutsideModal: A,
-        overlayColor: p,
+        overlay: p,
+        scrollOverlay: d,
+        onClickOutsideModal: j,
+        overlayColor: f,
         overlayProps: F,
         overlayAnimation: k,
         modalAnimation: B,
-        themeProps: j,
+        themeProps: D,
         showCloseButton: u,
         close: O,
-        header: m,
-        footer: i,
+        header: i,
+        footer: c,
         isOpen: s,
         ...I,
         children: T
       }
     ),
-    a
+    m
   ) }) : /* @__PURE__ */ t(
-    D,
+    A,
     {
       ref: E,
-      overlay: d,
-      scrollOverlay: c,
-      onClickOutsideModal: A,
-      overlayColor: p,
+      overlay: p,
+      scrollOverlay: d,
+      onClickOutsideModal: j,
+      overlayColor: f,
       overlayProps: F,
       overlayAnimation: k,
       modalAnimation: B,
-      themeProps: j,
+      themeProps: D,
       showCloseButton: u,
       close: O,
-      header: m,
-      footer: i,
+      header: i,
+      footer: c,
       isOpen: s,
       ...I,
       children: T
     }
   ) }) });
-}), D = z(
+}), A = z(
   ({
     overlay: e,
     scrollOverlay: n,
     onClickOutsideModal: a,
-    overlayColor: s,
-    overlayProps: m,
+    overlayColor: m,
+    overlayProps: s,
     overlayAnimation: i,
     modalAnimation: c,
     themeProps: d,
     showCloseButton: p,
-    header: u,
-    footer: g,
+    header: f,
+    footer: u,
     close: x,
     isOpen: U,
     children: y,
     ...$
   }, b) => /* @__PURE__ */ t(S, { children: e ? /* @__PURE__ */ R(L, { children: [
     /* @__PURE__ */ t(
-      ne,
+      ae,
       {
         scrollOverlay: n,
         onClick: a,
-        overlayColor: s,
-        ...m,
+        overlayColor: m,
+        ...s,
         ...i
       }
     ),
     /* @__PURE__ */ t(
-      oe,
+      te,
       {
         ...d,
         onClick: a,
         scrollOverlay: n,
-        overlayColor: s,
+        overlayColor: m,
         isOpen: U,
-        ...m,
+        ...s,
         ...i,
         children: /* @__PURE__ */ t(
           H,
@@ -269,8 +271,8 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
             modalAnimation: c,
             showCloseButton: p,
             close: x,
-            header: u,
-            footer: g,
+            header: f,
+            footer: u,
             ...$,
             children: y
           }
@@ -285,8 +287,8 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       modalAnimation: c,
       showCloseButton: p,
       close: x,
-      header: u,
-      footer: g,
+      header: f,
+      footer: u,
       ...$,
       children: y
     }
@@ -296,16 +298,16 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     themeProps: e,
     scrollOverlay: n,
     modalAnimation: a,
-    showCloseButton: s,
-    close: m,
+    showCloseButton: m,
+    close: s,
     header: i,
     footer: c,
     children: d,
     ...p
-  }, u) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
-    te,
+  }, f) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
+    re,
     {
-      ref: u,
+      ref: f,
       ...e,
       ...a,
       header: i,
@@ -314,13 +316,13 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       ...p,
       className: `modal-lnc-container ${e == null ? void 0 : e.className}`,
       children: [
-        s && /* @__PURE__ */ t(
-          re,
+        m && /* @__PURE__ */ t(
+          ne,
           {
             ...e,
             className: "modal-lnc-times",
-            onClick: m,
-            children: /* @__PURE__ */ t(K, { icon: "times" })
+            onClick: s,
+            children: /* @__PURE__ */ t(P, { icon: "times" })
           }
         ),
         i && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: i }),
@@ -330,7 +332,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     }
   ) })
 );
-ae.propTypes = {
+le.propTypes = {
   /**
    * If the value is given modal will use createPortal to be rendered in portalElement
    */
@@ -362,7 +364,7 @@ ae.propTypes = {
   size: o.oneOf(["fluid", "xs", "s", "m", "l", "xl", "full"]),
   overlayProps: o.any
 };
-const le = {
+const ie = {
   FLUID: "max-content",
   XS: "320px",
   S: "412px",
@@ -372,5 +374,5 @@ const le = {
   FULL: "100vw"
 };
 export {
-  ae as default
+  le as default
 };

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,6 @@
-"use strict";const n=require("react/jsx-runtime"),g=require("react"),t=require("./index-BpbMKBf_.cjs"),x=require("./Button.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),_=require("./index-D-3I_Ppj.cjs"),p=f.styled.div`
+"use strict";const n=require("react/jsx-runtime"),d=require("react"),x=require("./Button.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),_=require("./index-D-3I_Ppj.cjs"),u=f.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   height: 28.75rem;
   padding: 2.25rem;
@@ -60,7 +62,7 @@
     }
   }
 
-  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     padding: 2rem;
     min-height: 17.5rem;
     width: 100%;
@@ -83,7 +85,7 @@
       }
     }
   }
-`,u=g.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:l="none",handleSelectCard:a=()=>{},handleButtonAction:e=()=>{}},d)=>n.jsxs(p,{backgroundImage:s,backgroundColor:l,onClick:a,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(x,{text:i,onClick:c=>{c==null||c.stopPropagation(),e()},borderRadius:"regular",color:"gray",className:"section__action"})]}));u.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,buttonText:t.PropTypes.string,imageUrl:t.PropTypes.string,backgroundColor:t.PropTypes.string,handleSelectCard:t.PropTypes.func,handleButtonAction:t.PropTypes.func};const m=f.styled.div`
+`,m=d.forwardRef(({title:r,description:t,buttonText:i,imageUrl:s,backgroundColor:l="none",handleSelectCard:a=()=>{},handleButtonAction:e=()=>{},selectAction:c},h)=>n.jsxs(u,{ref:h,backgroundImage:s,backgroundColor:l,onClick:a,href:`/${c}`,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),t&&n.jsx("div",{className:"section__description",children:t})]}),n.jsx(x,{text:i,onClick:o=>{o==null||o.preventDefault(),o==null||o.stopPropagation(),e()},borderRadius:"regular",color:"gray",className:"section__action"})]})),y=f.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -122,7 +124,7 @@
     }
   }
 
-  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .section__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -132,4 +134,4 @@
       flex-direction: column;
     }
   }
-`,y=g.forwardRef(({title:r,items:o,isLoading:i=!1,onSelectCard:s=()=>{},onButtonAction:l=()=>{}},a)=>n.jsxs(m,{ref:a,children:[n.jsx("div",{className:"section__title",children:r}),n.jsx(_.SuspenseBlogsSectionDetailed,{isLoading:i,keyPrefix:"overlay-general-cards-skeleton",children:n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,d)=>n.jsx(u,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>s(e),handleButtonAction:()=>l(e)},`overlay-general-card__${d+1}`))})})]}));module.exports=y;
+`,v=d.forwardRef(({title:r,items:t,isLoading:i=!1,onSelectCard:s=()=>{},onButtonAction:l=()=>{}},a)=>n.jsxs(y,{ref:a,children:[n.jsx("div",{className:"section__title",children:r}),n.jsx(_.SuspenseBlogsSectionDetailed,{isLoading:i,keyPrefix:"overlay-general-cards-skeleton",children:n.jsx("div",{className:"section__items",children:t==null?void 0:t.map((e,c)=>n.jsx(m,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>s(e),handleButtonAction:()=>l(e),selectAction:e==null?void 0:e.selectAction},`overlay-general-card__${c+1}`))})})]}));module.exports=v;

package/dist/OverlayGeneralCardsSection.js

@@ -1,11 +1,12 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import u from "./Button.js";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as m } from "./consts-BuFChS64.js";
-import { S as x } from "./index-BovNbKxB.js";
-const p = h.div`
+import { forwardRef as f } from "react";
+import m from "./Button.js";
+import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as h } from "./consts-BuFChS64.js";
+import { S as u } from "./index-BovNbKxB.js";
+const x = g.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   height: 28.75rem;
   padding: 2.25rem;
@@ -67,7 +68,7 @@ const p = h.div`
     }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${h + "px"}) {
     padding: 2rem;
     min-height: 17.5rem;
     width: 100%;
@@ -90,7 +91,7 @@ const p = h.div`
       }
     }
   }
-`, _ = g(
+`, p = f(
   ({
     title: r,
     description: o,
@@ -100,24 +101,27 @@ const p = h.div`
     handleSelectCard: s = () => {
     },
     handleButtonAction: e = () => {
-    }
-  }, f) => /* @__PURE__ */ d(
-    p,
+    },
+    selectAction: c
+  }, _) => /* @__PURE__ */ d(
+    x,
     {
+      ref: _,
       backgroundImage: a,
       backgroundColor: l,
       onClick: s,
+      href: `/${c}`,
       children: [
         /* @__PURE__ */ d("div", { className: "section__text", children: [
           r && /* @__PURE__ */ n("div", { className: "section__title", children: r }),
           o && /* @__PURE__ */ n("div", { className: "section__description", children: o })
         ] }),
         /* @__PURE__ */ n(
-          u,
+          m,
           {
             text: i,
-            onClick: (c) => {
-              c == null || c.stopPropagation(), e();
+            onClick: (t) => {
+              t == null || t.preventDefault(), t == null || t.stopPropagation(), e();
             },
             borderRadius: "regular",
             color: "gray",
@@ -127,17 +131,7 @@ const p = h.div`
       ]
     }
   )
-);
-_.propTypes = {
-  title: t.string,
-  description: t.string,
-  buttonText: t.string,
-  imageUrl: t.string,
-  backgroundColor: t.string,
-  handleSelectCard: t.func,
-  handleButtonAction: t.func
-};
-const y = h.div`
+), v = g.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -176,7 +170,7 @@ const y = h.div`
     }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${h + "px"}) {
     & .section__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -186,7 +180,7 @@ const y = h.div`
       flex-direction: column;
     }
   }
-`, N = g(
+`, $ = f(
   ({
     title: r,
     items: o,
@@ -195,15 +189,15 @@ const y = h.div`
     },
     onButtonAction: l = () => {
     }
-  }, s) => /* @__PURE__ */ d(y, { ref: s, children: [
+  }, s) => /* @__PURE__ */ d(v, { ref: s, children: [
     /* @__PURE__ */ n("div", { className: "section__title", children: r }),
     /* @__PURE__ */ n(
-      x,
+      u,
       {
         isLoading: i,
         keyPrefix: "overlay-general-cards-skeleton",
-        children: /* @__PURE__ */ n("div", { className: "section__items", children: o == null ? void 0 : o.map((e, f) => /* @__PURE__ */ n(
-          _,
+        children: /* @__PURE__ */ n("div", { className: "section__items", children: o == null ? void 0 : o.map((e, c) => /* @__PURE__ */ n(
+          p,
           {
             title: e == null ? void 0 : e.title,
             description: e == null ? void 0 : e.description,
@@ -211,14 +205,15 @@ const y = h.div`
             buttonText: e == null ? void 0 : e.buttonText,
             backgroundColor: e == null ? void 0 : e.backgroundColor,
             handleSelectCard: () => a(e),
-            handleButtonAction: () => l(e)
+            handleButtonAction: () => l(e),
+            selectAction: e == null ? void 0 : e.selectAction
           },
-          `overlay-general-card__${f + 1}`
+          `overlay-general-card__${c + 1}`
         )) })
       }
     )
   ] })
 );
 export {
-  N as default
+  $ as default
 };

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),f=require("./useDetectMobile-zkbzoOGV.cjs"),W=require("./style-CkcozOY6.cjs"),b=require("./utils-RnrgDDZP.cjs"),C=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),_=g.styled.div`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),P=require("./useDetectMobile-zkbzoOGV.cjs"),w=require("./style-CkcozOY6.cjs"),u=require("./utils-RnrgDDZP.cjs"),f=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),L=g.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;
@@ -31,7 +31,7 @@
       }
     }
   }
-`,q=g.styled.div`
+`,W=g.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -39,11 +39,13 @@
   @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-`,$=g.styled.div`
+`,C=g.styled.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   cursor: pointer;
+  text-decoration: none;
+  color: var(--gray-950);
 
   & img {
     width: 100%;
@@ -55,7 +57,7 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${b.truncateTextInRows(2)}
+    ${u.truncateTextInRows(2)}
   }
 
   @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
@@ -69,11 +71,11 @@
       object-fit: cover;
     }
   }
-`,v=o.forwardRef((t,a)=>{const{uuid:d,title:n,image:l,sellerUuid:k,onSelectCard:m=()=>{},imageComponent:h,metadata:s}=t,c=o.useRef(null);return r.jsxs($,{ref:c,className:"product-card",name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:u=>m(u,a),children:[b.isDefined(h)?h:r.jsx(C.ProductImageWrapper,{src:l}),r.jsx("div",{className:"card-title",children:n})]})}),I=g.styled(i.SkeletonColumnWrapper)`
+`,$=a.forwardRef((t,d)=>{const{uuid:s,title:n,image:l,sellerUuid:k,onSelectCard:S=()=>{},imageComponent:h,metadata:o,nameSlug:m}=t,c=a.useRef(null);return e.jsxs(C,{ref:c,className:"product-card",name:o==null?void 0:o.name,"data-accessor":o==null?void 0:o.accessor,onClick:j=>S(j,d),href:`/product/${u.isDefinedNotEmptyString(m)?`${m}-`:""}${s}`,children:[u.isDefined(h)?h:e.jsx(f.ProductImageWrapper,{src:l}),e.jsx("div",{className:"card-title",children:n})]})}),_=g.styled(i.SkeletonColumnWrapper)`
   @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     & .skeleton__banner {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`,y=({keyPrefix:t})=>r.jsxs(I,{children:[r.jsx(i.SkeletonLinePlaceholder,{height:"22.5rem",className:"skeleton__banner"}),r.jsxs(i.SkeletonRowWrapper,{children:[r.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",children:[r.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),r.jsx(i.SkeletonColumnWrapper,{height:"1rem",children:r.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),r.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),r.jsx(i.SkeletonColumnWrapper,{height:"2rem",children:r.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${t}-1`),r.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[r.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),r.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),r.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-2`),r.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[r.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),r.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),r.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-3`),r.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[r.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),r.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),r.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-4`)]})]}),E=({keyPrefix:t,isLoading:a=!1,fallbackComponent:d=r.jsx(r.Fragment,{}),children:n})=>r.jsx(o.Suspense,{fallbackComponent:d,children:a===!0?r.jsx(y,{keyPrefix:t}):n}),P=o.memo(v),M=o.forwardRef((t,a)=>{const{icon:d,items:n,limit:l=4,imageUrl:k,onSelectCard:m=()=>{},title:h="Season inspiration",isLoading:s=!1,getImage:c=()=>{},componentName:u}=t,R=f.useDetectMobile(),w=o.useMemo(()=>r.jsx(r.Fragment,{children:R===!0?n==null?void 0:n.map((e,S)=>r.jsx(P,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(L,j)=>m({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:j}),image:c(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:u,accessor:e==null?void 0:e.accessor}},S)):n==null?void 0:n.slice(0,l).map((e,S)=>r.jsx(P,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(L,j)=>m({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:j}),image:c(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:u,accessor:e==null?void 0:e.accessor}},S))}),[n,R,l]);return r.jsxs(W.RegulatTitleSectionWrapper,{ref:a,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[b.isDefinedNotEmptyString(d)&&r.jsx("i",{className:d}),r.jsx("span",{children:h})]})}),r.jsxs(E,{isLoading:s,keyPrefix:"products-with-banner-skeleton",children:[r.jsx(_,{className:"products-banner",children:r.jsx("img",{src:k})}),r.jsx(q,{limit:l,children:w})]})]})});module.exports=M;
+`,q=({keyPrefix:t})=>e.jsxs(_,{children:[e.jsx(i.SkeletonLinePlaceholder,{height:"22.5rem",className:"skeleton__banner"}),e.jsxs(i.SkeletonRowWrapper,{children:[e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-3`),e.jsxs(i.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(i.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${t}-4`)]})]}),v=({keyPrefix:t,isLoading:d=!1,fallbackComponent:s=e.jsx(e.Fragment,{}),children:n})=>e.jsx(a.Suspense,{fallbackComponent:s,children:d===!0?e.jsx(q,{keyPrefix:t}):n}),R=a.memo($),y=a.forwardRef((t,d)=>{const{icon:s,items:n,limit:l=4,imageUrl:k,title:S="Season inspiration",isLoading:h=!1,getImage:o=()=>{},componentName:m}=t,c=P.useDetectMobile(),j=a.useMemo(()=>e.jsx(e.Fragment,{children:c===!0?n==null?void 0:n.map((r,b)=>e.jsx(R,{title:r==null?void 0:r.name,sellerUuid:r==null?void 0:r.sellerUuid,uuid:r==null?void 0:r.uuid,nameSlug:r==null?void 0:r.nameSlug,image:o(r==null?void 0:r.image,r==null?void 0:r.uuid,r==null?void 0:r.sellerUuid)||null,metadata:{name:m,accessor:r==null?void 0:r.accessor}},b)):n==null?void 0:n.slice(0,l).map((r,b)=>e.jsx(R,{title:r==null?void 0:r.name,sellerUuid:r==null?void 0:r.sellerUuid,uuid:r==null?void 0:r.uuid,nameSlug:r==null?void 0:r.nameSlug,image:o(r==null?void 0:r.image,r==null?void 0:r.uuid,r==null?void 0:r.sellerUuid)||null,metadata:{name:m,accessor:r==null?void 0:r.accessor}},b))}),[n,c,l]);return e.jsxs(w.RegulatTitleSectionWrapper,{ref:d,children:[e.jsx("div",{className:"regular-title",children:e.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(s)&&e.jsx("i",{className:s}),e.jsx("span",{children:S})]})}),e.jsxs(v,{isLoading:h,keyPrefix:"products-with-banner-skeleton",children:[e.jsx(L,{className:"products-banner",children:e.jsx("img",{src:k})}),e.jsx(W,{limit:l,children:j})]})]})});module.exports=y;