@lanaco/lnc-react-ui 4.0.5 → 4.0.6

package/dist/Chip.cjs

@@ -24,4 +24,4 @@
   &:active {
     background-color: ${e=>!e.disabled&&n.getColorRgbaValue(e.theme,"Chip",e.color,"active","background","backgroundOpacity")};
   }
-`,B=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 8px)`,b=V.forwardRef((e,o)=>{const{label:l,leadingIcon:a,trailingIcon:i,avatar:s=!1,size:c="small",borderRadius:h="regular",disabled:d=!1,tabIndex:p=0,onFocus:y=()=>{},onBlur:f=()=>{},onClick:C=()=>{},onKeyDown:$=()=>{},onLeadingIconClick:P=()=>{},onTrailingIconClick:T=()=>{},className:k="",style:I={},color:v="primary",avatarProps:x,children:R,...w}=e,g=q.useTheme(),u={theme:g,color:v,style:I,className:"lnc-ui-chip "+k};return t.jsxs(N,{ref:o,size:c,...u,trailingIcon:i,leadingIcon:a,avatar:s,borderRadius:h,disabled:d,tabIndex:p,onClick:C,onKeyDown:$,onBlur:f,onFocus:y,...w,children:[s&&t.jsx(O,{...u,disabled:d,sizeInUnits:B(g,c),...x}),a&&t.jsx("i",{className:m(a),onClick:P}),t.jsxs(t.Fragment,{children:[l,R]}),i&&t.jsx("i",{className:m(i),onClick:T})]})});b.propTypes={label:r.PropTypes.string,leadingIcon:r.PropTypes.string,trailingIcon:r.PropTypes.string,avatar:r.PropTypes.bool,borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),disabled:r.PropTypes.bool,tabIndex:r.PropTypes.number,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown:r.PropTypes.func,onLeadingIconClick:r.PropTypes.func,onTrailingIconClick:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"]),avatarProps:r.PropTypes.any};module.exports=b;
+`,B=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 8px)`,b=V.forwardRef((e,o)=>{const{label:l,leadingIcon:a,trailingIcon:i,avatar:c=!1,size:s="small",borderRadius:h="regular",disabled:d=!1,tabIndex:p=0,onFocus:y=()=>{},onBlur:f=()=>{},onClick:C=()=>{},onKeyDown:$=()=>{},onLeadingIconClick:P=()=>{},onTrailingIconClick:T=()=>{},className:k="",style:I={},color:v="primary",avatarProps:x,children:R,...w}=e,g=q.useTheme(),u={theme:g,color:v,style:I,size:s,className:"lnc-ui-chip "+k};return t.jsxs(N,{ref:o,size:s,...u,trailingIcon:i,leadingIcon:a,avatar:c,borderRadius:h,disabled:d,tabIndex:p,onClick:C,onKeyDown:$,onBlur:f,onFocus:y,...w,children:[c&&t.jsx(O,{...u,disabled:d,sizeInUnits:B(g,s),...x}),a&&t.jsx("i",{className:m(a),onClick:P}),t.jsxs(t.Fragment,{children:[l,R]}),i&&t.jsx("i",{className:m(i),onClick:T})]})});b.propTypes={label:r.PropTypes.string,leadingIcon:r.PropTypes.string,trailingIcon:r.PropTypes.string,avatar:r.PropTypes.bool,borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),disabled:r.PropTypes.bool,tabIndex:r.PropTypes.number,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown:r.PropTypes.func,onLeadingIconClick:r.PropTypes.func,onTrailingIconClick:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"]),avatarProps:r.PropTypes.any};module.exports=b;

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { jsxs as u, jsx as i, Fragment as N } from "react/jsx-runtime";
+import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
 import { P as a } from "./index-BYnWp42a.js";
 import { n as j } from "./emotion-styled.browser.esm-BiK8DcgW.js";
@@ -73,8 +73,8 @@ const h = (e) => {
     label: l,
     leadingIcon: r,
     trailingIcon: o,
-    avatar: c = !1,
-    size: d = "small",
+    avatar: d = !1,
+    size: i = "small",
     borderRadius: f = "regular",
     disabled: s = !1,
     tabIndex: y = 0,
@@ -102,17 +102,18 @@ const h = (e) => {
     theme: m,
     color: w,
     style: O,
+    size: i,
     className: "lnc-ui-chip " + x
   };
   return /* @__PURE__ */ u(
     L,
     {
       ref: n,
-      size: d,
+      size: i,
       ...g,
       trailingIcon: o,
       leadingIcon: r,
-      avatar: c,
+      avatar: d,
       borderRadius: f,
       disabled: s,
       tabIndex: y,
@@ -122,21 +123,21 @@ const h = (e) => {
       onFocus: C,
       ...T,
       children: [
-        c && /* @__PURE__ */ i(
+        d && /* @__PURE__ */ c(
           W,
           {
             ...g,
             disabled: s,
-            sizeInUnits: z(m, d),
+            sizeInUnits: z(m, i),
             ...P
           }
         ),
-        r && /* @__PURE__ */ i("i", { className: h(r), onClick: I }),
+        r && /* @__PURE__ */ c("i", { className: h(r), onClick: I }),
         /* @__PURE__ */ u(N, { children: [
           l,
           R
         ] }),
-        o && /* @__PURE__ */ i(
+        o && /* @__PURE__ */ c(
           "i",
           {
             className: h(o),

package/dist/MenuItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BIlhCoy2.cjs"),Y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-DTAPpJXU.cjs"),G=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),H=Y.newStyled.div`
+"use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BIlhCoy2.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-DTAPpJXU.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
   box-sizing: border-box;
   cursor: ${n=>n.disabled==!1?"pointer":"context-menu"};
   width: 100%;
@@ -33,4 +33,4 @@
       color: ${l.getColorRgbaValue(n.theme,"MenuItem",n.color,"hover","text")};
       `}
   }
-`,h=f.forwardRef((n,a)=>{const{value:T,active:r=null,icon:E,disabled:m=!1,isNested:d=!1,showNested:P,justifyToEnd:J=!1,onFocus:N=()=>{},onBlur:k=()=>{},onClick:C=()=>{},onKeyDown:v=()=>{},onMouseEnter:Q=()=>{},onMouseLeave:W=()=>{},toggleNested:u=()=>{},onItemSelected:w=()=>{},className:x="",style:_={},color:$="primary",iconProps:R,__TYPE__:X="MENU_ITEM",children:S,...A}=n,j={theme:G.useTheme(),color:$,style:_},y=f.useRef(),[q,g]=f.useState(r??!1);f.useEffect(()=>{g(r)},[r]);const O=e=>{m==!1&&(d&&u&&u(),w(e,T)),C(C)},D=e=>{g(!0),N(e)},V=e=>{r==null&&g(!1),k(e)},F=e=>{e.preventDefault(),e.key=="ArrowDown"?b(a?a.current:y.current):e.key=="ArrowUp"?p(a?a.current:y.current):(e.key=="Enter"||e.keyCode==32)&&m==!1&&(d&&u&&u(),w(e,T)),v(e)},b=e=>{if(e!=null&&e.nextSibling){let o=B(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=z(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let o=K(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=L(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},z=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o[0]},L=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o.pop()},t=(e,o)=>{var i=" "+e.className+" ",U=" "+o+" ";return i.indexOf(U)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(H,{ref:a||y,className:"menu-item-lnc "+(d?"nested-menu-item-lnc ":"")+(P?"spread-nested-item-lnc ":"")+x,...j,disabled:m,tabIndex:0,onKeyDown:F,onFocus:D,onBlur:V,onClick:O,isActive:q,showNested:P,...A,children:[E&&c.jsx(M,{icon:E,className:"menu-icon-lnc",...R}),c.jsx("div",{children:S}),d&&c.jsx(M,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});h.propTypes={value:s.PropTypes.any,active:s.PropTypes.bool,icon:s.PropTypes.string,disabled:s.PropTypes.bool,isNested:s.PropTypes.bool,justifyToEnd:s.PropTypes.bool,onBlur:s.PropTypes.func,onFocus:s.PropTypes.func,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:s.PropTypes.any,size:s.PropTypes.oneOf(["small","medium","large"]),__TYPE__:s.PropTypes.string};h.displayName="MENU_ITEM";module.exports=h;
+`,h=f.forwardRef((n,a)=>{const{value:T,active:r=null,icon:E,disabled:m=!1,isNested:d=!1,showNested:P,justifyToEnd:Q=!1,onFocus:N=()=>{},onBlur:k=()=>{},onClick:C=()=>{},onKeyDown:v=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:u=()=>{},onItemSelected:w=()=>{},className:x="",style:_={},color:$="primary",size:R="small",iconProps:S,__TYPE__:Z="MENU_ITEM",children:A,...j}=n,q={theme:H.useTheme(),color:$,style:_,size:R},y=f.useRef(),[O,g]=f.useState(r??!1);f.useEffect(()=>{g(r)},[r]);const D=e=>{m==!1&&(d&&u&&u(),w(e,T)),C(C)},V=e=>{g(!0),N(e)},F=e=>{r==null&&g(!1),k(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?b(a?a.current:y.current):e.key=="ArrowUp"?p(a?a.current:y.current):(e.key=="Enter"||e.keyCode==32)&&m==!1&&(d&&u&&u(),w(e,T)),v(e)},b=e=>{if(e!=null&&e.nextSibling){let o=B(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=L(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let o=K(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=U(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o[0]},U=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o.pop()},t=(e,o)=>{var i=" "+e.className+" ",Y=" "+o+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||y,className:"menu-item-lnc "+(d?"nested-menu-item-lnc ":"")+(P?"spread-nested-item-lnc ":"")+x,...q,disabled:m,tabIndex:0,onKeyDown:z,onFocus:V,onBlur:F,onClick:D,isActive:O,showNested:P,...j,children:[E&&c.jsx(M,{icon:E,className:"menu-icon-lnc",...S}),c.jsx("div",{children:A}),d&&c.jsx(M,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});h.propTypes={value:s.PropTypes.any,active:s.PropTypes.bool,icon:s.PropTypes.string,disabled:s.PropTypes.bool,isNested:s.PropTypes.bool,justifyToEnd:s.PropTypes.bool,onBlur:s.PropTypes.func,onFocus:s.PropTypes.func,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:s.PropTypes.any,size:s.PropTypes.oneOf(["small","medium","large"]),__TYPE__:s.PropTypes.string};h.displayName="MENU_ITEM";module.exports=h;

package/dist/MenuItem.js

@@ -1,11 +1,11 @@
-import { jsx as m, Fragment as V, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as H, useRef as J, useState as Q, useEffect as W } from "react";
+import { jsx as m, Fragment as G, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "react";
 import { P as o } from "./index-BYnWp42a.js";
-import { n as X } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import k from "./Icon.js";
-import { a as i, g as Z, h as v } from "./utils-C52T57HO.js";
-import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const ee = X.div`
+import { a as i, g as I, h as v } from "./utils-C52T57HO.js";
+import { u as ee } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const ne = Z.div`
   box-sizing: border-box;
   cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};
   width: 100%;
@@ -16,7 +16,7 @@ const ee = X.div`
   gap: 0.563rem;
   padding: 0.563rem;
   color: ${(n) => i(n.theme, "MenuItem", n.color, "enabled", "text")};
-  ${(n) => Z(n.theme, "MenuItem", n.size, "enabled")};
+  ${(n) => I(n.theme, "MenuItem", n.size, "enabled")};
   & .menu-icon-lnc {
     color: ${(n) => n.isActive && n.disabled == !1 ? i(
   n.theme,
@@ -78,7 +78,7 @@ const ee = X.div`
 )};
       `}
   }
-`, C = H((n, a) => {
+`, C = J((n, a) => {
   const {
     value: g,
     active: c = null,
@@ -86,7 +86,7 @@ const ee = X.div`
     disabled: r = !1,
     isNested: d = !1,
     showNested: M,
-    justifyToEnd: ne = !1,
+    justifyToEnd: le = !1,
     //----------------
     onFocus: p = () => {
     },
@@ -96,9 +96,9 @@ const ee = X.div`
     },
     onKeyDown: x = () => {
     },
-    onMouseEnter: le = () => {
+    onMouseEnter: oe = () => {
     },
-    onMouseLeave: oe = () => {
+    onMouseLeave: se = () => {
     },
     toggleNested: f = () => {
     },
@@ -108,15 +108,16 @@ const ee = X.div`
     className: A = "",
     style: S = {},
     color: T = "primary",
-    iconProps: _,
-    __TYPE__: se = "MENU_ITEM",
-    children: O,
-    ...P
-  } = n, D = { theme: I(), color: T, style: S }, u = J(), [F, y] = Q(c ?? !1);
-  W(() => {
+    size: _ = "small",
+    iconProps: O,
+    __TYPE__: te = "MENU_ITEM",
+    children: P,
+    ...D
+  } = n, F = { theme: ee(), color: T, style: S, size: _ }, u = Q(), [j, y] = W(c ?? !1);
+  X(() => {
     y(c);
   }, [c]);
-  const j = (e) => {
+  const z = (e) => {
     r == !1 && (d && f && f(), N(e, g)), w(w);
   }, B = (e) => {
     y(!0), p(e);
@@ -126,25 +127,25 @@ const ee = X.div`
     e.preventDefault(), e.key == "ArrowDown" ? h(a ? a.current : u.current) : e.key == "ArrowUp" ? b(a ? a.current : u.current) : (e.key == "Enter" || e.keyCode == 32) && r == !1 && (d && f && f(), N(e, g)), x(e);
   }, h = (e) => {
     if (e != null && e.nextSibling) {
-      let l = z(e);
+      let l = L(e);
       if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
         l.node.focus();
       else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
-        let t = U(l.node);
+        let t = q(l.node);
         t && t.focus();
       } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
     } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
   }, b = (e) => {
     if (e != null && e.previousSibling) {
-      let l = L(e);
+      let l = U(e);
       if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
         l.node.focus();
       else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
-        let t = q(l.node);
+        let t = Y(l.node);
         t && t.focus();
       } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
     } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
-  }, z = (e) => {
+  }, L = (e) => {
     for (; e = e.nextSibling; ) {
       if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
@@ -152,7 +153,7 @@ const ee = X.div`
         return { node: e, type: "nested" };
     }
     return null;
-  }, L = (e) => {
+  }, U = (e) => {
     for (; e = e.previousSibling; ) {
       if (s(e, "menu-item-lnc"))
         return { node: e, type: "item" };
@@ -160,34 +161,34 @@ const ee = X.div`
         return { node: e, type: "nested" };
     }
     return null;
-  }, U = (e) => {
+  }, q = (e) => {
     var l;
     return (l = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : l[0];
-  }, q = (e) => {
+  }, Y = (e) => {
     var l;
     return (l = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : l.pop();
   }, s = (e, l) => {
-    var t = " " + e.className + " ", Y = " " + l + " ";
-    return t.indexOf(Y) != -1;
+    var t = " " + e.className + " ", V = " " + l + " ";
+    return t.indexOf(V) != -1;
   };
-  return /* @__PURE__ */ m(V, { children: /* @__PURE__ */ G(
-    ee,
+  return /* @__PURE__ */ m(G, { children: /* @__PURE__ */ H(
+    ne,
     {
       ref: a || u,
       className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + A,
-      ...D,
+      ...F,
       disabled: r,
       tabIndex: 0,
       onKeyDown: R,
       onFocus: B,
       onBlur: K,
-      onClick: j,
-      isActive: F,
+      onClick: z,
+      isActive: j,
       showNested: M,
-      ...P,
+      ...D,
       children: [
-        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ..._ }),
-        /* @__PURE__ */ m("div", { children: O }),
+        E && /* @__PURE__ */ m(k, { icon: E, className: "menu-icon-lnc", ...O }),
+        /* @__PURE__ */ m("div", { children: P }),
         d && /* @__PURE__ */ m(k, { icon: "angle-down", className: "sub-menu-icon-lnc" })
       ]
     }

package/dist/NotificationContainer.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),C=require("react"),o=require("./index-BIlhCoy2.cjs"),N=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),_=require("./react-toastify.esm-Dqcb4SQT.cjs");;/* empty css                         */const t=require("./utils-DTAPpJXU.cjs"),R=require("./ThemeProvider.cjs"),v=N.newStyled.div`
+"use strict";const s=require("react/jsx-runtime"),N=require("react"),o=require("./index-BIlhCoy2.cjs"),_=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),R=require("./react-toastify.esm-Dqcb4SQT.cjs");;/* empty css                         */const t=require("./utils-DTAPpJXU.cjs"),v=require("./ThemeProvider.cjs"),O=_.newStyled.div`
   & .lnc-notification {
     & > div {
       background-color: ${e=>t.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","background","backgroundOpacity")};
@@ -34,4 +34,4 @@
       }
     }
   }
-`,r=C.forwardRef((e,i)=>{const{position:a="top-right",autoClose:n=5e5,hideProgressBar:l=!0,newestOnTop:c=!0,closeOnClick:p=!0,rtl:u=!1,pauseOnFocusLoss:b=!1,draggable:g=!1,pauseOnHover:d=!1,closeButton:f=!0,className:y="",style:m={},toastContainerProps:T,children:O,...h}=e,{theme:P}=R.useTheme(),x={theme:P,className:"lnc-ui-notification "+y,style:m};return s.jsx(v,{ref:i,...x,...h,children:s.jsx(_.ToastContainer,{position:a,autoClose:n,hideProgressBar:l,newestOnTop:c,closeOnClick:p,rtl:u,pauseOnFocusLoss:b,draggable:g,pauseOnHover:d,closeButton:f,className:"lnc-notification",...T})})});r.propTypes={position:o.PropTypes.oneOf(["top-right","top-center","top-left","bottom-right","bottom-center","bottom-left"]),autoClose:o.PropTypes.number,hideProgressBar:o.PropTypes.bool,newestOnTop:o.PropTypes.bool,closeOnClick:o.PropTypes.bool,rtl:o.PropTypes.bool,pauseOnFocusLoss:o.PropTypes.bool,draggable:o.PropTypes.bool,pauseOnHover:o.PropTypes.bool,closeButton:o.PropTypes.bool,className:o.PropTypes.string,style:o.PropTypes.object,toastContainerProps:o.PropTypes.any};module.exports=r;
+`,r=N.forwardRef((e,i)=>{const{position:a="top-right",autoClose:n=5e5,hideProgressBar:l=!0,newestOnTop:c=!0,closeOnClick:p=!0,rtl:u=!1,pauseOnFocusLoss:b=!1,draggable:g=!1,pauseOnHover:f=!1,closeButton:d=!0,className:m="",style:y={},size:T="small",toastContainerProps:h,...P}=e,{theme:x}=v.useTheme(),C={theme:x,className:"lnc-ui-notification "+m,style:y,size:T};return s.jsx(O,{ref:i,...C,...P,children:s.jsx(R.ToastContainer,{position:a,autoClose:n,hideProgressBar:l,newestOnTop:c,closeOnClick:p,rtl:u,pauseOnFocusLoss:b,draggable:g,pauseOnHover:f,closeButton:d,className:"lnc-notification",...h})})});r.propTypes={position:o.PropTypes.oneOf(["top-right","top-center","top-left","bottom-right","bottom-center","bottom-left"]),autoClose:o.PropTypes.number,hideProgressBar:o.PropTypes.bool,newestOnTop:o.PropTypes.bool,closeOnClick:o.PropTypes.bool,rtl:o.PropTypes.bool,pauseOnFocusLoss:o.PropTypes.bool,draggable:o.PropTypes.bool,pauseOnHover:o.PropTypes.bool,closeButton:o.PropTypes.bool,className:o.PropTypes.string,style:o.PropTypes.object,toastContainerProps:o.PropTypes.any};module.exports=r;

package/dist/NotificationContainer.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
+import { forwardRef as O } from "react";
 import { P as t } from "./index-BYnWp42a.js";
-import { n as O } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { T as _ } from "./react-toastify.esm-CkXGwKXL.js";
+import { n as _ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { T as v } from "./react-toastify.esm-CkXGwKXL.js";
 /* empty css                       */
-import { a as e, b as v } from "./utils-C52T57HO.js";
-import { useTheme as C } from "./ThemeProvider.js";
-const $ = O.div`
+import { a as e, b as C } from "./utils-C52T57HO.js";
+import { useTheme as $ } from "./ThemeProvider.js";
+const P = _.div`
   & .lnc-notification {
     & > div {
       background-color: ${(o) => e(
@@ -27,7 +27,7 @@ const $ = O.div`
   "enabled",
   "border"
 )}`};
-      border-radius: ${(o) => v(o.theme, "regular")};
+      border-radius: ${(o) => C(o.theme, "regular")};
     }
     & .Toastify__close-button {
       & svg {
@@ -85,7 +85,7 @@ const $ = O.div`
       }
     }
   }
-`, P = T((o, a) => {
+`, w = O((o, a) => {
   const {
     position: s = "top-right",
     autoClose: n = 5e5,
@@ -93,22 +93,23 @@ const $ = O.div`
     newestOnTop: l = !0,
     closeOnClick: c = !0,
     rtl: f = !1,
-    pauseOnFocusLoss: p = !1,
-    draggable: m = !1,
+    pauseOnFocusLoss: m = !1,
+    draggable: p = !1,
     pauseOnHover: b = !1,
     closeButton: d = !0,
     className: u = "",
     style: g = {},
-    toastContainerProps: h,
-    children: w,
-    ...y
-  } = o, { theme: N } = C(), x = {
-    theme: N,
+    size: h = "small",
+    toastContainerProps: y,
+    ...N
+  } = o, { theme: x } = $(), T = {
+    theme: x,
     className: "lnc-ui-notification " + u,
-    style: g
+    style: g,
+    size: h
   };
-  return /* @__PURE__ */ i($, { ref: a, ...x, ...y, children: /* @__PURE__ */ i(
-    _,
+  return /* @__PURE__ */ i(P, { ref: a, ...T, ...N, children: /* @__PURE__ */ i(
+    v,
     {
       position: s,
       autoClose: n,
@@ -116,16 +117,16 @@ const $ = O.div`
       newestOnTop: l,
       closeOnClick: c,
       rtl: f,
-      pauseOnFocusLoss: p,
-      draggable: m,
+      pauseOnFocusLoss: m,
+      draggable: p,
       pauseOnHover: b,
       closeButton: d,
       className: "lnc-notification",
-      ...h
+      ...y
     }
   ) });
 });
-P.propTypes = {
+w.propTypes = {
   position: t.oneOf([
     "top-right",
     "top-center",
@@ -158,5 +159,5 @@ P.propTypes = {
   toastContainerProps: t.any
 };
 export {
-  P as default
+  w as default
 };

package/package.json

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