@lanaco/lnc-react-ui 4.0.112 → 4.0.114

package/dist/BlogsSectionDetailed.cjs

@@ -1,12 +1,12 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-CZynEOC_.cjs"),k=require("./style-JqDQj4jh.cjs"),T=require("./Button.cjs"),O=require("./index-BvSNRLNa.cjs"),A=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-CZynEOC_.cjs"),v=require("./style-JqDQj4jh.cjs"),T=require("./Button.cjs"),O=require("./index-BvSNRLNa.cjs"),A=w.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,v=w.styled.div`
+`,y=w.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -20,7 +20,6 @@
   min-height: 21.5625rem;
   cursor: pointer;
   &:hover {
-   
   }
 
   & img {
@@ -40,11 +39,17 @@
   & .tags-wr {
     margin-top: auto;
     display: flex;
+
     gap: 0.5rem;
     padding: 0 1rem 1rem 1rem;
   }
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+    max-height: 100%;
+    min-height: 100%;
+    & .tags-wr {
+      flex-wrap: wrap;
+    }
   }
 `,S=w.styled.div`
   padding: 1rem 1rem 0 1rem;
@@ -105,4 +110,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,$=u.forwardRef((i,a)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:h,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:f="{0} min read"}=i;return t.jsxs(v,{ref:a,className:"blog-card",onClick:j,children:[t.jsx(O.ProductImageWrapper,{src:m}),t.jsxs(S,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[r.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),p&&f?`${r.formatString(f,p)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:r.getRoundedNumber(n)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:r.getRoundedNumber(h)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:s}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx("div",{className:"tags-wr",children:d==null?void 0:d.map((l,b)=>t.jsx(k.BlogTag,{color:l==null?void 0:l.color,children:l==null?void 0:l.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(v,{className:"blog-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsxs(S,{children:[t.jsx("div",{className:"info-wr"}),t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"info-wr-skeleton"})]})]})),q=({limit:i=3,isLoading:a=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,o)=>t.jsx(D,{isLoading:a},`${s}-skeleton-product-card-${o}`))}),B=({children:i,fallbackComponent:a=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:o})=>t.jsx(u.Suspense,{fallbackComponent:a,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:o}):i}),y=u.memo($),L=u.forwardRef((i,a)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:h,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:f,getImage:l=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,tags:e==null?void 0:e.tags,onCardClick:()=>d(e==null?void 0:e.titleSlug),imageUrl:l(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},g)):n==null?void 0:n.slice(0,c).map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,imageUrl:l(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,onCardClick:()=>d(e==null?void 0:e.titleSlug)},g))}),[n,b,c,d]);return t.jsxs(k.RegulatTitleSectionWrapper,{ref:a,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:m})]}),r.isDefinedNotEmptyString(h)&&r.isDefinedNotEmptyString(f)&&t.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(f)},borderRadius:"curved",className:"button-link",children:h})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;
+`,$=u.forwardRef((i,l)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:f,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:h="{0} min read"}=i;return t.jsxs(y,{ref:l,className:"blog-card",onClick:j,children:[t.jsx(O.ProductImageWrapper,{src:m}),t.jsxs(S,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[r.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),p&&h?`${r.formatString(h,p)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:r.getRoundedNumber(n)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:r.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:s}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx("div",{className:"tags-wr",children:d==null?void 0:d.map((a,b)=>t.jsx(v.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(y,{className:"blog-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsxs(S,{children:[t.jsx("div",{className:"info-wr"}),t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"info-wr-skeleton"})]})]})),q=({limit:i=3,isLoading:l=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,o)=>t.jsx(D,{isLoading:l},`${s}-skeleton-product-card-${o}`))}),B=({children:i,fallbackComponent:l=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:o})=>t.jsx(u.Suspense,{fallbackComponent:l,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:o}):i}),N=u.memo($),L=u.forwardRef((i,l)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:f,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:h,getImage:a=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(N,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,tags:e==null?void 0:e.tags,onCardClick:()=>d(e==null?void 0:e.titleSlug),imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},g)):n==null?void 0:n.slice(0,c).map((e,g)=>t.jsx(N,{title:e==null?void 0:e.title,imageUrl:a(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,onCardClick:()=>d(e==null?void 0:e.titleSlug)},g))}),[n,b,c,d]);return t.jsxs(v.RegulatTitleSectionWrapper,{ref:l,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:m})]}),r.isDefinedNotEmptyString(f)&&r.isDefinedNotEmptyString(h)&&t.jsx(T,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(h)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;

package/dist/BlogsSectionDetailed.js

@@ -29,7 +29,6 @@ const E = y.div`
   min-height: 21.5625rem;
   cursor: pointer;
   &:hover {
-   
   }
 
   & img {
@@ -49,11 +48,17 @@ const E = y.div`
   & .tags-wr {
     margin-top: auto;
     display: flex;
+
     gap: 0.5rem;
     padding: 0 1rem 1rem 1rem;
   }
 
   @media (max-width: ${T + "px"}) {
+    max-height: 100%;
+    min-height: 100%;
+    & .tags-wr {
+      flex-wrap: wrap;
+    }
   }
 `, O = y.div`
   padding: 1rem 1rem 0 1rem;
@@ -243,7 +248,7 @@ const E = y.div`
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var g;
             (g = e == null ? void 0 : e.target) == null || g.blur(), s(u);

package/dist/BlogsSectionSimple.cjs

@@ -45,7 +45,7 @@
 
   @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
   }
-`,y=p.styled.div`
+`,w=p.styled.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -65,4 +65,4 @@
     color: var(--gray-700, #4e555f);
     ${u.truncateTextInRows(3)}
   }
-`,$=c.forwardRef((t,l)=>{const{title:i,imageUrl:n,text:o,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(b,{ref:l,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:n}),r.jsxs(y,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:o})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(y,{})]})),P=({limit:t=3,isLoading:l=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(n,o)=>r.jsx(I,{isLoading:l},`${i}-skeleton-product-card-${o}`))}),T=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:n,keyPrefix:o})=>r.jsx(c.Suspense,{fallbackComponent:l,children:i===!0?r.jsx(P,{isLoading:i,limit:n,keyPrefix:o}):t}),j=c.memo($),_=c.forwardRef((t,l)=>{const{icon:i,title:n,onButtonAction:o=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:s,buttonText:w,limit:g=3,isLoading:v=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?s==null?void 0:s.map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(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,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a)):s==null?void 0:s.slice(0,g).map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(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,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a))}),[s]);return r.jsxs(q.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:n})]}),u.isDefinedNotEmptyString(m)&&r.jsx(x,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),o(m)},borderRadius:"curved",className:"button-link",children:w})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:v,limit:g,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;
+`,$=c.forwardRef((t,l)=>{const{title:i,imageUrl:n,text:o,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(b,{ref:l,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:n}),r.jsxs(w,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:o})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(w,{})]})),P=({limit:t=3,isLoading:l=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(n,o)=>r.jsx(I,{isLoading:l},`${i}-skeleton-product-card-${o}`))}),T=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:n,keyPrefix:o})=>r.jsx(c.Suspense,{fallbackComponent:l,children:i===!0?r.jsx(P,{isLoading:i,limit:n,keyPrefix:o}):t}),j=c.memo($),_=c.forwardRef((t,l)=>{const{icon:i,title:n,onButtonAction:o=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:s,buttonText:y,limit:g=3,isLoading:v=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?s==null?void 0:s.map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(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,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a)):s==null?void 0:s.slice(0,g).map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(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,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a))}),[s]);return r.jsxs(q.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:n})]}),u.isDefinedNotEmptyString(m)&&r.jsx(x,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),o(m)},borderRadius:"curved",className:"button-link",children:y})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:v,limit:g,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;

package/dist/BlogsSectionSimple.js

@@ -161,7 +161,7 @@ const E = h.div`
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (e) => {
             var d;
             (d = e == null ? void 0 : e.target) == null || d.blur(), l(s);

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-CZynEOC_.cjs"),w=require("./Button.cjs"),b=require("./index-BvSNRLNa.cjs"),j=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-CZynEOC_.cjs"),w=require("./Button.cjs"),b=require("./index-BvSNRLNa.cjs"),j=u.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -26,6 +26,7 @@
   & button {
     width: fit-content;
     margin-top: auto;
+    color: var(--gray-950, #14161a);
   }
 
   & img {
@@ -74,4 +75,4 @@
     color: var(--gray-700, #4e555f);
     ${m.truncateTextInRows(3)}
   }
-`,g=l.forwardRef((i,n)=>{const{title:r,image:o,text:a,buttonText:d,onCardClick:s}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:s,children:[t.jsx(b.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:a})]}),t.jsx(w,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:d})]})}),k=l.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),C=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,a)=>t.jsx(k,{isLoading:n},`${r}-skeleton-product-card-${a}`))}),y=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:a})=>t.jsx(l.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(C,{isLoading:r,limit:o,keyPrefix:a}):i}),v=l.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:a=()=>{},isLoading:d=!1}=i,s=x.useDetectMobile();return t.jsx(j,{ref:n,limit:o,children:t.jsx(y,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:s===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c))})})})});module.exports=v;
+`,g=s.forwardRef((i,n)=>{const{title:r,image:o,text:a,buttonText:d,onCardClick:l}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:l,children:[t.jsx(b.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:a})]}),t.jsx(w,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:l,size:"medium",children:d})]})}),k=s.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),C=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,a)=>t.jsx(k,{isLoading:n},`${r}-skeleton-product-card-${a}`))}),y=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:a})=>t.jsx(s.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(C,{isLoading:r,limit:o,keyPrefix:a}):i}),v=s.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:a=()=>{},isLoading:d=!1}=i,l=x.useDetectMobile();return t.jsx(j,{ref:n,limit:o,children:t.jsx(y,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:l===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c))})})})});module.exports=v;

package/dist/BlogsSectionSimpleCentered.js

@@ -34,6 +34,7 @@ const $ = g.div`
   & button {
     width: fit-content;
     margin-top: auto;
+    color: var(--gray-950, #14161a);
   }
 
   & img {

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-CZynEOC_.cjs"),M=require("./style-JqDQj4jh.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BvSNRLNa.cjs"),I=require("./index-C1DkD2ug.cjs"),P=p.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-CZynEOC_.cjs"),M=require("./style-JqDQj4jh.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BvSNRLNa.cjs"),I=require("./index-DCFJmN23.cjs"),P=p.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -77,4 +77,4 @@
     color: var(--gray-700, #4e555f);
     ${c.truncateTextInRows(3)}
   }
-`,_=d.forwardRef((i,s)=>{const{title:o,imageUrl:a,text:r,buttonText:u,onCardClick:l}=i;return e.jsxs(k,{ref:s,className:"blog-card",onClick:l,children:[e.jsxs(v,{children:[e.jsx("div",{className:"text-wr-title",children:o}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(W,{color:"gray",onClick:l,children:u})]}),e.jsx(A.ProductImageWrapper,{src:a})]})}),z=d.forwardRef(({},i)=>e.jsxs(k,{className:"blog-card",children:[e.jsxs(v,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),E=({limit:i=3,isLoading:s=!1,keyPrefix:o})=>e.jsx(e.Fragment,{children:Array.from({length:i},(a,r)=>e.jsx(z,{isLoading:s},`${o}-skeleton-product-card-${r}`))}),F=({children:i,fallbackComponent:s=e.jsx(e.Fragment,{}),isLoading:o=!1,limit:a,keyPrefix:r})=>e.jsx(d.Suspense,{fallbackComponent:s,children:o===!0?e.jsx(E,{isLoading:o,limit:a,keyPrefix:r}):i}),f=d.memo(_),O=d.forwardRef((i,s)=>{const{icon:o,title:a,items:r,buttonText:u,limit:l=3,options:m,selectedOption:y=[],onButtonAction:S=()=>{},buttonLink:x,onSelectOption:b=()=>{},onSelectAll:N=()=>{},isLoading:C=!1,onSelectCard:g=()=>{},productsToolbarName:q="All",allButton:T=!1}=i,j=B.useDetectMobile(),$=d.useMemo(()=>{var n;return e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h)):(n=r==null?void 0:r.slice(0,l))==null?void 0:n.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h))})},[r,j,l,g]);return e.jsxs(M.TitleWithOptionsSectionWrapper,{ref:s,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(o)&&e.jsx("i",{className:o}),e.jsx("span",{children:a})]}),c.isDefinedNotEmptyString(x)&&e.jsx(R,{type:"button",btnType:"tinted",color:"gray",onClick:n=>{var t;(t=n==null?void 0:n.target)==null||t.blur(),S(x)},borderRadius:"curved",children:u})]}),(m==null?void 0:m.length)>0&&e.jsx(I.SelectBar,{items:m,selectedIds:y,onRemove:n=>{b(n)},onSelect:n=>{b(n)},onSelectAll:N,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q,allButton:T}),e.jsx(P,{limit:l,children:e.jsx(F,{isLoading:C,limit:l,keyPrefix:"explore-landing",children:$})})]})});module.exports=O;
+`,_=d.forwardRef((i,s)=>{const{title:o,imageUrl:a,text:r,buttonText:u,onCardClick:l}=i;return e.jsxs(k,{ref:s,className:"blog-card",onClick:l,children:[e.jsxs(v,{children:[e.jsx("div",{className:"text-wr-title",children:o}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(W,{color:"gray",onClick:l,children:u})]}),e.jsx(A.ProductImageWrapper,{src:a})]})}),z=d.forwardRef(({},i)=>e.jsxs(k,{className:"blog-card",children:[e.jsxs(v,{children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"text-wr"}),e.jsx("div",{className:"skeleton-action"})]}),e.jsx("div",{className:"skeleton-img"})]})),E=({limit:i=3,isLoading:s=!1,keyPrefix:o})=>e.jsx(e.Fragment,{children:Array.from({length:i},(a,r)=>e.jsx(z,{isLoading:s},`${o}-skeleton-product-card-${r}`))}),F=({children:i,fallbackComponent:s=e.jsx(e.Fragment,{}),isLoading:o=!1,limit:a,keyPrefix:r})=>e.jsx(d.Suspense,{fallbackComponent:s,children:o===!0?e.jsx(E,{isLoading:o,limit:a,keyPrefix:r}):i}),f=d.memo(_),O=d.forwardRef((i,s)=>{const{icon:o,title:a,items:r,buttonText:u,limit:l=3,options:m,selectedOption:y=[],onButtonAction:S=()=>{},buttonLink:x,onSelectOption:b=()=>{},onSelectAll:N=()=>{},isLoading:C=!1,onSelectCard:g=()=>{},productsToolbarName:q="All",allButton:T=!1}=i,j=B.useDetectMobile(),$=d.useMemo(()=>{var n;return e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h)):(n=r==null?void 0:r.slice(0,l))==null?void 0:n.map((t,h)=>e.jsx(f,{title:t==null?void 0:t.title,imageUrl:(t==null?void 0:t.image)||null,text:t==null?void 0:t.text,buttonText:t==null?void 0:t.buttonText,onCardClick:()=>g(t)},h))})},[r,j,l,g]);return e.jsxs(M.TitleWithOptionsSectionWrapper,{ref:s,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(o)&&e.jsx("i",{className:o}),e.jsx("span",{children:a})]}),c.isDefinedNotEmptyString(x)&&e.jsx(R,{type:"button",btnType:"tinted",color:"neutral",onClick:n=>{var t;(t=n==null?void 0:n.target)==null||t.blur(),S(x)},borderRadius:"curved",children:u})]}),(m==null?void 0:m.length)>0&&e.jsx(I.SelectBar,{items:m,selectedIds:y,onRemove:n=>{b(n)},onSelect:n=>{b(n)},onSelectAll:N,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q,allButton:T}),e.jsx(P,{limit:l,children:e.jsx(F,{isLoading:C,limit:l,keyPrefix:"explore-landing",children:$})})]})});module.exports=O;

package/dist/BlogsSectionWithFilters.js

@@ -1,14 +1,14 @@
-import { jsxs as m, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as h } from "react/jsx-runtime";
 import { forwardRef as f, Suspense as A, memo as I, useMemo as O } from "react";
 import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-BuFChS64.js";
 import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as h, p as j, k as y } from "./utils-BbgAIA9N.js";
+import { o as u, p as j, k as S } from "./utils-BbgAIA9N.js";
 import { T as E } from "./style-08foMKSd.js";
 import F from "./Button.js";
 import L from "./Link.js";
 import { P as U } from "./index-YGcWbzeb.js";
-import { S as _ } from "./index-CQLF61YV.js";
+import { S as _ } from "./index-BgRyIsRu.js";
 const D = b.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
@@ -50,7 +50,7 @@ const D = b.div`
     min-height: 3.3125rem;
     max-height: 3.3125rem;
     border-radius: 0.75rem;
-    background-color: ${h("-90deg")};
+    background-color: ${u("-90deg")};
   }
 
   & a {
@@ -73,13 +73,13 @@ const D = b.div`
   & .skeleton-title {
     height: 1.5rem;
     width: 80%;
-    background-color: ${h("-90deg")};
+    background-color: ${u("-90deg")};
   }
 
   & .skeleton-action {
     height: 1.25rem;
     width: 20%;
-    background-color: ${h("-90deg")};
+    background-color: ${u("-90deg")};
   }
 
   & .text-wr {
@@ -105,7 +105,7 @@ const D = b.div`
     /* @__PURE__ */ t("div", { className: "skeleton-action" })
   ] }),
   /* @__PURE__ */ t("div", { className: "skeleton-img" })
-] })), K = ({ limit: i = 3, isLoading: a = !1, keyPrefix: l }) => /* @__PURE__ */ t(u, { children: Array.from({ length: i }, (d, r) => /* @__PURE__ */ t(
+] })), K = ({ limit: i = 3, isLoading: a = !1, keyPrefix: l }) => /* @__PURE__ */ t(h, { children: Array.from({ length: i }, (d, r) => /* @__PURE__ */ t(
   H,
   {
     isLoading: a
@@ -113,7 +113,7 @@ const D = b.div`
   `${l}-skeleton-product-card-${r}`
 )) }), X = ({
   children: i,
-  fallbackComponent: a = /* @__PURE__ */ t(u, {}),
+  fallbackComponent: a = /* @__PURE__ */ t(h, {}),
   isLoading: l = !1,
   limit: d,
   keyPrefix: r
@@ -124,7 +124,7 @@ const D = b.div`
     limit: d,
     keyPrefix: r
   }
-) : i }), S = I(G), le = f((i, a) => {
+) : i }), y = I(G), le = f((i, a) => {
   const {
     icon: l,
     title: d,
@@ -147,8 +147,8 @@ const D = b.div`
     allButton: P = !1
   } = i, w = R(), z = O(() => {
     var o;
-    return /* @__PURE__ */ t(u, { children: w === !0 ? r == null ? void 0 : r.map((e, g) => /* @__PURE__ */ t(
-      S,
+    return /* @__PURE__ */ t(h, { children: w === !0 ? r == null ? void 0 : r.map((e, g) => /* @__PURE__ */ t(
+      y,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
@@ -158,7 +158,7 @@ const D = b.div`
       },
       g
     )) : (o = r == null ? void 0 : r.slice(0, n)) == null ? void 0 : o.map((e, g) => /* @__PURE__ */ t(
-      S,
+      y,
       {
         title: e == null ? void 0 : e.title,
         imageUrl: (e == null ? void 0 : e.image) || null,
@@ -172,15 +172,15 @@ const D = b.div`
   return /* @__PURE__ */ m(E, { ref: a, children: [
     /* @__PURE__ */ m("div", { className: "regular-title", children: [
       /* @__PURE__ */ m("div", { className: "regular-title-text", children: [
-        y(l) && /* @__PURE__ */ t("i", { className: l }),
+        S(l) && /* @__PURE__ */ t("i", { className: l }),
         /* @__PURE__ */ t("span", { children: d })
       ] }),
-      y(k) && /* @__PURE__ */ t(
+      S(k) && /* @__PURE__ */ t(
         F,
         {
           type: "button",
           btnType: "tinted",
-          color: "gray",
+          color: "neutral",
           onClick: (o) => {
             var e;
             (e = o == null ? void 0 : o.target) == null || e.blur(), B(k);

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),c=require("./utils-CZynEOC_.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),h=o.styled.div`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),m=require("./utils-CZynEOC_.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),h=o.styled.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -24,14 +24,14 @@
   }
 `,_=o.styled.div`
   width: 7.5rem;
-  height: 7.5rem;
-  background: ${c.linearGradientAnimation("-90deg")};
+  height: 3.5rem;
+  background: ${m.linearGradientAnimation("-90deg")};
 
   @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
-`,m=p.forwardRef(({imageComponent:t,image:i,onSelectCard:r},n)=>e.jsx(h,{children:c.isDefined(t)?t:e.jsx("img",{src:i,className:"wrapper__image",onClick:r})})),g=p.forwardRef(({},t)=>e.jsx(_,{})),w=o.styled.div`
+`,g=p.forwardRef(({imageComponent:t,image:i,onSelectCard:a},l)=>e.jsx(h,{children:m.isDefined(t)?t:e.jsx("img",{src:i,className:"wrapper__image",onClick:a})})),w=p.forwardRef(({},t)=>e.jsx(_,{})),x=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -44,12 +44,12 @@
   & .wrapper__heading {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 0.5rem;
     text-align: center;
     width: 100%;
 
     & .wrapper__title {
-      color: var(--gray-950, #14161a);
+      color: var(--navy-900, #0c1520);
       text-align: center;
       font-size: 1.5rem;
       font-style: normal;
@@ -59,11 +59,11 @@
     }
 
     & .wrapper__subtitle {
-      color: var(---gray-600, #676e79);
-      font-size: 0.875rem;
+      color: var(--navy-500, #7a8594);
+      font-size: 1rem;
       font-style: normal;
-      font-weight: 400;
-      line-height: 1.25rem;
+      font-weight: 500;
+      line-height: 1.5rem;
       letter-spacing: 0.25px;
     }
   }
@@ -91,4 +91,4 @@
       }
     }
   }
-`,x=p.forwardRef(({title:t,subtitle:i,items:r=[],onSelectCard:n=()=>{}},f)=>{var l;return e.jsx(w,{children:e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),i&&e.jsx("div",{className:"wrapper__subtitle",children:i}),e.jsx("div",{className:"wrapper__content",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((a,s)=>e.jsx(m,{image:a==null?void 0:a.image,imageComponent:a==null?void 0:a.imageComponent,onSelectCard:()=>n==null?void 0:n(a),className:"wrapper__item"},`brand-hit-card__${s+1}`)):(l=Array.from("12345"))==null?void 0:l.map((a,s)=>e.jsx(g,{},`brand-hit-card-skeleton__${s+1}`))})]})})});module.exports=x;
+`,f=p.forwardRef(({title:t,subtitle:i,items:a=[],isLoading:l=!1,onSelectCard:n=()=>{}},u)=>{var c;return e.jsxs(x,{children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),i&&e.jsx("div",{className:"wrapper__subtitle",children:i})]}),e.jsx("div",{className:"wrapper__content",children:l?(c=Array.from("12345"))==null?void 0:c.map((r,s)=>e.jsx(w,{},`brand-hit-card-skeleton__${s+1}`)):a==null?void 0:a.map((r,s)=>e.jsx(g,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,onSelectCard:()=>n==null?void 0:n(r),className:"wrapper__item"},`brand-hit-card__${s+1}`))})]})});module.exports=f;

package/dist/BrandHitsSection.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { o as c, l as s } from "./utils-BbgAIA9N.js";
-import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as l } from "./consts-BuFChS64.js";
-const g = d.div`
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { o as c, l as _ } from "./utils-BbgAIA9N.js";
+import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as d } from "./consts-BuFChS64.js";
+const g = o.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -17,7 +17,7 @@ const g = d.div`
     height: auto;
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${d + "px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -27,18 +27,18 @@ const g = d.div`
       height: auto;
     }
   }
-`, _ = d.div`
+`, w = o.div`
   width: 7.5rem;
-  height: 7.5rem;
+  height: 3.5rem;
   background: ${c("-90deg")};
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${d + "px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
-`, w = o(
-  ({ imageComponent: t, image: i, onSelectCard: r }, n) => /* @__PURE__ */ e(g, { children: s(t) ? t : /* @__PURE__ */ e("img", { src: i, className: "wrapper__image", onClick: r }) })
-), f = o(({}, t) => /* @__PURE__ */ e(_, {})), x = d.div`
+`, f = m(
+  ({ imageComponent: a, image: i, onSelectCard: t }, l) => /* @__PURE__ */ r(g, { children: _(a) ? a : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image", onClick: t }) })
+), x = m(({}, a) => /* @__PURE__ */ r(w, {})), u = o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -51,12 +51,12 @@ const g = d.div`
   & .wrapper__heading {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 0.5rem;
     text-align: center;
     width: 100%;
 
     & .wrapper__title {
-      color: var(--gray-950, #14161a);
+      color: var(--navy-900, #0c1520);
       text-align: center;
       font-size: 1.5rem;
       font-style: normal;
@@ -66,11 +66,11 @@ const g = d.div`
     }
 
     & .wrapper__subtitle {
-      color: var(---gray-600, #676e79);
-      font-size: 0.875rem;
+      color: var(--navy-500, #7a8594);
+      font-size: 1rem;
       font-style: normal;
-      font-weight: 400;
-      line-height: 1.25rem;
+      font-weight: 500;
+      line-height: 1.5rem;
       letter-spacing: 0.25px;
     }
   }
@@ -87,7 +87,7 @@ const g = d.div`
     }
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${d + "px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -98,30 +98,32 @@ const g = d.div`
       }
     }
   }
-`, k = o(
-  ({ title: t, subtitle: i, items: r = [], onSelectCard: n = () => {
-  } }, u) => {
-    var m;
-    return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
-      t && /* @__PURE__ */ e("div", { className: "wrapper__title", children: t }),
-      i && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: i }),
-      /* @__PURE__ */ e("div", { className: "wrapper__content", children: r && (r == null ? void 0 : r.length) > 0 ? r == null ? void 0 : r.map((a, p) => /* @__PURE__ */ e(
-        w,
+`, B = m(
+  ({ title: a, subtitle: i, items: t = [], isLoading: l = !1, onSelectCard: n = () => {
+  } }, v) => {
+    var s;
+    return /* @__PURE__ */ h(u, { children: [
+      /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
+        a && /* @__PURE__ */ r("div", { className: "wrapper__title", children: a }),
+        i && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: i })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "wrapper__content", children: l ? (s = Array.from("12345")) == null ? void 0 : s.map((e, p) => /* @__PURE__ */ r(
+        x,
+        {},
+        `brand-hit-card-skeleton__${p + 1}`
+      )) : t == null ? void 0 : t.map((e, p) => /* @__PURE__ */ r(
+        f,
         {
-          image: a == null ? void 0 : a.image,
-          imageComponent: a == null ? void 0 : a.imageComponent,
-          onSelectCard: () => n == null ? void 0 : n(a),
+          image: e == null ? void 0 : e.image,
+          imageComponent: e == null ? void 0 : e.imageComponent,
+          onSelectCard: () => n == null ? void 0 : n(e),
           className: "wrapper__item"
         },
         `brand-hit-card__${p + 1}`
-      )) : (m = Array.from("12345")) == null ? void 0 : m.map((a, p) => /* @__PURE__ */ e(
-        f,
-        {},
-        `brand-hit-card-skeleton__${p + 1}`
       )) })
-    ] }) });
+    ] });
   }
 );
 export {
-  k as default
+  B as default
 };

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CZynEOC_.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CZynEOC_.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};

package/dist/Breadcrumbs.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as u, Fragment as A } from "react/jsx-runtime";
 import { forwardRef as N, useState as O } from "react";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as P, b as S } from "./utils-BbgAIA9N.js";
 import v from "./Icon.js";

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),w=require("react"),l=require("./index-BPVoEhTF.cjs"),k=require("./index-DAOBjHnD.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
+"use strict";const n=require("react/jsx-runtime"),w=require("react"),l=require("./index-BpbMKBf_.cjs"),k=require("./index-DA7SIHV1.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/Button.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as W, Fragment as E } from "react/jsx-runtime";
 import { forwardRef as q } from "react";
-import { P as o } from "./index-S5Cd7WrG.js";
-import { i as T } from "./index-BlxaTV-D.js";
+import { P as o } from "./index-CblbdqjE.js";
+import { i as T } from "./index-6RFrSPs_.js";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as z, b as t, d as r, h as I, e as v, a as A } from "./utils-BbgAIA9N.js";
 import w from "./Icon.js";

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BpbMKBf_.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { b as o, a as b } from "./utils-BbgAIA9N.js";
 import { u as l } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const s = i.div`

package/dist/CalorieCalculatorSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-CZynEOC_.cjs"),D=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BpbMKBf_.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-CZynEOC_.cjs"),D=b.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/CalorieCalculatorSection.js

@@ -3,7 +3,7 @@ import { forwardRef as w, useState as N, useRef as Y } from "react";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-BuFChS64.js";
 import S from "./Button.js";
-import { P as G } from "./index-S5Cd7WrG.js";
+import { P as G } from "./index-CblbdqjE.js";
 import A from "./RangeSlider.js";
 import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";

package/dist/CheckBoxInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BPVoEhTF.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BpbMKBf_.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

package/dist/CheckBoxInput.js

@@ -1,6 +1,6 @@
 import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as g, c as L, b as n, a as N, e as x } from "./utils-BbgAIA9N.js";
 import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/Chip.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-CZynEOC_.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BpbMKBf_.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-CZynEOC_.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
   cursor: pointer;
   display: inline-flex;
   height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};

package/dist/Chip.js

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
-import { P as a } from "./index-S5Cd7WrG.js";
+import { P as a } from "./index-CblbdqjE.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-BbgAIA9N.js";
 import W from "./Avatar.js";

package/dist/ColorInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),n=require("./utils-CZynEOC_.cjs"),N=require("./index-DaiUAQVF.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),R=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 1rem)`,L=P.styled.label`
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BpbMKBf_.cjs"),n=require("./utils-CZynEOC_.cjs"),N=require("./index-Cp66dWMi.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),R=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 1rem)`,L=P.styled.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;