@lanaco/lnc-react-ui 4.0.185 → 4.0.188

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";const r=require("react/jsx-runtime"),w=require("react"),p=require("./utils-RnrgDDZP.cjs"),$=require("./Icon.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=require("./index-BAJkosVg.cjs"),I=_.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -52,7 +52,7 @@
     }
   }
   cursor: pointer;
-`,k=w.styled.div`
+`,k=_.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -103,10 +103,10 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     min-width: fit-content;
   }
-`,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`
+`,C=w.forwardRef(({name:i,isActive:s,activeColor:t,icon:n,onSelectCard:c=()=>{}},a)=>r.jsxs(k,{ref:a,className:s?"active":"",activeColor:t,onClick:c,children:[p.isDefinedNotEmptyString(n)&&r.jsx($,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),E=w.forwardRef(({image:i,imageComponent:s,name:t,description:n,onSelectCard:c=()=>{},uuid:a,nameSlug:o,LinkComponent:l},m)=>{const g=l||"a",{theme:d}=N.useTheme();return r.jsxs(I,{ref:m,theme:d,onClick:c,as:g,...l?{to:`/product/${p.isDefinedNotEmptyString(o)?`${o}-`:""}${a}`}:{href:`/product/${p.isDefinedNotEmptyString(o)?`${o}-`:""}${a}`},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})]})]})}),q=_.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -154,7 +154,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -183,4 +183,4 @@
       gap: 1rem;
     }
   }
-`,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;
+`,F=w.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:n=7,limitTagsForMobile:c=7,limit:a=3,limitForMobile:o=2,items:l=[],isLoadingTags:m=!1,isLoadingCards:g=!1,selectedTag:d,activeColor:v,onSelectTag:f=()=>{},onSelectCard:h=()=>{},LinkComponent:b},j)=>r.jsxs(q,{ref:j,limitTags:n,limitTagsForMobile:c,limitCards:a,limitCardsForMobile:o,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(u.SuspenseFieldOfInterestsWithTagsTag,{isLoading:m,keyPrefix:"field-of-interests-with-tags-tag",children:r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,x)=>r.jsx(C,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===d,activeColor:v,onSelectCard:()=>f==null?void 0:f(e)},`field-of-interests-with-tags-card-tag__${x+1}`))})}),r.jsx(u.SuspenseFieldOfInterestsWithTagsCard,{isLoading:m,keyPrefix:"field-of-interests-with-tags-card",children:r.jsx("div",{className:"wrapper__cards",children:l==null?void 0:l.map((e,x)=>r.jsx(E,{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:()=>h==null?void 0:h(e),uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,LinkComponent:b},`field-of-interests-with-tags-card__${x+1}`))})})]}));module.exports=F;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,12 +1,12 @@
-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 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`
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import { o as v, k as w, l as N } from "./utils-Dc5zIpaz.js";
+import C from "./Icon.js";
+import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as y } from "./consts-BuFChS64.js";
+import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { S as W, a as j } from "./index-DxwIu0Wn.js";
+const F = x.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -46,7 +46,7 @@ const W = w.a`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${_(2)}
+      ${v(2)}
     }
 
     & .wrapper__description {
@@ -56,11 +56,11 @@ const W = w.a`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${_(2)}
+      ${v(2)}
     }
   }
   cursor: pointer;
-`, j = w.div`
+`, z = x.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -111,37 +111,60 @@ const W = w.a`
     }
   }
 
-  @media (max-width: ${u + "px"}) {
+  @media (max-width: ${y + "px"}) {
     min-width: fit-content;
   }
-`, F = g(
-  ({ name: r, isActive: a, activeColor: t, icon: n, onSelectCard: s = () => {
-  } }, o) => /* @__PURE__ */ p(
-    j,
+`, O = _(
+  ({ name: r, isActive: a, activeColor: t, icon: n, onSelectCard: p = () => {
+  } }, s) => /* @__PURE__ */ m(
+    z,
     {
-      ref: o,
+      ref: s,
       className: a ? "active" : "",
       activeColor: t,
-      onClick: s,
+      onClick: p,
       children: [
-        x(n) && /* @__PURE__ */ i(N, { icon: n, className: "wrapper__icon" }),
+        w(n) && /* @__PURE__ */ i(C, { icon: n, className: "wrapper__icon" }),
         /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
       ]
     }
   )
-), z = g(
-  ({ image: r, imageComponent: a, name: t, description: n, onSelectCard: s = () => {
-  }, 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__ */ p("div", { className: "wrapper__content", children: [
-        t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
-        n && /* @__PURE__ */ i("div", { className: "wrapper__description", children: n })
-      ] })
-    ] });
+), T = _(
+  ({
+    image: r,
+    imageComponent: a,
+    name: t,
+    description: n,
+    onSelectCard: p = () => {
+    },
+    uuid: s,
+    nameSlug: o,
+    LinkComponent: l
+  }, f) => {
+    const u = l || "a", { theme: c } = I();
+    return /* @__PURE__ */ m(
+      F,
+      {
+        ref: f,
+        theme: c,
+        onClick: p,
+        as: u,
+        ...l ? {
+          to: `/product/${w(o) ? `${o}-` : ""}${s}`
+        } : {
+          href: `/product/${w(o) ? `${o}-` : ""}${s}`
+        },
+        children: [
+          N(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+          /* @__PURE__ */ m("div", { className: "wrapper__content", children: [
+            t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
+            n && /* @__PURE__ */ i("div", { className: "wrapper__description", children: n })
+          ] })
+        ]
+      }
+    );
   }
-), O = w.div`
+), E = x.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -189,7 +212,7 @@ const W = w.a`
     width: 100%;
   }
 
-  @media (max-width: ${u + "px"}) {
+  @media (max-width: ${y + "px"}) {
     gap: 1rem;
 
     & .wrapper__tags {
@@ -218,72 +241,74 @@ const W = w.a`
       gap: 1rem;
     }
   }
-`, B = g(
+`, X = _(
   ({
     title: r,
     subtitle: a,
     tags: t = [],
     limitTags: n = 7,
-    limitTagsForMobile: s = 7,
-    limit: o = 3,
-    limitForMobile: m = 2,
+    limitTagsForMobile: p = 7,
+    limit: s = 3,
+    limitForMobile: o = 2,
     items: l = [],
     isLoadingTags: f = !1,
-    isLoadingCards: T = !1,
-    selectedTag: v,
-    activeColor: y,
+    isLoadingCards: u = !1,
+    selectedTag: c,
+    activeColor: b,
     onSelectTag: d = () => {
     },
-    onSelectCard: c = () => {
-    }
-  }, b) => /* @__PURE__ */ p(
-    O,
+    onSelectCard: h = () => {
+    },
+    LinkComponent: $
+  }, k) => /* @__PURE__ */ m(
+    E,
     {
-      ref: b,
+      ref: k,
       limitTags: n,
-      limitTagsForMobile: s,
-      limitCards: o,
-      limitCardsForMobile: m,
+      limitTagsForMobile: p,
+      limitCards: s,
+      limitCardsForMobile: o,
       children: [
-        /* @__PURE__ */ p("div", { className: "wrapper__heading", children: [
+        /* @__PURE__ */ m("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(
-          C,
+          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, h) => /* @__PURE__ */ i(
-              F,
+            children: /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t == null ? void 0 : t.map((e, g) => /* @__PURE__ */ i(
+              O,
               {
                 icon: e == null ? void 0 : e.icon,
                 name: e == null ? void 0 : e.title,
-                isActive: (e == null ? void 0 : e.code) === v,
-                activeColor: y,
+                isActive: (e == null ? void 0 : e.code) === c,
+                activeColor: b,
                 onSelectCard: () => d == null ? void 0 : d(e)
               },
-              `field-of-interests-with-tags-card-tag__${h + 1}`
+              `field-of-interests-with-tags-card-tag__${g + 1}`
             )) })
           }
         ),
         /* @__PURE__ */ i(
-          I,
+          j,
           {
             isLoading: f,
             keyPrefix: "field-of-interests-with-tags-card",
-            children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, h) => /* @__PURE__ */ i(
-              z,
+            children: /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, g) => /* @__PURE__ */ i(
+              T,
               {
                 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: () => h == null ? void 0 : h(e),
                 uuid: e == null ? void 0 : e.uuid,
-                nameSlug: e == null ? void 0 : e.nameSlug
+                nameSlug: e == null ? void 0 : e.nameSlug,
+                LinkComponent: $
               },
-              `field-of-interests-with-tags-card__${h + 1}`
+              `field-of-interests-with-tags-card__${g + 1}`
             )) })
           }
         )
@@ -292,5 +317,5 @@ const W = w.a`
   )
 );
 export {
-  B as default
+  X as default
 };

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";const r=require("react/jsx-runtime"),x=require("react"),v=require("./Icon.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),h=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./index-BAJkosVg.cjs"),$=g.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -65,7 +65,7 @@
       }
     }
   }
-`,$=g.styled.a`
+`,I=g.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -113,7 +113,7 @@
       white-space: nowrap;
     }
   }
-`,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`
+`,N=x.forwardRef(({title:t,icon:a,onSelectCard:i=()=>{},selectAction:s,LinkComponent:n},l)=>{const o=n||"a";return r.jsxs(I,{ref:l,onClick:i,as:o,...n?{to:`/${s}`}:{href:`/${s}`},children:[h.isDefinedNotEmptyString(a)&&r.jsx(v,{icon:a,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})}),k=x.forwardRef(({imageUrl:t,imageComponent:a,title:i,onSelectCard:s=()=>{},selectAction:n,LinkComponent:l},o)=>{const{theme:p}=j.useTheme(),c=l||"a";return r.jsxs($,{ref:o,theme:p,onClick:s,as:c,...l?{to:`/${n}`}:{href:`/${n}`},children:[h.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})})]})}),C=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -189,4 +189,4 @@
       gap: 1rem;
     }
   }
-`,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;
+`,E=x.forwardRef(({title:t,subtitle:a,options:i=[],limitTags:s=7,limitTagsForMobile:n=2,limit:l=3,limitForMobile:o=3,items:p=[],onSelectTag:c=()=>{},onSelectCard:d=()=>{},isLoadingTags:u=!1,isLoadingCards:y=!1,LinkComponent:w},b)=>r.jsxs(C,{ref:b,limitTags:s,limitTagsForMobile:n,limitCards:l,limitCardsForMobile:o,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(_.SuspenseFieldOfInterestsWithTagsCard,{isLoading:y,keyPrefix:"general-with-tags-cards-card",children:r.jsx("div",{className:"wrapper__cards",children:p==null?void 0:p.map((e,m)=>r.jsx(k,{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)},LinkComponent:w},`general-with-tags-card__${m+1}`))})}),r.jsx(_.SuspenseFieldOfInterestsWithTagsTag,{isLoading:u,keyPrefix:"general-with-tags-cards-tag",children:r.jsx("div",{className:"wrapper__tags",children:i==null?void 0:i.map((e,m)=>r.jsx(N,{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,LinkComponent:w},`general-with-tags-card-tag__${m+1}`))})})]}));module.exports=E;

package/dist/GeneralWithTagsCardsSection.js

@@ -1,12 +1,12 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
-import y from "./Icon.js";
+import b 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`
+import { o as v, k as $, l as C } from "./utils-Dc5zIpaz.js";
+import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { a as k, S as W } from "./index-DxwIu0Wn.js";
+const j = h.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -45,7 +45,7 @@ const W = h.a`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${b(2)}
+      ${v(2)}
       transition: var(--transition, all 0.2s ease);
     }
   }
@@ -73,7 +73,7 @@ const W = h.a`
       }
     }
   }
-`, j = h.a`
+`, I = h.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -121,23 +121,57 @@ const W = h.a`
       white-space: nowrap;
     }
   }
-`, I = g(
+`, z = g(
   ({ 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(
+  }, selectAction: o, LinkComponent: n }, s) => /* @__PURE__ */ c(
+    I,
+    {
+      ref: s,
+      onClick: i,
+      as: n || "a",
+      ...n ? {
+        to: `/${o}`
+      } : {
+        href: `/${o}`
+      },
+      children: [
+        $(t) && /* @__PURE__ */ a(b, { icon: t, className: "wrapper__icon" }),
+        /* @__PURE__ */ a("div", { className: "wrapper__text", children: r })
+      ]
+    }
+  )
+), T = g(
   // eslint-disable-next-line react/prop-types
-  ({ 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 }) })
-    ] });
+  ({
+    imageUrl: r,
+    imageComponent: t,
+    title: i,
+    onSelectCard: o = () => {
+    },
+    selectAction: n,
+    LinkComponent: s
+  }, p) => {
+    const { theme: l } = N();
+    return /* @__PURE__ */ c(
+      j,
+      {
+        ref: p,
+        theme: l,
+        onClick: o,
+        as: s || "a",
+        ...s ? {
+          to: `/${n}`
+        } : {
+          href: `/${n}`
+        },
+        children: [
+          C(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 = h.div`
+), F = h.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -213,42 +247,43 @@ const W = h.a`
       gap: 1rem;
     }
   }
-`, D = g(
+`, U = g(
   ({
     title: r,
     subtitle: t,
     options: i = [],
-    limitTags: n = 7,
-    limitTagsForMobile: o = 2,
+    limitTags: o = 7,
+    limitTagsForMobile: n = 2,
     limit: s = 3,
     limitForMobile: p = 3,
-    items: m = [],
-    onSelectTag: c = () => {
+    items: l = [],
+    onSelectTag: m = () => {
     },
     onSelectCard: d = () => {
     },
-    isLoadingTags: _ = !1,
-    isLoadingCards: x = !1
-  }, u) => /* @__PURE__ */ l(
-    T,
+    isLoadingTags: x = !1,
+    isLoadingCards: u = !1,
+    LinkComponent: _
+  }, y) => /* @__PURE__ */ c(
+    F,
     {
-      ref: u,
-      limitTags: n,
-      limitTagsForMobile: o,
+      ref: y,
+      limitTags: o,
+      limitTagsForMobile: n,
       limitCards: s,
       limitCardsForMobile: p,
       children: [
-        /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
+        /* @__PURE__ */ c("div", { className: "wrapper__heading", children: [
           r && /* @__PURE__ */ a("div", { className: "wrapper__title", children: r }),
           t && /* @__PURE__ */ a("div", { className: "wrapper__subtitle", children: t })
         ] }),
         /* @__PURE__ */ a(
-          N,
+          k,
           {
-            isLoading: x,
+            isLoading: u,
             keyPrefix: "general-with-tags-cards-card",
-            children: /* @__PURE__ */ a("div", { className: "wrapper__cards", children: m == null ? void 0 : m.map((e, f) => /* @__PURE__ */ a(
-              z,
+            children: /* @__PURE__ */ a("div", { className: "wrapper__cards", children: l == null ? void 0 : l.map((e, f) => /* @__PURE__ */ a(
+              T,
               {
                 imageUrl: e == null ? void 0 : e.imageUrl,
                 imageComponent: e == null ? void 0 : e.imageComponent,
@@ -256,24 +291,26 @@ const W = h.a`
                 selectAction: e == null ? void 0 : e.selectAction,
                 onSelectCard: () => {
                   d == null || d(e);
-                }
+                },
+                LinkComponent: _
               },
               `general-with-tags-card__${f + 1}`
             )) })
           }
         ),
         /* @__PURE__ */ a(
-          C,
+          W,
           {
-            isLoading: _,
+            isLoading: x,
             keyPrefix: "general-with-tags-cards-tag",
             children: /* @__PURE__ */ a("div", { className: "wrapper__tags", children: i == null ? void 0 : i.map((e, f) => /* @__PURE__ */ a(
-              I,
+              z,
               {
                 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
+                onSelectCard: () => m == null ? void 0 : m(e),
+                selectAction: e == null ? void 0 : e.selectAction,
+                LinkComponent: _
               },
               `general-with-tags-card-tag__${f + 1}`
             )) })
@@ -284,5 +321,5 @@ const W = h.a`
   )
 );
 export {
-  D as default
+  U as default
 };

package/dist/GiftCardsSection.cjs

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