@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/GiftCardsSection.js

@@ -2,12 +2,12 @@ import { jsxs as i, jsx as r, Fragment as R } from "react/jsx-runtime";
 import { forwardRef as v, Suspense as k } from "react";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
 import { R as I } from "./style-C7FUSHmS.js";
-import { p as N, G as W, k as h } from "./utils-Dc5zIpaz.js";
-import T from "./Button.js";
+import { p as N, G as A, k as g } from "./utils-Dc5zIpaz.js";
+import W from "./Button.js";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as S } from "./consts-BuFChS64.js";
-import { s as j, a as z, S as u, b as o } from "./style-CXMUA6cI.js";
-const B = p.div`
+import { s as T, a as j, S as h, b as o } from "./style-CXMUA6cI.js";
+const z = p.div`
   display: grid;
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -15,7 +15,9 @@ const B = p.div`
   @media (max-width: ${S + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, E = p.div`
+`, B = p.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -36,7 +38,7 @@ const B = p.div`
       transform: scale(1.1);
     }
   }
-`, L = p.div`
+`, E = p.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -73,31 +75,33 @@ const B = p.div`
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`, w = v((t, m) => {
+`, w = v((t, s) => {
   const {
     image: a,
     text: l,
     price: d,
     currency: n,
-    onSelectGiftCard: c = () => {
-    }
+    onSelectGiftCard: m = () => {
+    },
+    selectAction: u
   } = t;
   return /* @__PURE__ */ i(
-    E,
+    B,
     {
-      ref: m,
+      ref: s,
       className: "simple-gift-card",
-      onClick: () => c(d),
+      onClick: () => m(d),
+      href: u,
       children: [
-        /* @__PURE__ */ i(L, { children: [
-          /* @__PURE__ */ r("div", { className: "price-tag", children: d && n && `${N(d)} ${W(n)}` }),
+        /* @__PURE__ */ i(E, { children: [
+          /* @__PURE__ */ r("div", { className: "price-tag", children: d && n && `${N(d)} ${A(n)}` }),
           /* @__PURE__ */ r("img", { src: a })
         ] }),
         /* @__PURE__ */ r("div", { className: "text-wrap", children: l })
       ]
     }
   );
-}), M = p(z)`
+}), L = p(j)`
   @media (max-width: ${S + "px"}) {
     flex-direction: column;
 
@@ -105,12 +109,12 @@ const B = p.div`
       flex-direction: column;
 
       & > div {
-        ${j}
+        ${T}
       }
     }
   }
-`, D = ({ keyPrefix: t }) => /* @__PURE__ */ i(M, { children: [
-  /* @__PURE__ */ i(u, { alignItems: "center", children: [
+`, M = ({ keyPrefix: t }) => /* @__PURE__ */ i(L, { children: [
+  /* @__PURE__ */ i(h, { alignItems: "center", children: [
     /* @__PURE__ */ r(o, { height: "11rem", borderRadius: "0.75rem" }),
     /* @__PURE__ */ r(
       o,
@@ -122,7 +126,7 @@ const B = p.div`
     )
   ] }, `${t}-1`),
   /* @__PURE__ */ i(
-    u,
+    h,
     {
       alignItems: "center",
       noGradient: !0,
@@ -141,7 +145,7 @@ const B = p.div`
     `${t}-2`
   ),
   /* @__PURE__ */ i(
-    u,
+    h,
     {
       alignItems: "center",
       noGradient: !0,
@@ -160,7 +164,7 @@ const B = p.div`
     `${t}-3`
   ),
   /* @__PURE__ */ i(
-    u,
+    h,
     {
       alignItems: "center",
       noGradient: !0,
@@ -178,48 +182,48 @@ const B = p.div`
     },
     `${t}-4`
   )
-] }), U = ({
+] }), D = ({
   keyPrefix: t,
-  isLoading: m = !1,
+  isLoading: s = !1,
   fallbackComponent: a = /* @__PURE__ */ r(R, {}),
   children: l
-}) => /* @__PURE__ */ r(k, { fallbackComponent: a, children: m === !0 ? /* @__PURE__ */ r(D, { keyPrefix: t }) : l }), J = v((t, m) => {
+}) => /* @__PURE__ */ r(k, { fallbackComponent: a, children: s === !0 ? /* @__PURE__ */ r(M, { keyPrefix: t }) : l }), J = v((t, s) => {
   const {
     icon: a,
     title: l,
     buttonLink: d,
     items: n,
-    isLoading: c = !1,
-    buttonText: g,
+    isLoading: m = !1,
+    buttonText: u,
     limit: f = 4,
     onSelectCard: b = () => {
     },
     onButtonAction: C = () => {
     }
-  } = t, G = $();
-  return /* @__PURE__ */ i(I, { ref: m, children: [
+  } = t, y = $();
+  return /* @__PURE__ */ i(I, { ref: s, children: [
     /* @__PURE__ */ i("div", { className: "regular-title", children: [
       /* @__PURE__ */ i("div", { className: "regular-title-text", children: [
-        h(a) && /* @__PURE__ */ r("i", { className: a }),
+        g(a) && /* @__PURE__ */ r("i", { className: a }),
         /* @__PURE__ */ r("span", { children: l })
       ] }),
-      h(g) && h(d) && !c && /* @__PURE__ */ r(
-        T,
+      g(u) && g(d) && !m && /* @__PURE__ */ r(
+        W,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var s;
-            (s = e == null ? void 0 : e.target) == null || s.blur(), C(d);
+            var c;
+            (c = e == null ? void 0 : e.target) == null || c.blur(), C(d);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: g
+          children: u
         }
       )
     ] }),
-    /* @__PURE__ */ r(U, { isLoading: c, keyPrefix: "gift-cards-skeleton", children: /* @__PURE__ */ r(B, { limit: f, children: G === !0 ? n == null ? void 0 : n.map((e, s) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(D, { isLoading: m, keyPrefix: "gift-cards-skeleton", children: /* @__PURE__ */ r(z, { limit: f, children: y === !0 ? n == null ? void 0 : n.map((e, c) => /* @__PURE__ */ r(
       w,
       {
         text: e == null ? void 0 : e.text,
@@ -227,10 +231,11 @@ const B = p.div`
         currency: e == null ? void 0 : e.currencyIsoCode,
         image: e == null ? void 0 : e.imageUrl,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectGiftCard: (y) => b(e)
+        selectAction: e == null ? void 0 : e.selectAction,
+        onSelectGiftCard: (G) => b(e)
       },
-      s
-    )) : n == null ? void 0 : n.slice(0, f).map((e, s) => /* @__PURE__ */ r(
+      c
+    )) : n == null ? void 0 : n.slice(0, f).map((e, c) => /* @__PURE__ */ r(
       w,
       {
         text: e == null ? void 0 : e.text,
@@ -238,9 +243,10 @@ const B = p.div`
         currency: e == null ? void 0 : e.currencyIsoCode,
         image: e == null ? void 0 : e.imageUrl,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectGiftCard: (y) => b(e)
+        selectAction: e == null ? void 0 : e.selectAction,
+        onSelectGiftCard: (G) => b(e)
       },
-      s
+      c
     )) }) })
   ] });
 });

package/dist/MasonryGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("react"),_=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-RnrgDDZP.cjs"),c=require("./consts-goSZX3xP.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),i=require("./style-BAcV7F53.cjs"),w=d.styled.div`
+"use strict";const e=require("react/jsx-runtime"),h=require("react"),_=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-RnrgDDZP.cjs"),c=require("./consts-goSZX3xP.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),i=require("./style-BAcV7F53.cjs"),j=d.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -6,6 +6,7 @@
   position: relative;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
   cursor: pointer;
+  text-decoration: none;
 
   grid-column: ${r=>{var t;return((t=r.position)==null?void 0:t.columnStart)||"1"}} /
     ${r=>{var t;return((t=r.position)==null?void 0:t.columnEnd)||"6"}};
@@ -112,7 +113,7 @@
       max-height: 14.5rem;
     }
   }
-`,j=h.forwardRef(({title:r,imageUrl:t,description:a,buttonText:o,onSelectCard:m=()=>{},className:g,position:l,tag:s,backgroundColor:p},x)=>{const u=f.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(w,{ref:x,theme:u,className:g,position:l,backgroundColor:p,onClick:m,children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[s&&e.jsx("div",{className:"text__tag",children:s}),e.jsx("div",{className:"text__title",children:r}),n.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"text__description",children:a}),n.isDefinedNotEmptyString(o)&&e.jsx(_,{text:o,className:"text__action"})]})]})})}),b=d.styled.div`
+`,b=h.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:m=()=>{},className:g,position:l,tag:s,backgroundColor:p,buttonLink:x},u)=>{const f=w.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(j,{ref:u,theme:f,className:g,position:l,backgroundColor:p,onClick:m,href:`/${x}`,children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[s&&e.jsx("div",{className:"text__tag",children:s}),e.jsx("div",{className:"text__title",children:r}),n.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"text__description",children:o}),n.isDefinedNotEmptyString(a)&&e.jsx(_,{text:a,className:"text__action"})]})]})})}),k=d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -145,7 +146,7 @@
       }
     }
   }
-`,k=d.styled.div`
+`,y=d.styled.div`
   display: grid;
   grid-template-columns: ${r=>"repeat(12,  minmax(0, 1fr))"};
 
@@ -163,7 +164,7 @@
     height: 100%;
     max-height: 100%;
   }
-`,y=d.styled(i.SkeletonRowWrapper)`
+`,S=d.styled(i.SkeletonRowWrapper)`
   @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
@@ -177,4 +178,4 @@
       flex-direction: column;
     }
   }
-`,S=({keyPrefix:r})=>e.jsxs(y,{children:[e.jsx(i.SkeletonColumnWrapper,{children:e.jsx(i.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),v=({keyPrefix:r,isLoading:t=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:o})=>e.jsx(h.Suspense,{fallbackComponent:a,children:t===!0?e.jsx(S,{keyPrefix:r}):o}),$=h.forwardRef(({title:r,items:t,isLoading:a=!1,limit:o=3,onSelectCard:m=()=>{}},g)=>e.jsxs(b,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(v,{isLoading:a,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx(k,{limit:o,children:t&&(t==null?void 0:t.map((l,s)=>e.jsx(j,{...l,onSelectCard:()=>m(l)},`landing-page-masonry-general-card__${s+1}`)))})})]}));module.exports=$;
+`,v=({keyPrefix:r})=>e.jsxs(S,{children:[e.jsx(i.SkeletonColumnWrapper,{children:e.jsx(i.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(i.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),$=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:a})=>e.jsx(h.Suspense,{fallbackComponent:o,children:t===!0?e.jsx(v,{keyPrefix:r}):a}),E=h.forwardRef(({title:r,items:t,isLoading:o=!1,limit:a=3,onSelectCard:m=()=>{}},g)=>e.jsxs(k,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx($,{isLoading:o,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx(y,{limit:a,children:t&&(t==null?void 0:t.map((l,s)=>e.jsx(b,{...l,onSelectCard:()=>m(l)},`landing-page-masonry-general-card__${s+1}`)))})})]}));module.exports=E;

package/dist/MasonryGeneralCardsSection.js

@@ -1,12 +1,12 @@
 import { jsx as r, Fragment as _, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as w, Suspense as k } from "react";
-import y from "./Button.js";
+import { forwardRef as w, Suspense as y } from "react";
+import S from "./Button.js";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { w as m, o as f, k as u } from "./utils-Dc5zIpaz.js";
 import { M as c } from "./consts-BuFChS64.js";
-import { u as S } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { a as p, S as x, b as o } from "./style-CXMUA6cI.js";
-const N = s.div`
+const C = s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -14,6 +14,7 @@ const N = s.div`
   position: relative;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
   cursor: pointer;
+  text-decoration: none;
 
   grid-column: ${(e) => {
   var t;
@@ -132,7 +133,7 @@ const N = s.div`
       max-height: 14.5rem;
     }
   }
-`, C = w(
+`, G = w(
   ({
     title: e,
     imageUrl: t,
@@ -143,18 +144,20 @@ const N = s.div`
     className: h,
     position: l,
     tag: d,
-    backgroundColor: b
-  }, v) => {
-    const $ = S();
+    backgroundColor: b,
+    buttonLink: v
+  }, $) => {
+    const k = N();
     return /* @__PURE__ */ r(_, { children: /* @__PURE__ */ i(
-      N,
+      C,
       {
-        ref: v,
-        theme: $,
+        ref: $,
+        theme: k,
         className: h,
         position: l,
         backgroundColor: b,
         onClick: g,
+        href: `/${v}`,
         children: [
           /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
           /* @__PURE__ */ i("div", { className: "wrapper__text", children: [
@@ -162,7 +165,7 @@ const N = s.div`
             /* @__PURE__ */ r("div", { className: "text__title", children: e }),
             u(a) && /* @__PURE__ */ r("div", { className: "text__description", children: a }),
             u(n) && /* @__PURE__ */ r(
-              y,
+              S,
               {
                 text: n,
                 className: "text__action"
@@ -173,7 +176,7 @@ const N = s.div`
       }
     ) });
   }
-), G = s.div`
+), z = s.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -206,7 +209,7 @@ const N = s.div`
       }
     }
   }
-`, z = s.div`
+`, M = s.div`
   display: grid;
   grid-template-columns: ${(e) => "repeat(12,  minmax(0, 1fr))"};
 
@@ -224,7 +227,7 @@ const N = s.div`
     height: 100%;
     max-height: 100%;
   }
-`, M = s(p)`
+`, j = s(p)`
   @media (max-width: ${c + "px"}) {
     flex-direction: column;
 
@@ -238,7 +241,7 @@ const N = s.div`
       flex-direction: column;
     }
   }
-`, j = ({ keyPrefix: e }) => /* @__PURE__ */ i(M, { children: [
+`, E = ({ keyPrefix: e }) => /* @__PURE__ */ i(j, { children: [
   /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(
     o,
     {
@@ -257,22 +260,22 @@ const N = s.div`
       /* @__PURE__ */ r(o, { height: "15rem" }, `${e}-5`)
     ] })
   ] })
-] }), E = ({
+] }), W = ({
   keyPrefix: e,
   isLoading: t = !1,
   fallbackComponent: a = /* @__PURE__ */ r(_, {}),
   children: n
-}) => /* @__PURE__ */ r(k, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(j, { keyPrefix: e }) : n }), F = w(
+}) => /* @__PURE__ */ r(y, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(E, { keyPrefix: e }) : n }), O = w(
   ({ title: e, items: t, isLoading: a = !1, limit: n = 3, onSelectCard: g = () => {
-  } }, h) => /* @__PURE__ */ i(G, { ref: h, children: [
+  } }, h) => /* @__PURE__ */ i(z, { ref: h, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: e }) }) }),
     /* @__PURE__ */ r(
-      E,
+      W,
       {
         isLoading: a,
         keyPrefix: "masonry-general-cards-skeleton",
-        children: /* @__PURE__ */ r(z, { limit: n, children: t && (t == null ? void 0 : t.map((l, d) => /* @__PURE__ */ r(
-          C,
+        children: /* @__PURE__ */ r(M, { limit: n, children: t && (t == null ? void 0 : t.map((l, d) => /* @__PURE__ */ r(
+          G,
           {
             ...l,
             onSelectCard: () => g(l)
@@ -284,5 +287,5 @@ const N = s.div`
   ] })
 );
 export {
-  F as default
+  O as default
 };

package/dist/Modal.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./Icon.cjs"),w=require("./utils-RnrgDDZP.cjs"),V=require("./index-41nUb2kP.cjs"),L=require("./motion-B_VPZaJq.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),x="5rem",h="3.8rem",i="1.5rem",W=(e,n,a)=>n&&a?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${i})`:n?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${i})`:a?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${i})`:e=="FULL"?"100dvh":`calc(100dvh - ${i})`,X=e=>e=="FULL"?"100vw":`calc(100vw - ${i})`,J=(e,n,a)=>e=="FULL"?"0":`${n?"0":"16px"} 0 ${a?"0":"16px"} 0`,K=C.styled(L.motion.div)`
+"use strict";const r=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),V=require("./Icon.cjs"),w=require("./utils-RnrgDDZP.cjs"),G=require("./index-41nUb2kP.cjs"),L=require("./motion-B_VPZaJq.cjs"),W=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),f="5rem",h="3.8rem",l="1.5rem",X=(e,n,a)=>n&&a?e=="FULL"?`calc(100dvh - ${h} - ${f})`:`calc(100dvh - ${h} - ${f} - ${l})`:n?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${l})`:a?e=="FULL"?`calc(100dvh - ${f})`:`calc(100dvh - ${f} - ${l})`:e=="FULL"?"100dvh":`calc(100dvh - ${l})`,J=e=>e=="FULL"?"100vw":`calc(100vw - ${l})`,K=(e,n,a)=>e=="FULL"?"0":`${n?"0":"16px"} 0 ${a?"0":"16px"} 0`,Q=C.styled(L.motion.div)`
   position: ${e=>e.scrollOverlay==!0?"absolute":"fixed"};
   top: 0;
   left: 0;
@@ -7,16 +7,17 @@
   background: ${e=>e.scrollOverlay===!0?"transparent":e.overlayColor};
   z-index: ${e=>e.zIndex};
   display: flex;
-`,Q=C.styled(L.motion.div)`
+`,Y=C.styled(L.motion.div)`
   position: relative;
   width: 50%;
   background-color: white;
   ${e=>e.scrollOverlay==!1?"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);":"height: fit-content; margin-right: auto; margin-left: auto;"}
   background-color: ${e=>w.getColorRgbaValue(e.theme,"Modal","default","enabled","bg")};
   z-index: ${e=>e.zIndex};
-  width: ${e=>ee[e.size.toUpperCase()]};
-  max-width: ${e=>X(e.size.toUpperCase())};
-  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
+  width: ${e=>oe[e.size.toUpperCase()]};
+  max-width: ${e=>J(e.size.toUpperCase())};
+  box-shadow:
+    0px 20px 25px -5px rgba(0, 0, 0, 0.1),
     0px 10px 10px -5px rgba(0, 0, 0, 0.04);
   border-radius: ${e=>e.size.toUpperCase()!="FULL"?"16px":"0"};
   display: flex;
@@ -26,7 +27,7 @@
   & .lnc-modal-header {
     max-height: ${h};
     overflow: hidden;
-    padding: ${i} ${i} 0 ${i};
+    padding: ${l} ${l} 0 ${l};
   }
   & .lnc-modal-header > h1,
   h2,
@@ -34,7 +35,7 @@
     margin: 0;
   }
   & .lnc-modal-footer {
-    max-height: ${x};
+    max-height: ${f};
     overflow: hidden;
     padding-top: 1rem;
   }
@@ -45,12 +46,12 @@
     flex-direction: column;
     justify-content: space-between;
     scrollbar-width: thin;
-    ${e=>e.scrollOverlay==!1&&`max-height: ${W(e.size.toUpperCase(),e.header,e.footer)};`}
+    ${e=>e.scrollOverlay==!1&&`max-height: ${X(e.size.toUpperCase(),e.header,e.footer)};`}
     overflow: auto;
-    margin: ${e=>J(e.size,e.header,e.footer)};
-    padding: 0 ${i} 0 ${i};
+    margin: ${e=>K(e.size,e.header,e.footer)};
+    padding: 0 ${l} 0 ${l};
   }
-`,Y=C.styled.div`
+`,Z=C.styled.div`
   position: absolute;
   cursor: pointer;
   top: 1.375rem;
@@ -72,7 +73,7 @@
   &:focus {
     background-color: ${e=>w.getColorRgbaValue(e.theme,"Modal","primary","focus","cancelBtnBg","cancelBtnBgOpacity")};
   }
-`,Z=C.styled(L.motion.div)`
+`,ee=C.styled(L.motion.div)`
   display: ${e=>e.scrollOverlay===!0?"block":"none"};
   position: fixed;
   top: 0;
@@ -81,4 +82,4 @@
   width: 100%;
   background-color: ${e=>e.overlayColor};
   z-index: 3;
-`,A=y.forwardRef((e,n)=>{const{portalElement:a=document.body,isOpen:c=!1,header:p,footer:l,scrollOverlay:s=!1,overlay:d=!0,overlayColor:u="rgba(0, 0, 0, 0.3)",showCloseButton:m=!0,onOpen:f=()=>{},onClose:g=()=>{},zIndex:O=1e3,size:$="fluid",clickOutsideToClose:b=!0,className:T="",style:D={},overlayProps:P,overlayAnimation:F={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:H=()=>{},children:z,rest:M}=e,R=y.useRef(),[v,k]=y.useState(c);let B={theme:G.useTheme(),size:$,zIndex:O,className:T,style:D};const q=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),t.target===t.currentTarget&&b&&j(t)};y.useImperativeHandle(n,()=>({open(){S()},close(){j()},isOpen(){return v}}));const S=t=>{k(!0),f(t)},j=t=>{k(!1),g(t)};return y.useEffect(()=>{v===!0&&H()},[v]),r.jsx(r.Fragment,{children:v&&r.jsx(r.Fragment,{children:a?r.jsx(r.Fragment,{children:V.reactDomExports.createPortal(r.jsx(E,{ref:R,overlay:d,scrollOverlay:s,onClickOutsideModal:q,overlayColor:u,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:m,close:j,header:p,footer:l,isOpen:c,...M,children:z}),a)}):r.jsx(E,{ref:R,overlay:d,scrollOverlay:s,onClickOutsideModal:q,overlayColor:u,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:m,close:j,header:p,footer:l,isOpen:c,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:n,onClickOutsideModal:a,overlayColor:c,overlayProps:p,overlayAnimation:l,modalAnimation:s,themeProps:d,showCloseButton:u,header:m,footer:f,close:g,isOpen:O,children:$,...b},T)=>r.jsx(N.AnimatePresence,{children:e?r.jsxs(r.Fragment,{children:[r.jsx(Z,{scrollOverlay:n,onClick:a,overlayColor:c,...p,...l}),r.jsx(K,{...d,onClick:a,scrollOverlay:n,overlayColor:c,isOpen:O,...p,...l,children:r.jsx(I,{ref:T,themeProps:d,scrollOverlay:n,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:f,...b,children:$})})]}):r.jsx(I,{ref:T,themeProps:d,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:f,...b,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:n,modalAnimation:a,showCloseButton:c,close:p,header:l,footer:s,children:d,...u},m)=>r.jsx(N.AnimatePresence,{children:r.jsxs(Q,{ref:m,...e,...a,header:l,footer:s,scrollOverlay:n,...u,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[c&&r.jsx(Y,{...e,className:"modal-lnc-times",onClick:p,children:r.jsx(_,{icon:"times"})}),l&&r.jsx("div",{className:"lnc-modal-header",children:l}),r.jsx("div",{className:"lnc-modal-content",children:d}),s&&r.jsx("div",{className:"lnc-modal-footer",children:s})]})}));A.propTypes={portalElement:o.PropTypes.any,isOpen:o.PropTypes.bool,header:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),footer:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),showCloseButton:o.PropTypes.bool,overlay:o.PropTypes.bool,scrollOverlay:o.PropTypes.bool,onOpen:o.PropTypes.func,onClose:o.PropTypes.func,zIndex:o.PropTypes.number,clickOutsideToClose:o.PropTypes.bool,overlayColor:o.PropTypes.string,overlayAnimation:o.PropTypes.object,modalAnimation:o.PropTypes.object,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:o.PropTypes.any};const ee={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=A;
+`,D=y.forwardRef((e,n)=>{const{preventDefault:a=!1,portalElement:p=document.body,isOpen:c=!1,header:i,footer:s,scrollOverlay:d=!1,overlay:u=!0,overlayColor:m="rgba(0, 0, 0, 0.3)",showCloseButton:x=!0,onOpen:g=()=>{},onClose:O=()=>{},zIndex:$=1e3,size:b="fluid",clickOutsideToClose:T=!0,className:A="",style:H={},overlayProps:P,overlayAnimation:F={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:S=()=>{},children:z,rest:M}=e,R=y.useRef(),[v,k]=y.useState(c);let B={theme:W.useTheme(),size:b,zIndex:$,className:A,style:H};const q=t=>{a&&(t==null||t.preventDefault(),t==null||t.stopPropagation()),t.target===t.currentTarget&&T&&j(t)};y.useImperativeHandle(n,()=>({open(){_()},close(){j()},isOpen(){return v}}));const _=t=>{k(!0),g(t)},j=t=>{k(!1),O(t)};return y.useEffect(()=>{v===!0&&S()},[v]),r.jsx(r.Fragment,{children:v&&r.jsx(r.Fragment,{children:p?r.jsx(r.Fragment,{children:G.reactDomExports.createPortal(r.jsx(E,{ref:R,overlay:u,scrollOverlay:d,onClickOutsideModal:q,overlayColor:m,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:x,close:j,header:i,footer:s,isOpen:c,...M,children:z}),p)}):r.jsx(E,{ref:R,overlay:u,scrollOverlay:d,onClickOutsideModal:q,overlayColor:m,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:x,close:j,header:i,footer:s,isOpen:c,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:n,onClickOutsideModal:a,overlayColor:p,overlayProps:c,overlayAnimation:i,modalAnimation:s,themeProps:d,showCloseButton:u,header:m,footer:x,close:g,isOpen:O,children:$,...b},T)=>r.jsx(N.AnimatePresence,{children:e?r.jsxs(r.Fragment,{children:[r.jsx(ee,{scrollOverlay:n,onClick:a,overlayColor:p,...c,...i}),r.jsx(Q,{...d,onClick:a,scrollOverlay:n,overlayColor:p,isOpen:O,...c,...i,children:r.jsx(I,{ref:T,themeProps:d,scrollOverlay:n,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:x,...b,children:$})})]}):r.jsx(I,{ref:T,themeProps:d,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:x,...b,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:n,modalAnimation:a,showCloseButton:p,close:c,header:i,footer:s,children:d,...u},m)=>r.jsx(N.AnimatePresence,{children:r.jsxs(Y,{ref:m,...e,...a,header:i,footer:s,scrollOverlay:n,...u,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[p&&r.jsx(Z,{...e,className:"modal-lnc-times",onClick:c,children:r.jsx(V,{icon:"times"})}),i&&r.jsx("div",{className:"lnc-modal-header",children:i}),r.jsx("div",{className:"lnc-modal-content",children:d}),s&&r.jsx("div",{className:"lnc-modal-footer",children:s})]})}));D.propTypes={portalElement:o.PropTypes.any,isOpen:o.PropTypes.bool,header:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),footer:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),showCloseButton:o.PropTypes.bool,overlay:o.PropTypes.bool,scrollOverlay:o.PropTypes.bool,onOpen:o.PropTypes.func,onClose:o.PropTypes.func,zIndex:o.PropTypes.number,clickOutsideToClose:o.PropTypes.bool,overlayColor:o.PropTypes.string,overlayAnimation:o.PropTypes.object,modalAnimation:o.PropTypes.object,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:o.PropTypes.any};const oe={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=D;