@lanaco/lnc-react-ui 4.0.152 → 4.0.154

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-CyHewQxg.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-BX4jlU4U.cjs"),S=require("./Button.cjs"),z=b.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-CyHewQxg.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-CFmcSzX-.cjs"),S=require("./Button.cjs"),z=b.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;

package/dist/BlogCardsSponsoredSection.js

@@ -6,7 +6,7 @@ import { B as R } from "./style-DFPWLJBr.js";
 import { P as L } from "./index-CF3HhgvN.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as N } from "./consts-BuFChS64.js";
-import { S as O } from "./suspense-large-DPZHjpEr.js";
+import { S as O } from "./suspense-large-BMO7JH52.js";
 import T from "./Button.js";
 const U = y.div`
   display: flex;

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-CyHewQxg.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-BX4jlU4U.cjs"),$=v.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-CyHewQxg.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CFmcSzX-.cjs"),$=v.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;

package/dist/BlogListSection.js

@@ -7,7 +7,7 @@ import { P as O } from "./index-CF3HhgvN.js";
 import { B as S } from "./style-DFPWLJBr.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as E } from "./consts-BuFChS64.js";
-import { S as M } from "./suspense-large-DPZHjpEr.js";
+import { S as M } from "./suspense-large-BMO7JH52.js";
 const U = B.div`
   display: flex;
   padding: 1rem;

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),S=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-CWPYgHom.cjs"),b=require("./Button.cjs"),_=require("./style-BTTXJFJN.cjs"),k=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),q=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(k,{isLoading:s,limit:i,keyPrefix:t}):o}),C=u.memo(a.ShopCard),w=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},m)=>{const g=S.useDetectMobile(),j=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,f)=>r.jsx(C,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${f+1}`))},[s]);return r.jsxs(_.Wrapper,{ref:m,className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(q,{isLoading:l,limit:d,keyPrefix:"blog-section",children:j})}),r.jsx(b,{text:o,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=w;
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),S=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-CanJ6Gr6.cjs"),b=require("./Button.cjs"),_=require("./style-BTTXJFJN.cjs"),k=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),q=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(k,{isLoading:s,limit:i,keyPrefix:t}):o}),C=u.memo(a.ShopCard),w=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},m)=>{const g=S.useDetectMobile(),j=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,f)=>r.jsx(C,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${f+1}`))},[s]);return r.jsxs(_.Wrapper,{ref:m,className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(q,{isLoading:l,limit:d,keyPrefix:"blog-section",children:j})}),r.jsx(b,{text:o,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=w;

package/dist/BlogShopCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o, Fragment as u, jsxs as S } from "react/jsx-runtime";
 import { Suspense as b, memo as _, forwardRef as C, useMemo as k } from "react";
 import { u as w } from "./useDetectMobile-Bkvj0VMa.js";
-import { a as v, S as M } from "./skeleton-Bil8w1A7.js";
+import { a as v, S as M } from "./skeleton-BWFqIToC.js";
 import y from "./Button.js";
 import { W as N } from "./style-tw6KjI2J.js";
 const $ = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(

package/dist/BlogSingleSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-CjQhwLEY.cjs"),a=require("./skeleton-BQd32q08.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-Cm0f72Po.cjs"),a=require("./skeleton-BdbB-LdT.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;

package/dist/BlogSingleSection.js

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
 import { Suspense as s, forwardRef as u } from "react";
-import { B as d } from "./index-DXNlFyQ4.js";
-import { B as c } from "./skeleton-B74purm7.js";
+import { B as d } from "./index-DGp7FHms.js";
+import { B as c } from "./skeleton-CQPwIEP0.js";
 const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */ e(a, { children: Array.from({ length: o }, (r, n) => /* @__PURE__ */ e(
   c,
   {

package/dist/BlogsSectionDetailed.cjs

@@ -22,16 +22,16 @@
   }
 
   & img {
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     object-fit: cover;
     width: 100%;
   }
 
   & .skeleton-img {
     width: 100%;
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     background-color: ${r.linearGradientAnimation("-90deg")};
   }
 

package/dist/BlogsSectionDetailed.js

@@ -31,16 +31,16 @@ const E = y.div`
   }
 
   & img {
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     object-fit: cover;
     width: 100%;
   }
 
   & .skeleton-img {
     width: 100%;
-    max-height: 11.0625rem;
-    min-height: 11.0625rem;
+    max-height: 11.25rem;
+    min-height: 11.25rem;
     background-color: ${k("-90deg")};
   }
 

package/dist/BlogsSectionLarge.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./index-CjQhwLEY.cjs"),C=require("./suspense-large-BX4jlU4U.cjs"),f=p.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./index-Cm0f72Po.cjs"),C=require("./suspense-large-CFmcSzX-.cjs"),f=p.styled.div`
   display: grid;
   grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionLarge.js

@@ -3,8 +3,8 @@ import { memo as c, forwardRef as f, useMemo as S } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-BuFChS64.js";
 import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
-import { B as M } from "./index-DXNlFyQ4.js";
-import { S as L } from "./suspense-large-DPZHjpEr.js";
+import { B as M } from "./index-DGp7FHms.js";
+import { S as L } from "./suspense-large-BMO7JH52.js";
 const h = C.div`
   display: grid;
   grid-template-columns: ${(l) => `repeat(${l.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionSimpleCentered.cjs

@@ -25,7 +25,7 @@
 
   & button {
     width: fit-content;
-    margin-top: auto;
+    margin-top: 1.5rem;
     color: var(--gray-950, #14161a);
     font-size: 0.875rem;
     font-style: normal;

package/dist/BlogsSectionSimpleCentered.js

@@ -33,7 +33,7 @@ const x = g.div`
 
   & button {
     width: fit-content;
-    margin-top: auto;
+    margin-top: 1.5rem;
     color: var(--gray-950, #14161a);
     font-size: 0.875rem;
     font-style: normal;
@@ -92,10 +92,10 @@ const x = g.div`
     letter-spacing: 0.0156rem;
     ${y(3)}
   }
-`, h = p((i, o) => {
-  const { title: r, image: n, text: a, buttonText: m, onCardClick: l } = i;
-  return /* @__PURE__ */ c(w, { ref: o, className: "blog-card", onClick: l, children: [
-    /* @__PURE__ */ t(S, { src: n }),
+`, h = p((i, n) => {
+  const { title: r, image: o, text: a, buttonText: m, onCardClick: l } = i;
+  return /* @__PURE__ */ c(w, { ref: n, className: "blog-card", onClick: l, children: [
+    /* @__PURE__ */ t(S, { src: o }),
     /* @__PURE__ */ c(b, { children: [
       /* @__PURE__ */ t("div", { className: "text-wr-title", children: r }),
       /* @__PURE__ */ t("div", { className: "text-wr", children: a })
@@ -113,7 +113,7 @@ const x = g.div`
       }
     )
   ] });
-}), $ = p((i, o) => {
+}), $ = p((i, n) => {
   const { onCardClick: r } = i;
   return (
     // <SimpleBlogCardSkeleton />
@@ -122,38 +122,38 @@ const x = g.div`
       /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t("div", { className: "skeleton-title" }) })
     ] })
   );
-}), T = ({ limit: i = 3, isLoading: o = !1, keyPrefix: r }) => /* @__PURE__ */ t(s, { children: Array.from({ length: i }, (n, a) => /* @__PURE__ */ t(
+}), T = ({ limit: i = 3, isLoading: n = !1, keyPrefix: r }) => /* @__PURE__ */ t(s, { children: Array.from({ length: i }, (o, a) => /* @__PURE__ */ t(
   $,
   {
-    isLoading: o
+    isLoading: n
   },
   `${r}-skeleton-product-card-${a}`
 )) }), B = ({
   children: i,
-  fallbackComponent: o = /* @__PURE__ */ t(s, {}),
+  fallbackComponent: n = /* @__PURE__ */ t(s, {}),
   isLoading: r = !1,
-  limit: n,
+  limit: o,
   keyPrefix: a
-}) => /* @__PURE__ */ t(k, { fallbackComponent: o, children: r === !0 ? /* @__PURE__ */ t(
+}) => /* @__PURE__ */ t(k, { fallbackComponent: n, children: r === !0 ? /* @__PURE__ */ t(
   T,
   {
     isLoading: r,
-    limit: n,
+    limit: o,
     keyPrefix: a
   }
-) : i }), _ = p((i, o) => {
+) : i }), _ = p((i, n) => {
   const {
     items: r,
-    limit: n = 3,
+    limit: o = 3,
     onSelectCard: a = () => {
     },
     isLoading: m = !1
   } = i, l = C();
-  return /* @__PURE__ */ t(x, { ref: o, limit: n, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(x, { ref: n, limit: o, children: /* @__PURE__ */ t(
     B,
     {
       isLoading: m,
-      limit: n,
+      limit: o,
       keyPrefix: "explore-landing",
       children: /* @__PURE__ */ t(s, { children: l === !0 ? r == null ? void 0 : r.map((e, d) => /* @__PURE__ */ t(
         h,
@@ -165,7 +165,7 @@ const x = g.div`
           onCardClick: () => a(e)
         },
         d
-      )) : r == null ? void 0 : r.slice(0, n).map((e, d) => /* @__PURE__ */ t(
+      )) : r == null ? void 0 : r.slice(0, o).map((e, d) => /* @__PURE__ */ t(
         h,
         {
           title: e == null ? void 0 : e.title,

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-Dl9xPH4c.cjs"),g=require("./consts-goSZX3xP.cjs"),y=require("./Icon.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=c.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-Dl9xPH4c.cjs"),g=require("./consts-goSZX3xP.cjs"),b=require("./Icon.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -15,7 +15,8 @@
     width: 100%;
     aspect-ratio: 1 / 1;
     object-fit: cover;
-    height: auto;
+    height: 100%;
+    max-height: 10.375rem;
     border-radius: 0.75rem 0.75rem 0 0;
   }
 
@@ -49,12 +50,12 @@
     }
   }
   cursor: pointer;
-`,k=c.styled.div`
+`,$=m.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${l.linearGradientAnimation("-90deg")};
-`,I=c.styled.div`
+`,I=m.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -94,7 +95,7 @@
   }
 
   &.active {
-    background: var(--yellow-600, #d97706);
+    background: ${t=>(t==null?void 0:t.activeColor)||"var(--yellow-600, #d97706)"};
 
     & .wrapper__icon {
       color: var(--white, #fff);
@@ -108,12 +109,12 @@
   @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     min-width: fit-content;
   }
-`,N=c.styled.div`
+`,N=m.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${l.linearGradientAnimation("-90deg")};
-`,$=p.forwardRef(({},i)=>r.jsx(N,{})),C=p.forwardRef(({name:i,isActive:n,icon:t,onSelectCard:o=()=>{}},d)=>r.jsxs(I,{ref:d,className:n?"active":"",onClick:o,children:[l.isDefinedNotEmptyString(t)&&r.jsx(y,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),W=p.forwardRef(({image:i,imageComponent:n,name:t,description:o,onSelectCard:d=()=>{}},m)=>{const{theme:f}=b.useTheme();return r.jsxs(j,{ref:m,theme:f,onClick:d,children:[l.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),R=p.forwardRef(({},i)=>r.jsx(k,{})),F=c.styled.div`
+`,C=c.forwardRef(({},t)=>r.jsx(N,{})),W=c.forwardRef(({name:t,isActive:n,activeColor:i,icon:a,onSelectCard:d=()=>{}},p)=>r.jsxs(I,{ref:p,className:n?"active":"",activeColor:i,onClick:d,children:[l.isDefinedNotEmptyString(a)&&r.jsx(b,{icon:a,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),R=c.forwardRef(({image:t,imageComponent:n,name:i,description:a,onSelectCard:d=()=>{}},p)=>{const{theme:f}=j.useTheme();return r.jsxs(k,{ref:p,theme:f,onClick:d,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=c.forwardRef(({},t)=>r.jsx($,{})),T=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -154,7 +155,7 @@
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCards}, minmax(0, 1fr))`};
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
@@ -188,4 +189,4 @@
       gap: 1rem;
     }
   }
-`,T=p.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:o=7,limitTagsForMobile:d=7,limit:m=3,limitForMobile:f=2,items:a=[],selectedTag:u,onSelectTag:h=()=>{},onSelectCard:_=()=>{}},v)=>{var w,x;return r.jsxs(F,{ref:v,limitTags:o,limitTagsForMobile:d,limitCards:m,limitCardsForMobile:f,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__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,s)=>r.jsx(C,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${s+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx($,{},`field-of-interests-with-tags-card-tag-skeleton__${s+1}`))}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,s)=>r.jsx(W,{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:()=>_==null?void 0:_(e)},`field-of-interests-with-tags-card__${s+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(R,{},`field-of-interests-with-tags-card-skeleton__${s+1}`))})]})});module.exports=T;
+`,q=c.forwardRef(({title:t,subtitle:n,tags:i=[],limitTags:a=7,limitTagsForMobile:d=7,limit:p=3,limitForMobile:f=2,items:s=[],selectedTag:u,activeColor:v,onSelectTag:h=()=>{},onSelectCard:_=()=>{}},y)=>{var w,x;return r.jsxs(T,{ref:y,limitTags:a,limitTagsForMobile:d,limitCards:p,limitCardsForMobile:f,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(W,{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:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${o+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,o)=>r.jsx(C,{},`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(R,{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:()=>_==null?void 0:_(e)},`field-of-interests-with-tags-card__${o+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,o)=>r.jsx(F,{},`field-of-interests-with-tags-card-skeleton__${o+1}`))})]})});module.exports=q;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { p as x, o as u, k, l as N } from "./utils-BdsZgOUE.js";
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { p as x, o as u, k as $, l as N } from "./utils-BdsZgOUE.js";
 import { M as v } from "./consts-BuFChS64.js";
-import $ from "./Icon.js";
-import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const I = d.div`
+import C from "./Icon.js";
+import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const W = c.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -22,7 +22,8 @@ const I = d.div`
     width: 100%;
     aspect-ratio: 1 / 1;
     object-fit: cover;
-    height: auto;
+    height: 100%;
+    max-height: 10.375rem;
     border-radius: 0.75rem 0.75rem 0 0;
   }
 
@@ -56,12 +57,12 @@ const I = d.div`
     }
   }
   cursor: pointer;
-`, W = d.div`
+`, j = c.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${u("-90deg")};
-`, j = d.div`
+`, F = c.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -101,7 +102,7 @@ const I = d.div`
   }
 
   &.active {
-    background: var(--yellow-600, #d97706);
+    background: ${(r) => (r == null ? void 0 : r.activeColor) || "var(--yellow-600, #d97706)"};
 
     & .wrapper__icon {
       color: var(--white, #fff);
@@ -115,38 +116,39 @@ const I = d.div`
   @media (max-width: ${v + "px"}) {
     min-width: fit-content;
   }
-`, F = d.div`
+`, T = c.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${u("-90deg")};
-`, T = m(({}, t) => /* @__PURE__ */ r(F, {})), z = m(
-  ({ name: t, isActive: a, icon: i, onSelectCard: l = () => {
-  } }, s) => /* @__PURE__ */ p(
-    j,
+`, z = d(({}, r) => /* @__PURE__ */ i(T, {})), O = d(
+  ({ name: r, isActive: a, activeColor: t, icon: n, onSelectCard: s = () => {
+  } }, p) => /* @__PURE__ */ m(
+    F,
     {
-      ref: s,
+      ref: p,
       className: a ? "active" : "",
-      onClick: l,
+      activeColor: t,
+      onClick: s,
       children: [
-        k(i) && /* @__PURE__ */ r($, { icon: i, className: "wrapper__icon" }),
-        /* @__PURE__ */ r("div", { className: "wrapper__text", children: t })
+        $(n) && /* @__PURE__ */ i(C, { icon: n, className: "wrapper__icon" }),
+        /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
       ]
     }
   )
-), O = m(
-  ({ image: t, imageComponent: a, name: i, description: l, onSelectCard: s = () => {
-  } }, c) => {
-    const { theme: f } = C();
-    return /* @__PURE__ */ p(I, { ref: c, theme: f, onClick: s, children: [
-      N(a) ? a : /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
-      /* @__PURE__ */ p("div", { className: "wrapper__content", children: [
-        i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
-        l && /* @__PURE__ */ r("div", { className: "wrapper__description", children: l })
+), A = d(
+  ({ image: r, imageComponent: a, name: t, description: n, onSelectCard: s = () => {
+  } }, p) => {
+    const { theme: f } = I();
+    return /* @__PURE__ */ m(W, { ref: p, theme: f, onClick: 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 })
       ] })
     ] });
   }
-), A = m(({}, t) => /* @__PURE__ */ r(W, {})), E = d.div`
+), E = d(({}, r) => /* @__PURE__ */ i(j, {})), M = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -187,7 +189,7 @@ const I = d.div`
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCards}, minmax(0, 1fr))`};
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
@@ -221,52 +223,54 @@ const I = d.div`
       gap: 1rem;
     }
   }
-`, P = m(
+`, X = d(
   ({
-    title: t,
+    title: r,
     subtitle: a,
-    tags: i = [],
-    limitTags: l = 7,
+    tags: t = [],
+    limitTags: n = 7,
     limitTagsForMobile: s = 7,
-    limit: c = 3,
+    limit: p = 3,
     limitForMobile: f = 2,
-    items: n = [],
+    items: o = [],
     selectedTag: y,
+    activeColor: b,
     onSelectTag: h = () => {
     },
     onSelectCard: _ = () => {
     }
-  }, b) => {
+  }, k) => {
     var w, g;
-    return /* @__PURE__ */ p(
-      E,
+    return /* @__PURE__ */ m(
+      M,
       {
-        ref: b,
-        limitTags: l,
+        ref: k,
+        limitTags: n,
         limitTagsForMobile: s,
-        limitCards: c,
+        limitCards: p,
         limitCardsForMobile: f,
         children: [
-          /* @__PURE__ */ p("div", { className: "wrapper__heading", children: [
-            t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-            a && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: a })
+          /* @__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__ */ r("div", { className: "wrapper__tags", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, o) => /* @__PURE__ */ r(
-            z,
+          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, l) => /* @__PURE__ */ i(
+            O,
             {
               icon: e == null ? void 0 : e.icon,
               name: e == null ? void 0 : e.title,
               isActive: (e == null ? void 0 : e.code) === y,
+              activeColor: b,
               onSelectCard: () => h == null ? void 0 : h(e)
             },
-            `field-of-interests-with-tags-card-tag__${o + 1}`
-          )) : (w = Array.from("123")) == null ? void 0 : w.map((e, o) => /* @__PURE__ */ r(
-            T,
+            `field-of-interests-with-tags-card-tag__${l + 1}`
+          )) : (w = Array.from("123")) == null ? void 0 : w.map((e, l) => /* @__PURE__ */ i(
+            z,
             {},
-            `field-of-interests-with-tags-card-tag-skeleton__${o + 1}`
+            `field-of-interests-with-tags-card-tag-skeleton__${l + 1}`
           )) }),
-          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, o) => /* @__PURE__ */ r(
-            O,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: o && (o == null ? void 0 : o.length) > 0 ? o == null ? void 0 : o.map((e, l) => /* @__PURE__ */ i(
+            A,
             {
               image: e == null ? void 0 : e.image,
               imageComponent: e == null ? void 0 : e.imageComponent,
@@ -274,11 +278,11 @@ const I = d.div`
               description: e == null ? void 0 : e.description,
               onSelectCard: () => _ == null ? void 0 : _(e)
             },
-            `field-of-interests-with-tags-card__${o + 1}`
-          )) : (g = Array.from("123")) == null ? void 0 : g.map((e, o) => /* @__PURE__ */ r(
-            A,
+            `field-of-interests-with-tags-card__${l + 1}`
+          )) : (g = Array.from("123")) == null ? void 0 : g.map((e, l) => /* @__PURE__ */ i(
+            E,
             {},
-            `field-of-interests-with-tags-card-skeleton__${o + 1}`
+            `field-of-interests-with-tags-card-skeleton__${l + 1}`
           )) })
         ]
       }
@@ -286,5 +290,5 @@ const I = d.div`
   }
 );
 export {
-  P as default
+  X as default
 };

package/dist/GiftCardsSection.cjs

@@ -33,7 +33,7 @@
   max-height: 11rem;
   position: relative;
   border-radius: 0.75rem;
-  border: 1px solid var(--warning-500);
+  border: 1px solid var(--warning-500, #f59e0b);
   overflow: hidden;
 
   & .skeleton__card {

package/dist/GiftCardsSection.js

@@ -41,7 +41,7 @@ const T = c.div`
   max-height: 11rem;
   position: relative;
   border-radius: 0.75rem;
-  border: 1px solid var(--warning-500);
+  border: 1px solid var(--warning-500, #f59e0b);
   overflow: hidden;
 
   & .skeleton__card {

package/dist/MasonryGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),f=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-Dl9xPH4c.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=require("./consts-goSZX3xP.cjs"),_=d.styled.div`
+"use strict";const r=require("react/jsx-runtime"),g=require("react"),f=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-Dl9xPH4c.cjs"),m=require("./consts-goSZX3xP.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=d.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -104,8 +104,15 @@
       width: 9rem;
     }
   }
-    cursor: pointer;
-`,w=m.forwardRef(({title:t,imageUrl:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,tag:c,backgroundColor:p},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,position:s,backgroundColor:p,onClick:l,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[c&&r.jsx("div",{className:"text__tag",children:c}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,className:"text__action"})]})]})})}),b=d.styled.div`
+  cursor: pointer;
+
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__image {
+      height: 100%;
+      max-height: 14.5rem;
+    }
+  }
+`,w=g.forwardRef(({title:t,imageUrl:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,tag:c,backgroundColor:p},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,position:s,backgroundColor:p,onClick:l,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[c&&r.jsx("div",{className:"text__tag",children:c}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,className:"text__action"})]})]})})}),b=d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -129,7 +136,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     gap: 1.25rem;
 
     & .regular-title {
@@ -150,13 +157,12 @@
   height: 30rem;
   max-height: 30rem;
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     width: 100%;
     height: 100%;
     max-height: 100%;
-    padding: 0 1rem;
   }
-`,v=m.forwardRef(({title:t,items:e,limit:n=3,onSelectCard:a=()=>{}},l)=>r.jsxs(b,{ref:l,children:[r.jsx("div",{className:"regular-title",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(y,{limit:n,children:e&&(e==null?void 0:e.map((o,s)=>r.jsx(w,{...o,onSelectCard:()=>a(o)},`landing-page-masonry-general-card__${s+1}`)))})]}));module.exports=v;
+`,v=g.forwardRef(({title:t,items:e,limit:n=3,onSelectCard:a=()=>{}},l)=>r.jsxs(b,{ref:l,children:[r.jsx("div",{className:"regular-title",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(y,{limit:n,children:e&&(e==null?void 0:e.map((o,s)=>r.jsx(w,{...o,onSelectCard:()=>a(o)},`landing-page-masonry-general-card__${s+1}`)))})]}));module.exports=v;