@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/Notification.js

@@ -0,0 +1,1079 @@
+import { jsxs as de, jsx as q } from "react/jsx-runtime";
+import D, { createElement as _, useRef as te, useLayoutEffect as Ae, useEffect as U, useReducer as Ce, isValidElement as K, cloneElement as me, useState as Ee } from "react";
+import { P as E } from "./index-Ds9PUTwb.js";
+import { n as xe } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { r as Fe } from "./index-CZJEA84h.js";
+import { a as Me, b as A, d as $e, c as je } from "./utils-DEke8iwo.js";
+import { useTheme as ze } from "./ThemeProvider.js";
+import He from "./Icon.js";
+import Ue from "./Avatar.js";
+import { u as We } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+function Pe(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (n = Pe(e[t])) && (o && (o += " "), o += n);
+  else for (t in e) e[t] && (o && (o += " "), o += t);
+  return o;
+}
+function H() {
+  for (var e, t, n = 0, o = ""; n < arguments.length; ) (e = arguments[n++]) && (t = Pe(e)) && (o && (o += " "), o += t);
+  return o;
+}
+function k() {
+  return k = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var o in n)
+        Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]);
+    }
+    return e;
+  }, k.apply(this, arguments);
+}
+function Le(e, t) {
+  if (e == null) return {};
+  var n = {}, o = Object.keys(e), s, c;
+  for (c = 0; c < o.length; c++)
+    s = o[c], !(t.indexOf(s) >= 0) && (n[s] = e[s]);
+  return n;
+}
+function ne(e) {
+  return typeof e == "number" && !isNaN(e);
+}
+function Z(e) {
+  return typeof e == "boolean";
+}
+function W(e) {
+  return typeof e == "string";
+}
+function B(e) {
+  return typeof e == "function";
+}
+function oe(e) {
+  return W(e) || B(e) ? e : null;
+}
+function ge(e) {
+  return e === 0 || e;
+}
+function Qe(e, t) {
+  return e === !1 || ne(e) && e > 0 ? e : t;
+}
+var Re = !!(typeof window < "u" && window.document && window.document.createElement);
+function fe(e) {
+  return K(e) || W(e) || B(e) || ne(e);
+}
+var Be = {
+  TOP_LEFT: "top-left",
+  TOP_RIGHT: "top-right",
+  TOP_CENTER: "top-center",
+  BOTTOM_LEFT: "bottom-left",
+  BOTTOM_RIGHT: "bottom-right",
+  BOTTOM_CENTER: "bottom-center"
+}, M = {
+  INFO: "info",
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error",
+  DEFAULT: "default"
+};
+function qe(e, t, n) {
+  n === void 0 && (n = 300);
+  var o = e.scrollHeight, s = e.style;
+  requestAnimationFrame(function() {
+    s.minHeight = "initial", s.height = o + "px", s.transition = "all " + n + "ms", requestAnimationFrame(function() {
+      s.height = "0", s.padding = "0", s.margin = "0", setTimeout(t, n);
+    });
+  });
+}
+function Ve(e) {
+  var t = e.enter, n = e.exit, o = e.appendPosition, s = o === void 0 ? !1 : o, c = e.collapse, f = c === void 0 ? !0 : c, u = e.collapseDuration, i = u === void 0 ? 300 : u;
+  return function(r) {
+    var h = r.children, T = r.position, y = r.preventExitTransition, I = r.done, C = r.nodeRef, O = r.isIn, R = s ? t + "--" + T : t, P = s ? n + "--" + T : n, $ = te(), l = te(
+      0
+      /* Enter */
+    );
+    Ae(function() {
+      d();
+    }, []), U(function() {
+      O || (y ? x() : b());
+    }, [O]);
+    function d() {
+      var a = C.current;
+      $.current = a.className, a.className += " " + R, a.addEventListener("animationend", p);
+    }
+    function p(a) {
+      if (a.target === C.current) {
+        var v = C.current;
+        v.removeEventListener("animationend", p), l.current === 0 && (v.className = $.current);
+      }
+    }
+    function b() {
+      l.current = 1;
+      var a = C.current;
+      a.className += " " + P, a.addEventListener("animationend", x);
+    }
+    function x() {
+      var a = C.current;
+      a.removeEventListener("animationend", x), f ? qe(a, I, i) : I();
+    }
+    return D.createElement(D.Fragment, null, h);
+  };
+}
+var S = {
+  list: /* @__PURE__ */ new Map(),
+  emitQueue: /* @__PURE__ */ new Map(),
+  on: function(t, n) {
+    return this.list.has(t) || this.list.set(t, []), this.list.get(t).push(n), this;
+  },
+  off: function(t, n) {
+    if (n) {
+      var o = this.list.get(t).filter(function(s) {
+        return s !== n;
+      });
+      return this.list.set(t, o), this;
+    }
+    return this.list.delete(t), this;
+  },
+  cancelEmit: function(t) {
+    var n = this.emitQueue.get(t);
+    return n && (n.forEach(clearTimeout), this.emitQueue.delete(t)), this;
+  },
+  /**
+   * Enqueue the event at the end of the call stack
+   * Doing so let the user call toast as follow:
+   * toast('1')
+   * toast('2')
+   * toast('3')
+   * Without setTimemout the code above will not work
+   */
+  emit: function(t) {
+    for (var n = this, o = arguments.length, s = new Array(o > 1 ? o - 1 : 0), c = 1; c < o; c++)
+      s[c - 1] = arguments[c];
+    this.list.has(t) && this.list.get(t).forEach(function(f) {
+      var u = setTimeout(function() {
+        f.apply(void 0, s);
+      }, 0);
+      n.emitQueue.has(t) || n.emitQueue.set(t, []), n.emitQueue.get(t).push(u);
+    });
+  }
+};
+function G(e, t) {
+  t === void 0 && (t = !1);
+  var n = te(e);
+  return U(function() {
+    t && (n.current = e);
+  }), n.current;
+}
+function Ge(e, t) {
+  switch (t.type) {
+    case 0:
+      return [].concat(e, [t.toastId]).filter(function(n) {
+        return n !== t.staleId;
+      });
+    case 1:
+      return ge(t.toastId) ? e.filter(function(n) {
+        return n !== t.toastId;
+      }) : [];
+  }
+}
+var Ye = ["delay", "staleId"];
+function Ke(e) {
+  var t = Ce(function(l) {
+    return l + 1;
+  }, 0), n = t[1], o = Ce(Ge, []), s = o[0], c = o[1], f = te(null), u = G(0), i = G([]), g = G({}), r = G({
+    toastKey: 1,
+    displayedToast: 0,
+    props: e,
+    containerId: null,
+    isToastActive: h,
+    getToast: function(d) {
+      return g[d] || null;
+    }
+  });
+  U(function() {
+    return r.containerId = e.containerId, S.cancelEmit(
+      3
+      /* WillUnmount */
+    ).on(
+      0,
+      O
+    ).on(
+      1,
+      function(l) {
+        return f.current && y(l);
+      }
+    ).on(
+      5,
+      T
+    ).emit(
+      2,
+      r
+    ), function() {
+      return S.emit(
+        3,
+        r
+      );
+    };
+  }, []), U(function() {
+    r.isToastActive = h, r.displayedToast = s.length, S.emit(
+      4,
+      s.length,
+      e.containerId
+    );
+  }, [s]), U(function() {
+    r.props = e;
+  });
+  function h(l) {
+    return s.indexOf(l) !== -1;
+  }
+  function T(l) {
+    var d = l.containerId, p = r.props.limit;
+    p && (!d || r.containerId === d) && (u -= i.length, i = []);
+  }
+  function y(l) {
+    c({
+      type: 1,
+      toastId: l
+    });
+  }
+  function I() {
+    var l = i.shift(), d = l.toastContent, p = l.toastProps, b = l.staleId;
+    R(d, p, b);
+  }
+  function C(l) {
+    var d = l.containerId, p = l.toastId, b = l.updateId;
+    return !!(!f.current || r.props.enableMultiContainer && d !== r.props.containerId || g[p] && b == null);
+  }
+  function O(l, d) {
+    var p, b = d.delay, x = d.staleId, a = Le(d, Ye);
+    if (!(!fe(l) || C(a))) {
+      var v = a.toastId, w = a.updateId, V = a.data, m = r.props, F = function() {
+        return y(v);
+      }, X = a.updateId == null;
+      X && u++;
+      var L = {
+        toastId: v,
+        updateId: w,
+        isLoading: a.isLoading,
+        theme: a.theme || m.theme,
+        icon: (p = a.icon) != null ? p : m.icon,
+        isIn: !1,
+        key: a.key || r.toastKey++,
+        type: a.type,
+        closeToast: F,
+        closeButton: a.closeButton,
+        rtl: m.rtl,
+        position: a.position || m.position,
+        transition: a.transition || m.transition,
+        className: oe(a.className || m.toastClassName),
+        bodyClassName: oe(a.bodyClassName || m.bodyClassName),
+        style: a.style || m.toastStyle,
+        bodyStyle: a.bodyStyle || m.bodyStyle,
+        onClick: a.onClick || m.onClick,
+        pauseOnHover: Z(a.pauseOnHover) ? a.pauseOnHover : m.pauseOnHover,
+        pauseOnFocusLoss: Z(a.pauseOnFocusLoss) ? a.pauseOnFocusLoss : m.pauseOnFocusLoss,
+        draggable: Z(a.draggable) ? a.draggable : m.draggable,
+        draggablePercent: ne(a.draggablePercent) ? a.draggablePercent : m.draggablePercent,
+        draggableDirection: a.draggableDirection || m.draggableDirection,
+        closeOnClick: Z(a.closeOnClick) ? a.closeOnClick : m.closeOnClick,
+        progressClassName: oe(a.progressClassName || m.progressClassName),
+        progressStyle: a.progressStyle || m.progressStyle,
+        autoClose: a.isLoading ? !1 : Qe(a.autoClose, m.autoClose),
+        hideProgressBar: Z(a.hideProgressBar) ? a.hideProgressBar : m.hideProgressBar,
+        progress: a.progress,
+        role: W(a.role) ? a.role : m.role,
+        deleteToast: function() {
+          P(v);
+        }
+      };
+      B(a.onOpen) && (L.onOpen = a.onOpen), B(a.onClose) && (L.onClose = a.onClose), L.draggableDirection === "y" && L.draggablePercent === 80 && (L.draggablePercent *= 1.5);
+      var j = m.closeButton;
+      a.closeButton === !1 || fe(a.closeButton) ? j = a.closeButton : a.closeButton === !0 && (j = fe(m.closeButton) ? m.closeButton : !0), L.closeButton = j;
+      var z = l;
+      K(l) && !W(l.type) ? z = me(l, {
+        closeToast: F,
+        toastProps: L,
+        data: V
+      }) : B(l) && (z = l({
+        closeToast: F,
+        toastProps: L,
+        data: V
+      })), m.limit && m.limit > 0 && u > m.limit && X ? i.push({
+        toastContent: z,
+        toastProps: L,
+        staleId: x
+      }) : ne(b) && b > 0 ? setTimeout(function() {
+        R(z, L, x);
+      }, b) : R(z, L, x);
+    }
+  }
+  function R(l, d, p) {
+    var b = d.toastId;
+    p && delete g[p], g[b] = {
+      content: l,
+      props: d
+    }, c({
+      type: 0,
+      toastId: b,
+      staleId: p
+    });
+  }
+  function P(l) {
+    delete g[l];
+    var d = i.length;
+    if (u = ge(l) ? u - 1 : u - r.displayedToast, u < 0 && (u = 0), d > 0) {
+      var p = ge(l) ? 1 : r.props.limit;
+      if (d === 1 || p === 1)
+        r.displayedToast++, I();
+      else {
+        var b = p > d ? d : p;
+        r.displayedToast = b;
+        for (var x = 0; x < b; x++)
+          I();
+      }
+    } else
+      n();
+  }
+  function $(l) {
+    for (var d = {}, p = e.newestOnTop ? Object.keys(g).reverse() : Object.keys(g), b = 0; b < p.length; b++) {
+      var x = g[p[b]], a = x.props.position;
+      d[a] || (d[a] = []), d[a].push(x);
+    }
+    return Object.keys(d).map(function(v) {
+      return l(v, d[v]);
+    });
+  }
+  return {
+    getToastToRender: $,
+    collection: g,
+    containerRef: f,
+    isToastActive: h
+  };
+}
+function Ne(e) {
+  return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientX : e.clientX;
+}
+function Oe(e) {
+  return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientY : e.clientY;
+}
+function Xe(e) {
+  var t = Ee(!0), n = t[0], o = t[1], s = Ee(!1), c = s[0], f = s[1], u = te(null), i = G({
+    start: 0,
+    x: 0,
+    y: 0,
+    delta: 0,
+    removalDistance: 0,
+    canCloseOnClick: !0,
+    canDrag: !1,
+    boundingRect: null
+  }), g = G(e, !0), r = e.autoClose, h = e.pauseOnHover, T = e.closeToast, y = e.onClick, I = e.closeOnClick;
+  U(function() {
+    return B(e.onOpen) && e.onOpen(K(e.children) && e.children.props), function() {
+      B(g.onClose) && g.onClose(K(g.children) && g.children.props);
+    };
+  }, []), U(function() {
+    return e.draggable && d(), function() {
+      e.draggable && p();
+    };
+  }, [e.draggable]), U(function() {
+    return e.pauseOnFocusLoss && $(), function() {
+      e.pauseOnFocusLoss && l();
+    };
+  }, [e.pauseOnFocusLoss]);
+  function C(v) {
+    if (e.draggable) {
+      var w = u.current;
+      i.canCloseOnClick = !0, i.canDrag = !0, i.boundingRect = w.getBoundingClientRect(), w.style.transition = "", i.x = Ne(v.nativeEvent), i.y = Oe(v.nativeEvent), e.draggableDirection === "x" ? (i.start = i.x, i.removalDistance = w.offsetWidth * (e.draggablePercent / 100)) : (i.start = i.y, i.removalDistance = w.offsetHeight * (e.draggablePercent / 100));
+    }
+  }
+  function O() {
+    if (i.boundingRect) {
+      var v = i.boundingRect, w = v.top, V = v.bottom, m = v.left, F = v.right;
+      e.pauseOnHover && i.x >= m && i.x <= F && i.y >= w && i.y <= V ? P() : R();
+    }
+  }
+  function R() {
+    o(!0);
+  }
+  function P() {
+    o(!1);
+  }
+  function $() {
+    document.hasFocus() || P(), window.addEventListener("focus", R), window.addEventListener("blur", P);
+  }
+  function l() {
+    window.removeEventListener("focus", R), window.removeEventListener("blur", P);
+  }
+  function d() {
+    document.addEventListener("mousemove", b), document.addEventListener("mouseup", x), document.addEventListener("touchmove", b), document.addEventListener("touchend", x);
+  }
+  function p() {
+    document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", x), document.removeEventListener("touchmove", b), document.removeEventListener("touchend", x);
+  }
+  function b(v) {
+    if (i.canDrag) {
+      v.preventDefault();
+      var w = u.current;
+      n && P(), i.x = Ne(v), i.y = Oe(v), e.draggableDirection === "x" ? i.delta = i.x - i.start : i.delta = i.y - i.start, i.start !== i.x && (i.canCloseOnClick = !1), w.style.transform = "translate" + e.draggableDirection + "(" + i.delta + "px)", w.style.opacity = "" + (1 - Math.abs(i.delta / i.removalDistance));
+    }
+  }
+  function x() {
+    var v = u.current;
+    if (i.canDrag) {
+      if (i.canDrag = !1, Math.abs(i.delta) > i.removalDistance) {
+        f(!0), e.closeToast();
+        return;
+      }
+      v.style.transition = "transform 0.2s, opacity 0.2s", v.style.transform = "translate" + e.draggableDirection + "(0)", v.style.opacity = "1";
+    }
+  }
+  var a = {
+    onMouseDown: C,
+    onTouchStart: C,
+    onMouseUp: O,
+    onTouchEnd: O
+  };
+  return r && h && (a.onMouseEnter = P, a.onMouseLeave = R), I && (a.onClick = function(v) {
+    y && y(v), i.canCloseOnClick && T();
+  }), {
+    playToast: R,
+    pauseToast: P,
+    isRunning: n,
+    preventExitTransition: c,
+    toastRef: u,
+    eventHandlers: a
+  };
+}
+function we(e) {
+  var t = e.closeToast, n = e.theme, o = e.ariaLabel, s = o === void 0 ? "close" : o;
+  return _("button", {
+    className: "Toastify__close-button Toastify__close-button--" + n,
+    type: "button",
+    onClick: function(f) {
+      f.stopPropagation(), t(f);
+    },
+    "aria-label": s
+  }, _("svg", {
+    "aria-hidden": "true",
+    viewBox: "0 0 14 16"
+  }, _("path", {
+    fillRule: "evenodd",
+    d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"
+  })));
+}
+function _e(e) {
+  var t, n, o = e.delay, s = e.isRunning, c = e.closeToast, f = e.type, u = e.hide, i = e.className, g = e.style, r = e.controlledProgress, h = e.progress, T = e.rtl, y = e.isIn, I = e.theme, C = k({}, g, {
+    animationDuration: o + "ms",
+    animationPlayState: s ? "running" : "paused",
+    opacity: u ? 0 : 1
+  });
+  r && (C.transform = "scaleX(" + h + ")");
+  var O = H("Toastify__progress-bar", r ? "Toastify__progress-bar--controlled" : "Toastify__progress-bar--animated", "Toastify__progress-bar-theme--" + I, "Toastify__progress-bar--" + f, (t = {}, t["Toastify__progress-bar--rtl"] = T, t)), R = B(i) ? i({
+    rtl: T,
+    type: f,
+    defaultClassName: O
+  }) : H(O, i), P = (n = {}, n[r && h >= 1 ? "onTransitionEnd" : "onAnimationEnd"] = r && h < 1 ? null : function() {
+    y && c();
+  }, n);
+  return _("div", Object.assign({
+    role: "progressbar",
+    "aria-hidden": u ? "true" : "false",
+    "aria-label": "notification timer",
+    className: R,
+    style: C
+  }, P));
+}
+_e.defaultProps = {
+  type: M.DEFAULT,
+  hide: !1
+};
+var Je = ["theme", "type"], ie = function(t) {
+  var n = t.theme, o = t.type, s = Le(t, Je);
+  return D.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    width: "100%",
+    height: "100%",
+    fill: n === "colored" ? "currentColor" : "var(--toastify-icon-color-" + o + ")"
+  }, s));
+};
+function Ze(e) {
+  return D.createElement(ie, Object.assign({}, e), D.createElement("path", {
+    d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"
+  }));
+}
+function et(e) {
+  return D.createElement(ie, Object.assign({}, e), D.createElement("path", {
+    d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"
+  }));
+}
+function tt(e) {
+  return D.createElement(ie, Object.assign({}, e), D.createElement("path", {
+    d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"
+  }));
+}
+function nt(e) {
+  return D.createElement(ie, Object.assign({}, e), D.createElement("path", {
+    d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"
+  }));
+}
+function at() {
+  return D.createElement("div", {
+    className: "Toastify__spinner"
+  });
+}
+var Ie = {
+  info: et,
+  warning: Ze,
+  success: tt,
+  error: nt,
+  spinner: at
+}, ot = function(t) {
+  var n, o, s = Xe(t), c = s.isRunning, f = s.preventExitTransition, u = s.toastRef, i = s.eventHandlers, g = t.closeButton, r = t.children, h = t.autoClose, T = t.onClick, y = t.type, I = t.hideProgressBar, C = t.closeToast, O = t.transition, R = t.position, P = t.className, $ = t.style, l = t.bodyClassName, d = t.bodyStyle, p = t.progressClassName, b = t.progressStyle, x = t.updateId, a = t.role, v = t.progress, w = t.rtl, V = t.toastId, m = t.deleteToast, F = t.isIn, X = t.isLoading, L = t.icon, j = t.theme, z = H("Toastify__toast", "Toastify__toast-theme--" + j, "Toastify__toast--" + y, (n = {}, n["Toastify__toast--rtl"] = w, n)), le = B(P) ? P({
+    rtl: w,
+    position: R,
+    type: y,
+    defaultClassName: z
+  }) : H(z, P), ce = !!v, pe = Ie[y], ue = {
+    theme: j,
+    type: y
+  }, Q = pe && pe(ue);
+  L === !1 ? Q = void 0 : B(L) ? Q = L(ue) : K(L) ? Q = me(L, ue) : W(L) ? Q = L : X && (Q = Ie.spinner());
+  function Se(J) {
+    if (J) {
+      var be = {
+        closeToast: C,
+        type: y,
+        theme: j
+      };
+      if (B(J)) return J(be);
+      if (K(J)) return me(J, be);
+    }
+  }
+  return _(O, {
+    isIn: F,
+    done: m,
+    position: R,
+    preventExitTransition: f,
+    nodeRef: u
+  }, _("div", Object.assign({
+    id: V,
+    onClick: T,
+    className: le
+  }, i, {
+    style: $,
+    ref: u
+  }), _("div", Object.assign({}, F && {
+    role: a
+  }, {
+    className: B(l) ? l({
+      type: y
+    }) : H("Toastify__toast-body", l),
+    style: d
+  }), Q && _("div", {
+    className: H("Toastify__toast-icon", (o = {}, o["Toastify--animate-icon Toastify__zoom-enter"] = !X, o))
+  }, Q), _("div", null, r)), Se(g), (h || ce) && _(_e, Object.assign({}, x && !ce ? {
+    key: "pb-" + x
+  } : {}, {
+    rtl: w,
+    theme: j,
+    delay: h,
+    isRunning: c,
+    isIn: F,
+    closeToast: C,
+    hide: I,
+    type: y,
+    style: b,
+    className: p,
+    controlledProgress: ce,
+    progress: v
+  }))));
+}, it = /* @__PURE__ */ Ve({
+  enter: "Toastify--animate Toastify__bounce-enter",
+  exit: "Toastify--animate Toastify__bounce-exit",
+  appendPosition: !0
+}), Te = function(t) {
+  var n = Ke(t), o = n.getToastToRender, s = n.containerRef, c = n.isToastActive, f = t.className, u = t.style, i = t.rtl, g = t.containerId;
+  function r(h) {
+    var T, y = H("Toastify__toast-container", "Toastify__toast-container--" + h, (T = {}, T["Toastify__toast-container--rtl"] = i, T));
+    return B(f) ? f({
+      position: h,
+      rtl: i,
+      defaultClassName: y
+    }) : H(y, oe(f));
+  }
+  return _("div", {
+    ref: s,
+    className: "Toastify",
+    id: g
+  }, o(function(h, T) {
+    var y = T.length === 0 ? k({}, u, {
+      pointerEvents: "none"
+    }) : k({}, u);
+    return _("div", {
+      className: r(h),
+      style: y,
+      key: "container-" + h
+    }, T.map(function(I) {
+      var C = I.content, O = I.props;
+      return _(ot, Object.assign({}, O, {
+        isIn: c(O.toastId),
+        key: "toast-" + O.key,
+        closeButton: O.closeButton === !0 ? we : O.closeButton
+      }), C);
+    }));
+  }));
+};
+Te.defaultProps = {
+  position: Be.TOP_RIGHT,
+  transition: it,
+  rtl: !1,
+  autoClose: 5e3,
+  hideProgressBar: !1,
+  closeButton: we,
+  pauseOnHover: !0,
+  pauseOnFocusLoss: !0,
+  closeOnClick: !0,
+  newestOnTop: !1,
+  draggable: !0,
+  draggablePercent: 80,
+  draggableDirection: "x",
+  role: "alert",
+  theme: "light"
+};
+var Y = /* @__PURE__ */ new Map(), ve, ee, De, ye = [], he = !1;
+function st() {
+  return Y.size > 0;
+}
+function rt(e, t) {
+  var n = t.containerId, o = Y.get(n || ve);
+  return o ? o.getToast(e) : null;
+}
+function ke() {
+  return Math.random().toString(36).substr(2, 9);
+}
+function lt(e) {
+  return e && (W(e.toastId) || ne(e.toastId)) ? e.toastId : ke();
+}
+function ae(e, t) {
+  return st() ? S.emit(
+    0,
+    e,
+    t
+  ) : (ye.push({
+    content: e,
+    options: t
+  }), he && Re && (he = !1, ee = document.createElement("div"), document.body.appendChild(ee), Fe.render(_(Te, Object.assign({}, De)), ee))), t.toastId;
+}
+function se(e, t) {
+  return k({}, t, {
+    type: t && t.type || e,
+    toastId: lt(t)
+  });
+}
+var re = function(t) {
+  return function(n, o) {
+    return ae(n, se(t, o));
+  };
+}, N = function(t, n) {
+  return ae(t, se(M.DEFAULT, n));
+};
+N.loading = function(e, t) {
+  return ae(e, se(M.DEFAULT, k({
+    isLoading: !0,
+    autoClose: !1,
+    closeOnClick: !1,
+    closeButton: !1,
+    draggable: !1
+  }, t)));
+};
+function ct(e, t, n) {
+  var o = t.pending, s = t.error, c = t.success, f;
+  o && (f = W(o) ? N.loading(o, n) : N.loading(o.render, k({}, n, o)));
+  var u = {
+    isLoading: null,
+    autoClose: null,
+    closeOnClick: null,
+    closeButton: null,
+    draggable: null
+  }, i = function(h, T, y) {
+    var I = k({
+      type: h
+    }, u, n, {
+      data: y
+    }), C = W(T) ? {
+      render: T
+    } : T;
+    return f ? N.update(f, k({}, I, C)) : N(C.render, k({}, I, C)), y;
+  }, g = B(e) ? e() : e;
+  return g.then(function(r) {
+    return c && i("success", c, r);
+  }).catch(function(r) {
+    return s && i("error", s, r);
+  }), g;
+}
+N.promise = ct;
+N.success = /* @__PURE__ */ re(M.SUCCESS);
+N.info = /* @__PURE__ */ re(M.INFO);
+N.error = /* @__PURE__ */ re(M.ERROR);
+N.warning = /* @__PURE__ */ re(M.WARNING);
+N.warn = N.warning;
+N.dark = function(e, t) {
+  return ae(e, se(M.DEFAULT, k({
+    theme: "dark"
+  }, t)));
+};
+N.dismiss = function(e) {
+  return S.emit(
+    1,
+    e
+  );
+};
+N.clearWaitingQueue = function(e) {
+  return e === void 0 && (e = {}), S.emit(
+    5,
+    e
+  );
+};
+N.isActive = function(e) {
+  var t = !1;
+  return Y.forEach(function(n) {
+    n.isToastActive && n.isToastActive(e) && (t = !0);
+  }), t;
+};
+N.update = function(e, t) {
+  t === void 0 && (t = {}), setTimeout(function() {
+    var n = rt(e, t);
+    if (n) {
+      var o = n.props, s = n.content, c = k({}, o, t, {
+        toastId: t.toastId || e,
+        updateId: ke()
+      });
+      c.toastId !== e && (c.staleId = e);
+      var f = c.render || s;
+      delete c.render, ae(f, c);
+    }
+  }, 0);
+};
+N.done = function(e) {
+  N.update(e, {
+    progress: 1
+  });
+};
+N.onChange = function(e) {
+  return B(e) && S.on(
+    4,
+    e
+  ), function() {
+    B(e) && S.off(
+      4,
+      e
+    );
+  };
+};
+N.configure = function(e) {
+  e === void 0 && (e = {}), he = !0, De = e;
+};
+N.POSITION = Be;
+N.TYPE = M;
+S.on(
+  2,
+  function(e) {
+    ve = e.containerId || e, Y.set(ve, e), ye.forEach(function(t) {
+      S.emit(
+        0,
+        t.content,
+        t.options
+      );
+    }), ye = [];
+  }
+).on(
+  3,
+  function(e) {
+    Y.delete(e.containerId || e), Y.size === 0 && S.off(
+      0
+      /* Show */
+    ).off(
+      1
+      /* Clear */
+    ).off(
+      5
+      /* ClearWaitingQueue */
+    ), Re && ee && document.body.removeChild(ee);
+  }
+);
+const ut = xe.div`
+  ${(e) => Me(e.theme, "Notification", "small", "enabled")};
+
+  word-wrap: break-word;
+  box-sizing: border-box;
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+
+  & .notification-actions {
+    align-items: center;
+    ${(e) => e.sideButtons && "margin: -14px"};
+    flex-direction: ${(e) => e.sideButtons ? "column" : "row"};
+    ${(e) => e.sideButtons && "margin-left: auto"};
+    ${(e) => e.inlineActions == !1 && e.sideButtons == !1 && "padding-top: 4px"};
+    gap: ${(e) => e.sideButtons ? "0" : "1rem"};
+    display: flex;
+
+    color: ${(e) => A(
+  e.theme,
+  "Notification",
+  e.color,
+  "enabled",
+  "action"
+)};
+
+    & > button {
+      ${(e) => e.sideButtons && "flex: 1; width: 100%;"}
+    }
+  }
+  & .notification-main {
+    word-wrap: break-word;
+    box-sizing: border-box;
+    display: flex;
+    gap: 1rem;
+  }
+  & .notification-content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    color: ${(e) => A(
+  e.theme,
+  "Notification",
+  e.color,
+  "enabled",
+  "text"
+)};
+  }
+  & .notification-icon {
+    align-items: flex-start;
+    & i {
+      font-size: 1.25rem;
+    }
+  }
+  & .notification-title {
+    font-weight: ${(e) => $e(
+  e.theme,
+  "Notification",
+  e.color,
+  "enabled",
+  "fontWeightTitle"
+)};
+    color: ${(e) => A(
+  e.theme,
+  "Notification",
+  e.color,
+  "enabled",
+  "title"
+)};
+  }
+`, dt = D.forwardRef((e, t) => {
+  const {
+    title: n,
+    icon: o,
+    className: s,
+    style: c = {},
+    size: f = "small",
+    avatar: u = !1,
+    actions: i,
+    inlineActions: g = !1,
+    sideButtons: r = !1,
+    iconProps: h,
+    avatarProps: T,
+    children: y,
+    ...I
+  } = e, O = {
+    theme: We(),
+    className: s,
+    style: c,
+    size: f,
+    inlineActions: g,
+    sideButtons: r
+  };
+  return /* @__PURE__ */ de(ut, { ref: t, ...O, ...I, children: [
+    /* @__PURE__ */ de("div", { className: "notification-main", children: [
+      u ? /* @__PURE__ */ q(Ue, { sizeInUnits: "2.75rem", ...T }) : o && /* @__PURE__ */ q(He, { className: "notification-icon", icon: o, ...h }),
+      /* @__PURE__ */ de("div", { className: "notification-content", children: [
+        /* @__PURE__ */ q("div", { className: "notification-title", children: n }),
+        y,
+        !g && !r && /* @__PURE__ */ q("div", { className: "notification-actions", children: i })
+      ] })
+    ] }),
+    (g || r) && /* @__PURE__ */ q("div", { className: "notification-actions", children: i })
+  ] });
+});
+dt.propTypes = {
+  avatar: E.bool,
+  title: E.string,
+  /**
+   * If `avatar={true}` icon won't be displayed
+   */
+  icon: E.string,
+  actions: E.element,
+  inlineActions: E.bool,
+  sideButtons: E.bool,
+  //-----------------------
+  className: E.string,
+  style: E.object,
+  iconProps: E.any,
+  avatarProps: E.any
+};
+const ft = xe.div`
+  & .lnc-notification {
+    & > div {
+      background-color: ${(e) => A(
+  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: ${(e) => `1px solid ${A(
+  e.theme,
+  "Notification",
+  "default",
+  "enabled",
+  "border"
+)}`};
+      border-radius: ${(e) => je(e.theme, "regular")};
+    }
+    & .Toastify__close-button {
+      & svg {
+        fill: ${(e) => A(
+  e.theme,
+  "Notification",
+  "default",
+  "enabled",
+  "icon"
+)};
+      }
+    }
+    & .Toastify__toast--success {
+      & svg {
+        fill: ${(e) => A(
+  e.theme,
+  "Notification",
+  "success",
+  "enabled",
+  "icon"
+)};
+      }
+    }
+    & .Toastify__toast--information {
+      & svg {
+        fill: ${(e) => A(
+  e.theme,
+  "Notification",
+  "information",
+  "enabled",
+  "icon"
+)};
+      }
+    }
+    & .Toastify__toast--danger {
+      & svg {
+        fill: ${(e) => A(
+  e.theme,
+  "Notification",
+  "warning",
+  "enabled",
+  "icon"
+)};
+      }
+    }
+    & .Toastify__toast--error {
+      & svg {
+        fill: ${(e) => A(
+  e.theme,
+  "Notification",
+  "danger",
+  "enabled",
+  "icon"
+)};
+      }
+    }
+  }
+`, mt = D.forwardRef((e, t) => {
+  const {
+    position: n = "top-right",
+    autoClose: o = 5e5,
+    hideProgressBar: s = !0,
+    newestOnTop: c = !0,
+    closeOnClick: f = !0,
+    rtl: u = !1,
+    pauseOnFocusLoss: i = !1,
+    draggable: g = !1,
+    pauseOnHover: r = !1,
+    closeButton: h = !0,
+    className: T = "",
+    style: y = {},
+    toastContainerProps: I,
+    children: C,
+    ...O
+  } = e, { theme: R } = ze(), P = {
+    theme: R,
+    className: "lnc-ui-notification " + T,
+    style: y
+  };
+  return /* @__PURE__ */ q(ft, { ref: t, ...P, ...O, children: /* @__PURE__ */ q(
+    Te,
+    {
+      position: n,
+      autoClose: o,
+      hideProgressBar: s,
+      newestOnTop: c,
+      closeOnClick: f,
+      rtl: u,
+      pauseOnFocusLoss: i,
+      draggable: g,
+      pauseOnHover: r,
+      closeButton: h,
+      className: "lnc-notification",
+      ...I
+    }
+  ) });
+});
+mt.propTypes = {
+  position: E.oneOf([
+    "top-right",
+    "top-center",
+    "top-left",
+    "bottom-right",
+    "bottom-center",
+    "bottom-left"
+  ]),
+  /**
+   * Value in ms
+   */
+  autoClose: E.number,
+  hideProgressBar: E.bool,
+  newestOnTop: E.bool,
+  closeOnClick: E.bool,
+  /**
+   * Right to Left
+   */
+  rtl: E.bool,
+  pauseOnFocusLoss: E.bool,
+  draggable: E.bool,
+  pauseOnHover: E.bool,
+  closeButton: E.bool,
+  //----------------------------
+  className: E.string,
+  style: E.object,
+  /**
+   * Other react-toastify ToastContainer props.
+   */
+  toastContainerProps: E.any
+};
+export {
+  mt as NotificationContainer,
+  dt as NotificationMessage,
+  N as notification
+};