@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/NestedDropdownItem.js

@@ -1,32 +1,30 @@
-import { jsxs as S, Fragment as p, jsx as n } from "react/jsx-runtime";
-import { forwardRef as w, useState as x, cloneElement as l, Children as P, isValidElement as O } from "react";
-import { P as t } from "./index-CblbdqjE.js";
+import { jsxs as M, Fragment as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as x, useState as S, cloneElement as p, Children as w, isValidElement as b } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { b as D } from "./utils-DtEfC-TX.js";
-import { m as j } from "./motion-Ckekul_K.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { A as C } from "./index-D-c5IxDk.js";
-const z = h(j.div)`
+import { m as C } from "./motion-Ckekul_K.js";
+import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { A as j } from "./index-D-c5IxDk.js";
+const A = h(C.div)`
   margin-left: 0.3rem;
   padding-left: 0.3rem;
-  border-left: ${(o) => `2px solid ${D(
-  o.theme,
+  border-left: ${(t) => `2px solid ${D(
+  t.theme,
   "MenuItem",
-  o.color,
+  t.color,
   "focus",
   "background"
 )}`};
   border-radius: 2px;
-`, d = w((o, A) => {
+`, O = x((t, R) => {
   const {
-    __TYPE__: R = "NESTED_ITEM",
-    item: f,
+    item: l,
     //------------------
-    onItemSelected: c = () => {
+    onItemSelected: d = () => {
     },
     //--------------------
-    defaultOpen: u = !1,
-    animation: E = {
+    defaultOpen: f = !1,
+    animation: u = {
       animate: { opacity: 1, height: "auto" },
       exit: { opacity: 0, height: 0 },
       initial: { opacity: 0, height: 0 },
@@ -37,66 +35,46 @@ const z = h(j.div)`
         height: { duration: 0.15 }
       }
     },
-    className: _ = "",
-    style: g = {},
-    color: r = "primary",
-    size: s = "small",
-    children: y,
-    ...N
-  } = o, T = Y(), [a, I] = x(u), M = l(f, {
+    className: E = "",
+    style: c = {},
+    color: o = "primary",
+    size: r = "small",
+    children: N,
+    ...g
+  } = t, y = P(), [s, _] = S(f), T = p(l, {
     isNested: !0,
-    showNested: a,
+    showNested: s,
     toggleNested: () => {
-      I(!a);
+      _(!s);
     },
-    color: r,
-    size: s
-  }), b = P.map(y, (e, V) => {
-    var m, i;
-    return O(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "NESTED_ITEM") ? l(e, {
-      color: e.props.color ? e.props.color : r,
-      size: s,
-      onItemSelected: c
+    color: o,
+    size: r
+  }), I = w.map(N, (e, V) => {
+    var n, m;
+    return b(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((n = e == null ? void 0 : e.type) == null ? void 0 : n.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "NESTED_ITEM") ? p(e, {
+      color: e.props.color ? e.props.color : o,
+      size: r,
+      onItemSelected: d
     }) : e;
   });
-  return /* @__PURE__ */ S(p, { children: [
-    /* @__PURE__ */ n(p, { children: M }),
-    /* @__PURE__ */ n(C, { children: a && /* @__PURE__ */ n(
-      z,
+  return /* @__PURE__ */ M(i, { children: [
+    /* @__PURE__ */ a(i, { children: T }),
+    /* @__PURE__ */ a(j, { children: s && /* @__PURE__ */ a(
+      A,
       {
-        ...E,
-        theme: T,
-        color: r,
-        size: s,
-        className: "nested-item-lnc " + _,
-        style: g,
-        ...N,
-        children: b
+        ...u,
+        theme: y,
+        color: o,
+        size: r,
+        className: "nested-item-lnc " + E,
+        style: c,
+        ...g,
+        children: I
       }
     ) })
   ] });
 });
-d.propTypes = {
-  item: t.oneOfType([t.string, t.element]),
-  //--------------------------
-  defaultOpen: t.bool,
-  animation: t.object,
-  className: t.string,
-  style: t.object,
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: t.oneOf(["small", "medium", "large"]),
-  __TYPE__: t.string
-};
-d.displayName = "NESTED_ITEM";
+O.displayName = "NESTED_ITEM";
 export {
-  d as default
+  O as default
 };

package/dist/NestedMenuItem.cjs

@@ -1,6 +1,6 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),t=require("./index-BpbMKBf_.cjs"),M=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-RnrgDDZP.cjs"),w=require("./motion-B_VPZaJq.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),O=require("./index-DZoWlChs.cjs"),$=M.styled(w.motion.div)`
-  ${o=>o.tuckIn==!0&&`margin-left: ${o.tuckInSize};`}
-  ${o=>o.tuckIn==!0&&`padding-left: ${o.tuckInSize};`}
-    ${o=>o.tuckIn==!0&&`border-left: 2px solid ${q.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","background","backgroundOpacity")};`}
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-RnrgDDZP.cjs"),w=require("./motion-B_VPZaJq.cjs"),h=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),$=require("./index-DZoWlChs.cjs"),j=b.styled(w.motion.div)`
+  ${t=>t.tuckIn==!0&&`margin-left: ${t.tuckInSize};`}
+  ${t=>t.tuckIn==!0&&`padding-left: ${t.tuckInSize};`}
+    ${t=>t.tuckIn==!0&&`border-left: 2px solid ${q.getColorRgbaValue(t.theme,"MenuItem",t.color,"focus","background","backgroundOpacity")};`}
     border-radius: 2px;
-`,p=r.forwardRef((o,m)=>{const{item:l,onItemSelected:y=()=>{},defaultOpen:d=!1,tuckIn:T=!0,tuckInSize:_="0.3rem",animation:E={animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},initial:{opacity:0,height:0},transition:{type:"tween",duration:.15,opacity:{duration:.15,ease:"easeOut"},height:{duration:.15}}},className:g="",style:I={},color:i="primary",size:a="small",__TYPE__:h="NESTED_ITEM",children:N,...P}=o,f=j.useTheme(),[s,S]=r.useState(d),x=()=>{S(!s)},b=r.cloneElement(l,{isNested:!0,showNested:s,toggleNested:x,color:i,size:a}),k=r.Children.map(N,(e,z)=>{var c,u;if(r.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((c=e==null?void 0:e.type)==null?void 0:c.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((u=e==null?void 0:e.type)==null?void 0:u.displayName)==="NESTED_ITEM"))return r.cloneElement(e,{color:e.props.color?e.props.color:i,size:a,onItemSelected:y})});return n.jsxs(n.Fragment,{children:[n.jsx(n.Fragment,{children:b}),n.jsx(O.AnimatePresence,{children:s&&n.jsx($,{theme:f,tuckIn:T,tuckInSize:_,color:i,size:a,className:"nested-item-lnc "+g,style:I,ref:m,show:s,...E,...P,children:k})})]})});p.propTypes={item:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),defaultOpen:t.PropTypes.bool,tuckIn:t.PropTypes.bool,tuckInSize:t.PropTypes.string,animation:t.PropTypes.object,className:t.PropTypes.string,style:t.PropTypes.object,color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:t.PropTypes.oneOf(["small","medium","large"]),__TYPE__:t.PropTypes.string};p.displayName="NESTED_ITEM";module.exports=p;
+`,c=o.forwardRef((t,m)=>{const{item:l,onItemSelected:d=()=>{},defaultOpen:E=!1,tuckIn:p=!0,tuckInSize:_="0.3rem",animation:y={animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},initial:{opacity:0,height:0},transition:{type:"tween",duration:.15,opacity:{duration:.15,ease:"easeOut"},height:{duration:.15}}},className:I="",style:N={},color:s="primary",size:i="small",children:g,...x}=t,S=h.useTheme(),[r,T]=o.useState(E),f=()=>{T(!r)},k=o.cloneElement(l,{isNested:!0,showNested:r,toggleNested:f,color:s,size:i}),M=o.Children.map(g,(e,z)=>{var a,u;if(o.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((a=e==null?void 0:e.type)==null?void 0:a.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((u=e==null?void 0:e.type)==null?void 0:u.displayName)==="NESTED_ITEM"))return o.cloneElement(e,{color:e.props.color?e.props.color:s,size:i,onItemSelected:d})});return n.jsxs(n.Fragment,{children:[n.jsx(n.Fragment,{children:k}),n.jsx($.AnimatePresence,{children:r&&n.jsx(j,{theme:S,tuckIn:p,tuckInSize:_,color:s,size:i,className:"nested-item-lnc "+I,style:N,ref:m,show:r,...y,...x,children:M})})]})});c.displayName="NESTED_ITEM";module.exports=c;

package/dist/NestedMenuItem.js

@@ -1,34 +1,33 @@
-import { jsxs as O, Fragment as l, jsx as a } from "react/jsx-runtime";
-import { forwardRef as P, useState as h, cloneElement as u, Children as w, isValidElement as z } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as j } from "./utils-DtEfC-TX.js";
+import { jsxs as x, Fragment as m, jsx as s } from "react/jsx-runtime";
+import { forwardRef as b, useState as h, cloneElement as u, Children as $, isValidElement as w } from "react";
+import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { b as C } from "./utils-DtEfC-TX.js";
 import { m as D } from "./motion-Ckekul_K.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { A as C } from "./index-D-c5IxDk.js";
-const A = $(D.div)`
-  ${(o) => o.tuckIn == !0 && `margin-left: ${o.tuckInSize};`}
-  ${(o) => o.tuckIn == !0 && `padding-left: ${o.tuckInSize};`}
-    ${(o) => o.tuckIn == !0 && `border-left: 2px solid ${j(
-  o.theme,
+import { u as O } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { A as P } from "./index-D-c5IxDk.js";
+const j = z(D.div)`
+  ${(t) => t.tuckIn == !0 && `margin-left: ${t.tuckInSize};`}
+  ${(t) => t.tuckIn == !0 && `padding-left: ${t.tuckInSize};`}
+    ${(t) => t.tuckIn == !0 && `border-left: 2px solid ${C(
+  t.theme,
   "MenuItem",
-  o.color,
+  t.color,
   "focus",
   "background",
   "backgroundOpacity"
 )};`}
     border-radius: 2px;
-`, c = P((o, p) => {
+`, A = b((t, l) => {
   const {
-    item: d,
+    item: c,
     //------------------
-    onItemSelected: f = () => {
+    onItemSelected: p = () => {
     },
     //--------------------
-    defaultOpen: g = !1,
-    tuckIn: y = !0,
+    defaultOpen: d = !1,
+    tuckIn: f = !0,
     tuckInSize: E = "0.3rem",
-    animation: _ = {
+    animation: I = {
       animate: { opacity: 1, height: "auto" },
       exit: { opacity: 0, height: 0 },
       initial: { opacity: 0, height: 0 },
@@ -39,77 +38,51 @@ const A = $(D.div)`
         height: { duration: 0.15 }
       }
     },
-    className: I = "",
-    style: N = {},
-    color: n = "primary",
-    size: s = "small",
-    __TYPE__: R = "NESTED_ITEM",
-    children: T,
-    ...S
-  } = o, k = Y(), [r, b] = h(g), M = u(d, {
+    className: N = "",
+    style: g = {},
+    color: r = "primary",
+    size: n = "small",
+    children: y,
+    ..._
+  } = t, T = O(), [o, S] = h(d), k = u(c, {
     isNested: !0,
-    showNested: r,
+    showNested: o,
     toggleNested: () => {
-      b(!r);
+      S(!o);
     },
-    color: n,
-    size: s
-  }), x = w.map(T, (e, V) => {
-    var i, m;
-    if (z(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "NESTED_ITEM"))
+    color: r,
+    size: n
+  }), M = $.map(y, (e, U) => {
+    var a, i;
+    if (w(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((a = e == null ? void 0 : e.type) == null ? void 0 : a.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "NESTED_ITEM"))
       return u(e, {
-        color: e.props.color ? e.props.color : n,
-        size: s,
-        onItemSelected: f
+        color: e.props.color ? e.props.color : r,
+        size: n,
+        onItemSelected: p
       });
   });
-  return /* @__PURE__ */ O(l, { children: [
-    /* @__PURE__ */ a(l, { children: M }),
-    /* @__PURE__ */ a(C, { children: r && /* @__PURE__ */ a(
-      A,
+  return /* @__PURE__ */ x(m, { children: [
+    /* @__PURE__ */ s(m, { children: k }),
+    /* @__PURE__ */ s(P, { children: o && /* @__PURE__ */ s(
+      j,
       {
-        theme: k,
-        tuckIn: y,
+        theme: T,
+        tuckIn: f,
         tuckInSize: E,
-        color: n,
-        size: s,
-        className: "nested-item-lnc " + I,
-        style: N,
-        ref: p,
-        show: r,
+        color: r,
+        size: n,
+        className: "nested-item-lnc " + N,
+        style: g,
+        ref: l,
+        show: o,
+        ...I,
         ..._,
-        ...S,
-        children: x
+        children: M
       }
     ) })
   ] });
 });
-c.propTypes = {
-  item: t.oneOfType([t.string, t.element]),
-  //--------------------------
-  defaultOpen: t.bool,
-  /**
-   * Determines wether nested items will be tucked in to the right (using margin-right and padding-left).
-   */
-  tuckIn: t.bool,
-  tuckInSize: t.string,
-  animation: t.object,
-  className: t.string,
-  style: t.object,
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: t.oneOf(["small", "medium", "large"]),
-  __TYPE__: t.string
-};
-c.displayName = "NESTED_ITEM";
+A.displayName = "NESTED_ITEM";
 export {
-  c as default
+  A as default
 };

package/dist/NotificationContainer.cjs

@@ -1,37 +1,37 @@
-"use strict";const s=require("react/jsx-runtime"),N=require("react"),e=require("./index-BpbMKBf_.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./react-toastify.esm-BoMuFZcq.cjs"),t=require("./utils-RnrgDDZP.cjs"),v=require("./ThemeProvider.cjs"),O=_.styled.div`
+"use strict";const t=require("react/jsx-runtime"),N=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./react-toastify.esm-BoMuFZcq.cjs"),o=require("./utils-RnrgDDZP.cjs"),T=require("./ThemeProvider.cjs"),v=y.styled.div`
   & .lnc-notification {
     & > div {
-      background-color: ${o=>t.getColorRgbaValue(o.theme,"Notification",o.color,"enabled","background","backgroundOpacity")};
+      background-color: ${e=>o.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","background","backgroundOpacity")};
 
       box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
         0px 4px 6px -2px rgba(0, 0, 0, 0.05);
-      border: ${o=>`1px solid ${t.getColorRgbaValue(o.theme,"Notification","default","enabled","border")}`};
-      border-radius: ${o=>t.getBorderRadiusValueWithUnits(o.theme,"regular")};
+      border: ${e=>`1px solid ${o.getColorRgbaValue(e.theme,"Notification","default","enabled","border")}`};
+      border-radius: ${e=>o.getBorderRadiusValueWithUnits(e.theme,"regular")};
     }
     & .Toastify__close-button {
       & svg {
-        fill: ${o=>t.getColorRgbaValue(o.theme,"Notification","default","enabled","icon")};
+        fill: ${e=>o.getColorRgbaValue(e.theme,"Notification","default","enabled","icon")};
       }
     }
     & .Toastify__toast--success {
       & svg {
-        fill: ${o=>t.getColorRgbaValue(o.theme,"Notification","success","enabled","icon")};
+        fill: ${e=>o.getColorRgbaValue(e.theme,"Notification","success","enabled","icon")};
       }
     }
     & .Toastify__toast--information {
       & svg {
-        fill: ${o=>t.getColorRgbaValue(o.theme,"Notification","information","enabled","icon")};
+        fill: ${e=>o.getColorRgbaValue(e.theme,"Notification","information","enabled","icon")};
       }
     }
     & .Toastify__toast--danger {
       & svg {
-        fill: ${o=>t.getColorRgbaValue(o.theme,"Notification","warning","enabled","icon")};
+        fill: ${e=>o.getColorRgbaValue(e.theme,"Notification","warning","enabled","icon")};
       }
     }
     & .Toastify__toast--error {
       & svg {
-        fill: ${o=>t.getColorRgbaValue(o.theme,"Notification","danger","enabled","icon")};
+        fill: ${e=>o.getColorRgbaValue(e.theme,"Notification","danger","enabled","icon")};
       }
     }
   }
-`,r=N.forwardRef((o,a)=>{const{position:i="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}=o,{theme:x}=v.useTheme(),C={theme:x,className:"lnc-ui-notification "+m,style:y,size:T};return s.jsx(O,{ref:a,...C,...P,children:s.jsx(R.ToastContainer,{position:i,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:e.PropTypes.oneOf(["top-right","top-center","top-left","bottom-right","bottom-center","bottom-left"]),autoClose:e.PropTypes.number,hideProgressBar:e.PropTypes.bool,newestOnTop:e.PropTypes.bool,closeOnClick:e.PropTypes.bool,rtl:e.PropTypes.bool,pauseOnFocusLoss:e.PropTypes.bool,draggable:e.PropTypes.bool,pauseOnHover:e.PropTypes.bool,closeButton:e.PropTypes.bool,className:e.PropTypes.string,style:e.PropTypes.object,toastContainerProps:e.PropTypes.any};module.exports=r;
+`,$=N.forwardRef((e,i)=>{const{position:a="top-right",autoClose:s=5e5,hideProgressBar:r=!0,newestOnTop:n=!0,closeOnClick:l=!0,rtl:c=!1,pauseOnFocusLoss:u=!1,draggable:f=!1,pauseOnHover:g=!1,closeButton:d=!0,className:b="",style:m={},size:h="small",toastContainerProps:p,...x}=e,{theme:_}=T.useTheme(),C={theme:_,className:"lnc-ui-notification "+b,style:m,size:h};return t.jsx(v,{ref:i,...C,...x,children:t.jsx(R.ToastContainer,{position:a,autoClose:s,hideProgressBar:r,newestOnTop:n,closeOnClick:l,rtl:c,pauseOnFocusLoss:u,draggable:f,pauseOnHover:g,closeButton:d,className:"lnc-notification",...p})})});module.exports=$;

package/dist/NotificationContainer.js

@@ -1,14 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as O } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { T as v } from "./react-toastify.esm-BLQznunb.js";
-import { b as e, a as C } from "./utils-DtEfC-TX.js";
-import { useTheme as $ } from "./ThemeProvider.js";
-const P = _.div`
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { T as $ } from "./react-toastify.esm-BLQznunb.js";
+import { b as t, a as v } from "./utils-DtEfC-TX.js";
+import { useTheme as C } from "./ThemeProvider.js";
+const O = T.div`
   & .lnc-notification {
     & > div {
-      background-color: ${(o) => e(
+      background-color: ${(o) => t(
   o.theme,
   "Notification",
   o.color,
@@ -19,18 +18,18 @@ const P = _.div`
 
       box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
         0px 4px 6px -2px rgba(0, 0, 0, 0.05);
-      border: ${(o) => `1px solid ${e(
+      border: ${(o) => `1px solid ${t(
   o.theme,
   "Notification",
   "default",
   "enabled",
   "border"
 )}`};
-      border-radius: ${(o) => C(o.theme, "regular")};
+      border-radius: ${(o) => v(o.theme, "regular")};
     }
     & .Toastify__close-button {
       & svg {
-        fill: ${(o) => e(
+        fill: ${(o) => t(
   o.theme,
   "Notification",
   "default",
@@ -41,7 +40,7 @@ const P = _.div`
     }
     & .Toastify__toast--success {
       & svg {
-        fill: ${(o) => e(
+        fill: ${(o) => t(
   o.theme,
   "Notification",
   "success",
@@ -52,7 +51,7 @@ const P = _.div`
     }
     & .Toastify__toast--information {
       & svg {
-        fill: ${(o) => e(
+        fill: ${(o) => t(
   o.theme,
   "Notification",
   "information",
@@ -63,7 +62,7 @@ const P = _.div`
     }
     & .Toastify__toast--danger {
       & svg {
-        fill: ${(o) => e(
+        fill: ${(o) => t(
   o.theme,
   "Notification",
   "warning",
@@ -74,7 +73,7 @@ const P = _.div`
     }
     & .Toastify__toast--error {
       & svg {
-        fill: ${(o) => e(
+        fill: ${(o) => t(
   o.theme,
   "Notification",
   "danger",
@@ -84,79 +83,47 @@ const P = _.div`
       }
     }
   }
-`, k = O((o, i) => {
+`, j = y((o, i) => {
   const {
-    position: s = "top-right",
-    autoClose: r = 5e5,
+    position: a = "top-right",
+    autoClose: s = 5e5,
     hideProgressBar: n = !0,
-    newestOnTop: l = !0,
-    closeOnClick: c = !0,
-    rtl: f = !1,
-    pauseOnFocusLoss: m = !1,
-    draggable: p = !1,
-    pauseOnHover: b = !1,
-    closeButton: d = !0,
-    className: u = "",
+    newestOnTop: r = !0,
+    closeOnClick: l = !0,
+    rtl: c = !1,
+    pauseOnFocusLoss: f = !1,
+    draggable: d = !1,
+    pauseOnHover: m = !1,
+    closeButton: u = !0,
+    className: p = "",
     style: g = {},
-    size: h = "small",
-    toastContainerProps: y,
-    ...N
-  } = o, { theme: x } = $(), T = {
-    theme: x,
-    className: "lnc-ui-notification " + u,
+    size: b = "small",
+    toastContainerProps: h,
+    ...x
+  } = o, { theme: N } = C(), _ = {
+    theme: N,
+    className: "lnc-ui-notification " + p,
     style: g,
-    size: h
+    size: b
   };
-  return /* @__PURE__ */ a(P, { ref: i, ...T, ...N, children: /* @__PURE__ */ a(
-    v,
+  return /* @__PURE__ */ e(O, { ref: i, ..._, ...x, children: /* @__PURE__ */ e(
+    $,
     {
-      position: s,
-      autoClose: r,
+      position: a,
+      autoClose: s,
       hideProgressBar: n,
-      newestOnTop: l,
-      closeOnClick: c,
-      rtl: f,
-      pauseOnFocusLoss: m,
-      draggable: p,
-      pauseOnHover: b,
-      closeButton: d,
+      newestOnTop: r,
+      closeOnClick: l,
+      rtl: c,
+      pauseOnFocusLoss: f,
+      draggable: d,
+      pauseOnHover: m,
+      closeButton: u,
       className: "lnc-notification",
-      ...y
+      ...h
     }
   ) });
 });
-k.propTypes = {
-  position: t.oneOf([
-    "top-right",
-    "top-center",
-    "top-left",
-    "bottom-right",
-    "bottom-center",
-    "bottom-left"
-  ]),
-  /**
-   * Value in ms
-   */
-  autoClose: t.number,
-  hideProgressBar: t.bool,
-  newestOnTop: t.bool,
-  closeOnClick: t.bool,
-  /**
-   * Right to Left
-   */
-  rtl: t.bool,
-  pauseOnFocusLoss: t.bool,
-  draggable: t.bool,
-  pauseOnHover: t.bool,
-  closeButton: t.bool,
-  //----------------------------
-  className: t.string,
-  style: t.object,
-  /**
-   * Other react-toastify ToastContainer props.
-   */
-  toastContainerProps: t.any
-};
 export {
-  k as default
+  j as default
 };

package/dist/NotificationMessage.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),P=require("react"),t=require("./index-BpbMKBf_.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./Icon.cjs"),i=require("./utils-RnrgDDZP.cjs"),w=require("./Avatar.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=N.styled.div`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),N=require("./Icon.cjs"),i=require("./utils-RnrgDDZP.cjs"),y=require("./Avatar.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=w.styled.div`
   ${e=>i.getComponentTypographyCss(e.theme,"Notification","small","enabled")};
 
   word-wrap: break-word;
@@ -44,4 +44,4 @@
     font-weight: ${e=>i.getComponentPropValue(e.theme,"Notification",e.color,"enabled","fontWeightTitle")};
     color: ${e=>i.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","title")};
   }
-`,c=P.forwardRef((e,l)=>{const{title:d,icon:a,className:m,style:p={},size:f="small",avatar:u=!1,actions:r,inlineActions:n=!1,sideButtons:s=!1,iconProps:g,avatarProps:x,children:y,...b}=e,h={theme:j.useTheme(),className:m,style:p,size:f,inlineActions:n,sideButtons:s};return o.jsxs(v,{ref:l,...h,...b,children:[o.jsxs("div",{className:"notification-main",children:[u?o.jsx(w,{sizeInUnits:"2.75rem",...x}):a&&o.jsx(T,{className:"notification-icon",icon:a,...g}),o.jsxs("div",{className:"notification-content",children:[o.jsx("div",{className:"notification-title",children:d}),y,!n&&!s&&o.jsx("div",{className:"notification-actions",children:r})]})]}),(n||s)&&o.jsx("div",{className:"notification-actions",children:r})]})});c.propTypes={avatar:t.PropTypes.bool,title:t.PropTypes.string,icon:t.PropTypes.string,actions:t.PropTypes.element,inlineActions:t.PropTypes.bool,sideButtons:t.PropTypes.bool,className:t.PropTypes.string,style:t.PropTypes.object,iconProps:t.PropTypes.any,avatarProps:t.PropTypes.any};module.exports=c;
+`,v=p.forwardRef((e,c)=>{const{title:l,icon:s,className:r,style:d={},size:m="small",avatar:f=!1,actions:a,inlineActions:o=!1,sideButtons:n=!1,iconProps:u,avatarProps:x,children:g,...b}=e,h={theme:$.useTheme(),className:r,style:d,size:m,inlineActions:o,sideButtons:n};return t.jsxs(j,{ref:c,...h,...b,children:[t.jsxs("div",{className:"notification-main",children:[f?t.jsx(y,{sizeInUnits:"2.75rem",...x}):s&&t.jsx(N,{className:"notification-icon",icon:s,...u}),t.jsxs("div",{className:"notification-content",children:[t.jsx("div",{className:"notification-title",children:l}),g,!o&&!n&&t.jsx("div",{className:"notification-actions",children:a})]})]}),(o||n)&&t.jsx("div",{className:"notification-actions",children:a})]})});module.exports=v;