@lanaco/lnc-react-ui 4.0.86 → 4.0.88

package/dist/LocationFinderSection.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),l=require("react"),p=require("./index-CWAifrDS.cjs"),d=l.forwardRef((e,t)=>{const{locationFinderTitle:n,locationFinderPlaceholder:o,openMapText:i,onOpenMap:r=()=>{},mapFilters:c,inputComponent:a}=e;return s.jsx(p.LocationFinder,{ref:t,title:n,placeholderText:o,onOpenMap:r,openMapText:i,mapFilters:c,inputComponent:a})});module.exports=d;
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),p=require("./index-Cx4KvZ9L.cjs"),d=l.forwardRef((e,t)=>{const{locationFinderTitle:n,locationFinderPlaceholder:o,openMapText:i,onOpenMap:r=()=>{},mapFilters:c,inputComponent:a}=e;return s.jsx(p.LocationFinder,{ref:t,title:n,placeholderText:o,onOpenMap:r,openMapText:i,mapFilters:c,inputComponent:a})});module.exports=d;

package/dist/LocationFinderSection.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { L as d } from "./index-B5bRol0l.js";
+import { L as d } from "./index-iSD5jNBk.js";
 const F = c((o, e) => {
   const {
     locationFinderTitle: t,

package/dist/LocationSearchSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-CtNoHdBj.cjs"),b=require("./index-rYeYJwuL.cjs"),j=s.styled.div`
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),j=require("./index-DG7qQq8L.cjs"),w=i.styled.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -19,7 +19,7 @@
     box-shadow: none;
     border: none;
   }
-`,w=s.styled.div`
+`,S=i.styled.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
@@ -28,7 +28,7 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`,S=s.styled.div`
+`,y=i.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -57,4 +57,4 @@
       color: var(--primary-500, #f59e0b);
     }
   }
-`,y=l.forwardRef((c,p)=>{const{title:m,items:i,options:o,selectedOption:g=[],onSelectRegion:x=()=>{},onSelectCity:u=()=>{},onSelectOption:h=()=>{},onSelectAll:f=()=>{}}=c;return e.jsxs(j,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(b.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0}),e.jsx(w,{children:i==null?void 0:i.map((r,t)=>{var a;return e.jsxs(S,{children:[e.jsx("div",{className:"region",onClick:()=>x(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,v)=>e.jsx(l.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>u(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+v))})]},t)})})]})});module.exports=y;
+`,N=l.forwardRef((c,p)=>{const{title:m,items:s,options:o,selectedOption:g=[],onSelectRegion:u=()=>{},onSelectCity:x=()=>{},onSelectOption:h=()=>{},onSelectAll:f=()=>{},productsToolbarName:v="All"}=c;return e.jsxs(w,{ref:p,children:[e.jsx("div",{className:"wrapper-title",children:m}),(o==null?void 0:o.length)>0&&e.jsx(j.SelectBar,{items:o,selectedIds:g,onSelect:(r,t)=>{h(r,t)},onSelectAll:f,labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),e.jsx(S,{children:s==null?void 0:s.map((r,t)=>{var a;return e.jsxs(y,{children:[e.jsx("div",{className:"region",onClick:()=>u(r),children:r==null?void 0:r.name}),e.jsx("div",{className:"group-items",children:(a=r==null?void 0:r.cities)==null?void 0:a.map((n,b)=>e.jsx(l.Fragment,{children:e.jsxs("div",{className:"city",onClick:()=>x(n),children:[e.jsx("span",{children:n==null?void 0:n.name}),e.jsxs("span",{className:"count-txt",children:["(",n==null?void 0:n.count,")"]})]})},t+b))})]},t)})})]})});module.exports=N;

package/dist/LocationSearchSection.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { forwardRef as b, Fragment as w } from "react";
+import { forwardRef as w, Fragment as S } from "react";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as p } from "./consts-C1uHV4xc.js";
-import { S } from "./index-DmuZIVnC.js";
-const N = l.div`
+import { M as p } from "./consts-BuFChS64.js";
+import { S as N } from "./index-Db8wvLXS.js";
+const C = l.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -24,7 +24,7 @@ const N = l.div`
     box-shadow: none;
     border: none;
   }
-`, C = l.div`
+`, k = l.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
@@ -33,7 +33,7 @@ const N = l.div`
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`, k = l.div`
+`, y = l.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -62,7 +62,7 @@ const N = l.div`
       color: var(--primary-500, #f59e0b);
     }
   }
-`, j = b((s, m) => {
+`, A = w((s, m) => {
   const {
     title: c,
     items: t,
@@ -75,12 +75,13 @@ const N = l.div`
     onSelectOption: u = () => {
     },
     onSelectAll: x = () => {
-    }
+    },
+    productsToolbarName: v = "All"
   } = s;
-  return /* @__PURE__ */ i(N, { ref: m, children: [
+  return /* @__PURE__ */ i(C, { ref: m, children: [
     /* @__PURE__ */ o("div", { className: "wrapper-title", children: c }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
-      S,
+      N,
       {
         items: a,
         selectedIds: g,
@@ -90,25 +91,26 @@ const N = l.div`
         onSelectAll: x,
         labelKey: "name",
         valueKey: "code",
-        noMargin: !0
+        noMargin: !0,
+        productsToolbarName: v
       }
     ),
-    /* @__PURE__ */ o(C, { children: t == null ? void 0 : t.map((e, n) => {
+    /* @__PURE__ */ o(k, { children: t == null ? void 0 : t.map((e, n) => {
       var d;
-      return /* @__PURE__ */ i(k, { children: [
+      return /* @__PURE__ */ i(y, { children: [
         /* @__PURE__ */ o("div", { className: "region", onClick: () => f(e), children: e == null ? void 0 : e.name }),
-        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, v) => /* @__PURE__ */ o(w, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => h(r), children: [
+        /* @__PURE__ */ o("div", { className: "group-items", children: (d = e == null ? void 0 : e.cities) == null ? void 0 : d.map((r, b) => /* @__PURE__ */ o(S, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => h(r), children: [
           /* @__PURE__ */ o("span", { children: r == null ? void 0 : r.name }),
           /* @__PURE__ */ i("span", { className: "count-txt", children: [
             "(",
             r == null ? void 0 : r.count,
             ")"
           ] })
-        ] }) }, n + v)) })
+        ] }) }, n + b)) })
       ] }, n);
     }) })
   ] });
 });
 export {
-  j as default
+  A as default
 };

package/dist/MasonryGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),f=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-DhRHf5Ed.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=require("./consts-CtNoHdBj.cjs"),_=d.styled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),f=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-DhRHf5Ed.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=require("./consts-goSZX3xP.cjs"),_=d.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/MasonryGeneralCardsSection.js

@@ -4,7 +4,7 @@ import b from "./Button.js";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { m as n, t as g, k as p } from "./utils-BE-UlkKf.js";
 import { u as v } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { M as f } from "./consts-C1uHV4xc.js";
+import { M as f } from "./consts-BuFChS64.js";
 const y = s.div`
   display: flex;
   flex-direction: column;

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-CtNoHdBj.cjs"),p=require("./style-C571ywKV.cjs"),u=require("./utils-DhRHf5Ed.cjs"),f=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=x.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),p=require("./style-xvwWn3Zv.cjs"),u=require("./utils-DhRHf5Ed.cjs"),f=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=x.styled.div`
   display: grid;
   grid-template-columns: ${n=>`repeat(${n.limit}, 1fr)`};
   gap: 1.25rem;

package/dist/OverlayGeneralCardsSection.js

@@ -1,8 +1,8 @@
 import { jsx as r, Fragment as p, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as g, Suspense as m } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as h } from "./consts-C1uHV4xc.js";
-import { R as v } from "./style-CsMpu4iC.js";
+import { M as h } from "./consts-BuFChS64.js";
+import { R as v } from "./style-sLF37aOA.js";
 import { t as x, m as y, k } from "./utils-BE-UlkKf.js";
 import w from "./Button.js";
 import { useTheme as b } from "./ThemeProvider.js";

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-CtNoHdBj.cjs"),k=require("./useDetectMobile-D6d5LpdL.cjs"),y=require("./style-C571ywKV.cjs"),d=require("./utils-DhRHf5Ed.cjs"),P=require("./index-BVaZWq6y.cjs"),S=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-xvwWn3Zv.cjs"),d=require("./utils-DhRHf5Ed.cjs"),P=require("./index-BVaZWq6y.cjs"),S=u.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;

package/dist/ProductsWithBannerSection.js

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as r, Fragment as c } from "react/jsx-runtime";
 import { forwardRef as u, Suspense as C, memo as N, useMemo as S } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-C1uHV4xc.js";
-import { u as $ } from "./useDetectMobile-BC6EGaBc.js";
-import { R as U } from "./style-CsMpu4iC.js";
+import { M as k } from "./consts-BuFChS64.js";
+import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
+import { R as U } from "./style-sLF37aOA.js";
 import { t as I, m as b, l as M, k as W } from "./utils-BE-UlkKf.js";
 import { P as j } from "./index-Ca38iPjf.js";
 const E = p.div`

package/dist/QuizSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),N=require("./utils-DhRHf5Ed.cjs"),k=require("./Button.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./consts-CtNoHdBj.cjs"),M=require("./Icon.cjs"),K=require("./ProgressBar.cjs"),V=T.styled.div`
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),N=require("./utils-DhRHf5Ed.cjs"),k=require("./Button.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),K=require("./ProgressBar.cjs"),V=T.styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;

package/dist/QuizSection.js

@@ -3,7 +3,7 @@ import { forwardRef as I, useState as w, useRef as B, useEffect as re } from "re
 import { v as ae, k as te, l as G, q as ie } from "./utils-BE-UlkKf.js";
 import z from "./Button.js";
 import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as U, C as H, a as P } from "./consts-C1uHV4xc.js";
+import { M as U, C as H, a as P } from "./consts-BuFChS64.js";
 import M from "./Icon.js";
 import ne from "./ProgressBar.js";
 const le = E.div`

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-CtNoHdBj.cjs"),$=require("./useDetectMobile-D6d5LpdL.cjs"),g=require("./utils-DhRHf5Ed.cjs"),N=require("./ThemeProvider.cjs"),a=require("./index-BPVoEhTF.cjs"),P=require("./index-BVaZWq6y.cjs"),C=c.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./utils-DhRHf5Ed.cjs"),N=require("./ThemeProvider.cjs"),a=require("./index-BPVoEhTF.cjs"),P=require("./index-BVaZWq6y.cjs"),C=c.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);

package/dist/ReviewsSection.js

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as t, Fragment as w } from "react/jsx-runtime";
 import { forwardRef as h, Suspense as C, memo as k, useMemo as x } from "react";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as z } from "./consts-C1uHV4xc.js";
-import { u as P } from "./useDetectMobile-BC6EGaBc.js";
+import { M as z } from "./consts-BuFChS64.js";
+import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
 import { o as R, t as M, m as I, b as j, g as E } from "./utils-BE-UlkKf.js";
 import { useTheme as T } from "./ThemeProvider.js";
 import { P as l } from "./index-S5Cd7WrG.js";

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./utils-DhRHf5Ed.cjs"),E=require("./consts-CtNoHdBj.cjs"),K=require("./motion-B_VPZaJq.cjs"),i=require("./index-BPVoEhTF.cjs"),Q=require("./Icon.cjs"),ee=require("./Badge.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=require("./useDetectMobile-D6d5LpdL.cjs"),re=require("./FlexBox.cjs"),q=require("./index-CHDRU86t.cjs"),z=require("./IconButton.cjs"),te=f.styled.div`
+"use strict";const t=require("react/jsx-runtime"),n=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./utils-DhRHf5Ed.cjs"),E=require("./consts-goSZX3xP.cjs"),K=require("./motion-B_VPZaJq.cjs"),i=require("./index-BPVoEhTF.cjs"),Q=require("./Icon.cjs"),ee=require("./Badge.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=require("./useDetectMobile-zkbzoOGV.cjs"),re=require("./FlexBox.cjs"),q=require("./index-CHDRU86t.cjs"),z=require("./IconButton.cjs"),te=f.styled.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;

package/dist/SalesCampaignsSection.js

@@ -2,13 +2,13 @@ import { jsx as t, jsxs as w, Fragment as G } from "react/jsx-runtime";
 import { createElement as ae, useState as E, useEffect as j, forwardRef as V, useRef as Q, useImperativeHandle as ne, Suspense as se, memo as le, useMemo as ce } from "react";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { a as _, l as X, m as ee } from "./utils-BE-UlkKf.js";
-import { M as A } from "./consts-C1uHV4xc.js";
+import { M as A } from "./consts-BuFChS64.js";
 import { m as de } from "./motion-Ckekul_K.js";
 import { P as i } from "./index-S5Cd7WrG.js";
 import ge from "./Icon.js";
 import he from "./Badge.js";
 import { u as M } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { u as re } from "./useDetectMobile-BC6EGaBc.js";
+import { u as re } from "./useDetectMobile-Bkvj0VMa.js";
 import fe from "./FlexBox.js";
 import { I as Y } from "./index-Dhf4jQmS.js";
 import L from "./IconButton.js";

package/dist/SeparatorSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-CtNoHdBj.cjs"),a=s.styled.div`
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),a=s.styled.div`
   width: 100%;
   height: 0.125rem;
   background-color: var(--gray-95008, rgba(20, 22, 26, 0.08));

package/dist/SeparatorSection.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { s as t } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as e } from "./consts-C1uHV4xc.js";
+import { M as e } from "./consts-BuFChS64.js";
 const m = t.div`
   width: 100%;
   height: 0.125rem;

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("react"),v=require("./Button.cjs"),p=require("./skeleton-C_Jypl8r.cjs"),c=require("./utils-DhRHf5Ed.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-CtNoHdBj.cjs"),C=j.styled.div`
+"use strict";const t=require("react/jsx-runtime"),y=require("react"),v=require("./Button.cjs"),p=require("./skeleton-C_Jypl8r.cjs"),c=require("./utils-DhRHf5Ed.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),C=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/ShopCardsSection.js

@@ -4,7 +4,7 @@ import v from "./Button.js";
 import { S as C, a as b } from "./skeleton-wfDIalr3.js";
 import { k as d } from "./utils-BE-UlkKf.js";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as N } from "./consts-C1uHV4xc.js";
+import { M as N } from "./consts-BuFChS64.js";
 const $ = S.div`
   display: flex;
   flex-direction: column;

package/dist/SimpleCategoriesSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-CtNoHdBj.cjs"),q=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-DhRHf5Ed.cjs"),k=require("./style-C571ywKV.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-D-tE8xV6.cjs"),M=w.styled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-DhRHf5Ed.cjs"),k=require("./style-xvwWn3Zv.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-5JZtz7wj.cjs"),M=w.styled.div`
   display: grid;
   grid-template-columns: ${a=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
@@ -22,4 +22,4 @@
       /* Safari and Chrome */
     }
   }
-`,m=s.memo(p.CategorySimpleCard),E=s.forwardRef((a,g)=>{const{icon:l,title:y="Shop by category",items:t,buttonText:b="Shop now",buttonLink:c,limit:o=12,onButtonAction:h=()=>{},onSelectCard:i=()=>{},isLoading:f=!1,getImage:u=()=>{}}=a,S=q.useDetectMobile(),j=s.useMemo(()=>r.jsx(r.Fragment,{children:S===!0?t==null?void 0:t.map((e,n)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},n)):t==null?void 0:t.slice(0,o).map((e,n)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e)},n))}),[t]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:g,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:y})]}),d.isDefinedNotEmptyString(c)&&r.jsx(v,{type:"button",btnType:"tinted",color:"gray",onClick:()=>h(c),borderRadius:"curved",children:b})]}),r.jsx(M,{limit:o,children:r.jsx(p.SuspenseSimpleCategoryCard,{isLoading:f,limit:o,keyPrefix:"explore-landing",children:j})})]})});module.exports=E;
+`,m=s.memo(p.CategorySimpleCard),E=s.forwardRef((a,g)=>{const{icon:l,title:b="Shop by category",items:t,buttonText:y="Shop now",buttonLink:c,limit:n=12,onButtonAction:h=()=>{},onSelectCard:i=()=>{},isLoading:f=!1,getImage:u=()=>{}}=a,S=q.useDetectMobile(),j=s.useMemo(()=>r.jsx(r.Fragment,{children:S===!0?t==null?void 0:t.map((e,o)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},o)):t==null?void 0:t.slice(0,n).map((e,o)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e)},o))}),[t]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:g,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:b})]}),d.isDefinedNotEmptyString(c)&&r.jsx(v,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),h(c)},borderRadius:"curved",children:y})]}),r.jsx(M,{limit:n,children:r.jsx(p.SuspenseSimpleCategoryCard,{isLoading:f,limit:n,keyPrefix:"explore-landing",children:j})})]})});module.exports=E;

package/dist/SimpleCategoriesSection.js

@@ -1,12 +1,12 @@
 import { jsx as r, Fragment as S, jsxs as n } from "react/jsx-runtime";
 import { memo as C, forwardRef as k, useMemo as v } from "react";
 import { s as M } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as E } from "./consts-C1uHV4xc.js";
-import { u as I } from "./useDetectMobile-BC6EGaBc.js";
+import { M as E } from "./consts-BuFChS64.js";
+import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import { k as p } from "./utils-BE-UlkKf.js";
-import { R as N } from "./style-CsMpu4iC.js";
+import { R as N } from "./style-sLF37aOA.js";
 import R from "./Button.js";
-import { C as B, S as L } from "./suspense-categories-card-simple-BmmCOsc0.js";
+import { C as B, S as L } from "./suspense-categories-card-simple-BTFqzXyn.js";
 const P = M.div`
   display: grid;
   grid-template-columns: ${(l) => "repeat(6,  minmax(0, 1fr))"};
@@ -31,14 +31,14 @@ const P = M.div`
       /* Safari and Chrome */
     }
   }
-`, c = C(B), G = k((l, u) => {
+`, u = C(B), G = k((l, c) => {
   const {
     icon: m,
     title: g = "Shop by category",
     items: o,
     buttonText: f = "Shop now",
     buttonLink: s,
-    limit: t = 12,
+    limit: a = 12,
     onButtonAction: b = () => {
     },
     onSelectCard: i = () => {
@@ -46,26 +46,26 @@ const P = M.div`
     isLoading: y = !1,
     getImage: d = () => {
     }
-  } = l, h = I(), w = v(() => /* @__PURE__ */ r(S, { children: h === !0 ? o == null ? void 0 : o.map((e, a) => /* @__PURE__ */ r(
-    c,
+  } = l, h = I(), w = v(() => /* @__PURE__ */ r(S, { children: h === !0 ? o == null ? void 0 : o.map((e, t) => /* @__PURE__ */ r(
+    u,
     {
       uuid: e == null ? void 0 : e.uuid,
       image: d(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
       onSelectCard: () => i == null ? void 0 : i(e == null ? void 0 : e.uuid)
     },
-    a
-  )) : o == null ? void 0 : o.slice(0, t).map((e, a) => /* @__PURE__ */ r(
-    c,
+    t
+  )) : o == null ? void 0 : o.slice(0, a).map((e, t) => /* @__PURE__ */ r(
+    u,
     {
       uuid: e == null ? void 0 : e.uuid,
       image: d(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
       onSelectCard: () => i == null ? void 0 : i(e)
     },
-    a
+    t
   )) }), [o]);
-  return /* @__PURE__ */ n(N, { ref: u, children: [
+  return /* @__PURE__ */ n(N, { ref: c, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
         p(m) && /* @__PURE__ */ r("i", { className: m }),
@@ -77,17 +77,20 @@ const P = M.div`
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => b(s),
+          onClick: (e) => {
+            var t;
+            (t = e == null ? void 0 : e.target) == null || t.blur(), b(s);
+          },
           borderRadius: "curved",
           children: f
         }
       )
     ] }),
-    /* @__PURE__ */ r(P, { limit: t, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(P, { limit: a, children: /* @__PURE__ */ r(
       L,
       {
         isLoading: y,
-        limit: t,
+        limit: a,
         keyPrefix: "explore-landing",
         children: w
       }

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-CtNoHdBj.cjs"),U=require("./useDetectMobile-D6d5LpdL.cjs"),F=require("./index-B9HSHvhH.cjs"),N=require("./index-BxlCwYfi.cjs"),v=require("./suspense-product-card-simple-0x5sc47a.cjs"),T=k.styled.div`
+"use strict";const r=require("react/jsx-runtime"),n=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./index-B9HSHvhH.cjs"),N=require("./index-BaLBHyTh.cjs"),v=require("./suspense-product-card-simple-0x5sc47a.cjs"),T=k.styled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;

package/dist/SimpleProductsSection.js

@@ -1,10 +1,10 @@
 import { jsx as t, Fragment as M, jsxs as U } from "react/jsx-runtime";
 import { memo as F, forwardRef as N, useMemo as T } from "react";
 import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as B } from "./consts-C1uHV4xc.js";
-import { u as I } from "./useDetectMobile-BC6EGaBc.js";
+import { M as B } from "./consts-BuFChS64.js";
+import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import { S as L } from "./index-BBPnKoi6.js";
-import { T as j } from "./index-CpuLfTNK.js";
+import { T as j } from "./index-CsrdUl1x.js";
 import { S as z } from "./suspense-product-card-simple--ExcEpD-.js";
 const C = v.div`
   display: grid;

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-CtNoHdBj.cjs"),P=require("./useDetectMobile-D6d5LpdL.cjs"),q=require("./Button.cjs"),h=require("./suspense-product-card-detailed-CwUN6A-L.cjs"),C=v.styled.div`
+"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),b=require("./suspense-product-card-detailed-DBNlkFiP.cjs"),C=P.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};
@@ -54,15 +54,21 @@
     }
   }
 
-  @media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
+  }
 
-    & .urgent-tag {
-    }
+  @media (max-width: ${f.SMALL_MOBILE_SIZE_PX+"px"}) {
+    display: flex;
+    flex-direction: column;
 
-    & .img-wrapper {
+    & .product-card {
+      & img {
+        width: 100%;
+        height: 100%;
+      }
     }
   }
-`,f=a.memo(h.DetailedProductCard),N=a.forwardRef((t,b)=>{const{items:r,limit:o=5,limitMobile:n=4,onSelectCard:s=()=>{},title:w="Urgent sale",showLessText:y="Show less",showMoreText:S="Show more",isLoading:j=!1,getImage:u=()=>{},negotiableText:m,freeText:g}=t,l=P.useDetectMobile(),[d,k]=a.useState(!1),U=a.useMemo(()=>{var p;return i.jsx(i.Fragment,{children:l===!0?(p=r==null?void 0:r.slice(0,d===!0?r==null?void 0:r.length:n))==null?void 0:p.map((e,c)=>i.jsx(f,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:m,freeText:g},c)):r==null?void 0:r.slice(0,o).map((e,c)=>i.jsx(f,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:m,freeText:g},c))})},[r,l,o,n]);return i.jsxs(C,{ref:b,limit:o,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:w})]}),i.jsx(h.SuspenseDetailedProductCard,{isLoading:j,limit:o,keyPrefix:"explore-landing",children:U}),l===!0&&n<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"gray",onClick:()=>k(!d),children:d===!0?y:S})]})});module.exports=N;
+`,h=n.memo(b.DetailedProductCard),N=n.forwardRef((t,w)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:s=()=>{},title:y="Urgent sale",showLessText:S="Show less",showMoreText:j="Show more",isLoading:k=!1,getImage:m=()=>{},negotiableText:g,freeText:p}=t,c=v.useDetectMobile(),[l,M]=n.useState(!1),U=n.useMemo(()=>{var o;return i.jsx(i.Fragment,{children:c===!0?(o=r==null?void 0:r.slice(0,l===!0?r==null?void 0:r.length:d))==null?void 0:o.map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u)):r==null?void 0:r.slice(0,a).map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u))})},[r,c,a,d,l]);return i.jsxs(C,{ref:w,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:y})]}),i.jsx(b.SuspenseDetailedProductCard,{isLoading:k,limit:a,keyPrefix:"explore-landing",children:U}),c===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"gray",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!l)},children:l===!0?S:j})]})});module.exports=N;