@lanaco/lnc-react-ui 4.0.82 → 4.0.84

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { t as v, m as y, l as k } from "./utils-DCs-SbIv.js";
-import $ from "./Icon.js";
-import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { M as C } from "./consts-C1uHV4xc.js";
-const I = m.div`
+import { t as y, m as b, l as $ } from "./utils-DCs-SbIv.js";
+import N from "./Icon.js";
+import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { M as I } from "./consts-C1uHV4xc.js";
+const W = m.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -42,7 +42,7 @@ const I = m.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${v(2)}
+      ${y(2)}
     }
 
     & .wrapper__description {
@@ -52,7 +52,7 @@ const I = m.div`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${v(2)}
+      ${y(2)}
     }
   }
 
@@ -65,12 +65,12 @@ const I = m.div`
       }
     }
   }
-`, W = m.div`
+`, F = m.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${y("-90deg")};
-`, F = m.div`
+  background: ${b("-90deg")};
+`, j = m.div`
   display: flex;
   padding: 0 0.5rem 0 0;
   align-items: center;
@@ -114,30 +114,30 @@ const I = m.div`
       color: var(--white, #fff);
     }
   }
-`, j = m.div`
+`, z = m.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
-  background: ${y("-90deg")};
-`, z = p(({}, r) => /* @__PURE__ */ i(j, {})), O = p(
+  background: ${b("-90deg")};
+`, O = p(({}, r) => /* @__PURE__ */ i(z, {})), A = p(
   ({ name: r, isActive: n, icon: t, onSelectCard: s = () => {
-  } }, f) => /* @__PURE__ */ l(F, { className: n ? "active" : "", onClick: s, children: [
-    /* @__PURE__ */ i($, { icon: t, className: "wrapper__icon" }),
+  } }, f) => /* @__PURE__ */ l(j, { className: n ? "active" : "", onClick: s, children: [
+    /* @__PURE__ */ i(N, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), T = p(
+), M = p(
   ({ image: r, imageComponent: n, name: t, description: s, onSelectCard: f = () => {
-  } }, g) => {
-    const { theme: d } = N();
-    return /* @__PURE__ */ l(I, { theme: d, onClick: f, children: [
-      k(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+  } }, u) => {
+    const { theme: d } = C();
+    return /* @__PURE__ */ l(W, { theme: d, onClick: f, children: [
+      $(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
         s && /* @__PURE__ */ i("div", { className: "wrapper__description", children: s })
       ] })
     ] });
   }
-), M = p(({}, r) => /* @__PURE__ */ i(W, {})), A = m.div`
+), E = p(({}, r) => /* @__PURE__ */ i(F, {})), D = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -185,7 +185,7 @@ const I = m.div`
     width: 100%;
   }
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${I + "px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -211,68 +211,70 @@ const I = m.div`
       gap: 1rem;
     }
   }
-`, X = p(
+`, Z = p(
   ({
     title: r,
     subtitle: n,
     tags: t = [],
     limitTags: s = 7,
     limitTagsForMobile: f = 7,
-    limit: g = 3,
+    limit: u = 3,
     limitForMobile: d = 2,
-    items: a = [],
-    onSelectTag: c = () => {
+    items: o = [],
+    selectedTag: c,
+    onSelectTag: h = () => {
     },
-    onSelectCard: h = () => {
+    onSelectCard: _ = () => {
     },
-    getImage: b = () => {
+    getImage: k = () => {
     }
-  }, E) => {
-    var x, u;
-    const _ = (e) => {
-      c == null || c(e);
-    }, w = (e) => {
+  }, G) => {
+    var x, v;
+    const w = (e) => {
       h == null || h(e);
+    }, g = (e) => {
+      _ == null || _(e);
     };
     return /* @__PURE__ */ l(
-      A,
+      D,
       {
         limitTags: s,
         limitTagsForMobile: f,
-        limitCards: g,
+        limitCards: u,
         limitCardsForMobile: d,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
             n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
           ] }),
-          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ i(
-            O,
+          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ i(
+            A,
             {
               icon: e == null ? void 0 : e.icon,
               name: e == null ? void 0 : e.name,
-              onSelectCard: () => _ == null ? void 0 : _(e)
+              isActive: (e == null ? void 0 : e.uuid) === (c == null ? void 0 : c.uuid),
+              onSelectCard: () => w == null ? void 0 : w(e)
             },
-            `field-of-interests-with-tags-card-tag__${o + 1}`
-          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, o) => /* @__PURE__ */ i(
-            z,
+            `field-of-interests-with-tags-card-tag__${a + 1}`
+          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ i(
+            O,
             {},
-            `field-of-interests-with-tags-card-tag-skeleton__${o + 1}`
+            `field-of-interests-with-tags-card-tag-skeleton__${a + 1}`
           )) }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, o) => /* @__PURE__ */ i(
-            T,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: o && (o == null ? void 0 : o.length) > 0 ? o == null ? void 0 : o.map((e, a) => /* @__PURE__ */ i(
+            M,
             {
-              image: b(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
+              image: k(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
               imageComponent: e == null ? void 0 : e.imageComponent,
               name: e == null ? void 0 : e.name,
               description: (e == null ? void 0 : e.shortDescription) || (e == null ? void 0 : e.description),
-              onSelectCard: () => w == null ? void 0 : w(e)
+              onSelectCard: () => g == null ? void 0 : g(e)
             },
-            `field-of-interests-with-tags-card__${o + 1}`
-          )) : (u = Array.from("123")) == null ? void 0 : u.map((e, o) => /* @__PURE__ */ i(
-            M,
+            `field-of-interests-with-tags-card__${a + 1}`
+          )) : (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ i(
+            E,
             {},
-            `field-of-interests-with-tags-card-skeleton__${o + 1}`
+            `field-of-interests-with-tags-card-skeleton__${a + 1}`
           )) })
         ]
       }
@@ -280,5 +282,5 @@ const I = m.div`
   }
 );
 export {
-  X as default
+  Z as default
 };

package/dist/LocationFinderSection.cjs

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),l=require("./index-opywxmcY.cjs"),d=s.forwardRef((e,t)=>{const{locationFinderTitle:n,locationFinderPlaceholder:o,openMapText:r,onOpenMap:i=()=>{},mapFilters:c}=e;return a.jsx(l.LocationFinder,{ref:t,title:n,placeholderText:o,onOpenMap:i,openMapText:r,mapFilters:c})});module.exports=d;
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),p=require("./index-ZbylnHR8.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,27 +1,29 @@
 import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { L as c } from "./index-5F6QsgOG.js";
-const s = p((o, e) => {
+import { forwardRef as c } from "react";
+import { L as d } from "./index-baEuidT3.js";
+const F = c((o, e) => {
   const {
     locationFinderTitle: t,
-    locationFinderPlaceholder: r,
-    openMapText: i,
-    onOpenMap: n = () => {
+    locationFinderPlaceholder: n,
+    openMapText: r,
+    onOpenMap: i = () => {
     },
-    mapFilters: a
+    mapFilters: a,
+    inputComponent: p
   } = o;
   return /* @__PURE__ */ l(
-    c,
+    d,
     {
       ref: e,
       title: t,
-      placeholderText: r,
-      onOpenMap: n,
-      openMapText: i,
-      mapFilters: a
+      placeholderText: n,
+      onOpenMap: i,
+      openMapText: r,
+      mapFilters: a,
+      inputComponent: p
     }
   );
 });
 export {
-  s as default
+  F as default
 };

package/dist/LocationSearchSection.cjs

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

package/dist/LocationSearchSection.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { forwardRef as v, Fragment as x } from "react";
+import { forwardRef as v, Fragment as b } from "react";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as p } from "./consts-C1uHV4xc.js";
-import { S as b } from "./index-DXmajb7F.js";
-const w = l.div`
+import { S as w } from "./index-DXmajb7F.js";
+const S = l.div`
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
@@ -24,7 +24,7 @@ const w = l.div`
     box-shadow: none;
     border: none;
   }
-`, S = l.div`
+`, N = l.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
@@ -33,7 +33,7 @@ const w = l.div`
     grid-template-columns: repeat(2, 1fr);
     gap: 0.5rem;
   }
-`, N = l.div`
+`, C = l.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -62,50 +62,50 @@ const w = l.div`
       color: var(--primary-500, #f59e0b);
     }
   }
-`, R = v((m, s) => {
+`, O = v((s, m) => {
   const {
     title: c,
     items: t,
     options: a,
-    onSelectRegion: g = () => {
+    selectedOption: g = [],
+    onSelectRegion: f = () => {
     },
-    onSelectCity: f = () => {
+    onSelectCity: h = () => {
     },
-    onSelectOption: h = () => {
+    onSelectOption: u = () => {
     }
-  } = m;
-  return /* @__PURE__ */ i(w, { ref: s, children: [
+  } = s;
+  return /* @__PURE__ */ i(S, { ref: m, children: [
     /* @__PURE__ */ o("div", { className: "wrapper-title", children: c }),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
-      b,
+      w,
       {
         items: a,
-        onRemove: (e) => {
-        },
+        selectedIds: g,
         onSelect: (e, n) => {
-          h(e, n);
+          u(e, n);
         },
         labelKey: "name",
         valueKey: "code",
         noMargin: !0
       }
     ),
-    /* @__PURE__ */ o(S, { children: t == null ? void 0 : t.map((e, n) => {
+    /* @__PURE__ */ o(N, { children: t == null ? void 0 : t.map((e, n) => {
       var d;
-      return /* @__PURE__ */ i(N, { children: [
-        /* @__PURE__ */ o("div", { className: "region", onClick: () => g(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, u) => /* @__PURE__ */ o(x, { children: /* @__PURE__ */ i("div", { className: "city", onClick: () => f(r), children: [
+      return /* @__PURE__ */ i(C, { 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, x) => /* @__PURE__ */ o(b, { 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 + u)) })
+        ] }) }, n + x)) })
       ] }, n);
     }) })
   ] });
 });
 export {
-  R as default
+  O as default
 };

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("react"),j=require("./Button.cjs"),u=require("./skeleton-CtJG0_SN.cjs"),b=require("./utils-BXPz9bck.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./consts-CtNoHdBj.cjs"),c=C.styled.div`
+"use strict";const t=require("react/jsx-runtime"),y=require("react"),v=require("./Button.cjs"),p=require("./skeleton-CtJG0_SN.cjs"),c=require("./utils-BXPz9bck.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-CtNoHdBj.cjs"),C=j.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -66,7 +66,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
@@ -87,4 +87,4 @@
       gap: 1rem;
     }
   }
-`,q=v.forwardRef(({title:i,subtitle:o,items:n,limit:_=4,limitForMobile:g=2,buttonText:x="Show More",onSelectCard:s=()=>{},onButtonAction:p=()=>{},icon:a,getImage:h=()=>{},getProductImage:f=()=>{},hideProducts:w=!1},y)=>{var m;const r=e=>{s==null||s(e==null?void 0:e.uuid)};return t.jsxs(c,{ref:y,limitCards:_,limitCardsForMobile:g,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[b.isDefinedNotEmptyString(a)&&t.jsx("i",{className:a}),t.jsx("span",{children:i})]}),p&&t.jsx(j,{text:x,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:p})]}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,l)=>t.jsx(u.ShopCard,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>r==null?void 0:r(e==null?void 0:e.uuid),image:h(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:f,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:w},`shop-card__${l+1}`)):(m=Array.from("1234"))==null?void 0:m.map((e,l)=>t.jsx(u.ShopCardSkeleton,{},`shop-card-skeleton__${l+1}`))})]})});module.exports=q;
+`,d=y.forwardRef(({title:i,subtitle:s,items:n,limit:m=4,limitForMobile:_=2,buttonText:u="Show More",onSelectCard:g=()=>{},onButtonAction:l=()=>{},icon:o,getImage:x=()=>{},getProductImage:h=()=>{},hideProducts:f=!1},w)=>{var a;return t.jsxs(C,{ref:w,limitCards:m,limitCardsForMobile:_,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[c.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:i})]}),l&&t.jsx(v,{text:u,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:l})]}),s&&t.jsx("div",{className:"wrapper__subtitle",children:s})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,r)=>t.jsx(p.ShopCard,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g(e==null?void 0:e.uuid),image:x(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:h,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:f},`shop-card__${r+1}`)):(a=Array.from("1234"))==null?void 0:a.map((e,r)=>t.jsx(p.ShopCardSkeleton,{},`shop-card-skeleton__${r+1}`))})]})});module.exports=d;

package/dist/ShopCardsSection.js

@@ -1,11 +1,11 @@
-import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import b from "./Button.js";
-import { S as C, a as N } from "./skeleton-iQWpOw9K.js";
-import { k as $ } from "./utils-DCs-SbIv.js";
-import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M } from "./consts-C1uHV4xc.js";
-const S = k.div`
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import v from "./Button.js";
+import { S as C, a as b } from "./skeleton-iQWpOw9K.js";
+import { k as d } from "./utils-DCs-SbIv.js";
+import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as N } from "./consts-C1uHV4xc.js";
+const $ = S.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -73,7 +73,7 @@ const S = k.div`
     width: 100%;
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${N + "px"}) {
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
@@ -94,56 +94,53 @@ const S = k.div`
       gap: 1rem;
     }
   }
-`, F = v(
+`, I = y(
   ({
     title: t,
-    subtitle: s,
+    subtitle: o,
     items: i,
-    limit: g = 4,
-    limitForMobile: f = 2,
-    buttonText: u = "Show More",
-    onSelectCard: r = () => {
+    limit: m = 4,
+    limitForMobile: _ = 2,
+    buttonText: g = "Show More",
+    onSelectCard: f = () => {
     },
-    onButtonAction: m = () => {
+    onButtonAction: a = () => {
     },
-    icon: a,
-    getImage: h = () => {
+    icon: p,
+    getImage: u = () => {
     },
-    getProductImage: w = () => {
+    getProductImage: h = () => {
     },
-    hideProducts: x = !1
-  }, y) => {
-    var _;
-    const l = (e) => {
-      r == null || r(e == null ? void 0 : e.uuid);
-    };
-    return /* @__PURE__ */ o(
-      S,
+    hideProducts: w = !1
+  }, x) => {
+    var s;
+    return /* @__PURE__ */ n(
+      $,
       {
-        ref: y,
-        limitCards: g,
-        limitCardsForMobile: f,
+        ref: x,
+        limitCards: m,
+        limitCardsForMobile: _,
         children: [
-          /* @__PURE__ */ o("div", { className: "wrapper__heading", children: [
-            /* @__PURE__ */ o("div", { className: "wrapper__title", children: [
-              t && /* @__PURE__ */ o("div", { className: "title__text", children: [
-                $(a) && /* @__PURE__ */ n("i", { className: a }),
-                /* @__PURE__ */ n("span", { children: t })
+          /* @__PURE__ */ n("div", { className: "wrapper__heading", children: [
+            /* @__PURE__ */ n("div", { className: "wrapper__title", children: [
+              t && /* @__PURE__ */ n("div", { className: "title__text", children: [
+                d(p) && /* @__PURE__ */ r("i", { className: p }),
+                /* @__PURE__ */ r("span", { children: t })
               ] }),
-              m && /* @__PURE__ */ n(
-                b,
+              a && /* @__PURE__ */ r(
+                v,
                 {
-                  text: u,
+                  text: g,
                   borderRadius: "curved",
                   btnType: "tinted",
                   className: "title__action",
-                  onClick: m
+                  onClick: a
                 }
               )
             ] }),
-            s && /* @__PURE__ */ n("div", { className: "wrapper__subtitle", children: s })
+            o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
           ] }),
-          /* @__PURE__ */ n("div", { className: "wrapper__cards", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, p) => /* @__PURE__ */ n(
+          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
             C,
             {
               uuid: e == null ? void 0 : e.uuid,
@@ -153,19 +150,19 @@ const S = k.div`
               reviewCount: e == null ? void 0 : e.reviewCount,
               products: e == null ? void 0 : e.products,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              onSelectCard: () => l == null ? void 0 : l(e == null ? void 0 : e.uuid),
-              image: h(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
-              getProductImage: w,
+              onSelectCard: () => f(e == null ? void 0 : e.uuid),
+              image: u(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
+              getProductImage: h,
               canAcceptPayments: e == null ? void 0 : e.canAcceptPayments,
-              hideProducts: x
+              hideProducts: w
             },
-            `shop-card__${p + 1}`
-          )) : (_ = Array.from("1234")) == null ? void 0 : _.map((e, p) => /* @__PURE__ */ n(N, {}, `shop-card-skeleton__${p + 1}`)) })
+            `shop-card__${l + 1}`
+          )) : (s = Array.from("1234")) == null ? void 0 : s.map((e, l) => /* @__PURE__ */ r(b, {}, `shop-card-skeleton__${l + 1}`)) })
         ]
       }
     );
   }
 );
 export {
-  F as default
+  I as default
 };