@lanaco/lnc-react-ui 4.0.39 → 4.0.40

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),h=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),j=require("./consts-CtNoHdBj.cjs"),w=require("./Button.cjs"),a=require("./utils-NZLCh-J5.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),D=require("./style-BR3tIhP1.cjs"),m=require("./suspense-product-card-detailed-DtzOxHaH.cjs"),P=h.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),h=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),j=require("./consts-CtNoHdBj.cjs"),w=require("./Button.cjs"),a=require("./utils-NZLCh-J5.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),D=require("./style-DN1qT8BE.cjs"),m=require("./suspense-product-card-detailed-DtzOxHaH.cjs"),P=h.newStyled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -5,7 +5,7 @@ import { M as P } from "./consts-C1uHV4xc.js";
 import D from "./Button.js";
 import { k as c } from "./utils-DtRLzzTZ.js";
 import { u as M } from "./useDetectMobile-BC6EGaBc.js";
-import { R as E } from "./style-6tSw9aqK.js";
+import { R as E } from "./style-CiePxaJ_.js";
 import { D as N, S as R } from "./suspense-product-card-detailed-BETmfKMT.js";
 const U = v.div`
   display: grid;

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,8 +1,8 @@
-"use strict";const t=require("react/jsx-runtime"),f=require("react"),u=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),w=require("./consts-CtNoHdBj.cjs"),d=require("./utils-NZLCh-J5.cjs"),$=require("./index-_Db92CJE.cjs"),c=u.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),u=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),d=require("./consts-CtNoHdBj.cjs"),y=require("./utils-NZLCh-J5.cjs"),$=require("./index-DHJmdMN8.cjs"),c=u.newStyled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${d.linearGradientAnimation("-90deg")};
+  background: ${y.linearGradientAnimation("-90deg")};
 `,C=u.newStyled.div`
   width: 100%;
   height: auto;
@@ -24,7 +24,7 @@
     border: var(--yellow-600, #d97706);
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__image {
       height: auto;
     }
@@ -33,13 +33,13 @@
   width: 9.875rem;
   height: 9.875rem;
   border-radius: 999px;
-  background: ${d.linearGradientAnimation("-90deg")};
+  background: ${y.linearGradientAnimation("-90deg")};
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
-`,I=f.forwardRef(({},i)=>t.jsx(F,{})),A=f.forwardRef(({isActive:i,image:o,imageComponent:r,onSelectCard:l=()=>{}},_)=>t.jsx(C,{className:i?"active":"",onClick:l,children:d.isDefined(r)?r:t.jsx("img",{src:o,className:"wrapper__image"})})),N=f.forwardRef(({uuid:i,title:o,price:r,currency:l,isNegotiable:_,isFree:a,image:x,sellerUuid:s,onSelectCard:m=()=>{},imageComponent:p,negotiableText:y="Negotiable",freeText:g="Free"},h)=>t.jsx($.SimpleProductCard,{uuid:i,title:o,price:r,currency:l,isNegotiable:_,isFree:a,image:x,imageComponent:p,sellerUuid:s,onSelectCard:m,negotiableText:y,freeText:g})),k=f.forwardRef(({},i)=>t.jsx(c,{})),W=u.newStyled.div`
+`,I=f.forwardRef(({},i)=>t.jsx(F,{})),A=f.forwardRef(({isActive:i,image:o,imageComponent:r,onSelectCard:l=()=>{}},_)=>t.jsx(C,{className:i?"active":"",onClick:l,children:y.isDefined(r)?r:t.jsx("img",{src:o,className:"wrapper__image"})})),N=f.forwardRef(({uuid:i,title:o,price:r,currency:l,isNegotiable:_,isFree:a,image:x,sellerUuid:s,onSelectCard:m=()=>{},imageComponent:p,negotiableText:w="Negotiable",freeText:g="Free"},h)=>t.jsx($.SimpleProductCard,{uuid:i,title:o,price:r,currency:l,isNegotiable:_,isFree:a,image:x,imageComponent:p,sellerUuid:s,onSelectCard:m,negotiableText:w,freeText:g})),k=f.forwardRef(({},i)=>t.jsx(c,{})),W=u.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -88,7 +88,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__avatars {
       grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitAvatarsForMobile}, minmax(0, 1fr))`};
       gap: auto;
@@ -99,4 +99,4 @@
       gap: 1rem;
     }
   }
-`,O=f.forwardRef(({title:i,subtitle:o,avatars:r=[],limitAvatars:l=4,limit:_=6,limitAvatarsForMobile:a=4,limitForMobile:x=2,items:s=[],onSelectAvatar:m=()=>{},onSelectCard:p=()=>{}},y)=>{var j,b;const g=e=>{m==null||m(e==null?void 0:e.uuid)},h=e=>{p==null||p(e==null?void 0:e.uuid)};return t.jsxs(W,{limitAvatars:l,limitAvatarsForMobile:a,limitCards:_,limitCardsForMobile:x,children:[t.jsxs("div",{className:"wrapper__heading",children:[i&&t.jsx("div",{className:"wrapper__title",children:i}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__avatars",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,n)=>t.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g==null?void 0:g(e)},`field-of-interests-with-avatars-card-avatar__${n+1}`)):(j=Array.from("1234"))==null?void 0:j.map((e,n)=>t.jsx(I,{},`field-of-interests-with-avatars-card-avatar-skeleton__${n+1}`))}),t.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,n)=>t.jsx(N,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-avatars-card__${n+1}`)):(b=Array.from("123456"))==null?void 0:b.map((e,n)=>t.jsx(k,{},`field-of-interests-with-avatars-card-skeleton__${n+1}`))})]})});module.exports=O;
+`,O=f.forwardRef(({title:i,subtitle:o,avatars:r=[],limitAvatars:l=4,limit:_=6,limitAvatarsForMobile:a=4,limitForMobile:x=2,items:s=[],onSelectAvatar:m=()=>{},onSelectCard:p=()=>{}},w)=>{var j,b;const g=e=>{m==null||m(e==null?void 0:e.uuid)},h=e=>{p==null||p(e==null?void 0:e.uuid)};return t.jsxs(W,{ref:w,limitAvatars:l,limitAvatarsForMobile:a,limitCards:_,limitCardsForMobile:x,children:[t.jsxs("div",{className:"wrapper__heading",children:[i&&t.jsx("div",{className:"wrapper__title",children:i}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__avatars",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,n)=>t.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g==null?void 0:g(e)},`field-of-interests-with-avatars-card-avatar__${n+1}`)):(j=Array.from("1234"))==null?void 0:j.map((e,n)=>t.jsx(I,{},`field-of-interests-with-avatars-card-avatar-skeleton__${n+1}`))}),t.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,n)=>t.jsx(N,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-avatars-card__${n+1}`)):(b=Array.from("123456"))==null?void 0:b.map((e,n)=>t.jsx(k,{},`field-of-interests-with-avatars-card-skeleton__${n+1}`))})]})});module.exports=O;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { n as _ } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as d } from "./consts-C1uHV4xc.js";
+import { M as x } from "./consts-C1uHV4xc.js";
 import { m as C, l as F } from "./utils-DtRLzzTZ.js";
-import { a as N } from "./index-BN8qgFbe.js";
+import { a as N } from "./index-BT55M3t6.js";
 const k = _.div`
   width: 100%;
   height: 11.625rem;
@@ -30,7 +30,7 @@ const k = _.div`
     border: var(--yellow-600, #d97706);
   }
 
-  @media (max-width: ${d + "px"}) {
+  @media (max-width: ${x + "px"}) {
     & .wrapper__image {
       height: auto;
     }
@@ -41,7 +41,7 @@ const k = _.div`
   border-radius: 999px;
   background: ${C("-90deg")};
 
-  @media (max-width: ${d + "px"}) {
+  @media (max-width: ${x + "px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
@@ -68,7 +68,7 @@ const k = _.div`
     onSelectCard: l = () => {
     },
     imageComponent: p,
-    negotiableText: x = "Negotiable",
+    negotiableText: d = "Negotiable",
     freeText: g = "Free"
   }, a) => /* @__PURE__ */ t(
     N,
@@ -83,7 +83,7 @@ const k = _.div`
       imageComponent: p,
       sellerUuid: n,
       onSelectCard: l,
-      negotiableText: x,
+      negotiableText: d,
       freeText: g
     }
   )
@@ -136,7 +136,7 @@ const k = _.div`
     width: 100%;
   }
 
-  @media (max-width: ${d + "px"}) {
+  @media (max-width: ${x + "px"}) {
     & .wrapper__avatars {
       grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitAvatarsForMobile}, minmax(0, 1fr))`};
       gap: auto;
@@ -161,7 +161,7 @@ const k = _.div`
     },
     onSelectCard: p = () => {
     }
-  }, x) => {
+  }, d) => {
     var b, $;
     const g = (e) => {
       l == null || l(e == null ? void 0 : e.uuid);
@@ -171,6 +171,7 @@ const k = _.div`
     return /* @__PURE__ */ y(
       M,
       {
+        ref: d,
         limitAvatars: m,
         limitAvatarsForMobile: u,
         limitCards: h,

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -8,10 +8,6 @@
   border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
   background: var(--Lanaco-Gray-white, #fff);
 
-  &:hover {
-    cursor: pointer;
-  }
-
   /* drop-shadow-sm */
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
 
@@ -30,8 +26,10 @@
     align-items: flex-start;
     gap: 0.25rem;
     align-self: stretch;
+    transition: var(--transition, all 0.2s ease);
 
     & .wrapper__title {
+      transition: var(--transition, all 0.2s ease);
       color: var(--gray-950, #14161a);
       font-size: 1rem;
       font-style: normal;
@@ -50,6 +48,16 @@
       ${l.truncateTextInRows(2)}
     }
   }
+
+  &:hover {
+    cursor: pointer;
+
+    & .wrapper__content {
+      & .wrapper__title {
+        color: var(--primary-500, #e87722);
+      }
+    }
+  }
 `,k=d.newStyled.div`
   width: 100%;
   height: 11.625rem;
@@ -104,7 +112,7 @@
   height: 3rem;
   border-radius: 999px;
   background: ${l.linearGradientAnimation("-90deg")};
-`,I=p.forwardRef(({},t)=>r.jsx(N,{})),C=p.forwardRef(({text:t,isActive:n,icon:i,onSelectCard:a=()=>{}},c)=>r.jsxs($,{className:n?"active":"",onClick:a,children:[r.jsx(v,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),W=p.forwardRef(({image:t,imageComponent:n,title:i,description:a,onSelectCard:c=()=>{}},x)=>{const{theme:m}=y.useTheme();return r.jsxs(j,{theme:m,onClick:c,children:[l.isDefined(n)?n:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),F=p.forwardRef(({},t)=>r.jsx(k,{})),R=d.newStyled.div`
+`,I=p.forwardRef(({},t)=>r.jsx(N,{})),C=p.forwardRef(({text:t,isActive:n,icon:i,onSelectCard:o=()=>{}},c)=>r.jsxs($,{className:n?"active":"",onClick:o,children:[r.jsx(v,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),W=p.forwardRef(({image:t,imageComponent:n,title:i,description:o,onSelectCard:c=()=>{}},x)=>{const{theme:m}=y.useTheme();return r.jsxs(j,{theme:m,onClick:c,children:[l.isDefined(n)?n:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),F=p.forwardRef(({},t)=>r.jsx(k,{})),R=d.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -178,4 +186,4 @@
       gap: 1rem;
     }
   }
-`,q=p.forwardRef(({title:t,subtitle:n,tags:i=[],limitTags:a=7,limitTagsForMobile:c=7,limit:x=3,limitForMobile:m=2,items:s=[],onSelectTag:f=()=>{},onSelectCard:w=()=>{}},T)=>{var g,u;const h=e=>{f==null||f(e==null?void 0:e.uuid)},_=e=>{w==null||w(e==null?void 0:e.uuid)};return r.jsxs(R,{limitTags:a,limitTagsForMobile:c,limitCards:x,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,o)=>r.jsx(C,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${o+1}`)):(g=Array.from("123"))==null?void 0:g.map((e,o)=>r.jsx(I,{},`field-of-interests-with-tags-card-tag-skeleton__${o+1}`))}),r.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,o)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>_==null?void 0:_(e==null?void 0:e.uuid)},`field-of-interests-with-tags-card__${o+1}`)):(u=Array.from("123"))==null?void 0:u.map((e,o)=>r.jsx(F,{},`field-of-interests-with-tags-card-skeleton__${o+1}`))})]})});module.exports=q;
+`,q=p.forwardRef(({title:t,subtitle:n,tags:i=[],limitTags:o=7,limitTagsForMobile:c=7,limit:x=3,limitForMobile:m=2,items:s=[],onSelectTag:f=()=>{},onSelectCard:w=()=>{}},T)=>{var g,u;const _=e=>{f==null||f(e==null?void 0:e.uuid)},h=e=>{w==null||w(e==null?void 0:e.uuid)};return r.jsxs(R,{limitTags:o,limitTagsForMobile:c,limitCards:x,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(C,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>_==null?void 0:_(e)},`field-of-interests-with-tags-card-tag__${a+1}`)):(g=Array.from("123"))==null?void 0:g.map((e,a)=>r.jsx(I,{},`field-of-interests-with-tags-card-tag-skeleton__${a+1}`))}),r.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,a)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>h==null?void 0:h(e==null?void 0:e.uuid)},`field-of-interests-with-tags-card__${a+1}`)):(u=Array.from("123"))==null?void 0:u.map((e,a)=>r.jsx(F,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=q;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -15,10 +15,6 @@ const C = m.div`
   border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
   background: var(--Lanaco-Gray-white, #fff);
 
-  &:hover {
-    cursor: pointer;
-  }
-
   /* drop-shadow-sm */
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
 
@@ -37,8 +33,10 @@ const C = m.div`
     align-items: flex-start;
     gap: 0.25rem;
     align-self: stretch;
+    transition: var(--transition, all 0.2s ease);
 
     & .wrapper__title {
+      transition: var(--transition, all 0.2s ease);
       color: var(--gray-950, #14161a);
       font-size: 1rem;
       font-style: normal;
@@ -57,6 +55,16 @@ const C = m.div`
       ${v(2)}
     }
   }
+
+  &:hover {
+    cursor: pointer;
+
+    & .wrapper__content {
+      & .wrapper__title {
+        color: var(--primary-500, #e87722);
+      }
+    }
+  }
 `, I = m.div`
   width: 100%;
   height: 11.625rem;

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),d=require("./consts-CtNoHdBj.cjs"),m=require("./utils-NZLCh-J5.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=l.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),d=require("./consts-CtNoHdBj.cjs"),m=require("./utils-NZLCh-J5.cjs"),v=require("./Icon.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k=l.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -38,8 +38,20 @@
       font-weight: 500;
       line-height: 1.5rem;
       ${m.truncateTextInRows(2)}
+      transition: var(--transition, all 0.2s ease);
     }
   }
+
+  &:hover {
+    cursor: pointer;
+
+    & .wrapper__content {
+      & .wrapper__title {
+        color: var(--primary-500, #e87722);
+      }
+    }
+  }
+
   @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
     background: transparent;
     border: none;
@@ -62,7 +74,7 @@
       }
     }
   }
-`,k=l.newStyled.div`
+`,$=l.newStyled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
@@ -73,7 +85,7 @@
     height: 5rem;
     border-radius: 999px;
   }
-`,$=l.newStyled.div`
+`,I=l.newStyled.div`
   display: flex;
   padding: 0 0.5rem 0 0;
   align-items: center;
@@ -113,12 +125,12 @@
       white-space: nowrap;
     }
   }
-`,I=l.newStyled.div`
+`,C=l.newStyled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${m.linearGradientAnimation("-90deg")};
-`,C=s.forwardRef(({},i)=>r.jsx(I,{})),E=s.forwardRef(({text:i,icon:n,onSelectCard:t=()=>{}},p)=>r.jsxs($,{onClick:t,children:[r.jsx(y,{icon:` ${n}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),N=s.forwardRef(({image:i,imageComponent:n,title:t,onSelectCard:p=()=>{}},f)=>{const{theme:c}=v.useTheme();return r.jsxs(j,{theme:c,onClick:p,children:[m.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),W=s.forwardRef(({},i)=>r.jsx(k,{})),G=l.newStyled.div`
+`,E=s.forwardRef(({},i)=>r.jsx(C,{})),N=s.forwardRef(({text:i,icon:n,onSelectCard:t=()=>{}},p)=>r.jsxs(I,{onClick:t,children:[r.jsx(v,{icon:` ${n}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),W=s.forwardRef(({image:i,imageComponent:n,title:t,onSelectCard:p=()=>{}},f)=>{const{theme:c}=j.useTheme();return r.jsxs(k,{theme:c,onClick:p,children:[m.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),G=s.forwardRef(({},i)=>r.jsx($,{})),R=l.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -195,4 +207,4 @@
       gap: 1rem;
     }
   }
-`,R=s.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:p=7,limitTagsForMobile:f=2,limit:c=3,limitForMobile:b=3,items:a=[],onSelectTag:h=()=>{},onSelectCard:w=()=>{}},S)=>{var g,u;const x=e=>{h==null||h(e==null?void 0:e.uuid)},_=e=>{w==null||w(e==null?void 0:e.uuid)};return r.jsxs(G,{limitTags:p,limitTagsForMobile:f,limitCards:c,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,o)=>r.jsx(N,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>_==null?void 0:_(e==null?void 0:e.uuid)},`general-with-tags-card__${o+1}`)):(g=Array.from("123"))==null?void 0:g.map((e,o)=>r.jsx(W,{},`general-with-tags-card-skeleton__${o+1}`))}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,o)=>r.jsx(E,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>x==null?void 0:x(e)},`general-with-tags-card-tag__${o+1}`)):(u=Array.from("123"))==null?void 0:u.map((e,o)=>r.jsx(C,{},`general-with-tags-card-tag-skeleton__${o+1}`))})]})});module.exports=R;
+`,S=s.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:p=7,limitTagsForMobile:f=2,limit:c=3,limitForMobile:b=3,items:a=[],onSelectTag:w=()=>{},onSelectCard:h=()=>{}},y)=>{var g,u;const _=e=>{w==null||w(e==null?void 0:e.uuid)},x=e=>{h==null||h(e==null?void 0:e.uuid)};return r.jsxs(R,{ref:y,limitTags:p,limitTagsForMobile:f,limitCards:c,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,o)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>x==null?void 0:x(e==null?void 0:e.uuid)},`general-with-tags-card__${o+1}`)):(g=Array.from("123"))==null?void 0:g.map((e,o)=>r.jsx(G,{},`general-with-tags-card-skeleton__${o+1}`))}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,o)=>r.jsx(N,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>_==null?void 0:_(e)},`general-with-tags-card-tag__${o+1}`)):(u=Array.from("123"))==null?void 0:u.map((e,o)=>r.jsx(E,{},`general-with-tags-card-tag-skeleton__${o+1}`))})]})});module.exports=S;

package/dist/GeneralWithTagsCardsSection.js

@@ -2,10 +2,10 @@ import { jsx as i, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { n as p } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as d } from "./consts-C1uHV4xc.js";
-import { t as y, m as b, l as k } from "./utils-DtRLzzTZ.js";
-import $ from "./Icon.js";
-import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const N = p.div`
+import { t as k, m as b, l as $ } from "./utils-DtRLzzTZ.js";
+import C from "./Icon.js";
+import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const W = p.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -44,9 +44,21 @@ const N = p.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${y(2)}
+      ${k(2)}
+      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;
@@ -69,7 +81,7 @@ const N = p.div`
       }
     }
   }
-`, W = p.div`
+`, j = p.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
@@ -80,7 +92,7 @@ const N = p.div`
     height: 5rem;
     border-radius: 999px;
   }
-`, j = p.div`
+`, G = p.div`
   display: flex;
   padding: 0 0.5rem 0 0;
   align-items: center;
@@ -120,27 +132,27 @@ const N = p.div`
       white-space: nowrap;
     }
   }
-`, G = p.div`
+`, z = p.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${b("-90deg")};
-`, z = l(({}, r) => /* @__PURE__ */ i(G, {})), T = l(
+`, T = l(({}, r) => /* @__PURE__ */ i(z, {})), I = l(
   ({ text: r, icon: a, onSelectCard: t = () => {
-  } }, s) => /* @__PURE__ */ m(j, { onClick: t, children: [
-    /* @__PURE__ */ i($, { icon: ` ${a}`, className: "wrapper__icon" }),
+  } }, s) => /* @__PURE__ */ m(G, { onClick: t, children: [
+    /* @__PURE__ */ i(C, { icon: ` ${a}`, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), I = l(
+), M = l(
   ({ image: r, imageComponent: a, title: t, onSelectCard: s = () => {
-  } }, _) => {
-    const { theme: c } = C();
-    return /* @__PURE__ */ m(N, { theme: c, onClick: s, children: [
-      k(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+  } }, g) => {
+    const { theme: c } = N();
+    return /* @__PURE__ */ m(W, { theme: c, onClick: s, children: [
+      $(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ i("div", { className: "wrapper__content", children: /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }) })
     ] });
   }
-), M = l(({}, r) => /* @__PURE__ */ i(W, {})), A = p.div`
+), A = l(({}, r) => /* @__PURE__ */ i(j, {})), E = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -223,26 +235,27 @@ const N = p.div`
     subtitle: a,
     tags: t = [],
     limitTags: s = 7,
-    limitTagsForMobile: _ = 2,
+    limitTagsForMobile: g = 2,
     limit: c = 3,
     limitForMobile: v = 3,
     items: n = [],
     onSelectTag: h = () => {
     },
-    onSelectCard: f = () => {
+    onSelectCard: w = () => {
     }
-  }, E) => {
+  }, y) => {
     var x, u;
-    const w = (e) => {
+    const f = (e) => {
       h == null || h(e == null ? void 0 : e.uuid);
-    }, g = (e) => {
-      f == null || f(e == null ? void 0 : e.uuid);
+    }, _ = (e) => {
+      w == null || w(e == null ? void 0 : e.uuid);
     };
     return /* @__PURE__ */ m(
-      A,
+      E,
       {
+        ref: y,
         limitTags: s,
-        limitTagsForMobile: _,
+        limitTagsForMobile: g,
         limitCards: c,
         limitCardsForMobile: v,
         children: [
@@ -251,29 +264,29 @@ const N = p.div`
             a && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: a })
           ] }),
           /* @__PURE__ */ i("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, o) => /* @__PURE__ */ i(
-            I,
+            M,
             {
               image: e == null ? void 0 : e.image,
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
-              onSelectCard: () => g == null ? void 0 : g(e == null ? void 0 : e.uuid)
+              onSelectCard: () => _ == null ? void 0 : _(e == null ? void 0 : e.uuid)
             },
             `general-with-tags-card__${o + 1}`
           )) : (x = Array.from("123")) == null ? void 0 : x.map((e, o) => /* @__PURE__ */ i(
-            M,
+            A,
             {},
             `general-with-tags-card-skeleton__${o + 1}`
           )) }),
           /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ i(
-            T,
+            I,
             {
               icon: e == null ? void 0 : e.icon,
               text: e == null ? void 0 : e.text,
-              onSelectCard: () => w == null ? void 0 : w(e)
+              onSelectCard: () => f == null ? void 0 : f(e)
             },
             `general-with-tags-card-tag__${o + 1}`
           )) : (u = Array.from("123")) == null ? void 0 : u.map((e, o) => /* @__PURE__ */ i(
-            z,
+            T,
             {},
             `general-with-tags-card-tag-skeleton__${o + 1}`
           )) })

package/dist/GiftCardsSection.cjs

@@ -3,10 +3,7 @@
   flex-direction: column;
   align-items: flex-start;
   gap: 0.75rem;
-
-  &:hover {
-    cursor: pointer;
-  }
+  cursor: pointer;
 
   & .wrapper__card {
     width: 100%;
@@ -57,13 +54,20 @@
     line-height: 1.5rem;
     width: 100%;
     ${s.truncateTextInRows(2)}
+    transition: var(--transition, all 0.2s ease);
+  }
+
+  &:hover {
+    & .wrapper__text {
+      color: var(--primary-500, #f59e0b);
+    }
   }
 `,_=f.newStyled.div`
   width: 100%;
   height: 11.5rem;
   border-radius: 0.75rem;
   background: ${s.linearGradientAnimation("-90deg")};
-`,h=d.forwardRef(({image:r,imageComponent:o,text:i,price:l,currency:p,onSelectCard:n=()=>{}},a)=>t.jsxs(w,{onClick:n,children:[t.jsxs("div",{className:"wrapper__card",children:[s.isDefined(o)?o:t.jsx("img",{src:r,className:"wrapper__image"}),t.jsx("div",{className:"wrapper__tag",children:`${s.formatPrice(l)} ${s.GetCurrencySymbol(p)}`})]}),t.jsx("div",{className:"wrapper__text",children:i})]})),c=d.forwardRef(({},r)=>t.jsx(_,{})),u=f.newStyled.div`
+`,h=d.forwardRef(({image:r,imageComponent:o,text:i,price:l,currency:p,onSelectCard:n=()=>{}},a)=>t.jsxs(w,{ref:a,onClick:n,children:[t.jsxs("div",{className:"wrapper__card",children:[s.isDefined(o)?o:t.jsx("img",{src:r,className:"wrapper__image"}),t.jsx("div",{className:"wrapper__tag",children:`${s.formatPrice(l)} ${s.GetCurrencySymbol(p)}`})]}),t.jsx("div",{className:"wrapper__text",children:i})]})),c=d.forwardRef(({},r)=>t.jsx(_,{})),u=f.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/GiftCardsSection.js

@@ -1,17 +1,14 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { t as h, m as _, l as w, n as x, G as c } from "./utils-DtRLzzTZ.js";
+import { t as _, m as h, l as w, n as x, G as c } from "./utils-DtRLzzTZ.js";
 import { n as g } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as u } from "./consts-C1uHV4xc.js";
-const y = g.div`
+const v = g.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.75rem;
-
-  &:hover {
-    cursor: pointer;
-  }
+  cursor: pointer;
 
   & .wrapper__card {
     width: 100%;
@@ -61,25 +58,32 @@ const y = g.div`
     font-weight: 500;
     line-height: 1.5rem;
     width: 100%;
-    ${h(2)}
+    ${_(2)}
+    transition: var(--transition, all 0.2s ease);
+  }
+
+  &:hover {
+    & .wrapper__text {
+      color: var(--primary-500, #f59e0b);
+    }
   }
-`, v = g.div`
+`, y = g.div`
   width: 100%;
   height: 11.5rem;
   border-radius: 0.75rem;
-  background: ${_("-90deg")};
+  background: ${h("-90deg")};
 `, b = f(
-  ({ image: r, imageComponent: o, text: t, price: s, currency: p, onSelectCard: a = () => {
-  } }, n) => /* @__PURE__ */ l(y, { onClick: a, children: [
+  ({ image: r, imageComponent: a, text: t, price: s, currency: p, onSelectCard: o = () => {
+  } }, n) => /* @__PURE__ */ l(v, { ref: n, onClick: o, children: [
     /* @__PURE__ */ l("div", { className: "wrapper__card", children: [
-      w(o) ? o : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+      w(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ i("div", { className: "wrapper__tag", children: `${x(
         s
       )} ${c(p)}` })
     ] }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: t })
   ] })
-), $ = f(({}, r) => /* @__PURE__ */ i(v, {})), N = g.div`
+), $ = f(({}, r) => /* @__PURE__ */ i(y, {})), N = g.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -128,16 +132,16 @@ const y = g.div`
 `, M = f(
   ({
     title: r,
-    subtitle: o,
+    subtitle: a,
     items: t,
     limit: s = 4,
     limitForMobile: p = 1,
-    onSelectCard: a = () => {
+    onSelectCard: o = () => {
     }
   }) => {
     var d;
     const n = (e) => {
-      a == null || a(e == null ? void 0 : e.uuid);
+      o == null || o(e == null ? void 0 : e.uuid);
     };
     return /* @__PURE__ */ l(
       N,
@@ -147,7 +151,7 @@ const y = g.div`
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
-            o && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: o })
+            a && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: a })
           ] }),
           /* @__PURE__ */ i("div", { className: "wrapper__cards", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, m) => /* @__PURE__ */ i(
             b,

package/dist/LocationSearchSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),o=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),d=require("./consts-CtNoHdBj.cjs"),f=require("./index-Q_i-aqsF.cjs"),v=o.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),o=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),d=require("./consts-CtNoHdBj.cjs"),f=require("./index-Dn5tPLgP.cjs"),v=o.newStyled.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;

package/dist/LocationSearchSection.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as n } from "react/jsx-runtime";
 import { forwardRef as u, Fragment as v } from "react";
 import { n as t } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as d } from "./consts-C1uHV4xc.js";
-import { S as w } from "./index-CT6_7UFb.js";
+import { S as w } from "./index-5cttM4t7.js";
 const S = t.div`
   display: flex;
   flex-direction: column;