@lanaco/lnc-react-ui 4.0.85 → 4.0.86

package/dist/BlogsSectionSimple.cjs

@@ -1,12 +1,12 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-CtNoHdBj.cjs"),C=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-Cz7P2Zok.cjs"),N=require("./style-C571ywKV.cjs"),q=require("./Button.cjs"),x=require("./Link.cjs"),R=require("./index-CrQCfnN4.cjs"),B=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-CtNoHdBj.cjs"),N=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-DhRHf5Ed.cjs"),x=require("./style-C571ywKV.cjs"),q=require("./Button.cjs"),R=require("./Link.cjs"),M=require("./index-BVaZWq6y.cjs"),B=p.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,S=p.styled.div`
+`,y=p.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -46,9 +46,9 @@
     margin-top: auto;
   }
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
   }
-`,y=p.styled.div`
+`,b=p.styled.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -68,4 +68,4 @@
     color: var(--gray-700, #4e555f);
     ${m.truncateTextInRows(3)}
   }
-`,M=a.forwardRef((t,o)=>{const{title:i,imageUrl:s,text:l,onCardClick:c,readMoreText:d="Read more"}=t;return r.jsxs(S,{ref:o,className:"blog-card",onClick:c,children:[r.jsx(R.ProductImageWrapper,{src:s}),r.jsxs(y,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:l})]}),r.jsx(x,{className:"action",color:"gray",onClick:c,children:d})]})}),$=a.forwardRef(({},t)=>r.jsxs(S,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(y,{})]})),I=({limit:t=3,isLoading:o=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(s,l)=>r.jsx($,{isLoading:o},`${i}-skeleton-product-card-${l}`))}),P=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:s,keyPrefix:l})=>r.jsx(a.Suspense,{fallbackComponent:o,children:i===!0?r.jsx(I,{isLoading:i,limit:s,keyPrefix:l}):t}),f=a.memo(M),_=a.forwardRef((t,o)=>{const{icon:i,title:s,onButtonAction:l=()=>{},onSelectCard:c=()=>{},buttonLink:d,items:n,buttonText:b,limit:u=3,isLoading:v=!1,getImage:h=()=>{}}=t,w=C.useDetectMobile(),k=a.useMemo(()=>r.jsx(r.Fragment,{children:w===!0?n==null?void 0:n.map((e,g)=>r.jsx(f,{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,onCardClick:()=>c(e==null?void 0:e.titleSlug)},g)):n==null?void 0:n.slice(0,u).map((e,g)=>r.jsx(f,{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,onCardClick:()=>c(e==null?void 0:e.titleSlug)},g))}),[n]);return r.jsxs(N.RegulatTitleSectionWrapper,{ref:o,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[m.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:s})]}),m.isDefinedNotEmptyString(d)&&r.jsx(q,{type:"button",btnType:"tinted",color:"gray",onClick:()=>l(d),borderRadius:"curved",children:b})]}),r.jsx(B,{limit:u,children:r.jsx(P,{isLoading:v,limit:u,keyPrefix:"explore-landing",children:k})})]})});module.exports=_;
+`,$=a.forwardRef((t,o)=>{const{title:i,imageUrl:s,text:l,onCardClick:c,readMoreText:d="Read more"}=t;return r.jsxs(y,{ref:o,className:"blog-card",onClick:c,children:[r.jsx(M.ProductImageWrapper,{src:s}),r.jsxs(b,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:l})]}),r.jsx(R,{className:"action",color:"gray",onClick:c,children:d})]})}),I=a.forwardRef(({},t)=>r.jsxs(y,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(b,{})]})),P=({limit:t=3,isLoading:o=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(s,l)=>r.jsx(I,{isLoading:o},`${i}-skeleton-product-card-${l}`))}),T=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:s,keyPrefix:l})=>r.jsx(a.Suspense,{fallbackComponent:o,children:i===!0?r.jsx(P,{isLoading:i,limit:s,keyPrefix:l}):t}),j=a.memo($),_=a.forwardRef((t,o)=>{const{icon:i,title:s,onButtonAction:l=()=>{},onSelectCard:c=()=>{},buttonLink:d,items:n,buttonText:v,limit:u=3,isLoading:w=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=a.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?n==null?void 0:n.map((e,g)=>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:()=>c(e==null?void 0:e.titleSlug)},g)):n==null?void 0:n.slice(0,u).map((e,g)=>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:()=>c(e==null?void 0:e.titleSlug)},g))}),[n]);return r.jsxs(x.RegulatTitleSectionWrapper,{ref:o,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[m.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:s})]}),m.isDefinedNotEmptyString(d)&&r.jsx(q,{type:"button",btnType:"tinted",color:"gray",onClick:()=>l(d),borderRadius:"curved",children:v})]}),r.jsx(B,{limit:u,children:r.jsx(T,{isLoading:w,limit:u,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;

package/dist/BlogsSectionSimple.js

@@ -1,22 +1,22 @@
 import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
-import { forwardRef as u, Suspense as B, memo as M, useMemo as P } from "react";
+import { forwardRef as u, Suspense as B, memo as P, useMemo as R } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as b } from "./consts-C1uHV4xc.js";
-import { u as R } from "./useDetectMobile-BC6EGaBc.js";
-import { m as T, t as I, k as v } from "./utils-ChqiSgoC.js";
-import { R as U } from "./style-CsMpu4iC.js";
-import W from "./Button.js";
-import z from "./Link.js";
-import { P as j } from "./index-CAUvgabx.js";
-const A = h.div`
+import { M as k } from "./consts-C1uHV4xc.js";
+import { u as T } from "./useDetectMobile-BC6EGaBc.js";
+import { m as I, t as U, k as S } from "./utils-BE-UlkKf.js";
+import { R as W } from "./style-CsMpu4iC.js";
+import z from "./Button.js";
+import j from "./Link.js";
+import { P as A } from "./index-Ca38iPjf.js";
+const E = h.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${k + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, k = h.div`
+`, w = h.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -48,7 +48,7 @@ const A = h.div`
     width: 100%;
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    background-color: ${T("-90deg")};
+    background-color: ${I("-90deg")};
   }
 
   & .action {
@@ -56,9 +56,9 @@ const A = h.div`
     margin-top: auto;
   }
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${k + "px"}) {
   }
-`, w = h.div`
+`, y = h.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -76,45 +76,45 @@ const A = h.div`
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${I(3)}
+    ${U(3)}
   }
-`, E = u((t, o) => {
+`, L = u((t, o) => {
   const { title: i, imageUrl: n, text: l, onCardClick: d, readMoreText: c = "Read more" } = t;
-  return /* @__PURE__ */ m(k, { ref: o, className: "blog-card", onClick: d, children: [
-    /* @__PURE__ */ r(j, { src: n }),
-    /* @__PURE__ */ m(w, { children: [
+  return /* @__PURE__ */ m(w, { ref: o, className: "blog-card", onClick: d, children: [
+    /* @__PURE__ */ r(A, { src: n }),
+    /* @__PURE__ */ m(y, { children: [
       /* @__PURE__ */ r("div", { className: "text-wr-title", children: i }),
       /* @__PURE__ */ r("div", { className: "text-wr", children: l })
     ] }),
-    /* @__PURE__ */ r(z, { className: "action", color: "gray", onClick: d, children: c })
+    /* @__PURE__ */ r(j, { className: "action", color: "gray", onClick: d, children: c })
   ] });
-}), L = u(({}, t) => (
+}), _ = u(({}, t) => (
   // <LandingPageClearProductCardSkeleton />
-  /* @__PURE__ */ m(k, { className: "product-card", children: [
+  /* @__PURE__ */ m(w, { className: "product-card", children: [
     /* @__PURE__ */ r("div", { className: "skeleton-img" }),
     /* @__PURE__ */ r("div", { className: "card-title" }),
-    /* @__PURE__ */ r(w, {})
+    /* @__PURE__ */ r(y, {})
   ] })
-)), _ = ({ limit: t = 3, isLoading: o = !1, keyPrefix: i }) => /* @__PURE__ */ r(g, { children: Array.from({ length: t }, (n, l) => /* @__PURE__ */ r(
-  L,
+)), D = ({ limit: t = 3, isLoading: o = !1, keyPrefix: i }) => /* @__PURE__ */ r(g, { children: Array.from({ length: t }, (n, l) => /* @__PURE__ */ r(
+  _,
   {
     isLoading: o
   },
   `${i}-skeleton-product-card-${l}`
-)) }), D = ({
+)) }), G = ({
   children: t,
   fallbackComponent: o = /* @__PURE__ */ r(g, {}),
   isLoading: i = !1,
   limit: n,
   keyPrefix: l
 }) => /* @__PURE__ */ r(B, { fallbackComponent: o, children: i === !0 ? /* @__PURE__ */ r(
-  _,
+  D,
   {
     isLoading: i,
     limit: n,
     keyPrefix: l
   }
-) : t }), S = M(E), V = u((t, o) => {
+) : t }), b = P(L), Y = u((t, o) => {
   const {
     icon: i,
     title: n,
@@ -124,54 +124,57 @@ const A = h.div`
     },
     buttonLink: c,
     items: a,
-    buttonText: y,
+    buttonText: C,
     limit: s = 3,
-    isLoading: C = !1,
+    isLoading: N = !1,
     getImage: f = () => {
-    }
-  } = t, N = R(), $ = P(() => /* @__PURE__ */ r(g, { children: N === !0 ? a == null ? void 0 : a.map((e, p) => /* @__PURE__ */ r(
-    S,
+    },
+    readMoreText: v = "Read more"
+  } = t, M = T(), $ = R(() => /* @__PURE__ */ r(g, { children: M === !0 ? a == null ? void 0 : a.map((e, p) => /* @__PURE__ */ r(
+    b,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: f(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: v,
       onCardClick: () => d(e == null ? void 0 : e.titleSlug)
     },
     p
   )) : a == null ? void 0 : a.slice(0, s).map((e, p) => /* @__PURE__ */ r(
-    S,
+    b,
     {
       title: e == null ? void 0 : e.title,
       imageUrl: f(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: v,
       onCardClick: () => d(e == null ? void 0 : e.titleSlug)
     },
     p
   )) }), [a]);
-  return /* @__PURE__ */ m(U, { ref: o, children: [
+  return /* @__PURE__ */ m(W, { ref: o, children: [
     /* @__PURE__ */ m("div", { className: "regular-title", children: [
       /* @__PURE__ */ m("div", { className: "regular-title-text", children: [
-        v(i) && /* @__PURE__ */ r("i", { className: i }),
+        S(i) && /* @__PURE__ */ r("i", { className: i }),
         /* @__PURE__ */ r("span", { children: n })
       ] }),
-      v(c) && /* @__PURE__ */ r(
-        W,
+      S(c) && /* @__PURE__ */ r(
+        z,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
           onClick: () => l(c),
           borderRadius: "curved",
-          children: y
+          children: C
         }
       )
     ] }),
-    /* @__PURE__ */ r(A, { limit: s, children: /* @__PURE__ */ r(
-      D,
+    /* @__PURE__ */ r(E, { limit: s, children: /* @__PURE__ */ r(
+      G,
       {
-        isLoading: C,
+        isLoading: N,
         limit: s,
         keyPrefix: "explore-landing",
         children: $
@@ -180,5 +183,5 @@ const A = h.div`
   ] });
 });
 export {
-  V as default
+  Y as default
 };

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-CtNoHdBj.cjs"),x=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-Cz7P2Zok.cjs"),w=require("./Button.cjs"),b=require("./index-CrQCfnN4.cjs"),j=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),x=require("./useDetectMobile-D6d5LpdL.cjs"),m=require("./utils-DhRHf5Ed.cjs"),w=require("./Button.cjs"),b=require("./index-BVaZWq6y.cjs"),j=u.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionSimpleCentered.js

@@ -3,9 +3,9 @@ import { forwardRef as p, Suspense as k } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-C1uHV4xc.js";
 import { u as C } from "./useDetectMobile-BC6EGaBc.js";
-import { m as f, t as v } from "./utils-ChqiSgoC.js";
+import { m as f, t as v } from "./utils-BE-UlkKf.js";
 import y from "./Button.js";
-import { P as S } from "./index-CAUvgabx.js";
+import { P as S } from "./index-Ca38iPjf.js";
 const $ = g.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-CtNoHdBj.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-Cz7P2Zok.cjs"),$=require("./style-C571ywKV.cjs"),T=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-CrQCfnN4.cjs"),R=require("./index-Dh4_OKr4.cjs"),W=h.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-CtNoHdBj.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-DhRHf5Ed.cjs"),$=require("./style-C571ywKV.cjs"),T=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-BVaZWq6y.cjs"),R=require("./index-rYeYJwuL.cjs"),W=h.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -20,6 +20,10 @@
   min-height: 10.375rem;
   max-height: 10.375rem;
 
+  &:hover {
+    cursor: pointer;
+  }
+
   & img {
     max-width: 3.3125rem;
     min-width: 3.3125rem;
@@ -73,4 +77,4 @@
     color: var(--gray-700, #4e555f);
     ${a.truncateTextInRows(3)}
   }
-`,I=c.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:m,onCardClick:s}=i;return e.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[e.jsxs(k,{children:[e.jsx("div",{className:"text-wr-title",children:n}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(B,{color:"gray",onClick:s,children:m})]}),e.jsx(M.ProductImageWrapper,{src:l})]})}),P=c.forwardRef(({},i)=>e.jsxs(w,{className:"blog-card",children:[e.jsxs(k,{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"})]})),_=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:i},(l,r)=>e.jsx(P,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),z=({children:i,fallbackComponent:o=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>e.jsx(c.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(_,{isLoading:n,limit:l,keyPrefix:r}):i}),b=c.memo(I),A=c.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:m,limit:s=3,options:d,selectedOption:y=[],onButtonAction:v=()=>{},buttonLink:p,onSelectOption:x=()=>{},onSelectAll:S=()=>{},isLoading:C=!1,onSelectCard:u=()=>{}}=i,j=q.useDetectMobile(),N=c.useMemo(()=>e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,g)=>e.jsx(b,{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:()=>u(t)},g)):r==null?void 0:r.slice(0,s).map((t,g)=>e.jsx(b,{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:()=>u(t)},g))}),[r,j,s,u]);return e.jsxs($.TitleWithOptionsSectionWrapper,{ref:o,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&e.jsx("i",{className:n}),e.jsx("span",{children:l})]}),a.isDefinedNotEmptyString(p)&&e.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:()=>v(p),borderRadius:"curved",children:m})]}),(d==null?void 0:d.length)>0&&e.jsx(R.SelectBar,{items:d,selectedIds:y,onRemove:t=>{x(t)},onSelect:t=>{x(t)},onSelectAll:S,labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(W,{limit:s,children:e.jsx(z,{isLoading:C,limit:s,keyPrefix:"explore-landing",children:N})})]})});module.exports=A;
+`,I=c.forwardRef((i,o)=>{const{title:n,imageUrl:l,text:r,buttonText:m,onCardClick:s}=i;return e.jsxs(w,{ref:o,className:"blog-card",onClick:s,children:[e.jsxs(k,{children:[e.jsx("div",{className:"text-wr-title",children:n}),e.jsx("div",{className:"text-wr",children:r}),e.jsx(B,{color:"gray",onClick:s,children:m})]}),e.jsx(M.ProductImageWrapper,{src:l})]})}),P=c.forwardRef(({},i)=>e.jsxs(w,{className:"blog-card",children:[e.jsxs(k,{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"})]})),_=({limit:i=3,isLoading:o=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:i},(l,r)=>e.jsx(P,{isLoading:o},`${n}-skeleton-product-card-${r}`))}),z=({children:i,fallbackComponent:o=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:l,keyPrefix:r})=>e.jsx(c.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(_,{isLoading:n,limit:l,keyPrefix:r}):i}),b=c.memo(I),A=c.forwardRef((i,o)=>{const{icon:n,title:l,items:r,buttonText:m,limit:s=3,options:d,selectedOption:v=[],onButtonAction:y=()=>{},buttonLink:p,onSelectOption:x=()=>{},onSelectAll:S=()=>{},isLoading:C=!1,onSelectCard:u=()=>{}}=i,j=q.useDetectMobile(),N=c.useMemo(()=>e.jsx(e.Fragment,{children:j===!0?r==null?void 0:r.map((t,g)=>e.jsx(b,{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:()=>u(t)},g)):r==null?void 0:r.slice(0,s).map((t,g)=>e.jsx(b,{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:()=>u(t)},g))}),[r,j,s,u]);return e.jsxs($.TitleWithOptionsSectionWrapper,{ref:o,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&e.jsx("i",{className:n}),e.jsx("span",{children:l})]}),a.isDefinedNotEmptyString(p)&&e.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:()=>y(p),borderRadius:"curved",children:m})]}),(d==null?void 0:d.length)>0&&e.jsx(R.SelectBar,{items:d,selectedIds:v,onRemove:t=>{x(t)},onSelect:t=>{x(t)},onSelectAll:S,labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(W,{limit:s,children:e.jsx(z,{isLoading:C,limit:s,keyPrefix:"explore-landing",children:N})})]})});module.exports=A;

package/dist/BlogsSectionWithFilters.js

@@ -3,12 +3,12 @@ import { forwardRef as u, Suspense as M, memo as P, useMemo as z } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as S } from "./consts-C1uHV4xc.js";
 import { u as I } from "./useDetectMobile-BC6EGaBc.js";
-import { m as g, t as A, k as v } from "./utils-ChqiSgoC.js";
+import { m as g, t as A, k as w } from "./utils-BE-UlkKf.js";
 import { T as O } from "./style-CsMpu4iC.js";
 import R from "./Button.js";
 import j from "./Link.js";
-import { P as E } from "./index-CAUvgabx.js";
-import { S as F } from "./index-B-rMBqRZ.js";
+import { P as E } from "./index-Ca38iPjf.js";
+import { S as F } from "./index-DmuZIVnC.js";
 const L = f.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
@@ -31,6 +31,10 @@ const L = f.div`
   min-height: 10.375rem;
   max-height: 10.375rem;
 
+  &:hover {
+    cursor: pointer;
+  }
+
   & img {
     max-width: 3.3125rem;
     min-width: 3.3125rem;
@@ -139,7 +143,7 @@ const L = f.div`
     isLoading: W = !1,
     onSelectCard: s = () => {
     }
-  } = i, w = I(), x = z(() => /* @__PURE__ */ t(h, { children: w === !0 ? r == null ? void 0 : r.map((e, p) => /* @__PURE__ */ t(
+  } = i, v = I(), x = z(() => /* @__PURE__ */ t(h, { children: v === !0 ? r == null ? void 0 : r.map((e, p) => /* @__PURE__ */ t(
     y,
     {
       title: e == null ? void 0 : e.title,
@@ -159,14 +163,14 @@ const L = f.div`
       onCardClick: () => s(e)
     },
     p
-  )) }), [r, w, a, s]);
+  )) }), [r, v, a, s]);
   return /* @__PURE__ */ n(O, { ref: l, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        v(o) && /* @__PURE__ */ t("i", { className: o }),
+        w(o) && /* @__PURE__ */ t("i", { className: o }),
         /* @__PURE__ */ t("span", { children: m })
       ] }),
-      v(b) && /* @__PURE__ */ t(
+      w(b) && /* @__PURE__ */ t(
         R,
         {
           type: "button",

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),c=require("./utils-Cz7P2Zok.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-CtNoHdBj.cjs"),h=o.styled.div`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),c=require("./utils-DhRHf5Ed.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-CtNoHdBj.cjs"),h=o.styled.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;

package/dist/BrandHitsSection.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { m as c, l as s } from "./utils-ChqiSgoC.js";
+import { m as c, l as s } from "./utils-BE-UlkKf.js";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as m } from "./consts-C1uHV4xc.js";
 const g = d.div`

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-Cz7P2Zok.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-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-DhRHf5Ed.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

@@ -2,7 +2,7 @@ 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 { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as P, b as S } from "./utils-ChqiSgoC.js";
+import { c as P, b as S } from "./utils-BE-UlkKf.js";
 import v from "./Icon.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = c.div`

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const l=require("react/jsx-runtime"),w=require("react"),o=require("./index-BPVoEhTF.cjs"),C=require("./index-DAOBjHnD.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-Cz7P2Zok.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),B={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"}},f=e=>`
+"use strict";const l=require("react/jsx-runtime"),w=require("react"),o=require("./index-BPVoEhTF.cjs"),C=require("./index-DAOBjHnD.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-DhRHf5Ed.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),B={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"}},f=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/Button.js

@@ -3,7 +3,7 @@ import { forwardRef as E } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
 import { i as y } from "./index-BlxaTV-D.js";
 import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as x, b as t, d as c, h as T, e as z, a as q } from "./utils-ChqiSgoC.js";
+import { c as x, b as t, d as c, h as T, e as z, a as q } from "./utils-BE-UlkKf.js";
 import j from "./Icon.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = {

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-Cz7P2Zok.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-BPVoEhTF.cjs"),o=require("./utils-DhRHf5Ed.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,7 +1,7 @@
 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 { b as o, a as b } from "./utils-ChqiSgoC.js";
+import { b as o, a as b } from "./utils-BE-UlkKf.js";
 import { u as l } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const s = i.div`
   display: inline-flex;

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-CtNoHdBj.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-Cz7P2Zok.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-CtNoHdBj.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-DhRHf5Ed.cjs"),D=b.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/CalorieCalculatorSection.js

@@ -9,7 +9,7 @@ import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";
 import X from "./IconButton.js";
 import Z from "./BannerSectionWithList.js";
-import { w as q } from "./utils-ChqiSgoC.js";
+import { w as q } from "./utils-BE-UlkKf.js";
 const J = y.div`
   display: flex;
   flex-direction: column;

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-Cz7P2Zok.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-BPVoEhTF.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-DhRHf5Ed.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

@@ -2,7 +2,7 @@ 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 { 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-ChqiSgoC.js";
+import { d as g, c as L, b as n, a as N, e as x } from "./utils-BE-UlkKf.js";
 import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.components.Checkbox.default.enabled.sizes[d]} / 2)`, T = j.label`
   -webkit-user-select: none;

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-Cz7P2Zok.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-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-DhRHf5Ed.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

@@ -2,7 +2,7 @@ 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 { 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-ChqiSgoC.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-BE-UlkKf.js";
 import W from "./Avatar.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const h = (e) => {

package/dist/ColorInput.cjs

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

package/dist/ColorInput.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as q } from "react/jsx-runtime";
 import { forwardRef as G, useState as R, useCallback as J } from "react";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { c as M, d, b as g, a as V, e as C, f as Q, h as X } from "./utils-ChqiSgoC.js";
+import { c as M, d, b as g, a as V, e as C, f as Q, h as X } from "./utils-BE-UlkKf.js";
 import { d as Y } from "./index-CkWvbrVT.js";
 import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as _ } from "./useUpdateEffect-CuYWz7EA.js";

package/dist/ConfirmationForm.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BPVoEhTF.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),u=require("./utils-Cz7P2Zok.cjs"),B=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.styled.div`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BPVoEhTF.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),u=require("./utils-DhRHf5Ed.cjs"),B=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.styled.div`
   display: flex;
   gap: 1rem;
   align-items: center;

package/dist/ConfirmationForm.js

@@ -3,7 +3,7 @@ import { forwardRef as S, cloneElement as E } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import m from "./Icon.js";
-import { b as d } from "./utils-ChqiSgoC.js";
+import { b as d } from "./utils-BE-UlkKf.js";
 import M from "./Modal.js";
 import { u as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const q = f.div`

package/dist/CustomLoanMapSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("react"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-CtNoHdBj.cjs"),f=require("./index-NPoFvaOb.cjs"),q=require("./index-CLi5dmE8.cjs"),L=C.styled.div`
+"use strict";const e=require("react/jsx-runtime"),h=require("react"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-CtNoHdBj.cjs"),f=require("./index-CWAifrDS.cjs"),q=require("./index-ZR5ws_qw.cjs"),L=C.styled.div`
   display: flex;
   gap: 2rem;
 

package/dist/CustomLoanMapSection.js

@@ -2,8 +2,8 @@ import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as L } from "./consts-C1uHV4xc.js";
-import { L as T } from "./index-BH4xYvWX.js";
-import { L as F } from "./index-BmmUDFl9.js";
+import { L as T } from "./index-B5bRol0l.js";
+import { L as F } from "./index-B69VVFyo.js";
 const M = C.div`
   display: flex;
   gap: 2rem;

package/dist/{CustomStyles-BEn7PPUw.js → CustomStyles-DSaRbYZg.js}

@@ -7,7 +7,7 @@ import { _ as Zt } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
 import { r as Pt } from "./index-64mXPFBC.js";
 import { a as Ht } from "./floating-ui.dom-B931An3C.js";
 import { i as Ve } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
-import { b as N, a as ue, g as Nt, d as te, x as Mt } from "./utils-ChqiSgoC.js";
+import { b as N, a as ue, g as Nt, d as te, x as Mt } from "./utils-BE-UlkKf.js";
 function We(n, e) {
   var i = Object.keys(n);
   if (Object.getOwnPropertySymbols) {