@lanaco/lnc-react-ui 4.0.109 → 4.0.110

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,11 +1,11 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as c, useLayoutEffect as L } from "react";
-import { p as E, o as I, l as S, k as A } from "./utils-BbgAIA9N.js";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as c, useLayoutEffect as O } from "react";
+import { p as E, o as I, l as L, k as S } from "./utils-BbgAIA9N.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-BuFChS64.js";
-import O from "./Icon.js";
-import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const j = m.div`
+import A from "./Icon.js";
+import { u as T } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const W = m.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -57,16 +57,17 @@ const j = m.div`
       ${E(2)}
     }
   }
-`, q = m.div`
+`, j = m.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${I("-90deg")};
-`, R = m.div`
+`, q = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.75rem;
+  height: 100%;
 
   &:hover {
     cursor: pointer;
@@ -147,7 +148,7 @@ const j = m.div`
       white-space: nowrap;
     }
   }
-`, T = m.div`
+`, R = m.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
@@ -157,36 +158,36 @@ const j = m.div`
     width: 7.5rem;
     height: 2.5rem;
   }
-`, B = c(({}, i) => /* @__PURE__ */ r(T, {})), D = c(
-  ({ text: i, isActive: o = !1, icon: a, onSelectCard: t = () => {
-  } }, f) => /* @__PURE__ */ l(R, { className: o ? "active" : "", onClick: t, children: [
-    /* @__PURE__ */ r(O, { icon: a, className: "wrapper__icon" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
+`, B = c(({}, r) => /* @__PURE__ */ i(R, {})), D = c(
+  ({ text: r, isActive: o = !1, icon: t, onSelectCard: a = () => {
+  } }, f) => /* @__PURE__ */ l(q, { className: o ? "active" : "", onClick: a, children: [
+    /* @__PURE__ */ i(A, { icon: t, className: "wrapper__icon" }),
+    /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
 ), G = c(
   ({
-    image: i,
+    image: r,
     imageComponent: o,
-    title: a,
-    description: t,
+    title: t,
+    description: a,
     className: f,
     onSelectCard: g = () => {
     }
   }, k) => {
-    const { theme: u } = W();
-    return /* @__PURE__ */ l(j, { theme: u, className: f, onClick: g, children: [
-      S(o) ? o : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
+    const { theme: u } = T();
+    return /* @__PURE__ */ l(W, { theme: u, className: f, onClick: g, children: [
+      L(o) ? o : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-        a && /* @__PURE__ */ r("div", { className: "wrapper__title", children: a }),
-        t && /* @__PURE__ */ r("div", { className: "wrapper__description", children: t })
+        t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
+        a && /* @__PURE__ */ i("div", { className: "wrapper__description", children: a })
       ] })
     ] });
   }
-), H = c(({}, i) => /* @__PURE__ */ l(q, { children: [
-  /* @__PURE__ */ r("div", { className: "wrapper__image" }),
+), H = c(({}, r) => /* @__PURE__ */ l(j, { children: [
+  /* @__PURE__ */ i("div", { className: "wrapper__image" }),
   /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-    /* @__PURE__ */ r("div", { className: "wrapper__title" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__description" })
+    /* @__PURE__ */ i("div", { className: "wrapper__title" }),
+    /* @__PURE__ */ i("div", { className: "wrapper__description" })
   ] })
 ] })), P = m.div`
   display: flex;
@@ -220,16 +221,24 @@ const j = m.div`
     }
   }
 
+  & .wrapper__tags__external {
+    width: 100%;
+  }
+
   & .wrapper__tags {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 0.75rem;
+
+    grid-template-columns: ${(r) => `repeat(${r.numberOfTags || 0}, minmax(0, 7rem))`};
+    justify-content: center;
+    display: grid;
   }
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(12.5rem, 1fr))`};
+    grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCards}, minmax(12.5rem, 1fr))`};
     grid-auto-rows: 0.625rem;
     gap: 0.625rem;
     width: 100%;
@@ -262,15 +271,15 @@ const j = m.div`
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
+      grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
 `, Y = c(
   ({
-    title: i,
+    title: r,
     subtitle: o,
-    tags: a = [],
-    items: t = [],
+    tags: t = [],
+    items: a = [],
     limitTags: f = 5,
     limitTagsForMobile: g = 5,
     limit: k = 3,
@@ -283,8 +292,8 @@ const j = m.div`
     className: s
   }, C) => {
     var $, N;
-    return L(() => {
-      if (!A(s))
+    return O(() => {
+      if (!S(s))
         return;
       const e = () => {
         const p = document.querySelector(`.${s} .wrapper__cards`), d = p.querySelectorAll(".wrapper__card");
@@ -306,7 +315,7 @@ const j = m.div`
       }), _ === h.length && e()), window.addEventListener("resize", e), () => {
         window.removeEventListener("resize", e);
       };
-    }, [s, t]), /* @__PURE__ */ l(
+    }, [s, a]), /* @__PURE__ */ l(
       P,
       {
         ref: C,
@@ -315,12 +324,13 @@ const j = m.div`
         limitCards: k,
         limitCardsForMobile: u,
         className: s,
+        numberOfTags: t == null ? void 0 : t.length,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
-            i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
-            o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
+            r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
+            o && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: o })
           ] }),
-          /* @__PURE__ */ r("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ r(
+          /* @__PURE__ */ i("div", { className: "wrapper__tags__external", children: /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ i(
             D,
             {
               icon: e == null ? void 0 : e.icon,
@@ -329,12 +339,12 @@ const j = m.div`
               onSelectCard: () => x == null ? void 0 : x(e)
             },
             `field-of-interests-masonry-tag__${n + 1}`
-          )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ r(
+          )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ i(
             B,
             {},
             `field-of-interests-masonry-tag-skeleton__${n + 1}`
-          )) }),
-          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
+          )) }) }),
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ i(
             G,
             {
               image: e == null ? void 0 : e.image,
@@ -345,7 +355,7 @@ const j = m.div`
               className: "wrapper__card"
             },
             `field-of-interests-with-tags-card__${n + 1}`
-          )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ r(
+          )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ i(
             H,
             {},
             `field-of-interests-with-tags-card-skeleton__${n + 1}`

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-CZynEOC_.cjs"),$=require("./index-B30K8mkW.cjs"),c=h.styled.div`
+"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-CZynEOC_.cjs"),$=require("./index-B_HNDmXL.cjs"),c=h.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -3,7 +3,7 @@ import { forwardRef as g } from "react";
 import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as x } from "./consts-BuFChS64.js";
 import { o as v, l as C } from "./utils-BbgAIA9N.js";
-import { S as F } from "./index-CEI_JOki.js";
+import { S as F } from "./index-B2pFbNKc.js";
 const N = _.div`
   width: 100%;
   height: 11.625rem;

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -48,16 +48,7 @@
       ${o.truncateTextInRows(2)}
     }
   }
-
-  &:hover {
     cursor: pointer;
-
-    & .wrapper__content {
-      & .wrapper__title {
-        color: var(--primary-500, #e87722);
-      }
-    }
-  }
 `,C=p.styled.div`
   width: 100%;
   height: 11.625rem;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { p as y, o as b, k as C, l as I } from "./utils-BbgAIA9N.js";
@@ -55,16 +55,7 @@ const z = p.div`
       ${y(2)}
     }
   }
-
-  &:hover {
     cursor: pointer;
-
-    & .wrapper__content {
-      & .wrapper__title {
-        color: var(--primary-500, #e87722);
-      }
-    }
-  }
 `, O = p.div`
   width: 100%;
   height: 11.625rem;
@@ -126,20 +117,20 @@ const z = p.div`
   border-radius: 999px;
   background: ${b("-90deg")};
 `, M = l(({}, r) => /* @__PURE__ */ i(E, {})), D = l(
-  ({ name: r, isActive: n, icon: t, onSelectCard: o = () => {
-  } }, m) => /* @__PURE__ */ s(A, { className: n ? "active" : "", onClick: o, children: [
+  ({ name: r, isActive: n, icon: t, onSelectCard: s = () => {
+  } }, m) => /* @__PURE__ */ o(A, { className: n ? "active" : "", onClick: s, children: [
     C(t) && /* @__PURE__ */ i(W, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
 ), G = l(
-  ({ image: r, imageComponent: n, name: t, description: o, onSelectCard: m = () => {
+  ({ image: r, imageComponent: n, name: t, description: s, onSelectCard: m = () => {
   } }, u) => {
     const { theme: f } = F();
-    return /* @__PURE__ */ s(z, { theme: f, onClick: m, children: [
+    return /* @__PURE__ */ o(z, { theme: f, onClick: m, children: [
       I(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
-      /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
+      /* @__PURE__ */ o("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
-        o && /* @__PURE__ */ i("div", { className: "wrapper__description", children: o })
+        s && /* @__PURE__ */ i("div", { className: "wrapper__description", children: s })
       ] })
     ] });
   }
@@ -222,7 +213,7 @@ const z = p.div`
     title: r,
     subtitle: n,
     tags: t = [],
-    limitTags: o = 7,
+    limitTags: s = 7,
     limitTagsForMobile: m = 7,
     limit: u = 3,
     limitForMobile: f = 2,
@@ -238,20 +229,20 @@ const z = p.div`
     }
   }, T) => {
     var x, v;
-    const w = (e) => {
+    const g = (e) => {
       h == null || h(e);
-    }, g = (e) => {
+    }, w = (e) => {
       _ == null || _(e);
     };
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ o(
       R,
       {
-        limitTags: o,
+        limitTags: s,
         limitTagsForMobile: m,
         limitCards: u,
         limitCardsForMobile: f,
         children: [
-          /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
+          /* @__PURE__ */ o("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
             n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
           ] }),
@@ -265,7 +256,7 @@ const z = p.div`
               icon: e == null ? void 0 : e.icon,
               name: e == null ? void 0 : e.name,
               isActive: (e == null ? void 0 : e.uuid) === (c == null ? void 0 : c.uuid),
-              onSelectCard: () => w == null ? void 0 : w(e)
+              onSelectCard: () => g == null ? void 0 : g(e)
             },
             `field-of-interests-with-tags-card-tag__${a + 1}`
           )) }),
@@ -280,7 +271,7 @@ const z = p.div`
               imageComponent: e == null ? void 0 : e.imageComponent,
               name: e == null ? void 0 : e.name,
               description: (e == null ? void 0 : e.shortDescription) || (e == null ? void 0 : e.description),
-              onSelectCard: () => g == null ? void 0 : g(e)
+              onSelectCard: () => w == null ? void 0 : w(e)
             },
             `field-of-interests-with-tags-card__${a + 1}`
           )) })

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=require("./utils-CZynEOC_.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=require("./utils-CZynEOC_.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -39,17 +39,8 @@
       transition: var(--transition, all 0.2s ease);
     }
   }
-
-  &:hover {
     cursor: pointer;
 
-    & .wrapper__content {
-      & .wrapper__title {
-        color: var(--primary-500, #e87722);
-      }
-    }
-  }
-
   @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     background: transparent;
     border: none;
@@ -134,7 +125,7 @@
   height: 3rem;
   border-radius: 999px;
   background: ${d.linearGradientAnimation("-90deg")};
-`,C=s.forwardRef(({},a)=>r.jsx(N,{})),E=s.forwardRef(({title:a,icon:i,onSelectCard:t=()=>{}},p)=>r.jsxs($,{onClick:t,children:[d.isDefinedNotEmptyString(i)&&r.jsx(y,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:a})]})),I=s.forwardRef(({imageUrl:a,imageComponent:i,title:t,onSelectCard:p=()=>{}},c)=>{const{theme:g}=v.useTheme();return r.jsxs(j,{ref:c,theme:g,onClick:p,children:[d.isDefined(i)?i:r.jsx("img",{src:a,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),W=s.forwardRef(({},a)=>r.jsx(k,{})),G=o.styled.div`
+`,C=l.forwardRef(({},a)=>r.jsx(N,{})),E=l.forwardRef(({title:a,icon:i,onSelectCard:t=()=>{}},p)=>r.jsxs($,{onClick:t,children:[d.isDefinedNotEmptyString(i)&&r.jsx(y,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:a})]})),I=l.forwardRef(({imageUrl:a,imageComponent:i,title:t,onSelectCard:p=()=>{}},c)=>{const{theme:g}=v.useTheme();return r.jsxs(j,{ref:c,theme:g,onClick:p,children:[d.isDefined(i)?i:r.jsx("img",{src:a,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),W=l.forwardRef(({},a)=>r.jsx(k,{})),G=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -210,4 +201,4 @@
       gap: 1rem;
     }
   }
-`,R=s.forwardRef(({title:a,subtitle:i,options:t=[],limitTags:p=7,limitTagsForMobile:c=2,limit:g=3,limitForMobile:f=3,items:n=[],onSelectTag:_=()=>{},onSelectCard:h=()=>{},isLoading:u},b)=>{var w,x;return r.jsxs(G,{ref:b,limitTags:p,limitTagsForMobile:c,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[a&&r.jsx("div",{className:"wrapper__title",children:a}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,l)=>r.jsx(I,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>{h==null||h(e)}},`general-with-tags-card__${l+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,l)=>r.jsx(W,{},`general-with-tags-card-skeleton__${l+1}`))}),(t==null?void 0:t.length)>0&&r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,l)=>r.jsx(E,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>_==null?void 0:_(e)},`general-with-tags-card-tag__${l+1}`))}),u===!0&&!((t==null?void 0:t.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(x=Array.from("123"))==null?void 0:x.map((e,l)=>r.jsx(C,{},`general-with-tags-card-tag-skeleton__${l+1}`))})]})});module.exports=R;
+`,R=l.forwardRef(({title:a,subtitle:i,options:t=[],limitTags:p=7,limitTagsForMobile:c=2,limit:g=3,limitForMobile:f=3,items:n=[],onSelectTag:h=()=>{},onSelectCard:_=()=>{},isLoading:u},b)=>{var x,w;return r.jsxs(G,{ref:b,limitTags:p,limitTagsForMobile:c,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[a&&r.jsx("div",{className:"wrapper__title",children:a}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(I,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>{_==null||_(e)}},`general-with-tags-card__${s+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(W,{},`general-with-tags-card-skeleton__${s+1}`))}),(t==null?void 0:t.length)>0&&r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,s)=>r.jsx(E,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>h==null?void 0:h(e)},`general-with-tags-card-tag__${s+1}`))}),u===!0&&!((t==null?void 0:t.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx(C,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=R;

package/dist/GeneralWithTagsCardsSection.js

@@ -46,17 +46,8 @@ const W = s.div`
       transition: var(--transition, all 0.2s ease);
     }
   }
-
-  &:hover {
     cursor: pointer;
 
-    & .wrapper__content {
-      & .wrapper__title {
-        color: var(--primary-500, #e87722);
-      }
-    }
-  }
-
   @media (max-width: ${d + "px"}) {
     background: transparent;
     border: none;
@@ -245,11 +236,11 @@ const W = s.div`
     items: n = [],
     onSelectTag: h = () => {
     },
-    onSelectCard: w = () => {
+    onSelectCard: f = () => {
     },
     isLoading: b
   }, v) => {
-    var _, f;
+    var w, _;
     return /* @__PURE__ */ m(
       A,
       {
@@ -270,11 +261,11 @@ const W = s.div`
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
               onSelectCard: () => {
-                w == null || w(e);
+                f == null || f(e);
               }
             },
             `general-with-tags-card__${l + 1}`
-          )) : (_ = Array.from("123")) == null ? void 0 : _.map((e, l) => /* @__PURE__ */ a(
+          )) : (w = Array.from("123")) == null ? void 0 : w.map((e, l) => /* @__PURE__ */ a(
             M,
             {},
             `general-with-tags-card-skeleton__${l + 1}`
@@ -288,7 +279,7 @@ const W = s.div`
             },
             `general-with-tags-card-tag__${l + 1}`
           )) }),
-          b === !0 && !((t == null ? void 0 : t.length) > 0) && /* @__PURE__ */ a("div", { className: "wrapper__tags", children: (f = Array.from("123")) == null ? void 0 : f.map((e, l) => /* @__PURE__ */ a(
+          b === !0 && !((t == null ? void 0 : t.length) > 0) && /* @__PURE__ */ a("div", { className: "wrapper__tags", children: (_ = Array.from("123")) == null ? void 0 : _.map((e, l) => /* @__PURE__ */ a(
             z,
             {},
             `general-with-tags-card-tag-skeleton__${l + 1}`

package/dist/GiftCardsSection.cjs

@@ -14,13 +14,19 @@
   font-weight: 500;
   cursor: pointer;
   transition: var(--transition);
-  &:hover {
-    color: var(--primary-500, #f59e0b);
-  }
 
   & .text-wrap {
     text-align: center;
   }
+  & img {
+    transition: var(--transition, all 0.3s ease);
+    overflow: hidden;
+  }
+  &:hover {
+    & img {
+      transform: scale(1.1);
+    }
+  }
 `,G=c.styled.div`
   width: 100%;
   min-height: 11rem;
@@ -63,6 +69,7 @@
     position: absolute;
     left: -4.5rem;
     top: 1rem;
+    z-index: 2;
 
     -moz-transform: rotate(315deg);
     -o-transform: rotate(315deg);

package/dist/GiftCardsSection.js

@@ -22,14 +22,20 @@ const T = c.div`
   font-weight: 500;
   cursor: pointer;
   transition: var(--transition);
-  &:hover {
-    color: var(--primary-500, #f59e0b);
-  }
 
   & .text-wrap {
     text-align: center;
   }
-`, E = c.div`
+  & img {
+    transition: var(--transition, all 0.3s ease);
+    overflow: hidden;
+  }
+  &:hover {
+    & img {
+      transform: scale(1.1);
+    }
+  }
+`, z = c.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -71,6 +77,7 @@ const T = c.div`
     position: absolute;
     left: -4.5rem;
     top: 1rem;
+    z-index: 2;
 
     -moz-transform: rotate(315deg);
     -o-transform: rotate(315deg);
@@ -84,48 +91,48 @@ c.div`
   border-radius: 0.75rem;
   background: ${b("-90deg")};
 `;
-const f = h((a, l) => {
+const f = h((a, s) => {
   const {
     image: d,
-    text: m,
+    text: l,
     price: i,
     currency: r,
-    onSelectGiftCard: s = () => {
+    onSelectGiftCard: m = () => {
     }
   } = a;
   return /* @__PURE__ */ n(
     j,
     {
-      ref: l,
+      ref: s,
       className: "simple-gift-card",
-      onClick: () => s(i),
+      onClick: () => m(i),
       children: [
-        /* @__PURE__ */ n(E, { children: [
+        /* @__PURE__ */ n(z, { children: [
           /* @__PURE__ */ t("div", { className: "price-tag", children: i && r && `${G(i)} ${S(r)}` }),
           /* @__PURE__ */ t("img", { src: d })
         ] }),
-        /* @__PURE__ */ t("div", { className: "text-wrap", children: m })
+        /* @__PURE__ */ t("div", { className: "text-wrap", children: l })
       ]
     }
   );
-}), D = h((a, l) => {
+}), D = h((a, s) => {
   const {
     icon: d,
-    title: m,
+    title: l,
     buttonLink: i,
     items: r,
-    buttonText: s,
+    buttonText: m,
     limit: p = 4,
     onSelectCard: g = () => {
     },
     onButtonAction: v = () => {
     }
   } = a, w = C();
-  return /* @__PURE__ */ n(k, { ref: l, children: [
+  return /* @__PURE__ */ n(k, { ref: s, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
         u(d) && /* @__PURE__ */ t("i", { className: d }),
-        /* @__PURE__ */ t("span", { children: m })
+        /* @__PURE__ */ t("span", { children: l })
       ] }),
       u(i) && /* @__PURE__ */ t(
         N,
@@ -139,7 +146,7 @@ const f = h((a, l) => {
           },
           borderRadius: "curved",
           className: "button-link",
-          children: s
+          children: m
         }
       )
     ] }),

package/dist/LocationSearchSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),j=require("./index-C1DkD2ug.cjs"),w=i.styled.div`
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),v=require("./index-C1DkD2ug.cjs"),w=i.styled.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -28,7 +28,7 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`,y=i.styled.div`
+`,N=i.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -52,9 +52,5 @@
   .city {
     cursor: pointer;
     transition: var(--transition);
-
-    &:hover {
-      color: var(--primary-500, #f59e0b);
-    }
   }
-`,N=l.forwardRef((c,p)=>{const{title:m,items:s,options:o,selectedOption:g=[],onSelectRegion:u=()=>{},onSelectCity:x=()=>{},onSelectOption:h=()=>{},onSelectAll:f=()=>{},productsToolbarName:v="All"}=c;return e.jsxs(w,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(j.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),e.jsx(S,{children:s==null?void 0:s.map((r,t)=>{var a;return e.jsxs(y,{children:[e.jsx("div",{className:"region",onClick:()=>u(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,b)=>e.jsx(l.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+b))})]},t)})})]})});module.exports=N;
+`,_=l.forwardRef((c,p)=>{const{title:m,items:s,options:o,selectedOption:g=[],onSelectRegion:u=()=>{},onSelectCity:x=()=>{},onSelectOption:h=()=>{},onSelectAll:f=()=>{},productsToolbarName:b="All"}=c;return e.jsxs(w,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(v.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:b}),e.jsx(S,{children:s==null?void 0:s.map((r,t)=>{var a;return e.jsxs(N,{children:[e.jsx("div",{className:"region",onClick:()=>u(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,j)=>e.jsx(l.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+j))})]},t)})})]})});module.exports=_;