@lanaco/lnc-react-ui 4.0.157 → 4.0.161

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as m, useLayoutEffect as L } from "react";
-import { p as z, o as E, l as O, k as S } from "./utils-BdsZgOUE.js";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as c, useLayoutEffect as L } from "react";
+import { p as $, o as E, l as O, k as S } from "./utils-BdsZgOUE.js";
+import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as g } from "./consts-BuFChS64.js";
 import A from "./Icon.js";
 import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const T = f.div`
+const T = h.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -44,7 +44,7 @@ const T = f.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${z(2)}
+      ${$(2)}
     }
 
     & .wrapper__description {
@@ -54,7 +54,7 @@ const T = f.div`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${z(2)}
+      ${$(2)}
     }
   }
 
@@ -70,17 +70,19 @@ const T = f.div`
       }
     }
   }
-`, j = f.div`
+`, j = h.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${E("-90deg")};
-`, q = f.div`
+`, q = h.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.75rem;
   height: 100%;
+  max-width: 8rem;
+  min-width: 8rem;
 
   &:hover {
     cursor: pointer;
@@ -113,6 +115,8 @@ const T = f.div`
     font-style: normal;
     font-weight: 400;
     line-height: 1.5rem;
+    max-width: 8rem;
+    ${$(2)}
   }
 
   &.active {
@@ -123,6 +127,8 @@ const T = f.div`
   }
 
   @media (max-width: ${g + "px"}) {
+    max-width: unset;
+    min-width: unset;
     flex-direction: row;
     align-items: center;
     gap: 0.25rem;
@@ -157,9 +163,10 @@ const T = f.div`
       font-size: 0.875rem;
       line-height: 1.25rem;
       white-space: nowrap;
+      max-width: unset;
     }
   }
-`, R = f.div`
+`, R = h.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
@@ -169,7 +176,7 @@ const T = f.div`
     width: 7.5rem;
     height: 2.5rem;
   }
-`, B = m(({}, i) => /* @__PURE__ */ r(R, {})), D = m(
+`, B = c(({}, i) => /* @__PURE__ */ r(R, {})), D = c(
   ({ text: i, isActive: o = !1, icon: t, onSelectCard: a = () => {
   } }, s) => /* @__PURE__ */ l(
     q,
@@ -183,7 +190,7 @@ const T = f.div`
       ]
     }
   )
-), G = m(
+), G = c(
   ({
     image: i,
     imageComponent: o,
@@ -211,13 +218,13 @@ const T = f.div`
       }
     );
   }
-), H = m(({}, i) => /* @__PURE__ */ l(j, { children: [
+), H = c(({}, i) => /* @__PURE__ */ l(j, { children: [
   /* @__PURE__ */ r("div", { className: "wrapper__image" }),
   /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
     /* @__PURE__ */ r("div", { className: "wrapper__title" }),
     /* @__PURE__ */ r("div", { className: "wrapper__description" })
   ] })
-] })), P = f.div`
+] })), P = h.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -256,7 +263,6 @@ const T = f.div`
   & .wrapper__tags {
     display: flex;
     justify-content: center;
-    align-items: center;
     gap: 0.75rem;
   }
 
@@ -274,6 +280,8 @@ const T = f.div`
   }
 
   @media (max-width: ${g + "px"}) {
+    gap: 1rem;
+
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -298,7 +306,7 @@ const T = f.div`
       grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`, Y = m(
+`, Y = c(
   ({
     title: i,
     subtitle: o,
@@ -315,28 +323,28 @@ const T = f.div`
     },
     className: p
   }, C) => {
-    var $, N;
+    var N, z;
     return L(() => {
       if (!S(p))
         return;
       const e = () => {
-        const d = document.querySelector(`.${p} .wrapper__cards`), c = d.querySelectorAll(".wrapper__card");
-        c.forEach((w) => {
+        const d = document.querySelector(`.${p} .wrapper__cards`), m = d.querySelectorAll(".wrapper__card");
+        m.forEach((w) => {
           const M = w.getBoundingClientRect().height, F = Math.ceil((M + 10) / 20);
           w.style.gridRowEnd = `span ${F}`;
         });
-        const k = c == null ? void 0 : c[c.length - 1];
+        const k = m == null ? void 0 : m[m.length - 1];
         if (k) {
           const w = k.offsetTop + k.offsetHeight;
           d.style.height = `${w}px`;
         }
-      }, _ = document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");
-      let h = 0;
-      return _.length === 0 ? e() : (_.forEach((d) => {
-        d.complete ? h++ : d.addEventListener("load", () => {
-          h++, h === _.length && e();
+      }, f = document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");
+      let _ = 0;
+      return f.length === 0 ? e() : (f.forEach((d) => {
+        d.complete ? _++ : d.addEventListener("load", () => {
+          _++, _ === f.length && e();
         });
-      }), h === _.length && e()), window.addEventListener("resize", e), () => {
+      }), _ === f.length && e()), window.addEventListener("resize", e), () => {
         window.removeEventListener("resize", e);
       };
     }, [p, a]), /* @__PURE__ */ l(
@@ -363,7 +371,7 @@ const T = f.div`
               onSelectCard: () => y == null ? void 0 : y(e)
             },
             `field-of-interests-masonry-tag__${n + 1}`
-          )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ r(
+          )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ r(
             B,
             {},
             `field-of-interests-masonry-tag-skeleton__${n + 1}`
@@ -379,7 +387,7 @@ const T = f.div`
               className: "wrapper__card"
             },
             `field-of-interests-with-tags-card__${n + 1}`
-          )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ r(
+          )) : (z = Array.from("12345")) == null ? void 0 : z.map((e, n) => /* @__PURE__ */ r(
             H,
             {},
             `field-of-interests-with-tags-card-skeleton__${n + 1}`

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

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

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

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

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -163,6 +163,8 @@
   }
 
   @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+    gap: 1rem;
+
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -197,6 +197,8 @@ const W = c.div`
   }
 
   @media (max-width: ${v + "px"}) {
+    gap: 1rem;
+
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -240,7 +242,7 @@ const W = c.div`
     onSelectCard: _ = () => {
     }
   }, k) => {
-    var w, g;
+    var g, w;
     return /* @__PURE__ */ m(
       M,
       {
@@ -264,7 +266,7 @@ const W = c.div`
               onSelectCard: () => h == null ? void 0 : h(e)
             },
             `field-of-interests-with-tags-card-tag__${l + 1}`
-          )) : (w = Array.from("123")) == null ? void 0 : w.map((e, l) => /* @__PURE__ */ i(
+          )) : (g = Array.from("123")) == null ? void 0 : g.map((e, l) => /* @__PURE__ */ i(
             z,
             {},
             `field-of-interests-with-tags-card-tag-skeleton__${l + 1}`
@@ -279,7 +281,7 @@ const W = c.div`
               onSelectCard: () => _ == null ? void 0 : _(e)
             },
             `field-of-interests-with-tags-card__${l + 1}`
-          )) : (g = Array.from("123")) == null ? void 0 : g.map((e, l) => /* @__PURE__ */ i(
+          )) : (w = Array.from("123")) == null ? void 0 : w.map((e, l) => /* @__PURE__ */ i(
             E,
             {},
             `field-of-interests-with-tags-card-skeleton__${l + 1}`

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-lSjkOR95.cjs"),o=require("./utils-Dl9xPH4c.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-Db3VFbfP.cjs"),o=require("./utils-Dl9xPH4c.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/GiftCardsSection.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as k } from "./style-BLuyU97E.js";
+import { R as k } from "./style-DKAOBWn3.js";
 import { o as b, q as G, G as S, k as u } from "./utils-BdsZgOUE.js";
 import N from "./Button.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";

package/dist/MasonryGeneralCardsSection.cjs

@@ -137,8 +137,6 @@
   }
 
   @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
-    gap: 1.25rem;
-
     & .regular-title {
       font-size: 1.375rem;
 
@@ -160,7 +158,7 @@
   @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 1.25rem;
     width: 100%;
     height: 100%;
     max-height: 100%;

package/dist/MasonryGeneralCardsSection.js

@@ -1,4 +1,4 @@
-import { jsx as t, Fragment as w, jsxs as d } from "react/jsx-runtime";
+import { jsx as t, Fragment as w, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import b from "./Button.js";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
@@ -140,23 +140,23 @@ const y = s.div`
     onSelectCard: l = () => {
     },
     className: o,
-    position: m,
+    position: d,
     tag: g,
     backgroundColor: x
   }, u) => {
     const _ = v();
-    return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ m(
       y,
       {
         ref: u,
         theme: _,
         className: o,
-        position: m,
+        position: d,
         backgroundColor: x,
         onClick: l,
         children: [
           /* @__PURE__ */ t("img", { src: e, className: "wrapper__image" }),
-          /* @__PURE__ */ d("div", { className: "wrapper__text", children: [
+          /* @__PURE__ */ m("div", { className: "wrapper__text", children: [
             g && /* @__PURE__ */ t("div", { className: "text__tag", children: g }),
             /* @__PURE__ */ t("div", { className: "text__title", children: r }),
             h(i) && /* @__PURE__ */ t("div", { className: "text__description", children: i }),
@@ -197,8 +197,6 @@ const y = s.div`
   }
 
   @media (max-width: ${c + "px"}) {
-    gap: 1.25rem;
-
     & .regular-title {
       font-size: 1.375rem;
 
@@ -220,22 +218,22 @@ const y = s.div`
   @media (max-width: ${c + "px"}) {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 1.25rem;
     width: 100%;
     height: 100%;
     max-height: 100%;
   }
 `, I = f(
   ({ title: r, items: e, limit: i = 3, onSelectCard: a = () => {
-  } }, l) => /* @__PURE__ */ d($, { ref: l, children: [
+  } }, l) => /* @__PURE__ */ m($, { ref: l, children: [
     /* @__PURE__ */ t("div", { className: "regular-title", children: /* @__PURE__ */ t("div", { className: "regular-title-text", children: /* @__PURE__ */ t("span", { children: r }) }) }),
-    /* @__PURE__ */ t(N, { limit: i, children: e && (e == null ? void 0 : e.map((o, m) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t(N, { limit: i, children: e && (e == null ? void 0 : e.map((o, d) => /* @__PURE__ */ t(
       k,
       {
         ...o,
         onSelectCard: () => a(o)
       },
-      `landing-page-masonry-general-card__${m + 1}`
+      `landing-page-masonry-general-card__${d + 1}`
     ))) })
   ] })
 );

package/dist/MultiSelectDropdown.cjs

@@ -1 +1 @@
-"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-Ajyqx0cb.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M.default,{isMulti:!0,ref:l,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,className:c,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
+"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-BwHfr4iM.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M.default,{isMulti:!0,ref:l,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,className:c,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;

package/dist/MultiSelectDropdown.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-CblbdqjE.js";
 import { forwardRef as y, useCallback as h } from "react";
-import { a as M } from "./CustomStyles-DVcu00ul.js";
+import { a as M } from "./CustomStyles-iconSXFL.js";
 import { d as S } from "./index-Dt62UGku.js";
 import C from "./Dropdown.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/MultiSelectDropdownLookup.cjs

@@ -1 +1 @@
-"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-Ajyqx0cb.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:a="small",color:i="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M,{isMulti:!0,ref:l,styles:p||g.customStyles,size:a,color:i,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
+"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-BwHfr4iM.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:a="small",color:i="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M,{isMulti:!0,ref:l,styles:p||g.customStyles,size:a,color:i,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;

package/dist/MultiSelectDropdownLookup.js

@@ -1,7 +1,7 @@
 import { jsx as y } from "react/jsx-runtime";
 import { P as e } from "./index-CblbdqjE.js";
 import { forwardRef as g, useCallback as h } from "react";
-import { a as M } from "./CustomStyles-DVcu00ul.js";
+import { a as M } from "./CustomStyles-iconSXFL.js";
 import { d as S } from "./index-Dt62UGku.js";
 import C from "./DropdownLookup.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-lSjkOR95.cjs"),d=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-Db3VFbfP.cjs"),c=require("./utils-Dl9xPH4c.cjs"),N=require("./index-BueKsXT8.cjs"),$=f.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;
@@ -16,37 +16,30 @@
     object-fit: cover;
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
     height: 100%;
     min-height: 100%;
     max-height: 100%;
     aspect-ratio: 1 / 1;
+
+    & .product-card {
+      & img {
+        width: 100%;
+        height: 100%;
+        min-width: 100%;
+        min-height: 100%;
+      }
+    }
   }
-`,P=u.styled.div`
+`,I=f.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
-    display: flex;
-    gap: 1rem;
-    overflow-x: auto;
-
-    -webkit-overflow-scrolling: touch;
-    ::-webkit-scrollbar {
-      -webkit-appearance: none;
-    }
-    -ms-overflow-style: none;
-    /* Internet Explorer 10+ */
-    scrollbar-width: none;
-    /* Firefox */
-
-    &::-webkit-scrollbar {
-      display: none;
-      /* Safari and Chrome */
-    }
+  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-`,w=u.styled.div`
+`,C=f.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -62,22 +55,22 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-     ${d.truncateTextInRows(2)}
+     ${c.truncateTextInRows(2)}
   }
 
   & .skeleton-img {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
   }
 
   & .skeleton-title {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
     width: 100%;
     height: 1.25rem;
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -88,4 +81,4 @@
       object-fit: cover;
     }
   }
-`,I=o.forwardRef((t,a)=>{const{uuid:n,title:i,image:s,sellerUuid:h,onSelectCard:l=()=>{},imageComponent:c}=t;return r.jsxs(w,{ref:a,className:"product-card",onClick:l,children:[d.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),N=o.forwardRef(({},t)=>r.jsxs(w,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),$=({limit:t=4,isLoading:a=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx(N,{isLoading:a},`${n}-skeleton-product-card-${s}`))}),_=({children:t,fallbackComponent:a=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:a,children:n===!0?r.jsx($,{isLoading:n,limit:i,keyPrefix:s}):t}),j=o.memo(I),q=o.forwardRef((t,a)=>{const{icon:n,items:i,limit:s=4,imageUrl:h,onSelectCard:l=()=>{},title:c="Season inspiration",isLoading:b=!1,getImage:p=()=>{}}=t,f=k.useDetectMobile(),S=o.useMemo(()=>r.jsx(r.Fragment,{children:f===!0?i==null?void 0:i.map((e,m)=>r.jsx(j,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(j,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,f,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:a,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:h})}),r.jsx(P,{limit:s,children:r.jsx(_,{isLoading:b,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=q;
+`,R=o.forwardRef((t,d)=>{const{uuid:a,title:i,image:s,sellerUuid:w,onSelectCard:l=()=>{},imageComponent:m,metadata:n}=t,u=o.useRef(null);return r.jsxs(C,{ref:u,className:"product-card",name:n==null?void 0:n.name,"data-accessor":n==null?void 0:n.accessor,onClick:g=>l(g,d),children:[c.isDefined(m)?m:r.jsx(N.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),_=o.forwardRef(({},t)=>r.jsxs(C,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:d=!1,keyPrefix:a})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx(_,{isLoading:d},`${a}-skeleton-product-card-${s}`))}),M=({children:t,fallbackComponent:d=r.jsx(r.Fragment,{}),isLoading:a=!1,limit:i,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:d,children:a===!0?r.jsx(q,{isLoading:a,limit:i,keyPrefix:s}):t}),b=o.memo(R),U=o.forwardRef((t,d)=>{const{icon:a,items:i,limit:s=4,imageUrl:w,onSelectCard:l=()=>{},title:m="Season inspiration",isLoading:n=!1,getImage:u=()=>{},componentName:g}=t,S=v.useDetectMobile(),P=o.useMemo(()=>r.jsx(r.Fragment,{children:S===!0?i==null?void 0:i.map((e,h)=>r.jsx(b,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(k,p)=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:p}),image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:g,accessor:e==null?void 0:e.accessor}},h)):i==null?void 0:i.slice(0,s).map((e,h)=>r.jsx(b,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(k,p)=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:p}),image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:g,accessor:e==null?void 0:e.accessor}},h))}),[i,S,s]);return r.jsxs(y.RegulatTitleSectionWrapper,{ref:d,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(a)&&r.jsx("i",{className:a}),r.jsx("span",{children:m})]})}),r.jsx($,{className:"products-banner",children:r.jsx("img",{src:w})}),r.jsx(I,{limit:s,children:r.jsx(M,{isLoading:n,limit:s,keyPrefix:"explore-landing",children:P})})]})});module.exports=U;