@lanaco/lnc-react-ui 4.0.30 → 4.0.32

package/dist/MasonryGeneralCardsSection.js

@@ -1,9 +1,9 @@
 import { jsx as t, Fragment as u, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import _ from "./Button.js";
-import { n as d } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { o, t as c, p as g } from "./utils-ROK9-zue.js";
-import { u as w } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as d } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { m as o, t as c, k as g } from "./utils-DtEdJZWa.js";
+import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { M as f } from "./consts-DNVz1x1I.js";
 const b = d.div`
   display: flex;

package/dist/MenuItem.js

@@ -1,10 +1,10 @@
 import { jsx as m, Fragment as G, jsxs as H } from "react/jsx-runtime";
 import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
-import { n as Z } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import k from "./Icon.js";
-import { a as i, g as I, h as v } from "./utils-ROK9-zue.js";
-import { u as ee } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { a as i, g as I, h as v } from "./utils-DtEdJZWa.js";
+import { u as ee } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const ne = Z.div`
   box-sizing: border-box;
   cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};

package/dist/Modal.js

@@ -1,13 +1,13 @@
 import { jsx as t, Fragment as L, jsxs as D } from "react/jsx-runtime";
 import { forwardRef as z, useRef as X, useState as V, useImperativeHandle as q, useEffect as J } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
-import { n as C } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import K from "./Icon.js";
-import { a as w } from "./utils-ROK9-zue.js";
+import { a as w } from "./utils-DtEdJZWa.js";
 import { r as Q } from "./index--Kmch3aI.js";
-import { m as M } from "./motion-CtkUpWEn.js";
-import { u as Y } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { A as R } from "./index-BLQWNy78.js";
+import { m as M } from "./motion-ecIGZGwI.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { A as R } from "./index-BUChtubz.js";
 const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, n, r) => n && r ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${a})` : n ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${a})` : r ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${a})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${a})`, P = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${a})`, ee = (e, n, r) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${r ? "0" : "16px"} 0`, oe = C(M.div)`
   position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
   top: 0;

package/dist/MultiSelectDropdown.js

@@ -1,10 +1,10 @@
 import { jsx as O } from "react/jsx-runtime";
 import { P as e } from "./index-S5Cd7WrG.js";
 import { forwardRef as y, useCallback as h } from "react";
-import { a as M } from "./CustomStyles-C7wXBd9m.js";
+import { a as M } from "./CustomStyles-DuADCM-0.js";
 import { d as S } from "./index-CNBqQrtK.js";
 import C from "./Dropdown.js";
-import { u as I } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const w = y((l, t) => {
   const {
     // options,

package/dist/MultiSelectDropdownLookup.js

@@ -1,10 +1,10 @@
 import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-S5Cd7WrG.js";
 import { forwardRef as y, useCallback as h } from "react";
-import { a as M } from "./CustomStyles-C7wXBd9m.js";
+import { a as M } from "./CustomStyles-DuADCM-0.js";
 import { d as S } from "./index-CNBqQrtK.js";
 import C from "./DropdownLookup.js";
-import { u as I } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const T = y((l, t) => {
   const {
     // defaultOptions,

package/dist/NestedDropdownItem.js

@@ -1,11 +1,11 @@
 import { jsxs as w, Fragment as p, jsx as a } from "react/jsx-runtime";
 import { forwardRef as b, useState as x, cloneElement as l, Children as P, isValidElement as O } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { n as h } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as D } from "./utils-ROK9-zue.js";
-import { m as j } from "./motion-CtkUpWEn.js";
-import { u as Y } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { A as C } from "./index-BLQWNy78.js";
+import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as D } from "./utils-DtEdJZWa.js";
+import { m as j } from "./motion-ecIGZGwI.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { A as C } from "./index-BUChtubz.js";
 const z = h(j.div)`
   margin-left: 0.3rem;
   padding-left: 0.3rem;

package/dist/NestedMenuItem.js

@@ -1,11 +1,11 @@
 import { jsxs as x, Fragment as l, jsx as s } from "react/jsx-runtime";
 import { forwardRef as O, useState as P, cloneElement as u, Children as h, isValidElement as z } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { n as $ } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as j } from "./utils-ROK9-zue.js";
-import { m as D } from "./motion-CtkUpWEn.js";
-import { u as Y } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { A as C } from "./index-BLQWNy78.js";
+import { n as $ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as j } from "./utils-DtEdJZWa.js";
+import { m as D } from "./motion-ecIGZGwI.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { A as C } from "./index-BUChtubz.js";
 const A = $(D.div)`
   ${(o) => o.tuckIn == !0 && `margin-left: ${o.tuckInSize};`}
   ${(o) => o.tuckIn == !0 && `padding-left: ${o.tuckInSize};`}

package/dist/NotificationContainer.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as O } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { n as _ } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as _ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { T as v } from "./react-toastify.esm-CkXGwKXL.js";
-import { a as e, b as C } from "./utils-ROK9-zue.js";
+import { a as e, b as C } from "./utils-DtEdJZWa.js";
 import { useTheme as $ } from "./ThemeProvider.js";
 const P = _.div`
   & .lnc-notification {

package/dist/NotificationMessage.js

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { n as w } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import v from "./Icon.js";
-import { g as $, a as s, c as B } from "./utils-ROK9-zue.js";
+import { g as $, a as s, c as B } from "./utils-DtEdJZWa.js";
 import P from "./Avatar.js";
-import { u as z } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as z } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const T = w.div`
   ${(t) => $(t.theme, "Notification", "small", "enabled")};
 

package/dist/NumberInput.js

@@ -2,9 +2,9 @@ import { jsxs as A, jsx as g } from "react/jsx-runtime";
 import { P as n } from "./index-S5Cd7WrG.js";
 import { forwardRef as P, useState as C, useEffect as W, useCallback as G } from "react";
 import { d as M } from "./index-CNBqQrtK.js";
-import { n as i } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { e as d, a, b as U, f as D, h as S, g as X } from "./utils-ROK9-zue.js";
-import { u as q } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as i } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { d, a, b as U, e as D, h as S, g as X } from "./utils-DtEdJZWa.js";
+import { u as q } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const H = i.div`
   display: flex;
   align-items: center;

package/dist/PageLayout.js

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { forwardRef as S, Children as d, isValidElement as T, cloneElement as y } from "react";
 import { P as L } from "./index-S5Cd7WrG.js";
-import { n as C } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { u as Y } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const w = C.section`
   display: flex;
   flex: auto;

package/dist/Pagination.js

@@ -4,8 +4,8 @@ import { P as t } from "./index-S5Cd7WrG.js";
 import h from "./Button.js";
 import b from "./IconButton.js";
 import U from "./ButtonGroup.js";
-import { n as O } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { u as q } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as O } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as q } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { u as w } from "./useUpdateEffect-CuYWz7EA.js";
 const D = O.div`
   display: inline-flex;

package/dist/PasswordInput.js

@@ -3,9 +3,9 @@ import { forwardRef as A, useRef as G, useState as $, useEffect as I, useCallbac
 import { P as n } from "./index-S5Cd7WrG.js";
 import { d as J } from "./index-CNBqQrtK.js";
 import K from "./Icon.js";
-import { n as m } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { e as g, a, b as M, f as Q, h as O, g as X } from "./utils-ROK9-zue.js";
-import { u as Y } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { d as g, a, b as M, e as Q, h as O, g as X } from "./utils-DtEdJZWa.js";
+import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const Z = m.div`
   display: flex;
   align-items: center;

package/dist/PopoverContent.js

@@ -3,10 +3,10 @@ import { forwardRef as c, useContext as b } from "react";
 import { a as f, F as u, b as g } from "./floating-ui.react.esm-72DKnou_.js";
 import { P as a } from "./index-S5Cd7WrG.js";
 import h from "./PopoverContext.js";
-import { n as x } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { c as y, b as P, a as v } from "./utils-ROK9-zue.js";
-import { m as w } from "./motion-CtkUpWEn.js";
-import { u as C } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { c as y, b as P, a as v } from "./utils-DtEdJZWa.js";
+import { m as w } from "./motion-ecIGZGwI.js";
+import { u as C } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const F = x(w.div)`
   font-family: ${(o) => {
   var t, r;

package/dist/ProductsWithBannerSection.js

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
-import { n as s } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { M as f } from "./consts-DNVz1x1I.js";
 import { u as w } from "./useDetectMobile-BookNOsk.js";
-import { R as v } from "./style-D8LBrh3f.js";
-import { t as k, o as h, q as y, p as N } from "./utils-ROK9-zue.js";
+import { R as v } from "./style-Ch-xOasu.js";
+import { t as k, m as h, l as y, k as N } from "./utils-DtEdJZWa.js";
 const S = s.div`
   width: 100%;
   height: 22.5rem;
@@ -24,7 +24,7 @@ const S = s.div`
   }
 `, $ = s.div`
   display: grid;
-  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   @media (max-width: ${f + "px"}) {
@@ -94,37 +94,37 @@ const S = s.div`
       object-fit: cover;
     }
   }
-`, u = g((o, c) => {
+`, u = g((a, c) => {
   const {
-    uuid: n,
+    uuid: l,
     title: i,
-    image: a,
+    image: o,
     sellerUuid: p,
     onSelectCard: t = () => {
     },
     imageComponent: d
-  } = o;
+  } = a;
   return /* @__PURE__ */ m(j, { className: "product-card", onClick: t, children: [
-    y(d) ? d : /* @__PURE__ */ r("img", { src: a }),
+    y(d) ? d : /* @__PURE__ */ r("img", { src: o }),
     /* @__PURE__ */ r("div", { className: "card-title", children: i })
   ] });
-}), P = g((o, c) => {
+}), P = g((a, c) => {
   const {
-    icon: n,
+    icon: l,
     items: i,
-    limit: a = 4,
+    limit: o = 4,
     bannerImage: p,
     onSelectCard: t = () => {
     },
     title: d = "Season inspiration"
-  } = o, b = w();
+  } = a, b = w();
   return /* @__PURE__ */ m(v, { ref: c, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ m("div", { className: "regular-title-text", children: [
-      N(n) && /* @__PURE__ */ r("i", { className: n }),
+      N(l) && /* @__PURE__ */ r("i", { className: l }),
       /* @__PURE__ */ r("span", { children: d })
     ] }) }),
     /* @__PURE__ */ r(S, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: p }) }),
-    /* @__PURE__ */ r($, { limit: a, children: b === !0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r($, { limit: o, children: b === !0 ? i == null ? void 0 : i.map((e, n) => /* @__PURE__ */ r(
       u,
       {
         title: e == null ? void 0 : e.title,
@@ -133,8 +133,8 @@ const S = s.div`
         uuid: e == null ? void 0 : e.uuid,
         onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid)
       },
-      l
-    )) : i == null ? void 0 : i.slice(0, a).map((e, l) => /* @__PURE__ */ r(
+      n
+    )) : i == null ? void 0 : i.slice(0, o).map((e, n) => /* @__PURE__ */ r(
       u,
       {
         title: e == null ? void 0 : e.title,
@@ -143,7 +143,7 @@ const S = s.div`
         uuid: e == null ? void 0 : e.uuid,
         onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid)
       },
-      l
+      n
     )) })
   ] });
 });

package/dist/ProgressBar.js

@@ -1,9 +1,9 @@
 import { jsxs as g, jsx as h } from "react/jsx-runtime";
 import { forwardRef as f, isValidElement as P, cloneElement as y } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { n as t } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as n, g as x } from "./utils-ROK9-zue.js";
-import { u as w } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as t } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as n, g as x } from "./utils-DtEdJZWa.js";
+import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const $ = t.div`
   width: 100%;
   position: relative;

package/dist/RadioGroup.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as P, useState as j, useEffect as z } from "react";
-import { n as R } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as R } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as e } from "./index-S5Cd7WrG.js";
 import T from "./RadioInput.js";
-import { u as k } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const N = R.div`
   display: inline-flex;
   flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};

package/dist/RadioInput.js

@@ -1,9 +1,9 @@
 import { jsxs as b, jsx as n } from "react/jsx-runtime";
 import { forwardRef as P, useState as j } from "react";
-import { n as g } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { e as f, g as N, f as T, a as t } from "./utils-ROK9-zue.js";
-import { u as F } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { d as f, g as N, e as T, a as t } from "./utils-DtEdJZWa.js";
+import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   min-height: ${(e) => f(e.theme, e.size)};
   max-height: ${(e) => f(e.theme, e.size)};

package/dist/RangeSlider.js

@@ -1,9 +1,9 @@
 import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
-import { n as x } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as n } from "./index-S5Cd7WrG.js";
 import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
-import { b as D, a as o, g as G, e as H } from "./utils-ROK9-zue.js";
-import { u as J } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { b as D, a as o, g as G, d as H } from "./utils-DtEdJZWa.js";
+import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
 const Q = ({ theme: e, size: i }) => {
   var u = H(e, i);

package/dist/SearchBar.js

@@ -1,13 +1,13 @@
 import { jsx as v, jsxs as _ } from "react/jsx-runtime";
 import E, { Children as ue, isValidElement as w, cloneElement as R, useState as M, createRef as ce, createElement as X } from "react";
-import { n as x } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as u } from "./index-S5Cd7WrG.js";
 import de from "./Chip.js";
-import { k as pe } from "./emotion-react.browser.esm-DAprMzO3.js";
+import { k as pe } from "./emotion-react.browser.esm-CN-s34fZ.js";
 import { useTheme as fe } from "./ThemeProvider.js";
 import { _ as L } from "./objectWithoutPropertiesLoose-DwEN6RBQ.js";
-import { _ as V } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { a as me, _ as he } from "./setPrototypeOf-a891FLQJ.js";
+import { _ as V } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { _ as me, a as he } from "./setPrototypeOf-CttqfWo1.js";
 import { R as $ } from "./index--Kmch3aI.js";
 const ve = pe`
   from {

package/dist/Separator.js

@@ -1,9 +1,9 @@
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { n } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as i } from "./utils-ROK9-zue.js";
-import { u as c } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as i } from "./utils-DtEdJZWa.js";
+import { u as c } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const f = n.div`
   height: 1px;
   background-color: ${(e) => i(

package/dist/ShopCardsSection.cjs

@@ -0,0 +1,234 @@
+"use strict";const i=require("react/jsx-runtime"),_=require("react"),w=require("./Button.cjs"),v=require("./Icon.cjs"),m=require("./utils-CE6bljYe.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./consts-dNz9tpt4.cjs"),j=h.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: 1.25rem;
+  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
+  background: var(--Lanaco-Gray-white, #fff);
+
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  & .wrapper__content {
+    display: flex;
+    padding: 1.25rem;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.75rem;
+    align-self: strech;
+
+    & .wrapper__image {
+      object-fit: cover;
+      aspect-ratio: 1 / 1;
+      max-height: 4rem;
+      border-radius: 999px;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  & .wrapper__info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.375rem;
+
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+      letter-spacing: -0.0112rem;
+      ${m.truncateTextInRows(2)}
+    }
+
+    & .wrapper__subtitle {
+      color: var(--gray-600, #676e79);
+      text-align: center;
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: -0.0056rem;
+      ${m.truncateTextInRows(2)}
+    }
+
+    & .wrapper__badges {
+    }
+
+    & .wrapper__rating {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+
+      & .wrapper__star {
+        color: var(--gray-950, #14161a);
+      }
+
+      & .wrapper__review-count {
+        color: var(--gray-600, #676e79);
+        font-size: 0.75rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1rem;
+        letter-spacing: 0.01px;
+      }
+    }
+  }
+
+  & .wrapper__products {
+    display: flex;
+    align-items: flex-start;
+    column-gap: 1px;
+    width: 100%;
+
+    & .wrapper__product {
+      overflow: hidden;
+      cursor: pointer;
+      width: 100%;
+      max-height: 5.75rem;
+
+      &:first-child {
+        border-radius: 0 0 0 1.25rem;
+      }
+
+      &:last-child {
+        border-radius: 0 0 1.25rem 0;
+      }
+
+      & .product__image {
+        width: 100%;
+        aspect-ratio: 1 / 1;
+        height: calc(100% / 3);
+        max-height: 5.75rem;
+        object-fit: cover;
+      }
+    }
+  }
+`,y=h.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1 0 0;
+  border-radius: 1.25rem;
+  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
+  background: var(--Lanaco-Gray-white, #fff);
+  width: 100%;
+
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  & .wrapper__content {
+    display: flex;
+    padding: 1.25rem;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.75rem;
+    align-self: strech;
+    width: 100%;
+
+    & .wrapper__image {
+      width: 4rem;
+      height: 4rem;
+      border-radius: 999px;
+      background-color: ${m.linearGradientAnimation("-90deg")};
+    }
+  }
+
+  & .wrapper__info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.375rem;
+    width: 100%;
+
+    & .wrapper__info-item {
+      background-color: ${m.linearGradientAnimation("-90deg")};
+      height: 1rem;
+      width: 100%;
+    }
+  }
+`,b=_.forwardRef(({image:a,imageComponent:p,title:t,subtitle:g,badges:x,rating:o,reviewCount:n,products:s,onSelectCard:d=()=>{}},f)=>i.jsxs(j,{onClick:d,children:[i.jsxs("div",{className:"wrapper__content",children:[m.isDefined(p)?p:i.jsx("img",{src:a,className:"wrapper__image"}),i.jsxs("div",{className:"wrapper__info",children:[i.jsx("div",{className:"wrapper__title",children:t}),i.jsx("div",{className:"wrapper__subtitle",children:g}),x&&i.jsx("div",{className:"wrapper__badges"}),o&&n&&i.jsxs("div",{className:"wrapper__rating",children:[i.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((r,l)=>i.jsx(v,{icon:r<o?" mng-lnc-star--filled":" mng-lnc-star",className:"wrapper__star"},`shop-card-rating-star__${l+1}`))}),i.jsxs("div",{className:"wrapper__review-count",children:["(",n==null?void 0:n.toLocaleString(),")"]})]})]})]}),i.jsx("div",{className:"wrapper__products",children:s&&(s==null?void 0:s.map((r,l)=>i.jsx(_.Fragment,{children:i.jsx("div",{className:"wrapper__product",onClick:()=>{var e;return(e=r==null?void 0:r.onSelectProduct)==null?void 0:e.call(r,r==null?void 0:r.uuid)},children:m.isDefined(r==null?void 0:r.imageComponent)?r==null?void 0:r.imageComponent:i.jsx("img",{src:r==null?void 0:r.image,className:"product__image"})})},l)))})]})),N=_.forwardRef(({},a)=>i.jsx(y,{children:i.jsxs("div",{className:"wrapper__content",children:[i.jsx("div",{className:"wrapper__image"}),i.jsxs("div",{className:"wrapper__info",children:[i.jsx("div",{className:"wrapper__info-item"}),i.jsx("div",{className:"wrapper__info-item"}),i.jsx("div",{className:"wrapper__info-item"}),i.jsx("div",{className:"wrapper__info-item"})]})]})})),k=h.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1.5rem;
+
+  & .wrapper__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    width: 100%;
+
+    & .wrapper__title {
+      display: flex;
+      justify-content: space-between;
+
+      & .title__text {
+        color: var(--gray-950, #14161a);
+        text-align: center;
+        font-size: 1.5rem;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 2rem;
+        letter-spacing: -0.47px;
+      }
+
+      & .title__action {
+        color: var(--gray-950, #14161a);
+        background: var(--neutral-9504, rgba(20, 22, 26, 0.04));
+
+        &:hover {
+          background: var(--neutral-9504, rgba(20, 22, 26, 0.12));
+        }
+
+        &:focus {
+          outline: none;
+        }
+      }
+    }
+
+    & .wrapper__subtitle {
+      color: var(---gray-600, #676e79);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+    }
+  }
+
+  & .wrapper__cards {
+    display: grid;
+    grid-template-columns: ${a=>`repeat(${a==null?void 0:a.limitCards}, minmax(0, 1fr))`};
+    gap: 1.25rem;
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  @media (max-width: ${u.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__heading {
+      & .wrapper__title {
+        & .title__action {
+          display: none;
+        }
+      }
+    }
+
+    & .wrapper__cards {
+      grid-template-columns: ${a=>`repeat(${a==null?void 0:a.limitCardsForMobile}, minmax(0, 1fr))`};
+      gap: 1rem;
+    }
+  }
+
+  @media (max-width: 400px) {
+    & .wrapper__cards {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+      gap: 1rem;
+    }
+  }
+`,$=_.forwardRef(({title:a,subtitle:p,cards:t,limitCards:g=4,limitCardsForMobile:x=2,actionText:o,onSelectCard:n=()=>{},onShowMore:s},d)=>{var l;const f=()=>{s==null||s()},r=e=>{n==null||n(e==null?void 0:e.uuid)};return i.jsxs(k,{limitCards:g,limitCardsForMobile:x,children:[i.jsxs("div",{className:"wrapper__heading",children:[i.jsxs("div",{className:"wrapper__title",children:[a&&i.jsx("div",{className:"title__text",children:a}),o&&s&&i.jsx(w,{text:o,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:f})]}),p&&i.jsx("div",{className:"wrapper__subtitle",children:p})]}),i.jsx("div",{className:"wrapper__cards",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,c)=>i.jsx(b,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,subtitle:e==null?void 0:e.subtitle,image:e==null?void 0:e.image,rating:e==null?void 0:e.rating,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)},`shop-card__${c+1}`)):(l=Array.from("1234"))==null?void 0:l.map((e,c)=>i.jsx(N,{},`shop-card-skeleton__${c+1}`))})]})});module.exports=$;