@lanaco/lnc-react-ui 4.0.29 → 4.0.31

package/dist/BannerSectionBasic.cjs

@@ -0,0 +1,56 @@
+"use strict";const t=require("react/jsx-runtime"),x=require("react"),i=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./consts-dNz9tpt4.cjs"),f=require("./Button.cjs"),b=i.newStyled.div`
+  display: flex;
+  border-radius: 0.75rem;
+  background-color: ${e=>e.bgcolor||"transparent"};
+  overflow: hidden;
+  max-height: ${e=>e.height||"22.5rem"};
+  min-height: ${e=>e.height||"22.5rem"};
+
+  & button {
+    width: fit-content;
+    background-color: var(--gray-100, #14161a);
+    color: black;
+  }
+
+  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+    gap: 1.5rem;
+    flex-direction: column;
+    min-height: unset;
+    max-height: unset;
+
+    & button {
+      width: fit-content;
+    }
+  }
+`,p=i.newStyled.div`
+  padding: ${e=>e.smallPadding===!0?"2rem":"4rem 5rem"};
+  display: flex;
+  gap: 2rem;
+  flex-direction: ${e=>e.isHorizontalContent===!0?"row":"column"};
+  flex: 1;
+  align-items: center;
+
+  ${e=>e.isHorizontalContent===!0&&"justify-content: space-between;"}
+
+  @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
+    padding: 0;
+    flex-direction: column;
+  }
+`,w=i.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  text-align: center;
+
+  & .header-title {
+    font-size: 1.75rem;
+    font-weight: 600;
+    color: black;
+  }
+
+  & .header-subtitle {
+    color: var(--gray-950, #14161a);
+    font-size: 1rem;
+    font-weight: 500;
+  }
+`,y=x.forwardRef((e,v)=>{const{title:n,subtitle:o,buttonText:a,onClick:l,height:s,imageWidth:d,imageHeightMob:c,smallPadding:m=!1,isHorizontalContent:h=!1,backgroundColor:u,hasBorder:g=!1}=e;return t.jsx(b,{bgcolor:u,height:s,imgW:d,imgHMob:c,hasBorder:g,children:t.jsxs(p,{isHorizontalContent:h,smallPadding:m,children:[t.jsxs(w,{children:[t.jsx("div",{className:"header-title",children:n}),t.jsx("div",{className:"header-subitle",children:o})]}),t.jsx(f,{size:"medium",color:"neutral",type:"button",borderRadius:"curved",onClick:l,children:a})]})})});module.exports=y;

package/dist/BannerSectionBasic.js

@@ -0,0 +1,112 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { n as i } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as o } from "./consts-DNVz1x1I.js";
+import b from "./Button.js";
+const x = i.div`
+  display: flex;
+  border-radius: 0.75rem;
+  background-color: ${(e) => e.bgcolor || "transparent"};
+  overflow: hidden;
+  max-height: ${(e) => e.height || "22.5rem"};
+  min-height: ${(e) => e.height || "22.5rem"};
+
+  & button {
+    width: fit-content;
+    background-color: var(--gray-100, #14161a);
+    color: black;
+  }
+
+  @media (max-width: ${o + "px"}) {
+    gap: 1.5rem;
+    flex-direction: column;
+    min-height: unset;
+    max-height: unset;
+
+    & button {
+      width: fit-content;
+    }
+  }
+`, w = i.div`
+  padding: ${(e) => e.smallPadding === !0 ? "2rem" : "4rem 5rem"};
+  display: flex;
+  gap: 2rem;
+  flex-direction: ${(e) => e.isHorizontalContent === !0 ? "row" : "column"};
+  flex: 1;
+  align-items: center;
+
+  ${(e) => e.isHorizontalContent === !0 && "justify-content: space-between;"}
+
+  @media (max-width: ${o + "px"}) {
+    padding: 0;
+    flex-direction: column;
+  }
+`, v = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  text-align: center;
+
+  & .header-title {
+    font-size: 1.75rem;
+    font-weight: 600;
+    color: black;
+  }
+
+  & .header-subtitle {
+    color: var(--gray-950, #14161a);
+    font-size: 1rem;
+    font-weight: 500;
+  }
+`, B = p((e, y) => {
+  const {
+    title: n,
+    subtitle: a,
+    buttonText: l,
+    onClick: d,
+    height: c,
+    imageWidth: m,
+    imageHeightMob: s,
+    smallPadding: h = !1,
+    isHorizontalContent: g = !1,
+    backgroundColor: f,
+    hasBorder: u = !1
+  } = e;
+  return /* @__PURE__ */ t(
+    x,
+    {
+      bgcolor: f,
+      height: c,
+      imgW: m,
+      imgHMob: s,
+      hasBorder: u,
+      children: /* @__PURE__ */ r(
+        w,
+        {
+          isHorizontalContent: g,
+          smallPadding: h,
+          children: [
+            /* @__PURE__ */ r(v, { children: [
+              /* @__PURE__ */ t("div", { className: "header-title", children: n }),
+              /* @__PURE__ */ t("div", { className: "header-subitle", children: a })
+            ] }),
+            /* @__PURE__ */ t(
+              b,
+              {
+                size: "medium",
+                color: "neutral",
+                type: "button",
+                borderRadius: "curved",
+                onClick: d,
+                children: l
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  B as default
+};

package/dist/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),n=require("react"),t=require("./CustomStyles-CBON9fD-.cjs"),a=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");require("./index-Ct1N7fF4.cjs");const S=require("./index-DaiUAQVF.cjs");function M(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,p.get?p:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const h=M(n);var j=n.forwardRef(function(o,s){var r=t.useStateManager(o);return h.createElement(t.Select,a._extends({ref:s},r))}),x=j;const u=n.forwardRef((o,s)=>{const{styles:r,debounceTime:p=0,name:C,isSearchable:c=!0,isClearable:i=!0,onInputChange:l,size:y="small",color:T="primary",className:P="",style:b={},...m}=o,f=a.useTheme();return n.useCallback(S.debounce((d,g)=>{l==null||l(d,g)},p)),O.jsx(x,{ref:s,styles:r||t.customStyles,size:y,color:T,theme:f,isSearchable:c,isClearable:i,className:P,style:b,...m})});u.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),n=require("react"),t=require("./CustomStyles-CBON9fD-.cjs"),l=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");require("./index-Ct1N7fF4.cjs");const O=require("./index-DaiUAQVF.cjs");function S(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,p.get?p:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const M=S(n);var h=n.forwardRef(function(o,s){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:s},r))}),j=h;const a=n.forwardRef((o,s)=>{const{styles:r,debounceTime:p=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:i="small",color:y="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return n.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},p)),g.jsx(j,{ref:s,styles:r||t.customStyles,size:i,color:y,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;

package/dist/Dropdown.js

@@ -1,32 +1,32 @@
-import { jsx as O } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-S5Cd7WrG.js";
-import * as S from "react";
-import { forwardRef as l, useCallback as y } from "react";
-import { u as M, S as h, a as x } from "./CustomStyles-DuADCM-0.js";
-import { c as N } from "./CustomStyles-DuADCM-0.js";
+import * as O from "react";
+import { forwardRef as a, useCallback as S } from "react";
+import { u as y, S as M, a as h } from "./CustomStyles-DuADCM-0.js";
+import { c as H } from "./CustomStyles-DuADCM-0.js";
 import { _ as C, u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import "./index--Kmch3aI.js";
-import { d as T } from "./index-CNBqQrtK.js";
-var P = /* @__PURE__ */ l(function(n, t) {
-  var o = M(n);
-  return /* @__PURE__ */ S.createElement(h, C({
+import { d as x } from "./index-CNBqQrtK.js";
+var T = /* @__PURE__ */ a(function(n, t) {
+  var o = y(n);
+  return /* @__PURE__ */ O.createElement(M, C({
     ref: t
   }, o));
-}), V = P;
-const j = l((n, t) => {
+}), P = T;
+const V = a((n, t) => {
   const {
     // options,
     styles: o,
-    debounceTime: s = 0,
-    name: v,
+    debounceTime: l = 0,
+    name: j,
     // hideSelectedOptions,
     // id,
     // inputId,
     // value,
     // readOnly,
     // tabIndex,
-    isSearchable: r = !0,
-    isClearable: u = !0,
+    isSearchable: s = !0,
+    isClearable: r = !0,
     // isLoading,
     // isRtl,
     // isDisabled,
@@ -59,39 +59,39 @@ const j = l((n, t) => {
     // defaultMenuIsOpen,
     // delimiter,
     // onChange,
-    onInputChange: a,
+    // onInputChange,
     // onMenuOpen,
     // onMenuClose,
     // onBlur,
     // onFocus,
-    size: i = "small",
-    color: c = "primary",
-    className: m = "",
-    style: p = {},
+    size: u = "small",
+    color: i = "primary",
+    className: c = "",
+    style: m = {},
     // children,
-    ...b
-  } = n, f = I();
-  return y(
-    T((d, g) => {
-      a == null || a(d, g);
-    }, s)
-  ), /* @__PURE__ */ O(
-    V,
+    ...p
+  } = n, b = I();
+  return S(
+    x((f, d) => {
+      onInputChange == null || onInputChange(f, d);
+    }, l)
+  ), /* @__PURE__ */ g(
+    P,
     {
       ref: t,
-      styles: o || x,
-      size: i,
-      color: c,
-      theme: f,
-      isSearchable: r,
-      isClearable: u,
-      className: m,
-      style: p,
-      ...b
+      styles: o || h,
+      size: u,
+      color: i,
+      theme: b,
+      isSearchable: s,
+      isClearable: r,
+      className: c,
+      style: m,
+      ...p
     }
   );
 });
-j.propTypes = {
+V.propTypes = {
   options: e.array,
   styles: e.object,
   debounceTime: e.number,
@@ -261,6 +261,6 @@ j.propTypes = {
   size: e.oneOf(["small", "medium", "large"])
 };
 export {
-  N as components,
-  j as default
+  H as components,
+  V as default
 };

package/dist/MultiSelectDropdown.cjs

@@ -1 +1 @@
-"use strict";const g=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),O=require("./CustomStyles-CBON9fD-.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},l));return g.jsx(M.default,{isMulti:!0,ref:t,styles:p||O.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:a,style:T,...P})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
+"use strict";const g=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),O=require("./CustomStyles-CBON9fD-.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},l));return g.jsx(M.default,{isMulti:!0,ref:t,styles:p||O.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,className:a,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;

package/dist/MultiSelectDropdown.js

@@ -79,10 +79,10 @@ const w = y((l, t) => {
       theme: b,
       isSearchable: u,
       isClearable: a,
-      onInputChange: f,
       className: c,
       style: m,
-      ...p
+      ...p,
+      onInputChange: f
     }
   );
 });

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=$;

package/dist/ShopCardsSection.js

@@ -0,0 +1,359 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as h, 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`
+  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;
+      ${x(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;
+      ${x(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;
+      }
+    }
+  }
+`, j = c.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: ${v("-90deg")};
+    }
+  }
+
+  & .wrapper__info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.375rem;
+    width: 100%;
+
+    & .wrapper__info-item {
+      background-color: ${v("-90deg")};
+      height: 1rem;
+      width: 100%;
+    }
+  }
+`, z = h(
+  ({
+    image: a,
+    imageComponent: p,
+    title: n,
+    subtitle: _,
+    badges: g,
+    rating: o,
+    reviewCount: s,
+    products: l,
+    onSelectCard: d = () => {
+    }
+  }, w) => /* @__PURE__ */ t($, { onClick: d, children: [
+    /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
+      b(p) ? p : /* @__PURE__ */ r("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" }),
+        o && s && /* @__PURE__ */ t("div", { className: "wrapper__rating", children: [
+          /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((i, m) => /* @__PURE__ */ r(
+            N,
+            {
+              icon: i < o ? " mng-lnc-star--filled" : " mng-lnc-star",
+              className: "wrapper__star"
+            },
+            `shop-card-rating-star__${m + 1}`
+          )) }),
+          /* @__PURE__ */ t("div", { className: "wrapper__review-count", children: [
+            "(",
+            s == null ? void 0 : s.toLocaleString(),
+            ")"
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "wrapper__products", children: l && (l == null ? void 0 : l.map((i, m) => /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+      "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: 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" })
+      }
+    ) }, m))) })
+  ] })
+), C = h(({}, a) => /* @__PURE__ */ r(j, { children: /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
+  /* @__PURE__ */ r("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" })
+  ] })
+] }) })), I = c.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: ${k + "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;
+    }
+  }
+`, F = h(
+  ({
+    title: a,
+    subtitle: p,
+    cards: n,
+    limitCards: _ = 4,
+    limitCardsForMobile: g = 2,
+    actionText: o,
+    onSelectCard: s = () => {
+    },
+    onShowMore: l
+  }, d) => {
+    var m;
+    const w = () => {
+      l == null || l();
+    }, i = (e) => {
+      s == null || s(e == null ? void 0 : e.uuid);
+    };
+    return /* @__PURE__ */ t(
+      I,
+      {
+        limitCards: _,
+        limitCardsForMobile: g,
+        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(
+                u,
+                {
+                  text: o,
+                  borderRadius: "curved",
+                  btnType: "tinted",
+                  className: "title__action",
+                  onClick: w
+                }
+              )
+            ] }),
+            p && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: p })
+          ] }),
+          /* @__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,
+            {
+              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__${f + 1}`
+          )) : (m = Array.from("1234")) == null ? void 0 : m.map((e, f) => /* @__PURE__ */ r(C, {}, `shop-card-skeleton__${f + 1}`)) })
+        ]
+      }
+    );
+  }
+);
+export {
+  F as default
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),s=require("./NumberInput.cjs"),a=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),p=require("./TimeInput.cjs"),S=require("./Badge.cjs"),m=require("./Chip.cjs"),I=require("./DataView.cjs"),D=require("./DetailsView.cjs"),b=require("./EditableTable.cjs"),g=require("./FormView.cjs"),T=require("./Kanban.cjs"),w=require("./KanbanCard-CofqdTrO.cjs"),B=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),C=require("./KanbanActionsToolbar.cjs"),f=require("./Table.cjs"),M=require("./TableView.cjs"),h=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),K=require("./Spinner.cjs"),N=require("./Avatar.cjs"),V=require("./Button.cjs"),y=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),U=require("./DragAndDropFile.cjs"),E=require("./DragDropFiles.cjs"),j=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),J=require("./MultiSelectDropdown.cjs"),Q=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),se=require("./Header.cjs"),ae=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),pe=require("./AccordionSummary.cjs"),Se=require("./AccordionDetails.cjs"),me=require("./Breadcrumbs.cjs"),Ie=require("./ConfirmationForm.cjs"),De=require("./Drawer.cjs"),be=require("./DropdownMenu.cjs"),ge=require("./DropdownItem.cjs"),Te=require("./NestedDropdownItem.cjs"),we=require("./Separator.cjs"),Be=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),Ce=require("./PopoverClose.cjs"),fe=require("./PopoverHeading.cjs"),Me=require("./PopoverContent.cjs"),he=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),Ke=require("./TreeMenuSeparator.cjs"),Ne=require("./MasonryGeneralCardsSection.cjs"),Ve=require("./DetailedProductsSection.cjs"),ye=require("./ProductsWithBannerSection.cjs"),We=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),He=require("./BannerSectionCarousel.cjs"),Re=require("./BannerSectionGrid.cjs"),Oe=require("./BannerSectionSimple.cjs"),Ue=require("./BannerSectionWithList.cjs"),Ee=require("./BannerSectionWithListImage.cjs"),je=require("./GiftCardsSection.cjs"),ze=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Qe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Xe=require("./FieldOfInterestsWithTagsCardsSection.cjs"),r=require("./ThemeProvider.cjs"),Ye=require("./CustomStyles-CBON9fD-.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=s;exports.PasswordInput=a;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=p;exports.Badge=S;exports.Chip=m;exports.DataView=I;exports.DetailsView=D;exports.EditableTable=b;exports.FormView=g;exports.Kanban=T;exports.KanbanCard=w.KanbanCard;exports.KanbanHeader=B;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=C;exports.Table=f.default;exports.TableView=M;exports.ActionsToolbar=h;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=K;exports.Avatar=N;exports.Button=V;exports.Icon=y;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=U;exports.DragDropFiles=E;exports.Dropdown=j.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=J;exports.MultiSelectDropdownLookup=Q;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=se;exports.PageLayout=ae;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=pe;exports.AccordionDetails=Se.default;exports.Breadcrumbs=me;exports.ConfirmationForm=Ie;exports.Drawer=De;exports.DropdownMenu=be;exports.DropdownItem=ge;exports.NestedDropdownItem=Te;exports.Separator=we;exports.Modal=Be;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=Ce;exports.PopoverHeading=fe;exports.PopoverContent=Me;exports.PopoverTrigger=he;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=Ke;exports.MasonryGeneralCardsSection=Ne;exports.DetailedProductsSection=Ve;exports.ProductsWithBannerSection=ye;exports.SimpleProductsSection=We;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=He;exports.BannerSectionGrid=Re;exports.BannerSectionSimple=Oe;exports.BannerSectionWithList=Ue;exports.BannerSectionWithListImage=Ee;exports.GiftCardsSection=je;exports.BrandHitsSection=ze;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Qe;exports.FieldOfInterestsWithTagsCardsSection=Xe;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Ye.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),n=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),t=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),s=require("./NumberInput.cjs"),a=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),p=require("./TimeInput.cjs"),S=require("./Badge.cjs"),m=require("./Chip.cjs"),I=require("./DataView.cjs"),D=require("./DetailsView.cjs"),b=require("./EditableTable.cjs"),g=require("./FormView.cjs"),B=require("./Kanban.cjs"),T=require("./KanbanCard-CofqdTrO.cjs"),w=require("./KanbanHeader.cjs"),C=require("./KanbanFooter.cjs"),F=require("./KanbanView.cjs"),P=require("./KanbanActionsToolbar.cjs"),f=require("./Table.cjs"),M=require("./TableView.cjs"),h=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),K=require("./Spinner.cjs"),N=require("./Avatar.cjs"),V=require("./Button.cjs"),y=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),U=require("./DragAndDropFile.cjs"),E=require("./DragDropFiles.cjs"),j=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),J=require("./MultiSelectDropdown.cjs"),Q=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),ne=require("./Footer.cjs"),te=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),se=require("./Header.cjs"),ae=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),pe=require("./AccordionSummary.cjs"),Se=require("./AccordionDetails.cjs"),me=require("./Breadcrumbs.cjs"),Ie=require("./ConfirmationForm.cjs"),De=require("./Drawer.cjs"),be=require("./DropdownMenu.cjs"),ge=require("./DropdownItem.cjs"),Be=require("./NestedDropdownItem.cjs"),Te=require("./Separator.cjs"),we=require("./Modal.cjs"),Ce=require("./Pagination.cjs"),Fe=require("./Popover.cjs"),Pe=require("./PopoverClose.cjs"),fe=require("./PopoverHeading.cjs"),Me=require("./PopoverContent.cjs"),he=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),Ke=require("./TreeMenuSeparator.cjs"),Ne=require("./MasonryGeneralCardsSection.cjs"),Ve=require("./DetailedProductsSection.cjs"),ye=require("./ProductsWithBannerSection.cjs"),We=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),He=require("./BannerSectionCarousel.cjs"),Re=require("./BannerSectionGrid.cjs"),Oe=require("./BannerSectionSimple.cjs"),Ue=require("./BannerSectionWithList.cjs"),Ee=require("./BannerSectionWithListImage.cjs"),je=require("./GiftCardsSection.cjs"),ze=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Qe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Xe=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ye=require("./BannerSectionBasic.cjs"),Ze=require("./ShopCardsSection.cjs"),r=require("./ThemeProvider.cjs"),_e=require("./CustomStyles-CBON9fD-.cjs");exports.CheckBoxInput=o;exports.ColorInput=n;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=t;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=s;exports.PasswordInput=a;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=p;exports.Badge=S;exports.Chip=m;exports.DataView=I;exports.DetailsView=D;exports.EditableTable=b;exports.FormView=g;exports.Kanban=B;exports.KanbanCard=T.KanbanCard;exports.KanbanHeader=w;exports.KanbanFooter=C;exports.KanbanView=F;exports.KanbanActionsToolbar=P;exports.Table=f.default;exports.TableView=M;exports.ActionsToolbar=h;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=K;exports.Avatar=N;exports.Button=V;exports.Icon=y;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=U;exports.DragDropFiles=E;exports.Dropdown=j.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=J;exports.MultiSelectDropdownLookup=Q;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=ne;exports.FormField=te;exports.Grid=ie;exports.GridItem=ce;exports.Header=se;exports.PageLayout=ae;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=pe;exports.AccordionDetails=Se.default;exports.Breadcrumbs=me;exports.ConfirmationForm=Ie;exports.Drawer=De;exports.DropdownMenu=be;exports.DropdownItem=ge;exports.NestedDropdownItem=Be;exports.Separator=Te;exports.Modal=we;exports.Pagination=Ce;exports.Popover=Fe;exports.PopoverClose=Pe;exports.PopoverHeading=fe;exports.PopoverContent=Me;exports.PopoverTrigger=he;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=Ke;exports.MasonryGeneralCardsSection=Ne;exports.DetailedProductsSection=Ve;exports.ProductsWithBannerSection=ye;exports.SimpleProductsSection=We;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=He;exports.BannerSectionGrid=Re;exports.BannerSectionSimple=Oe;exports.BannerSectionWithList=Ue;exports.BannerSectionWithListImage=Ee;exports.GiftCardsSection=je;exports.BrandHitsSection=ze;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Qe;exports.FieldOfInterestsWithTagsCardsSection=Xe;exports.BannerSectionBasic=Ye;exports.ShopCardsSection=Ze;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=_e.components;

package/dist/index.js

@@ -7,10 +7,10 @@ import { default as n } from "./FileInput.js";
 import { default as c } from "./NumberInput.js";
 import { default as I } from "./PasswordInput.js";
 import { default as b } from "./RadioInput.js";
-import { default as T } from "./RangeSlider.js";
-import { default as B } from "./TextAreaInput.js";
-import { default as P } from "./TextInput.js";
-import { default as M } from "./TimeInput.js";
+import { default as B } from "./RangeSlider.js";
+import { default as w } from "./TextAreaInput.js";
+import { default as C } from "./TextInput.js";
+import { default as h } from "./TimeInput.js";
 import { default as A } from "./Badge.js";
 import { default as G } from "./Chip.js";
 import { default as L } from "./DataView.js";
@@ -34,10 +34,10 @@ import { default as ne } from "./ProgressBar.js";
 import { default as ce } from "./Spinner.js";
 import { default as Ie } from "./Avatar.js";
 import { default as be } from "./Button.js";
-import { default as Te } from "./Icon.js";
-import { default as Be } from "./IconButton.js";
-import { default as Pe } from "./Link.js";
-import { default as Me } from "./Surface.js";
+import { default as Be } from "./Icon.js";
+import { default as we } from "./IconButton.js";
+import { default as Ce } from "./Link.js";
+import { default as he } from "./Surface.js";
 import { default as Ae } from "./UploadedFile.js";
 import { default as Ge } from "./DoubleRangeSlider.js";
 import { default as Le } from "./DragAndDropFile.js";
@@ -61,10 +61,10 @@ import { default as io } from "./GridItem.js";
 import { default as So } from "./Header.js";
 import { default as Do } from "./PageLayout.js";
 import { default as go } from "./Sidebar.js";
-import { default as wo } from "./Tabs.js";
+import { default as To } from "./Tabs.js";
 import { default as Fo } from "./TabItem.js";
-import { default as Co } from "./Accordion.js";
-import { default as ho } from "./AccordionSummary.js";
+import { default as Po } from "./Accordion.js";
+import { default as Mo } from "./AccordionSummary.js";
 import { default as vo } from "./AccordionDetails.js";
 import { default as Ko } from "./Breadcrumbs.js";
 import { default as No } from "./ConfirmationForm.js";
@@ -88,10 +88,10 @@ import { default as ir } from "./NestedMenuItem.js";
 import { default as Sr } from "./TreeMenuSeparator.js";
 import { default as Dr } from "./MasonryGeneralCardsSection.js";
 import { default as gr } from "./DetailedProductsSection.js";
-import { default as wr } from "./ProductsWithBannerSection.js";
+import { default as Tr } from "./ProductsWithBannerSection.js";
 import { default as Fr } from "./SimpleProductsSection.js";
-import { default as Cr } from "./UrgentSaleProductsSection.js";
-import { default as hr } from "./BannerSectionCarousel.js";
+import { default as Pr } from "./UrgentSaleProductsSection.js";
+import { default as Mr } from "./BannerSectionCarousel.js";
 import { default as vr } from "./BannerSectionGrid.js";
 import { default as Kr } from "./BannerSectionSimple.js";
 import { default as Nr } from "./BannerSectionWithList.js";
@@ -101,17 +101,20 @@ import { default as Rr } from "./BrandHitsSection.js";
 import { default as Ur } from "./FieldOfInterestsMasonrySection.js";
 import { default as jr } from "./FieldOfInterestsWithAvatarsCardsSection.js";
 import { default as zr } from "./FieldOfInterestsWithTagsCardsSection.js";
-import { default as Qr, useTheme as Xr } from "./ThemeProvider.js";
-import { c as Zr } from "./CustomStyles-DuADCM-0.js";
+import { default as Qr } from "./BannerSectionBasic.js";
+import { default as Yr } from "./ShopCardsSection.js";
+import { default as _r, useTheme as $r } from "./ThemeProvider.js";
+import { c as ot } from "./CustomStyles-DuADCM-0.js";
 export {
-  Co as Accordion,
+  Po as Accordion,
   vo as AccordionDetails,
-  ho as AccordionSummary,
+  Mo as AccordionSummary,
   te as ActionsToolbar,
   fe as Alert,
   Ie as Avatar,
   A as Badge,
-  hr as BannerSectionCarousel,
+  Qr as BannerSectionBasic,
+  Mr as BannerSectionCarousel,
   vr as BannerSectionGrid,
   Kr as BannerSectionSimple,
   Nr as BannerSectionWithList,
@@ -154,15 +157,15 @@ export {
   xo as Grid,
   io as GridItem,
   So as Header,
-  Te as Icon,
-  Be as IconButton,
+  Be as Icon,
+  we as IconButton,
   O as Kanban,
   Z as KanbanActionsToolbar,
   E as KanbanCard,
   J as KanbanFooter,
   q as KanbanHeader,
   X as KanbanView,
-  Pe as Link,
+  Ce as Link,
   Dr as MasonryGeneralCardsSection,
   xr as MenuItem,
   zo as Modal,
@@ -183,32 +186,33 @@ export {
   dr as PopoverDescription,
   er as PopoverHeading,
   ar as PopoverTrigger,
-  wr as ProductsWithBannerSection,
+  Tr as ProductsWithBannerSection,
   ne as ProgressBar,
   qe as RadioGroup,
   b as RadioInput,
-  T as RangeSlider,
+  B as RangeSlider,
   Je as SearchBar,
   jo as Separator,
+  Yr as ShopCardsSection,
   go as Sidebar,
   Fr as SimpleProductsSection,
   ce as Spinner,
-  Me as Surface,
+  he as Surface,
   pr as SwipeableDrawer,
   Fo as TabItem,
   $ as Table,
   oe as TableView,
-  wo as Tabs,
-  B as TextAreaInput,
-  P as TextInput,
-  Qr as ThemeProvider,
-  M as TimeInput,
+  To as Tabs,
+  w as TextAreaInput,
+  C as TextInput,
+  _r as ThemeProvider,
+  h as TimeInput,
   Xe as Toggle,
   ur as TreeMenu,
   Sr as TreeMenuSeparator,
   Ae as UploadedFile,
-  Cr as UrgentSaleProductsSection,
-  Zr as components,
+  Pr as UrgentSaleProductsSection,
+  ot as components,
   s as registerLocale,
-  Xr as useTheme
+  $r as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.29",
+  "version": "4.0.31",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -119,6 +119,7 @@
     "./ProductsWithBannerSection": "./dist/ProductsWithBannerSection.js",
     "./SimpleProductsSection": "./dist/SimpleProductsSection.js",
     "./UrgentSaleProductsSection": "./dist/UrgentSaleProductsSection.js",
+    "./BannerSectionBasic": "./dist/BannerSectionBasic.js",
     "./BannerSectionCarousel": "./dist/BannerSectionCarousel.js",
     "./BannerSectionGrid": "./dist/BannerSectionGrid.js",
     "./BannerSectionSimple": "./dist/BannerSectionSimple.js",
@@ -128,7 +129,8 @@
     "./BrandHitsSection": "./dist/BrandHitsSection.js",
     "./FieldOfInterestsMasonrySection": "./dist/FieldOfInterestsMasonrySection.js",
     "./FieldOfInterestsWithAvatarsCardsSection": "./dist/FieldOfInterestsWithAvatarsCardsSection.js",
-    "./FieldOfInterestsWithTagsCardsSection": "./dist/FieldOfInterestsWithTagsCardsSection.js"
+    "./FieldOfInterestsWithTagsCardsSection": "./dist/FieldOfInterestsWithTagsCardsSection.js",
+    "./ShopCardsSection": "./dist/ShopCardsSection.jsx"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",

package/vite.config.js

@@ -161,6 +161,10 @@ export default defineConfig({
           __dirname,
           "src/Landing Sections/products-sections/urgent-sale-products-section/UrgentSaleProductsSection.jsx"
         ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/banners-sections/banner-section-basic/BannerSectionBasic.jsx"
+        ),
         resolve(
           __dirname,
           "src/Landing Sections/banners-sections/banner-section-carousel/BannerSectionCarousel.jsx"
@@ -201,6 +205,10 @@ export default defineConfig({
           __dirname,
           "src/Landing Sections/field-of-interests-sections/field-of-interests-with-tags-cards-section/FieldOfInterestsWithTagsCardsSection.jsx"
         ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/shop-sections/shop-cards-section/ShopCardsSection.jsx"
+        ),
       ],
       name: "@lanaco/lnc-react-ui",
       fileName: (format, name) => {