@lanaco/lnc-react-ui 4.0.32 → 4.0.34

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-CqvISfv9.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-C0YSTwcn.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-CqvISfv9.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-C0YSTwcn.cjs"),d=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./consts-CtNoHdBj.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 { M as k } from "./consts-DNVz1x1I.js";
-const $ = c.div`
+import { t as x, m as v, l as b } from "./utils-CqvISfv9.js";
+import { n as f } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as k } from "./consts-C1uHV4xc.js";
+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-C0YSTwcn.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-CqvISfv9.js";
 import { u as _ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const v = l.aside`
   direction: ${(e) => e.placement == "right" ? "rtl" : "ltr"};

package/dist/SimpleCategoriesSection.cjs

@@ -0,0 +1,81 @@
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./consts-CtNoHdBj.cjs"),b=require("./useDetectMobile-D6d5LpdL.cjs"),a=require("./utils-C0YSTwcn.cjs"),f=require("./style-BEUISPP7.cjs"),v=require("./Button.cjs"),S=h.newStyled.div`
+  display: grid;
+  grid-template-columns: ${t=>"repeat(6,  minmax(0, 1fr))"};
+  gap: 2rem;
+
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+    display: flex;
+    gap: 1rem;
+    overflow-x: auto;
+
+    -webkit-overflow-scrolling: touch;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    -ms-overflow-style: none;
+    /* Internet Explorer 10+ */
+    scrollbar-width: none;
+    /* Firefox */
+
+    &::-webkit-scrollbar {
+      display: none;
+      /* Safari and Chrome */
+    }
+  }
+`,j=h.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--gray-950, #14161a);
+  min-height: 12.25rem;
+  max-height: 12.25rem;
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
+  background: var(--white, #fff);
+  cursor: pointer;
+
+  transition: var(--transition);
+  &:hover {
+    color: var(--primary-500, #f59e0b);
+  }
+
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+
+  & .card-content {
+    padding: 0.75rem;
+    ${a.truncateTextInRows(2)}
+  }
+
+  & .card-content-2 {
+    ${a.truncateTextInRows(2)}
+  }
+
+  & img {
+    width: 100%;
+    object-fit: cover;
+    min-height: 8.25rem;
+    max-height: 8.25rem;
+  }
+
+  & .skeleton-img {
+    width: 100%;
+    min-height: 8.25rem;
+    max-height: 8.25rem;
+    ${a.linearGradientAnimation("-90deg")}
+  }
+
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+    min-width: 8.75rem;
+    max-width: 8.75rem;
+
+    & .img,
+    .skeleton-img {
+      min-height: 5.375rem;
+      max-height: 5.375rem;
+    }
+  }
+`,m=u.forwardRef((t,p)=>{const{uuid:n,image:o,name:i,onSelectCard:s=()=>{}}=t;return r.jsxs(j,{className:"simple-category-card",onClick:()=>s(n),children:[r.jsx("img",{src:o}),r.jsx("div",{className:"card-content",children:r.jsx("div",{className:"card-content-2",children:i})})]})}),x=u.forwardRef((t,p)=>{const{icon:n,title:o="Shop by category",items:i,buttonText:s,limit:l=12,handleOnClick:c}=t,w=b.useDetectMobile();return console.log("handleOnClick",c),r.jsxs(f.RegulatTitleSectionWrapper,{children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:o})]}),!!c&&r.jsx(v,{type:"button",btnType:"tinted",color:"gray",onClick:c,borderRadius:"curved",children:s})]}),r.jsx(S,{limit:l,children:w===!0?i==null?void 0:i.map((e,d)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>onSelectCard==null?void 0:onSelectCard(y==null?void 0:y.uuid)},d)):i==null?void 0:i.slice(0,l).map((e,d)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>onSelectCard==null?void 0:onSelectCard(y==null?void 0:y.uuid)},d))})]})});module.exports=x;

package/dist/SimpleCategoriesSection.js

@@ -0,0 +1,153 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as u } from "./consts-C1uHV4xc.js";
+import { u as b } from "./useDetectMobile-BC6EGaBc.js";
+import { t as s, m as v, k as C } from "./utils-CqvISfv9.js";
+import { R as S } from "./style-BGQ1B_dp.js";
+import k from "./Button.js";
+const N = g.div`
+  display: grid;
+  grid-template-columns: ${(a) => "repeat(6,  minmax(0, 1fr))"};
+  gap: 2rem;
+
+  @media (max-width: ${u + "px"}) {
+    display: flex;
+    gap: 1rem;
+    overflow-x: auto;
+
+    -webkit-overflow-scrolling: touch;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    -ms-overflow-style: none;
+    /* Internet Explorer 10+ */
+    scrollbar-width: none;
+    /* Firefox */
+
+    &::-webkit-scrollbar {
+      display: none;
+      /* Safari and Chrome */
+    }
+  }
+`, R = g.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--gray-950, #14161a);
+  min-height: 12.25rem;
+  max-height: 12.25rem;
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
+  background: var(--white, #fff);
+  cursor: pointer;
+
+  transition: var(--transition);
+  &:hover {
+    color: var(--primary-500, #f59e0b);
+  }
+
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+
+  & .card-content {
+    padding: 0.75rem;
+    ${s(2)}
+  }
+
+  & .card-content-2 {
+    ${s(2)}
+  }
+
+  & img {
+    width: 100%;
+    object-fit: cover;
+    min-height: 8.25rem;
+    max-height: 8.25rem;
+  }
+
+  & .skeleton-img {
+    width: 100%;
+    min-height: 8.25rem;
+    max-height: 8.25rem;
+    ${v("-90deg")}
+  }
+
+  @media (max-width: ${u + "px"}) {
+    min-width: 8.75rem;
+    max-width: 8.75rem;
+
+    & .img,
+    .skeleton-img {
+      min-height: 5.375rem;
+      max-height: 5.375rem;
+    }
+  }
+`, p = h((a, f) => {
+  const { uuid: t, image: n, name: i, onSelectCard: m = () => {
+  } } = a;
+  return /* @__PURE__ */ o(
+    R,
+    {
+      className: "simple-category-card",
+      onClick: () => m(t),
+      children: [
+        /* @__PURE__ */ r("img", { src: n }),
+        /* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: i }) })
+      ]
+    }
+  );
+}), B = h((a, f) => {
+  const {
+    icon: t,
+    title: n = "Shop by category",
+    items: i,
+    buttonText: m,
+    limit: c = 12,
+    handleOnClick: d
+  } = a, w = b();
+  return console.log("handleOnClick", d), /* @__PURE__ */ o(S, { children: [
+    /* @__PURE__ */ o("div", { className: "regular-title", children: [
+      /* @__PURE__ */ o("div", { className: "regular-title-text", children: [
+        C(t) && /* @__PURE__ */ r("i", { className: t }),
+        /* @__PURE__ */ r("span", { children: n })
+      ] }),
+      !!d && /* @__PURE__ */ r(
+        k,
+        {
+          type: "button",
+          btnType: "tinted",
+          color: "gray",
+          onClick: d,
+          borderRadius: "curved",
+          children: m
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(N, { limit: c, children: w === !0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
+      p,
+      {
+        uuid: e == null ? void 0 : e.uuid,
+        image: e == null ? void 0 : e.image,
+        name: e == null ? void 0 : e.name,
+        onSelectCard: () => onSelectCard == null ? void 0 : onSelectCard(y == null ? void 0 : y.uuid)
+      },
+      l
+    )) : i == null ? void 0 : i.slice(0, c).map((e, l) => /* @__PURE__ */ r(
+      p,
+      {
+        uuid: e == null ? void 0 : e.uuid,
+        image: e == null ? void 0 : e.image,
+        name: e == null ? void 0 : e.name,
+        onSelectCard: () => onSelectCard == null ? void 0 : onSelectCard(y == null ? void 0 : y.uuid)
+      },
+      l
+    )) })
+  ] });
+});
+export {
+  B as default
+};

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),w=require("react"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./consts-dNz9tpt4.cjs"),y=require("./useDetectMobile-rBe0FiP2.cjs"),s=require("./index-BlV3tdJ8.cjs"),S=require("./index-C2M7QHPq.cjs"),j=h.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),w=require("react"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./consts-CtNoHdBj.cjs"),y=require("./useDetectMobile-D6d5LpdL.cjs"),s=require("./index-B6kVbS_M.cjs"),S=require("./index-B67WqHGh.cjs"),j=h.newStyled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;

package/dist/SimpleProductsSection.js

@@ -1,10 +1,10 @@
 import { jsxs as w, jsx as u } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
 import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { M as y } from "./consts-DNVz1x1I.js";
-import { u as k } from "./useDetectMobile-BookNOsk.js";
-import { S as m } from "./index-DGl-lSfF.js";
-import { T as S } from "./index-DcYg32le.js";
+import { M as y } from "./consts-C1uHV4xc.js";
+import { u as k } from "./useDetectMobile-BC6EGaBc.js";
+import { S as m } from "./index-HV_Ku4ub.js";
+import { T as S } from "./index-CTJZaJ_S.js";
 const v = h.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);

package/dist/Spinner.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("./index-BPVoEhTF.cjs"),i=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./emotion-react.browser.esm-D7h2t2Bz.cjs"),t=require("./utils-CE6bljYe.cjs"),g=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),p={small:"0.6rem",medium:"0.7rem",large:"0.8rem"},b=(e,r)=>{if(e==="small")return`
+"use strict";const s=require("react/jsx-runtime"),n=require("./index-BPVoEhTF.cjs"),i=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./emotion-react.browser.esm-D7h2t2Bz.cjs"),t=require("./utils-C0YSTwcn.cjs"),g=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),p={small:"0.6rem",medium:"0.7rem",large:"0.8rem"},b=(e,r)=>{if(e==="small")return`
           width: ${r.sizes.small};
           height: ${r.sizes.small};
         `;if(e==="medium")return`

package/dist/Spinner.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { P as n } from "./index-S5Cd7WrG.js";
 import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { k as p } from "./emotion-react.browser.esm-CN-s34fZ.js";
-import { g, a as i } from "./utils-DtEdJZWa.js";
+import { g, a as i } from "./utils-CqvISfv9.js";
 import { u as h } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const u = {
   small: "0.6rem",

package/dist/Surface.cjs

@@ -1,4 +1,4 @@
-"use strict";const x=require("react/jsx-runtime"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BPVoEhTF.cjs"),s=require("./utils-CE6bljYe.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=c.newStyled.div`
+"use strict";const x=require("react/jsx-runtime"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BPVoEhTF.cjs"),s=require("./utils-C0YSTwcn.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=c.newStyled.div`
   padding: ${e=>e.padding};
   box-shadow: ${e=>s.getBoxShadowValue(e.theme,e.boxShadow)};
   border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};

package/dist/Surface.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { j as u, b as f } from "./utils-DtEdJZWa.js";
+import { j as u, b as f } from "./utils-CqvISfv9.js";
 import { u as p } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const g = x.div`
   padding: ${(e) => e.padding};

package/dist/SwipeableDrawer.cjs

@@ -1,4 +1,4 @@
-"use strict";const g=require("react/jsx-runtime"),u=require("react"),t=require("./index-BPVoEhTF.cjs"),v=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),y=require("./utils-CE6bljYe.cjs"),V=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),X=(e,o,n,c,a)=>{if(e==="right"||e==="left"||o&&n)return"height: 100%;";if(!(o&&a===!0))return o?"height: "+c+";":"height: 0;"},Y=(e,o,n,c,a)=>{if(e==="top"||e==="bottom"||o&&n)return"width: 100%;";if(!(o&&a===!0))return o?"width: "+c+";":"width: 0;"},A=v.newStyled.div`
+"use strict";const g=require("react/jsx-runtime"),u=require("react"),t=require("./index-BPVoEhTF.cjs"),v=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),y=require("./utils-C0YSTwcn.cjs"),V=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),X=(e,o,n,c,a)=>{if(e==="right"||e==="left"||o&&n)return"height: 100%;";if(!(o&&a===!0))return o?"height: "+c+";":"height: 0;"},Y=(e,o,n,c,a)=>{if(e==="top"||e==="bottom"||o&&n)return"width: 100%;";if(!(o&&a===!0))return o?"width: "+c+";":"width: 0;"},A=v.newStyled.div`
   touch-action: none;
   overflow: auto;
   max-height: ${e=>e.isOpen||e.unsetHeight===!1?"100dvh":0};

package/dist/SwipeableDrawer.js

@@ -2,7 +2,7 @@ import { jsx as g, Fragment as Y } from "react/jsx-runtime";
 import { forwardRef as V, useRef as q, useState as A, useImperativeHandle as B, useEffect as G } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as $, g as J } from "./utils-DtEdJZWa.js";
+import { a as $, g as J } from "./utils-CqvISfv9.js";
 import { u as K } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const Q = (e, r, o, u, s) => {
   if (e === "right" || e === "left" || r && o) return "height: 100%;";

package/dist/TabItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const z=require("react/jsx-runtime"),m=require("react"),r=require("./index-BPVoEhTF.cjs"),E=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-CE6bljYe.cjs"),N=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),y=require("./useUpdateEffect-BtMgpgIV.cjs"),S=e=>e=="small"?"3.125rem":e=="medium"?"3.375rem":"3.625rem",_=E.newStyled.div`
+"use strict";const z=require("react/jsx-runtime"),m=require("react"),r=require("./index-BPVoEhTF.cjs"),E=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-C0YSTwcn.cjs"),N=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),y=require("./useUpdateEffect-BtMgpgIV.cjs"),S=e=>e=="small"?"3.125rem":e=="medium"?"3.375rem":"3.625rem",_=E.newStyled.div`
   box-sizing: border-box;
   ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
   min-width: 5.25rem;

package/dist/TabItem.js

@@ -2,7 +2,7 @@ import { jsx as j } from "react/jsx-runtime";
 import { forwardRef as D, useState as H } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { h as S, g as A, a as i, b as o } from "./utils-DtEdJZWa.js";
+import { h as S, g as A, a as i, b as o } from "./utils-CqvISfv9.js";
 import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { u as h } from "./useUpdateEffect-CuYWz7EA.js";
 const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625rem", V = I.div`