@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,6 @@
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),l=require("./utils-RnrgDDZP.cjs"),b=require("./Icon.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./index-BAJkosVg.cjs"),k=x.styled.div`
+"use strict";const r=require("react/jsx-runtime"),x=require("react"),p=require("./utils-RnrgDDZP.cjs"),b=require("./Icon.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./index-BAJkosVg.cjs"),N=w.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -36,7 +38,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${l.truncateTextInRows(2)}
+      ${p.truncateTextInRows(2)}
     }
 
     & .wrapper__description {
@@ -46,11 +48,11 @@
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${l.truncateTextInRows(2)}
+      ${p.truncateTextInRows(2)}
     }
   }
   cursor: pointer;
-`,I=x.styled.div`
+`,k=w.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -104,7 +106,7 @@
   @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     min-width: fit-content;
   }
-`,N=h.forwardRef(({name:i,isActive:s,activeColor:t,icon:n,onSelectCard:a=()=>{}},o)=>r.jsxs(I,{ref:o,className:s?"active":"",activeColor:t,onClick:a,children:[l.isDefinedNotEmptyString(n)&&r.jsx(b,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),C=h.forwardRef(({image:i,imageComponent:s,name:t,description:n,onSelectCard:a=()=>{}},o)=>{const{theme:p}=j.useTheme();return r.jsxs(k,{ref:o,theme:p,onClick:a,children:[l.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__description",children:n})]})]})}),$=x.styled.div`
+`,I=x.forwardRef(({name:i,isActive:s,activeColor:t,icon:n,onSelectCard:a=()=>{}},o)=>r.jsxs(k,{ref:o,className:s?"active":"",activeColor:t,onClick:a,children:[p.isDefinedNotEmptyString(n)&&r.jsx(b,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),$=x.forwardRef(({image:i,imageComponent:s,name:t,description:n,onSelectCard:a=()=>{},uuid:o,nameSlug:m},l)=>{const{theme:c}=j.useTheme();return r.jsxs(N,{ref:l,theme:c,onClick:a,href:`/product/${p.isDefinedNotEmptyString(m)?`${m}-`:""}${o}`,children:[p.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__description",children:n})]})]})}),C=w.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -181,4 +183,4 @@
       gap: 1rem;
     }
   }
-`,q=h.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:n=7,limitTagsForMobile:a=7,limit:o=3,limitForMobile:p=2,items:c=[],isLoadingTags:w=!1,isLoadingCards:F=!1,selectedTag:u,activeColor:v,onSelectTag:d=()=>{},onSelectCard:m=()=>{}},y)=>r.jsxs($,{ref:y,limitTags:n,limitTagsForMobile:a,limitCards:o,limitCardsForMobile:p,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx(_.SuspenseFieldOfInterestsWithTagsTag,{isLoading:w,keyPrefix:"field-of-interests-with-tags-tag",children:r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,f)=>r.jsx(N,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,activeColor:v,onSelectCard:()=>d==null?void 0:d(e)},`field-of-interests-with-tags-card-tag__${f+1}`))})}),r.jsx(_.SuspenseFieldOfInterestsWithTagsCard,{isLoading:w,keyPrefix:"field-of-interests-with-tags-card",children:r.jsx("div",{className:"wrapper__cards",children:c==null?void 0:c.map((e,f)=>r.jsx(C,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>m==null?void 0:m(e)},`field-of-interests-with-tags-card__${f+1}`))})})]}));module.exports=q;
+`,q=x.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:n=7,limitTagsForMobile:a=7,limit:o=3,limitForMobile:m=2,items:l=[],isLoadingTags:c=!1,isLoadingCards:E=!1,selectedTag:u,activeColor:v,onSelectTag:d=()=>{},onSelectCard:f=()=>{}},y)=>r.jsxs(C,{ref:y,limitTags:n,limitTagsForMobile:a,limitCards:o,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx(_.SuspenseFieldOfInterestsWithTagsTag,{isLoading:c,keyPrefix:"field-of-interests-with-tags-tag",children:r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,h)=>r.jsx(I,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,activeColor:v,onSelectCard:()=>d==null?void 0:d(e)},`field-of-interests-with-tags-card-tag__${h+1}`))})}),r.jsx(_.SuspenseFieldOfInterestsWithTagsCard,{isLoading:c,keyPrefix:"field-of-interests-with-tags-card",children:r.jsx("div",{className:"wrapper__cards",children:l==null?void 0:l.map((e,h)=>r.jsx($,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>f==null?void 0:f(e),uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug},`field-of-interests-with-tags-card__${h+1}`))})})]}));module.exports=q;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,12 +1,14 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { o as _, k as b, l as k } from "./utils-Dc5zIpaz.js";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { o as _, k as x, l as k } from "./utils-Dc5zIpaz.js";
 import N from "./Icon.js";
-import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as x } from "./consts-BuFChS64.js";
-import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { S as I, a as $ } from "./index-DxwIu0Wn.js";
-const W = g.div`
+import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as u } from "./consts-BuFChS64.js";
+import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { S as C, a as I } from "./index-DxwIu0Wn.js";
+const W = w.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -58,7 +60,7 @@ const W = g.div`
     }
   }
   cursor: pointer;
-`, j = g.div`
+`, j = w.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -109,12 +111,12 @@ const W = g.div`
     }
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${u + "px"}) {
     min-width: fit-content;
   }
-`, F = h(
+`, F = g(
   ({ name: r, isActive: a, activeColor: t, icon: n, onSelectCard: s = () => {
-  } }, o) => /* @__PURE__ */ l(
+  } }, o) => /* @__PURE__ */ p(
     j,
     {
       ref: o,
@@ -122,24 +124,24 @@ const W = g.div`
       activeColor: t,
       onClick: s,
       children: [
-        b(n) && /* @__PURE__ */ i(N, { icon: n, className: "wrapper__icon" }),
+        x(n) && /* @__PURE__ */ i(N, { icon: n, className: "wrapper__icon" }),
         /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
       ]
     }
   )
-), z = h(
+), z = g(
   ({ image: r, imageComponent: a, name: t, description: n, onSelectCard: s = () => {
-  } }, o) => {
-    const { theme: p } = C();
-    return /* @__PURE__ */ l(W, { ref: o, theme: p, onClick: s, children: [
+  }, uuid: o, nameSlug: m }, l) => {
+    const { theme: f } = $();
+    return /* @__PURE__ */ p(W, { ref: l, theme: f, onClick: s, href: `/product/${x(m) ? `${m}-` : ""}${o}`, children: [
       k(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
-      /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
+      /* @__PURE__ */ p("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
         n && /* @__PURE__ */ i("div", { className: "wrapper__description", children: n })
       ] })
     ] });
   }
-), O = g.div`
+), O = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -187,7 +189,7 @@ const W = g.div`
     width: 100%;
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${u + "px"}) {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -216,7 +218,7 @@ const W = g.div`
       gap: 1rem;
     }
   }
-`, G = h(
+`, B = g(
   ({
     title: r,
     subtitle: a,
@@ -224,62 +226,64 @@ const W = g.div`
     limitTags: n = 7,
     limitTagsForMobile: s = 7,
     limit: o = 3,
-    limitForMobile: p = 2,
-    items: m = [],
-    isLoadingTags: w = !1,
+    limitForMobile: m = 2,
+    items: l = [],
+    isLoadingTags: f = !1,
     isLoadingCards: T = !1,
     selectedTag: v,
-    activeColor: u,
+    activeColor: y,
     onSelectTag: d = () => {
     },
     onSelectCard: c = () => {
     }
-  }, y) => /* @__PURE__ */ l(
+  }, b) => /* @__PURE__ */ p(
     O,
     {
-      ref: y,
+      ref: b,
       limitTags: n,
       limitTagsForMobile: s,
       limitCards: o,
-      limitCardsForMobile: p,
+      limitCardsForMobile: m,
       children: [
-        /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
+        /* @__PURE__ */ p("div", { className: "wrapper__heading", children: [
           r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
           a && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: a })
         ] }),
         /* @__PURE__ */ i(
-          I,
+          C,
           {
-            isLoading: w,
+            isLoading: f,
             keyPrefix: "field-of-interests-with-tags-tag",
-            children: /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t == null ? void 0 : t.map((e, f) => /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t == null ? void 0 : t.map((e, h) => /* @__PURE__ */ i(
               F,
               {
                 icon: e == null ? void 0 : e.icon,
                 name: e == null ? void 0 : e.title,
                 isActive: (e == null ? void 0 : e.code) === v,
-                activeColor: u,
+                activeColor: y,
                 onSelectCard: () => d == null ? void 0 : d(e)
               },
-              `field-of-interests-with-tags-card-tag__${f + 1}`
+              `field-of-interests-with-tags-card-tag__${h + 1}`
             )) })
           }
         ),
         /* @__PURE__ */ i(
-          $,
+          I,
           {
-            isLoading: w,
+            isLoading: f,
             keyPrefix: "field-of-interests-with-tags-card",
-            children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, f) => /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, h) => /* @__PURE__ */ i(
               z,
               {
                 image: e == null ? void 0 : e.image,
                 imageComponent: e == null ? void 0 : e.imageComponent,
                 name: e == null ? void 0 : e.title,
                 description: e == null ? void 0 : e.description,
-                onSelectCard: () => c == null ? void 0 : c(e)
+                onSelectCard: () => c == null ? void 0 : c(e),
+                uuid: e == null ? void 0 : e.uuid,
+                nameSlug: e == null ? void 0 : e.nameSlug
               },
-              `field-of-interests-with-tags-card__${f + 1}`
+              `field-of-interests-with-tags-card__${h + 1}`
             )) })
           }
         )
@@ -288,5 +292,5 @@ const W = g.div`
   )
 );
 export {
-  G as default
+  B as default
 };

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,6 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),y=require("./Icon.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),w=require("./utils-RnrgDDZP.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=require("./index-BAJkosVg.cjs"),j=g.styled.div`
+"use strict";const r=require("react/jsx-runtime"),x=require("react"),b=require("./Icon.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),h=require("./utils-RnrgDDZP.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),w=require("./index-BAJkosVg.cjs"),j=g.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -35,13 +37,13 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${w.truncateTextInRows(2)}
+      ${h.truncateTextInRows(2)}
       transition: var(--transition, all 0.2s ease);
     }
   }
   cursor: pointer;
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     background: transparent;
     border: none;
     box-shadow: none;
@@ -63,7 +65,9 @@
       }
     }
   }
-`,k=g.styled.div`
+`,$=g.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -104,12 +108,12 @@
     letter-spacing: -0.09px;
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__text {
       white-space: nowrap;
     }
   }
-`,I=m.forwardRef(({title:t,icon:a,onSelectCard:i=()=>{}},n)=>r.jsxs(k,{ref:n,onClick:i,children:[w.isDefinedNotEmptyString(a)&&r.jsx(y,{icon:a,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),N=m.forwardRef(({imageUrl:t,imageComponent:a,title:i,onSelectCard:n=()=>{}},s)=>{const{theme:l}=v.useTheme();return r.jsxs(j,{ref:s,theme:l,onClick:n,children:[w.isDefined(a)?a:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:i})})]})}),$=g.styled.div`
+`,k=x.forwardRef(({title:t,icon:i,onSelectCard:a=()=>{},selectAction:n},s)=>r.jsxs($,{ref:s,onClick:a,href:`/${n}`,children:[h.isDefinedNotEmptyString(i)&&r.jsx(b,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),I=x.forwardRef(({imageUrl:t,imageComponent:i,title:a,onSelectCard:n=()=>{},selectAction:s},l)=>{const{theme:o}=v.useTheme();return r.jsxs(j,{ref:l,theme:o,onClick:n,href:`/${s}`,children:[h.isDefined(i)?i:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:a})})]})}),N=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -157,7 +161,7 @@
     gap: 1.5rem;
   }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       display: flex;
       flex-wrap: nowrap;
@@ -185,4 +189,4 @@
       gap: 1rem;
     }
   }
-`,C=m.forwardRef(({title:t,subtitle:a,options:i=[],limitTags:n=7,limitTagsForMobile:s=2,limit:l=3,limitForMobile:h=3,items:o=[],onSelectTag:p=()=>{},onSelectCard:d=()=>{},isLoadingTags:_=!1,isLoadingCards:u=!1},b)=>r.jsxs($,{ref:b,limitTags:n,limitTagsForMobile:s,limitCards:l,limitCardsForMobile:h,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__subtitle",children:a})]}),r.jsx(f.SuspenseFieldOfInterestsWithTagsCard,{isLoading:u,keyPrefix:"general-with-tags-cards-card",children:r.jsx("div",{className:"wrapper__cards",children:o==null?void 0:o.map((e,c)=>r.jsx(N,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>{d==null||d(e)}},`general-with-tags-card__${c+1}`))})}),r.jsx(f.SuspenseFieldOfInterestsWithTagsTag,{isLoading:_,keyPrefix:"general-with-tags-cards-tag",children:r.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((e,c)=>r.jsx(I,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>p==null?void 0:p(e)},`general-with-tags-card-tag__${c+1}`))})})]}));module.exports=C;
+`,C=x.forwardRef(({title:t,subtitle:i,options:a=[],limitTags:n=7,limitTagsForMobile:s=2,limit:l=3,limitForMobile:o=3,items:p=[],onSelectTag:c=()=>{},onSelectCard:d=()=>{},isLoadingTags:_=!1,isLoadingCards:u=!1},y)=>r.jsxs(N,{ref:y,limitTags:n,limitTagsForMobile:s,limitCards:l,limitCardsForMobile:o,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx(w.SuspenseFieldOfInterestsWithTagsCard,{isLoading:u,keyPrefix:"general-with-tags-cards-card",children:r.jsx("div",{className:"wrapper__cards",children:p==null?void 0:p.map((e,m)=>r.jsx(I,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,selectAction:e==null?void 0:e.selectAction,onSelectCard:()=>{d==null||d(e)}},`general-with-tags-card__${m+1}`))})}),r.jsx(w.SuspenseFieldOfInterestsWithTagsTag,{isLoading:_,keyPrefix:"general-with-tags-cards-tag",children:r.jsx("div",{className:"wrapper__tags",children:a==null?void 0:a.map((e,m)=>r.jsx(k,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>c==null?void 0:c(e),selectAction:e==null?void 0:e.selectAction},`general-with-tags-card-tag__${m+1}`))})})]}));module.exports=C;

package/dist/GeneralWithTagsCardsSection.js

@@ -1,12 +1,14 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
-import b from "./Icon.js";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as h } from "./consts-BuFChS64.js";
-import { o as v, k as y, l as k } from "./utils-Dc5zIpaz.js";
-import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { a as $, S as C } from "./index-DxwIu0Wn.js";
-const W = f.div`
+import y from "./Icon.js";
+import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as w } from "./consts-BuFChS64.js";
+import { o as b, k as v, l as k } from "./utils-Dc5zIpaz.js";
+import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { a as N, S as C } from "./index-DxwIu0Wn.js";
+const W = h.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -43,13 +45,13 @@ const W = f.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${v(2)}
+      ${b(2)}
       transition: var(--transition, all 0.2s ease);
     }
   }
   cursor: pointer;
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${w + "px"}) {
     background: transparent;
     border: none;
     box-shadow: none;
@@ -71,7 +73,9 @@ const W = f.div`
       }
     }
   }
-`, j = f.div`
+`, j = h.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -112,28 +116,28 @@ const W = f.div`
     letter-spacing: -0.09px;
   }
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${w + "px"}) {
     & .wrapper__text {
       white-space: nowrap;
     }
   }
 `, I = g(
-  ({ title: r, icon: i, onSelectCard: t = () => {
-  } }, n) => /* @__PURE__ */ s(j, { ref: n, onClick: t, children: [
-    y(i) && /* @__PURE__ */ a(b, { icon: i, className: "wrapper__icon" }),
+  ({ title: r, icon: t, onSelectCard: i = () => {
+  }, selectAction: n }, o) => /* @__PURE__ */ l(j, { ref: o, onClick: i, href: `/${n}`, children: [
+    v(t) && /* @__PURE__ */ a(y, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ a("div", { className: "wrapper__text", children: r })
   ] })
 ), z = g(
   // eslint-disable-next-line react/prop-types
-  ({ imageUrl: r, imageComponent: i, title: t, onSelectCard: n = () => {
-  } }, l) => {
-    const { theme: o } = N();
-    return /* @__PURE__ */ s(W, { ref: l, theme: o, onClick: n, children: [
-      k(i) ? i : /* @__PURE__ */ a("img", { src: r, className: "wrapper__image" }),
-      /* @__PURE__ */ a("div", { className: "wrapper__content", children: /* @__PURE__ */ a("div", { className: "wrapper__title", children: t }) })
+  ({ imageUrl: r, imageComponent: t, title: i, onSelectCard: n = () => {
+  }, selectAction: o }, s) => {
+    const { theme: p } = $();
+    return /* @__PURE__ */ l(W, { ref: s, theme: p, onClick: n, href: `/${o}`, children: [
+      k(t) ? t : /* @__PURE__ */ a("img", { src: r, className: "wrapper__image" }),
+      /* @__PURE__ */ a("div", { className: "wrapper__content", children: /* @__PURE__ */ a("div", { className: "wrapper__title", children: i }) })
     ] });
   }
-), T = f.div`
+), T = h.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -181,7 +185,7 @@ const W = f.div`
     gap: 1.5rem;
   }
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${w + "px"}) {
     & .wrapper__tags {
       display: flex;
       flex-wrap: nowrap;
@@ -209,51 +213,52 @@ const W = f.div`
       gap: 1rem;
     }
   }
-`, R = g(
+`, D = g(
   ({
     title: r,
-    subtitle: i,
-    options: t = [],
+    subtitle: t,
+    options: i = [],
     limitTags: n = 7,
-    limitTagsForMobile: l = 2,
-    limit: o = 3,
-    limitForMobile: w = 3,
-    items: p = [],
-    onSelectTag: m = () => {
+    limitTagsForMobile: o = 2,
+    limit: s = 3,
+    limitForMobile: p = 3,
+    items: m = [],
+    onSelectTag: c = () => {
     },
     onSelectCard: d = () => {
     },
     isLoadingTags: _ = !1,
     isLoadingCards: x = !1
-  }, u) => /* @__PURE__ */ s(
+  }, u) => /* @__PURE__ */ l(
     T,
     {
       ref: u,
       limitTags: n,
-      limitTagsForMobile: l,
-      limitCards: o,
-      limitCardsForMobile: w,
+      limitTagsForMobile: o,
+      limitCards: s,
+      limitCardsForMobile: p,
       children: [
-        /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
+        /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
           r && /* @__PURE__ */ a("div", { className: "wrapper__title", children: r }),
-          i && /* @__PURE__ */ a("div", { className: "wrapper__subtitle", children: i })
+          t && /* @__PURE__ */ a("div", { className: "wrapper__subtitle", children: t })
         ] }),
         /* @__PURE__ */ a(
-          $,
+          N,
           {
             isLoading: x,
             keyPrefix: "general-with-tags-cards-card",
-            children: /* @__PURE__ */ a("div", { className: "wrapper__cards", children: p == null ? void 0 : p.map((e, c) => /* @__PURE__ */ a(
+            children: /* @__PURE__ */ a("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, f) => /* @__PURE__ */ a(
               z,
               {
                 imageUrl: e == null ? void 0 : e.imageUrl,
                 imageComponent: e == null ? void 0 : e.imageComponent,
                 title: e == null ? void 0 : e.title,
+                selectAction: e == null ? void 0 : e.selectAction,
                 onSelectCard: () => {
                   d == null || d(e);
                 }
               },
-              `general-with-tags-card__${c + 1}`
+              `general-with-tags-card__${f + 1}`
             )) })
           }
         ),
@@ -262,14 +267,15 @@ const W = f.div`
           {
             isLoading: _,
             keyPrefix: "general-with-tags-cards-tag",
-            children: /* @__PURE__ */ a("div", { className: "wrapper__tags", children: t == null ? void 0 : t.map((e, c) => /* @__PURE__ */ a(
+            children: /* @__PURE__ */ a("div", { className: "wrapper__tags", children: i == null ? void 0 : i.map((e, f) => /* @__PURE__ */ a(
               I,
               {
                 icon: e == null ? void 0 : e.icon,
                 title: e == null ? void 0 : e.title,
-                onSelectCard: () => m == null ? void 0 : m(e)
+                onSelectCard: () => c == null ? void 0 : c(e),
+                selectAction: e == null ? void 0 : e.selectAction
               },
-              `general-with-tags-card-tag__${c + 1}`
+              `general-with-tags-card-tag__${f + 1}`
             )) })
           }
         )
@@ -278,5 +284,5 @@ const W = f.div`
   )
 );
 export {
-  R as default
+  D as default
 };

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),y=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CkcozOY6.cjs"),c=require("./utils-RnrgDDZP.cjs"),C=require("./Button.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),R=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CkcozOY6.cjs"),d=require("./utils-RnrgDDZP.cjs"),C=require("./Button.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),R=h.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -6,7 +6,9 @@
   @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,G=u.styled.div`
+`,G=h.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -27,7 +29,7 @@
       transform: scale(1.1);
     }
   }
-`,L=u.styled.div`
+`,L=h.styled.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -64,7 +66,7 @@
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`,j=h.forwardRef((i,l)=>{const{image:o,text:d,price:s,currency:n,onSelectGiftCard:m=()=>{}}=i;return r.jsxs(G,{ref:l,className:"simple-gift-card",onClick:()=>m(s),children:[r.jsxs(L,{children:[r.jsx("div",{className:"price-tag",children:s&&n&&`${c.formatPrice(s)} ${c.GetCurrencySymbol(n)}`}),r.jsx("img",{src:o})]}),r.jsx("div",{className:"text-wrap",children:d})]})}),$=u.styled(t.SkeletonRowWrapper)`
+`,j=p.forwardRef((i,a)=>{const{image:o,text:c,price:s,currency:n,onSelectGiftCard:m=()=>{},selectAction:u}=i;return r.jsxs(G,{ref:a,className:"simple-gift-card",onClick:()=>m(s),href:u,children:[r.jsxs(L,{children:[r.jsx("div",{className:"price-tag",children:s&&n&&`${d.formatPrice(s)} ${d.GetCurrencySymbol(n)}`}),r.jsx("img",{src:o})]}),r.jsx("div",{className:"text-wrap",children:c})]})}),$=h.styled(t.SkeletonRowWrapper)`
   @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
@@ -76,4 +78,4 @@
       }
     }
   }
-`,I=({keyPrefix:i})=>r.jsxs($,{children:[r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-1`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-2`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-3`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-4`)]}),N=({keyPrefix:i,isLoading:l=!1,fallbackComponent:o=r.jsx(r.Fragment,{}),children:d})=>r.jsx(h.Suspense,{fallbackComponent:o,children:l===!0?r.jsx(I,{keyPrefix:i}):d}),q=h.forwardRef((i,l)=>{const{icon:o,title:d,buttonLink:s,items:n,isLoading:m=!1,buttonText:p,limit:g=4,onSelectCard:f=()=>{},onButtonAction:S=()=>{}}=i,w=y.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(o)&&r.jsx("i",{className:o}),r.jsx("span",{children:d})]}),c.isDefinedNotEmptyString(p)&&c.isDefinedNotEmptyString(s)&&!m&&r.jsx(C,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),S(s)},borderRadius:"curved",className:"button-link",children:p})]}),r.jsx(N,{isLoading:m,keyPrefix:"gift-cards-skeleton",children:r.jsx(R,{limit:g,children:w===!0?n==null?void 0:n.map((e,a)=>r.jsx(j,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:k=>f(e)},a)):n==null?void 0:n.slice(0,g).map((e,a)=>r.jsx(j,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:k=>f(e)},a))})})]})});module.exports=q;
+`,I=({keyPrefix:i})=>r.jsxs($,{children:[r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-1`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-2`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-3`),r.jsxs(t.SkeletonColumnWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(t.SkeletonLinePlaceholder,{height:"11rem",borderRadius:"0.75rem"}),r.jsx(t.SkeletonLinePlaceholder,{height:"1.25rem",borderRadius:"0.75rem",width:"5rem"})]},`${i}-4`)]}),N=({keyPrefix:i,isLoading:a=!1,fallbackComponent:o=r.jsx(r.Fragment,{}),children:c})=>r.jsx(p.Suspense,{fallbackComponent:o,children:a===!0?r.jsx(I,{keyPrefix:i}):c}),q=p.forwardRef((i,a)=>{const{icon:o,title:c,buttonLink:s,items:n,isLoading:m=!1,buttonText:u,limit:g=4,onSelectCard:f=()=>{},onButtonAction:S=()=>{}}=i,w=k.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:a,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(o)&&r.jsx("i",{className:o}),r.jsx("span",{children:c})]}),d.isDefinedNotEmptyString(u)&&d.isDefinedNotEmptyString(s)&&!m&&r.jsx(C,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var l;(l=e==null?void 0:e.target)==null||l.blur(),S(s)},borderRadius:"curved",className:"button-link",children:u})]}),r.jsx(N,{isLoading:m,keyPrefix:"gift-cards-skeleton",children:r.jsx(R,{limit:g,children:w===!0?n==null?void 0:n.map((e,l)=>r.jsx(j,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,selectAction:e==null?void 0:e.selectAction,onSelectGiftCard:y=>f(e)},l)):n==null?void 0:n.slice(0,g).map((e,l)=>r.jsx(j,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,selectAction:e==null?void 0:e.selectAction,onSelectGiftCard:y=>f(e)},l))})})]})});module.exports=q;