@lanaco/lnc-react-ui 4.0.181 → 4.0.182

package/dist/Modal.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=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,r,n)=>r&&n?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${i})`:r?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${i})`:n?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,r,n)=>e=="FULL"?"0":`${r?"0":"16px"} 0 ${n?"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"),_=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)`
   position: ${e=>e.scrollOverlay==!0?"absolute":"fixed"};
   top: 0;
   left: 0;
@@ -81,4 +81,4 @@
   width: 100%;
   background-color: ${e=>e.overlayColor};
   z-index: 3;
-`,A=y.forwardRef((e,r)=>{const{portalElement:n=document.body,isOpen:s=!1,header:d,footer:l,scrollOverlay:a=!1,overlay:c=!0,overlayColor:p="rgba(0, 0, 0, 0.3)",showCloseButton:u=!0,onOpen:f=()=>{},onClose:g=()=>{},zIndex:O=1e3,size:$="fluid",clickOutsideToClose:v=!0,className:b="",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(),[T,k]=y.useState(s);let B={theme:G.useTheme(),size:$,zIndex:O,className:b,style:H};const q=m=>{m.target===m.currentTarget&&v&&j(m)};y.useImperativeHandle(r,()=>({open(){_()},close(){j()},isOpen(){return T}}));const _=m=>{k(!0),f(m)},j=m=>{k(!1),g(m)};return y.useEffect(()=>{T===!0&&S()},[T]),t.jsx(t.Fragment,{children:T&&t.jsx(t.Fragment,{children:n?t.jsx(t.Fragment,{children:V.reactDomExports.createPortal(t.jsx(E,{ref:R,overlay:c,scrollOverlay:a,onClickOutsideModal:q,overlayColor:p,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:u,close:j,header:d,footer:l,isOpen:s,...M,children:z}),n)}):t.jsx(E,{ref:R,overlay:c,scrollOverlay:a,onClickOutsideModal:q,overlayColor:p,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:u,close:j,header:d,footer:l,isOpen:s,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:r,onClickOutsideModal:n,overlayColor:s,overlayProps:d,overlayAnimation:l,modalAnimation:a,themeProps:c,showCloseButton:p,header:u,footer:f,close:g,isOpen:O,children:$,...v},b)=>t.jsx(N.AnimatePresence,{children:e?t.jsxs(t.Fragment,{children:[t.jsx(Z,{scrollOverlay:r,onClick:n,overlayColor:s,...d,...l}),t.jsx(K,{...c,onClick:n,scrollOverlay:r,overlayColor:s,isOpen:O,...d,...l,children:t.jsx(I,{ref:b,themeProps:c,scrollOverlay:r,modalAnimation:a,showCloseButton:p,close:g,header:u,footer:f,...v,children:$})})]}):t.jsx(I,{ref:b,themeProps:c,modalAnimation:a,showCloseButton:p,close:g,header:u,footer:f,...v,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:r,modalAnimation:n,showCloseButton:s,close:d,header:l,footer:a,children:c,...p},u)=>t.jsx(N.AnimatePresence,{children:t.jsxs(Q,{ref:u,...e,...n,header:l,footer:a,scrollOverlay:r,...p,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[s&&t.jsx(Y,{...e,className:"modal-lnc-times",onClick:d,children:t.jsx(D,{icon:"times"})}),l&&t.jsx("div",{className:"lnc-modal-header",children:l}),t.jsx("div",{className:"lnc-modal-content",children:c}),a&&t.jsx("div",{className:"lnc-modal-footer",children:a})]})}));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;
+`,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;

package/dist/Modal.js

@@ -4,11 +4,11 @@ import { P as o } from "./index-CblbdqjE.js";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import K from "./Icon.js";
 import { b as w } from "./utils-Dc5zIpaz.js";
-import { r as Q } from "./index-B1vKwsDE.js";
+import { r as P } from "./index-B1vKwsDE.js";
 import { m as M } from "./motion-Ckekul_K.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as Q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { A as S } from "./index-D-c5IxDk.js";
-const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${a})` : r ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${a})` : n ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${a})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${a})`, P = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${a})`, ee = (e, r, n) => e == "FULL" ? "0" : `${r ? "0" : "16px"} 0 ${n ? "0" : "16px"} 0`, oe = C(M.div)`
+const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (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})`, Z = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${l})`, ee = (e, n, a) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, oe = C(M.div)`
   position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
   top: 0;
   left: 0;
@@ -25,7 +25,7 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
   background-color: ${(e) => w(e.theme, "Modal", "default", "enabled", "bg")};
   z-index: ${(e) => e.zIndex};
   width: ${(e) => le[e.size.toUpperCase()]};
-  max-width: ${(e) => P(e.size.toUpperCase())};
+  max-width: ${(e) => Z(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"};
@@ -36,7 +36,7 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
   & .lnc-modal-header {
     max-height: ${h};
     overflow: hidden;
-    padding: ${a} ${a} 0 ${a};
+    padding: ${l} ${l} 0 ${l};
   }
   & .lnc-modal-header > h1,
   h2,
@@ -55,14 +55,14 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
     flex-direction: column;
     justify-content: space-between;
     scrollbar-width: thin;
-    ${(e) => e.scrollOverlay == !1 && `max-height: ${Z(
+    ${(e) => e.scrollOverlay == !1 && `max-height: ${Y(
   e.size.toUpperCase(),
   e.header,
   e.footer
 )};`}
     overflow: auto;
     margin: ${(e) => ee(e.size, e.header, e.footer)};
-    padding: 0 ${a} 0 ${a};
+    padding: 0 ${l} 0 ${l};
   }
 `, re = C.div`
   position: absolute;
@@ -115,16 +115,16 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
   width: 100%;
   background-color: ${(e) => e.overlayColor};
   z-index: 3;
-`, ae = z((e, r) => {
+`, ae = z((e, n) => {
   const {
-    portalElement: n = document.body,
-    isOpen: c = !1,
-    header: d,
-    footer: l,
-    scrollOverlay: i = !1,
-    overlay: s = !0,
-    overlayColor: m = "rgba(0, 0, 0, 0.3)",
-    showCloseButton: p = !0,
+    portalElement: a = document.body,
+    isOpen: s = !1,
+    header: m,
+    footer: i,
+    scrollOverlay: c = !1,
+    overlay: d = !0,
+    overlayColor: p = "rgba(0, 0, 0, 0.3)",
+    showCloseButton: u = !0,
     onOpen: g = () => {
     },
     onClose: x = () => {
@@ -132,7 +132,7 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
     zIndex: U = 1e3,
     size: y = "fluid",
     clickOutsideToClose: $ = !0,
-    className: v = "",
+    className: b = "",
     style: G = {},
     overlayProps: F,
     overlayAnimation: k = {
@@ -155,12 +155,12 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
     },
     children: T,
     rest: I
-  } = e, E = X(), [b, N] = V(c);
-  let j = { theme: Y(), size: y, zIndex: U, className: v, style: G };
-  const A = (u) => {
-    u.target === u.currentTarget && $ && O(u);
+  } = e, E = X(), [v, N] = V(s);
+  let j = { theme: Q(), size: y, zIndex: U, className: b, style: G };
+  const A = (r) => {
+    r == null || r.preventDefault(), r == null || r.stopPropagation(), r.target === r.currentTarget && $ && O(r);
   };
-  q(r, () => ({
+  q(n, () => ({
     open() {
       W();
     },
@@ -168,108 +168,108 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
       O();
     },
     isOpen() {
-      return b;
+      return v;
     }
   }));
-  const W = (u) => {
-    N(!0), g(u);
-  }, O = (u) => {
-    N(!1), x(u);
+  const W = (r) => {
+    N(!0), g(r);
+  }, O = (r) => {
+    N(!1), x(r);
   };
   return J(() => {
-    b === !0 && _();
-  }, [b]), /* @__PURE__ */ t(L, { children: b && /* @__PURE__ */ t(L, { children: n ? /* @__PURE__ */ t(L, { children: Q.createPortal(
+    v === !0 && _();
+  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: a ? /* @__PURE__ */ t(L, { children: P.createPortal(
     /* @__PURE__ */ t(
-      H,
+      D,
       {
         ref: E,
-        overlay: s,
-        scrollOverlay: i,
+        overlay: d,
+        scrollOverlay: c,
         onClickOutsideModal: A,
-        overlayColor: m,
+        overlayColor: p,
         overlayProps: F,
         overlayAnimation: k,
         modalAnimation: B,
         themeProps: j,
-        showCloseButton: p,
+        showCloseButton: u,
         close: O,
-        header: d,
-        footer: l,
-        isOpen: c,
+        header: m,
+        footer: i,
+        isOpen: s,
         ...I,
         children: T
       }
     ),
-    n
+    a
   ) }) : /* @__PURE__ */ t(
-    H,
+    D,
     {
       ref: E,
-      overlay: s,
-      scrollOverlay: i,
+      overlay: d,
+      scrollOverlay: c,
       onClickOutsideModal: A,
-      overlayColor: m,
+      overlayColor: p,
       overlayProps: F,
       overlayAnimation: k,
       modalAnimation: B,
       themeProps: j,
-      showCloseButton: p,
+      showCloseButton: u,
       close: O,
-      header: d,
-      footer: l,
-      isOpen: c,
+      header: m,
+      footer: i,
+      isOpen: s,
       ...I,
       children: T
     }
   ) }) });
-}), H = z(
+}), D = z(
   ({
     overlay: e,
-    scrollOverlay: r,
-    onClickOutsideModal: n,
-    overlayColor: c,
-    overlayProps: d,
-    overlayAnimation: l,
-    modalAnimation: i,
-    themeProps: s,
-    showCloseButton: m,
-    header: p,
+    scrollOverlay: n,
+    onClickOutsideModal: a,
+    overlayColor: s,
+    overlayProps: m,
+    overlayAnimation: i,
+    modalAnimation: c,
+    themeProps: d,
+    showCloseButton: p,
+    header: u,
     footer: g,
     close: x,
     isOpen: U,
     children: y,
     ...$
-  }, v) => /* @__PURE__ */ t(S, { children: e ? /* @__PURE__ */ R(L, { children: [
+  }, b) => /* @__PURE__ */ t(S, { children: e ? /* @__PURE__ */ R(L, { children: [
     /* @__PURE__ */ t(
       ne,
       {
-        scrollOverlay: r,
-        onClick: n,
-        overlayColor: c,
-        ...d,
-        ...l
+        scrollOverlay: n,
+        onClick: a,
+        overlayColor: s,
+        ...m,
+        ...i
       }
     ),
     /* @__PURE__ */ t(
       oe,
       {
-        ...s,
-        onClick: n,
-        scrollOverlay: r,
-        overlayColor: c,
-        isOpen: U,
         ...d,
-        ...l,
+        onClick: a,
+        scrollOverlay: n,
+        overlayColor: s,
+        isOpen: U,
+        ...m,
+        ...i,
         children: /* @__PURE__ */ t(
-          D,
+          H,
           {
-            ref: v,
-            themeProps: s,
-            scrollOverlay: r,
-            modalAnimation: i,
-            showCloseButton: m,
+            ref: b,
+            themeProps: d,
+            scrollOverlay: n,
+            modalAnimation: c,
+            showCloseButton: p,
             close: x,
-            header: p,
+            header: u,
             footer: g,
             ...$,
             children: y
@@ -278,54 +278,54 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
       }
     )
   ] }) : /* @__PURE__ */ t(
-    D,
+    H,
     {
-      ref: v,
-      themeProps: s,
-      modalAnimation: i,
-      showCloseButton: m,
+      ref: b,
+      themeProps: d,
+      modalAnimation: c,
+      showCloseButton: p,
       close: x,
-      header: p,
+      header: u,
       footer: g,
       ...$,
       children: y
     }
   ) })
-), D = z(
+), H = z(
   ({
     themeProps: e,
-    scrollOverlay: r,
-    modalAnimation: n,
-    showCloseButton: c,
-    close: d,
-    header: l,
-    footer: i,
-    children: s,
-    ...m
-  }, p) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
+    scrollOverlay: n,
+    modalAnimation: a,
+    showCloseButton: s,
+    close: m,
+    header: i,
+    footer: c,
+    children: d,
+    ...p
+  }, u) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
     te,
     {
-      ref: p,
+      ref: u,
       ...e,
-      ...n,
-      header: l,
-      footer: i,
-      scrollOverlay: r,
-      ...m,
+      ...a,
+      header: i,
+      footer: c,
+      scrollOverlay: n,
+      ...p,
       className: `modal-lnc-container ${e == null ? void 0 : e.className}`,
       children: [
-        c && /* @__PURE__ */ t(
+        s && /* @__PURE__ */ t(
           re,
           {
             ...e,
             className: "modal-lnc-times",
-            onClick: d,
+            onClick: m,
             children: /* @__PURE__ */ t(K, { icon: "times" })
           }
         ),
-        l && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: l }),
-        /* @__PURE__ */ t("div", { className: "lnc-modal-content", children: s }),
-        i && /* @__PURE__ */ t("div", { className: "lnc-modal-footer", children: i })
+        i && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: i }),
+        /* @__PURE__ */ t("div", { className: "lnc-modal-content", children: d }),
+        c && /* @__PURE__ */ t("div", { className: "lnc-modal-footer", children: c })
       ]
     }
   ) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.181",
+  "version": "4.0.182",
   "description": "React component library",
   "type": "module",
   "keywords": [