@lanaco/lnc-react-ui 4.0.32 → 4.0.33

package/dist/OverlayGeneralCardsSection.js

@@ -0,0 +1,183 @@
+import { jsx as r, Fragment as _, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import f from "./Button.js";
+import { useTheme as x } from "./ThemeProvider.js";
+import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { m as i, t as s } from "./utils-xpQsPsCa.js";
+import { M as h } from "./consts-DNVz1x1I.js";
+import { R as u } from "./style-D6sNCRwG.js";
+const v = m.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: 0.75rem;
+  position: relative;
+  max-height: 28.75rem;
+
+  & .wrapper__overlay {
+    position: relative;
+
+    &::after {
+      content: "";
+      position: absolute;
+      border-radius: 0.75rem;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 99%;
+      max-height: 28.75rem;
+      background: ${(t) => t == null ? void 0 : t.overlay};
+    }
+  }
+
+  & .wrapper__image {
+    border-radius: 0.75rem;
+  }
+
+  & .wrapper__image--skeleton {
+    width: 100%;
+    border-radius: 0.75rem;
+    background-color: ${i("-90deg")};
+  }
+
+  & .wrapper__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 1rem;
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    & .text__title {
+      color: var(--white);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+      ${s(2)}
+    }
+
+    & .text__description {
+      color: var(--white);
+      font-size: 1.375rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 1.75rem;
+      ${s(2)}
+    }
+
+    & .text__title--skeleton {
+      background-color: ${i("-90deg")};
+      height: 1rem;
+      width: 9rem;
+    }
+
+    & .text__description--skeleton {
+      background-color: ${i("-90deg")};
+      height: 1rem;
+      width: 12rem;
+    }
+  }
+
+  & .text__action {
+    background: var(--white);
+    color: var(--black);
+    position: absolute;
+    bottom: 1rem;
+    left: 1rem;
+
+    &:hover {
+      background: var(--primary-500, #f59e0b);
+      color: var(--white);
+    }
+  }
+
+  & .text__action--skeleton {
+    background-color: ${i("-90deg")};
+    height: 2rem;
+    width: 9rem;
+    position: absolute;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  @media (max-width: ${h + "px"}) {
+    max-height: 100%;
+
+    & .wrapper__overlay {
+      &::after {
+        max-height: 100%;
+      }
+    }
+
+    & .wrapper__text {
+      top: 1rem;
+      left: 1rem;
+    }
+
+    & .text__action {
+      bottom: 2rem;
+      left: 2rem;
+    }
+  }
+`, w = p(
+  ({
+    title: t,
+    image: a,
+    overlay: l,
+    description: n,
+    actionText: c,
+    actionLink: e,
+    handleClick: o = () => {
+    }
+  }, y) => {
+    const { theme: g } = x();
+    return /* @__PURE__ */ r(_, { children: /* @__PURE__ */ d(v, { theme: g, overlay: l, onClick: o, children: [
+      /* @__PURE__ */ r("div", { className: "wrapper__overlay", children: /* @__PURE__ */ r("img", { src: a, className: "wrapper__image" }) }),
+      /* @__PURE__ */ d("div", { className: "wrapper__text", children: [
+        /* @__PURE__ */ r("div", { className: "text__title", children: t }),
+        /* @__PURE__ */ r("div", { className: "text__description", children: n })
+      ] }),
+      /* @__PURE__ */ r(
+        f,
+        {
+          text: c,
+          onClick: o,
+          className: "text__action"
+        }
+      )
+    ] }) });
+  }
+), b = m.div`
+  display: grid;
+  grid-template-columns: ${(t) => `repeat(${t.limit}, 1fr)`};
+  gap: 1.25rem;
+  justify-items: center;
+
+  @media (max-width: ${h + "px"}) {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+`, j = p(
+  ({ title: t, items: a, limit: l = 2, onSelectCard: n = () => {
+  } }, c) => /* @__PURE__ */ d(u, { children: [
+    /* @__PURE__ */ r("div", { className: "regular-title center", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: t }) }) }),
+    /* @__PURE__ */ r(b, { limit: l, children: a && (a == null ? void 0 : a.map((e, o) => /* @__PURE__ */ r(
+      w,
+      {
+        title: e == null ? void 0 : e.title,
+        image: e == null ? void 0 : e.image,
+        description: e == null ? void 0 : e.description,
+        actionText: e == null ? void 0 : e.actionText,
+        overlay: e == null ? void 0 : e.overlay,
+        handleClick: () => n(e == null ? void 0 : e.uuid)
+      },
+      `landing-page-overlay-general-card__${o + 1}`
+    ))) })
+  ] })
+);
+export {
+  j as default
+};

package/dist/PasswordInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),n=require("./index-BPVoEhTF.cjs"),L=require("./index-DaiUAQVF.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./utils-CE6bljYe.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),G=h.newStyled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),n=require("./index-BPVoEhTF.cjs"),L=require("./index-DaiUAQVF.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./utils-UJt-R-G3.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),G=h.newStyled.div`
   display: flex;
   align-items: center;
 

package/dist/PasswordInput.js

@@ -4,7 +4,7 @@ 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-BiK8DcgW.js";
-import { d as g, a, b as M, e as Q, h as O, g as X } from "./utils-DtEdJZWa.js";
+import { d as g, a, b as M, e as Q, h as O, g as X } from "./utils-xpQsPsCa.js";
 import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const Z = m.div`
   display: flex;

package/dist/PopoverContent.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),c=require("react"),s=require("./floating-ui.react.esm-C4vrBVJU.cjs"),i=require("./index-BPVoEhTF.cjs"),x=require("./PopoverContext.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),a=require("./utils-CE6bljYe.cjs"),y=require("./motion-Oud-wpUz.cjs"),f=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),P=h.newStyled(y.motion.div)`
+"use strict";const n=require("react/jsx-runtime"),c=require("react"),s=require("./floating-ui.react.esm-C4vrBVJU.cjs"),i=require("./index-BPVoEhTF.cjs"),x=require("./PopoverContext.cjs"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),a=require("./utils-UJt-R-G3.cjs"),y=require("./motion-Oud-wpUz.cjs"),f=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),P=h.newStyled(y.motion.div)`
   font-family: ${e=>{var t,r;return(r=(t=e.theme)==null?void 0:t.typography)==null?void 0:r.fontFamily}};
   animation: fadeIn 0.4s;
   box-shadow: ${e=>a.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};

package/dist/PopoverContent.js

@@ -4,7 +4,7 @@ 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-BiK8DcgW.js";
-import { c as y, b as P, a as v } from "./utils-DtEdJZWa.js";
+import { c as y, b as P, a as v } from "./utils-xpQsPsCa.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)`

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),p=require("react"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./consts-dNz9tpt4.cjs"),b=require("./useDetectMobile-rBe0FiP2.cjs"),f=require("./style-C3OB0uad.cjs"),a=require("./utils-CE6bljYe.cjs"),j=c.newStyled.div`
+"use strict";const i=require("react/jsx-runtime"),p=require("react"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./consts-dNz9tpt4.cjs"),b=require("./useDetectMobile-rBe0FiP2.cjs"),f=require("./style-CeMnBJ6v.cjs"),a=require("./utils-UJt-R-G3.cjs"),j=c.newStyled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;

package/dist/ProductsWithBannerSection.js

@@ -3,8 +3,8 @@ import { forwardRef as g } from "react";
 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-Ch-xOasu.js";
-import { t as k, m as h, l as y, k as N } from "./utils-DtEdJZWa.js";
+import { R as v } from "./style-D6sNCRwG.js";
+import { t as k, m as h, l as y, k as N } from "./utils-xpQsPsCa.js";
 const S = s.div`
   width: 100%;
   height: 22.5rem;

package/dist/ProgressBar.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("./index-BPVoEhTF.cjs"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-CE6bljYe.cjs"),P=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),f=l.newStyled.div`
+"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("./index-BPVoEhTF.cjs"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-UJt-R-G3.cjs"),P=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),f=l.newStyled.div`
   width: 100%;
   position: relative;
   background-color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","unfilled")};

package/dist/ProgressBar.js

@@ -2,7 +2,7 @@ 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-BiK8DcgW.js";
-import { a as n, g as x } from "./utils-DtEdJZWa.js";
+import { a as n, g as x } from "./utils-xpQsPsCa.js";
 import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const $ = t.div`
   width: 100%;

package/dist/RadioInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-CE6bljYe.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
+"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-UJt-R-G3.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
   min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;

package/dist/RadioInput.js

@@ -2,7 +2,7 @@ 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-BiK8DcgW.js";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { d as f, g as N, e as T, a as t } from "./utils-DtEdJZWa.js";
+import { d as f, g as N, e as T, a as t } from "./utils-xpQsPsCa.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)};

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-CE6bljYe.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
+"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-UJt-R-G3.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
     min-height: ${c};
     max-height: ${c};
   `},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},W=y.newStyled.div`

package/dist/RangeSlider.js

@@ -2,7 +2,7 @@ import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
 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, d as H } from "./utils-DtEdJZWa.js";
+import { b as D, a as o, g as G, d as H } from "./utils-xpQsPsCa.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 }) => {

package/dist/Separator.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),l=require("react"),r=require("./index-BPVoEhTF.cjs"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./utils-CE6bljYe.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),d=m.newStyled.div`
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),r=require("./index-BPVoEhTF.cjs"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./utils-UJt-R-G3.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),d=m.newStyled.div`
   height: 1px;
   background-color: ${e=>u.getColorRgbaValue(e.theme,"MenuItem","default","enabled","separator")};
   margin-left: -0.25rem;

package/dist/Separator.js

@@ -2,7 +2,7 @@ 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-BiK8DcgW.js";
-import { a as i } from "./utils-DtEdJZWa.js";
+import { a as i } from "./utils-xpQsPsCa.js";
 import { u as c } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const f = n.div`
   height: 1px;

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";const r=require("react/jsx-runtime"),_=require("react"),w=require("./Button.cjs"),v=require("./Icon.cjs"),p=require("./utils-UJt-R-G3.cjs"),d=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./consts-dNz9tpt4.cjs"),b=d.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -42,7 +42,7 @@
       font-weight: 500;
       line-height: 1.5rem;
       letter-spacing: -0.0112rem;
-      ${m.truncateTextInRows(2)}
+      ${p.truncateTextInRows(2)}
     }
 
     & .wrapper__subtitle {
@@ -53,7 +53,7 @@
       font-weight: 400;
       line-height: 1.25rem;
       letter-spacing: -0.0056rem;
-      ${m.truncateTextInRows(2)}
+      ${p.truncateTextInRows(2)}
     }
 
     & .wrapper__badges {
@@ -108,7 +108,7 @@
       }
     }
   }
-`,y=h.newStyled.div`
+`,j=d.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -134,7 +134,7 @@
       width: 4rem;
       height: 4rem;
       border-radius: 999px;
-      background-color: ${m.linearGradientAnimation("-90deg")};
+      background-color: ${p.linearGradientAnimation("-90deg")};
     }
   }
 
@@ -146,12 +146,12 @@
     width: 100%;
 
     & .wrapper__info-item {
-      background-color: ${m.linearGradientAnimation("-90deg")};
+      background-color: ${p.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`
+`,y=_.forwardRef(({image:a,imageComponent:m,title:t,subtitle:g,badges:c,rating:o,reviewCount:n,products:s,onSelectCard:h=()=>{}},f)=>r.jsxs(b,{onClick:h,children:[r.jsxs("div",{className:"wrapper__content",children:[p.isDefined(m)?m:r.jsx("img",{src:a,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__title",children:t}),r.jsx("div",{className:"wrapper__subtitle",children:g}),c&&r.jsx("div",{className:"wrapper__badges"}),o&&n&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((i,l)=>r.jsx(v,{icon:i<o?" mng-lnc-star--filled":" mng-lnc-star",className:"wrapper__star"},`shop-card-rating-star__${l+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",n==null?void 0:n.toLocaleString(),")"]})]})]})]}),r.jsx("div",{className:"wrapper__products",children:s&&(s==null?void 0:s.map((i,l)=>r.jsx(_.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var e;return(e=i==null?void 0:i.onSelectProduct)==null?void 0:e.call(i,i==null?void 0:i.uuid)},children:p.isDefined(i==null?void 0:i.imageComponent)?i==null?void 0:i.imageComponent:r.jsx("img",{src:i==null?void 0:i.image,className:"product__image"})})},l)))})]})),N=_.forwardRef(({},a)=>r.jsx(j,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})})),k=d.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -231,4 +231,4 @@
       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=$;
+`,$=_.forwardRef(({title:a,subtitle:m,items:t,limit:g=4,limitForMobile:c=2,actionText:o,onSelectCard:n=()=>{},onShowMore:s},h)=>{var l;const f=()=>{s==null||s()},i=e=>{n==null||n(e==null?void 0:e.uuid)};return r.jsxs(k,{limitCards:g,limitCardsForMobile:c,children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[a&&r.jsx("div",{className:"title__text",children:a}),o&&s&&r.jsx(w,{text:o,borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:f})]}),m&&r.jsx("div",{className:"wrapper__subtitle",children:m})]}),r.jsx("div",{className:"wrapper__cards",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,x)=>r.jsx(y,{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:()=>i==null?void 0:i(e)},`shop-card__${x+1}`)):(l=Array.from("1234"))==null?void 0:l.map((e,x)=>r.jsx(N,{},`shop-card-skeleton__${x+1}`))})]})});module.exports=$;

package/dist/ShopCardsSection.js

@@ -1,11 +1,11 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { forwardRef as h, Fragment as y } from "react";
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { forwardRef as c, Fragment as y } from "react";
 import u from "./Button.js";
 import N from "./Icon.js";
-import { t as x, m as v, l as b } from "./utils-DtEdJZWa.js";
-import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { t as x, m as v, l as b } from "./utils-xpQsPsCa.js";
+import { n as f } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { M as k } from "./consts-DNVz1x1I.js";
-const $ = c.div`
+const $ = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -115,7 +115,7 @@ const $ = c.div`
       }
     }
   }
-`, j = c.div`
+`, j = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -158,33 +158,33 @@ const $ = c.div`
       width: 100%;
     }
   }
-`, z = h(
+`, C = c(
   ({
     image: a,
-    imageComponent: p,
-    title: n,
+    imageComponent: m,
+    title: l,
     subtitle: _,
     badges: g,
     rating: o,
     reviewCount: s,
-    products: l,
-    onSelectCard: d = () => {
+    products: n,
+    onSelectCard: h = () => {
     }
-  }, w) => /* @__PURE__ */ t($, { onClick: d, children: [
+  }, w) => /* @__PURE__ */ t($, { onClick: h, children: [
     /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
-      b(p) ? p : /* @__PURE__ */ r("img", { src: a, className: "wrapper__image" }),
+      b(m) ? m : /* @__PURE__ */ i("img", { src: a, className: "wrapper__image" }),
       /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
-        /* @__PURE__ */ r("div", { className: "wrapper__title", children: n }),
-        /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: _ }),
-        g && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
+        /* @__PURE__ */ i("div", { className: "wrapper__title", children: l }),
+        /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: _ }),
+        g && /* @__PURE__ */ i("div", { className: "wrapper__badges" }),
         o && s && /* @__PURE__ */ t("div", { className: "wrapper__rating", children: [
-          /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((i, m) => /* @__PURE__ */ r(
+          /* @__PURE__ */ i("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((r, p) => /* @__PURE__ */ i(
             N,
             {
-              icon: i < o ? " mng-lnc-star--filled" : " mng-lnc-star",
+              icon: r < o ? " mng-lnc-star--filled" : " mng-lnc-star",
               className: "wrapper__star"
             },
-            `shop-card-rating-star__${m + 1}`
+            `shop-card-rating-star__${p + 1}`
           )) }),
           /* @__PURE__ */ t("div", { className: "wrapper__review-count", children: [
             "(",
@@ -194,27 +194,27 @@ const $ = c.div`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "wrapper__products", children: l && (l == null ? void 0 : l.map((i, m) => /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+    /* @__PURE__ */ i("div", { className: "wrapper__products", children: n && (n == null ? void 0 : n.map((r, p) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(
       "div",
       {
         className: "wrapper__product",
         onClick: () => {
           var e;
-          return (e = i == null ? void 0 : i.onSelectProduct) == null ? void 0 : e.call(i, i == null ? void 0 : i.uuid);
+          return (e = r == null ? void 0 : r.onSelectProduct) == null ? void 0 : e.call(r, r == null ? void 0 : r.uuid);
         },
-        children: b(i == null ? void 0 : i.imageComponent) ? i == null ? void 0 : i.imageComponent : /* @__PURE__ */ r("img", { src: i == null ? void 0 : i.image, className: "product__image" })
+        children: b(r == null ? void 0 : r.imageComponent) ? r == null ? void 0 : r.imageComponent : /* @__PURE__ */ i("img", { src: r == null ? void 0 : r.image, className: "product__image" })
       }
-    ) }, m))) })
+    ) }, p))) })
   ] })
-), C = h(({}, a) => /* @__PURE__ */ r(j, { children: /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
-  /* @__PURE__ */ r("div", { className: "wrapper__image" }),
+), z = c(({}, a) => /* @__PURE__ */ i(j, { children: /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
+  /* @__PURE__ */ i("div", { className: "wrapper__image" }),
   /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__info-item" })
+    /* @__PURE__ */ i("div", { className: "wrapper__info-item" }),
+    /* @__PURE__ */ i("div", { className: "wrapper__info-item" }),
+    /* @__PURE__ */ i("div", { className: "wrapper__info-item" }),
+    /* @__PURE__ */ i("div", { className: "wrapper__info-item" })
   ] })
-] }) })), I = c.div`
+] }) })), I = f.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -294,22 +294,22 @@ const $ = c.div`
       gap: 1rem;
     }
   }
-`, F = h(
+`, E = c(
   ({
     title: a,
-    subtitle: p,
-    cards: n,
-    limitCards: _ = 4,
-    limitCardsForMobile: g = 2,
+    subtitle: m,
+    items: l,
+    limit: _ = 4,
+    limitForMobile: g = 2,
     actionText: o,
     onSelectCard: s = () => {
     },
-    onShowMore: l
-  }, d) => {
-    var m;
+    onShowMore: n
+  }, h) => {
+    var p;
     const w = () => {
-      l == null || l();
-    }, i = (e) => {
+      n == null || n();
+    }, r = (e) => {
       s == null || s(e == null ? void 0 : e.uuid);
     };
     return /* @__PURE__ */ t(
@@ -320,8 +320,8 @@ const $ = c.div`
         children: [
           /* @__PURE__ */ t("div", { className: "wrapper__heading", children: [
             /* @__PURE__ */ t("div", { className: "wrapper__title", children: [
-              a && /* @__PURE__ */ r("div", { className: "title__text", children: a }),
-              o && l && /* @__PURE__ */ r(
+              a && /* @__PURE__ */ i("div", { className: "title__text", children: a }),
+              o && n && /* @__PURE__ */ i(
                 u,
                 {
                   text: o,
@@ -332,10 +332,10 @@ const $ = c.div`
                 }
               )
             ] }),
-            p && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: p })
+            m && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: m })
           ] }),
-          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, f) => /* @__PURE__ */ r(
-            z,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l && (l == null ? void 0 : l.length) > 0 ? l == null ? void 0 : l.map((e, d) => /* @__PURE__ */ i(
+            C,
             {
               uuid: e == null ? void 0 : e.uuid,
               title: e == null ? void 0 : e.title,
@@ -345,15 +345,15 @@ const $ = c.div`
               reviewCount: e == null ? void 0 : e.reviewCount,
               products: e == null ? void 0 : e.products,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              onSelectCard: () => i == null ? void 0 : i(e)
+              onSelectCard: () => r == null ? void 0 : r(e)
             },
-            `shop-card__${f + 1}`
-          )) : (m = Array.from("1234")) == null ? void 0 : m.map((e, f) => /* @__PURE__ */ r(C, {}, `shop-card-skeleton__${f + 1}`)) })
+            `shop-card__${d + 1}`
+          )) : (p = Array.from("1234")) == null ? void 0 : p.map((e, d) => /* @__PURE__ */ i(z, {}, `shop-card-skeleton__${d + 1}`)) })
         ]
       }
     );
   }
 );
 export {
-  F as default
+  E as default
 };

package/dist/Sidebar.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-BPVoEhTF.cjs"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),x=require("./Icon.cjs"),g=require("./utils-CE6bljYe.cjs"),y=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=l.newStyled.aside`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-BPVoEhTF.cjs"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),x=require("./Icon.cjs"),g=require("./utils-UJt-R-G3.cjs"),y=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=l.newStyled.aside`
   direction: ${e=>e.placement=="right"?"rtl":"ltr"};
   position: relative;
   && {

package/dist/Sidebar.js

@@ -3,7 +3,7 @@ import { forwardRef as S, useState as x, useEffect as C } from "react";
 import { P as s } from "./index-S5Cd7WrG.js";
 import { n as l } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import y from "./Icon.js";
-import { u as $ } from "./utils-DtEdJZWa.js";
+import { u as $ } from "./utils-xpQsPsCa.js";
 import { u as _ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const v = l.aside`
   direction: ${(e) => e.placement == "right" ? "rtl" : "ltr"};