donghy 0.0.1

package/dist/esm/components/feedback/modal/Modal.js

@@ -0,0 +1,191 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { forwardRef, useState, useEffect, useRef, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { useEscapeKey } from "../../shared/hooks/useEscapeKey";
+import { useFoxContext } from "../../shared/hooks/usePikaContext";
+import styles from "./Modal.module.css";
+
+/** 对话框尺寸 */
+
+/** 对话框组件属性 */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var SIZE_WIDTH_MAP = {
+  small: '400px',
+  middle: '520px',
+  large: '720px'
+};
+var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    title = _ref.title,
+    footer = _ref.footer,
+    width = _ref.width,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable,
+    closeIcon = _ref.closeIcon,
+    _ref$centered = _ref.centered,
+    centered = _ref$centered === void 0 ? false : _ref$centered,
+    _ref$mask = _ref.mask,
+    mask = _ref$mask === void 0 ? true : _ref$mask,
+    _ref$maskClosable = _ref.maskClosable,
+    maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
+    _ref$keyboard = _ref.keyboard,
+    keyboard = _ref$keyboard === void 0 ? true : _ref$keyboard,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$confirmLoading = _ref.confirmLoading,
+    confirmLoading = _ref$confirmLoading === void 0 ? false : _ref$confirmLoading,
+    _ref$okText = _ref.okText,
+    okText = _ref$okText === void 0 ? 'OK' : _ref$okText,
+    _ref$cancelText = _ref.cancelText,
+    cancelText = _ref$cancelText === void 0 ? 'Cancel' : _ref$cancelText,
+    okButtonProps = _ref.okButtonProps,
+    cancelButtonProps = _ref.cancelButtonProps,
+    getContainer = _ref.getContainer,
+    zIndex = _ref.zIndex,
+    onOk = _ref.onOk,
+    onCancel = _ref.onCancel,
+    afterOpenChange = _ref.afterOpenChange,
+    afterClose = _ref.afterClose,
+    className = _ref.className,
+    style = _ref.style,
+    children = _ref.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    animating = _useState2[0],
+    setAnimating = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var titleId = useRef("nv-modal-title-".concat(Math.random().toString(36).slice(2, 9)));
+  var _useFoxContext = useFoxContext(),
+    resolveZIndex = _useFoxContext.resolveZIndex;
+  var resolvedZIndex = resolveZIndex('modal', zIndex);
+  useEffect(function () {
+    if (open) {
+      setVisible(true);
+      requestAnimationFrame(function () {
+        setAnimating(true);
+      });
+    } else {
+      setAnimating(false);
+    }
+  }, [open]);
+  var handleTransitionEnd = useCallback(function () {
+    if (!animating && !open) {
+      setVisible(false);
+      afterClose === null || afterClose === void 0 || afterClose();
+    }
+  }, [animating, open, afterClose]);
+  useEffect(function () {
+    if (animating && open) {
+      afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(true);
+    } else if (!animating && !open && visible) {
+      afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(false);
+    }
+  }, [animating, open, visible, afterOpenChange]);
+  useEscapeKey(function () {
+    return onCancel === null || onCancel === void 0 ? void 0 : onCancel({});
+  }, keyboard && open);
+  var handleMaskClick = useCallback(function (e) {
+    if (maskClosable && e.target === e.currentTarget) {
+      onCancel === null || onCancel === void 0 || onCancel(e);
+    }
+  }, [maskClosable, onCancel]);
+  var handleClose = useCallback(function (e) {
+    onCancel === null || onCancel === void 0 || onCancel(e);
+  }, [onCancel]);
+  var handleOk = useCallback(function (e) {
+    onOk === null || onOk === void 0 || onOk(e);
+  }, [onOk]);
+  if (!visible) return null;
+  var container = getContainer === false ? false : getContainer ? typeof getContainer === 'function' ? getContainer() : getContainer : document.body;
+  var portalTarget = container === false ? null : container;
+  var resolvedWidth = width !== null && width !== void 0 ? width : SIZE_WIDTH_MAP[size];
+  var panelStyle = _objectSpread(_objectSpread({}, style), {}, {
+    '--_width': typeof resolvedWidth === 'number' ? "".concat(resolvedWidth, "px") : resolvedWidth
+  }, zIndex !== undefined ? {} : {});
+  var defaultFooter = /*#__PURE__*/_jsxs("div", {
+    className: styles.footer,
+    children: [/*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
+      className: "".concat(styles.footerBtn, " ").concat(styles.footerBtnCancel),
+      onClick: handleClose
+    }, cancelButtonProps), {}, {
+      children: cancelText
+    })), /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
+      className: "".concat(styles.footerBtn, " ").concat(styles.footerBtnOk),
+      onClick: handleOk,
+      disabled: loading || confirmLoading
+    }, okButtonProps), {}, {
+      children: confirmLoading || loading ? 'Loading...' : okText
+    }))]
+  });
+  var footerContent = footer === null ? null : footer === undefined ? defaultFooter : /*#__PURE__*/_jsx("div", {
+    className: styles.footer,
+    children: footer
+  });
+  var modalContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [mask && /*#__PURE__*/_jsx("div", {
+      className: styles.mask,
+      "data-open": animating || undefined,
+      onClick: handleMaskClick
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.container,
+      "data-size": size,
+      "data-centered": centered || undefined,
+      style: {
+        zIndex: resolvedZIndex
+      },
+      onClick: handleMaskClick,
+      children: /*#__PURE__*/_jsxs("div", {
+        ref: ref,
+        className: "".concat(styles.panel).concat(className ? " ".concat(className) : ''),
+        style: panelStyle,
+        "data-open": animating || undefined,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": title ? titleId.current : undefined,
+        onTransitionEnd: handleTransitionEnd,
+        children: [(title || closable) && /*#__PURE__*/_jsxs("div", {
+          className: styles.header,
+          children: [title && /*#__PURE__*/_jsx("div", {
+            className: styles.title,
+            id: titleId.current,
+            children: title
+          }), closable && /*#__PURE__*/_jsx("button", {
+            className: styles.close,
+            onClick: handleClose,
+            "aria-label": "Close",
+            children: closeIcon !== null && closeIcon !== void 0 ? closeIcon : '×'
+          })]
+        }), /*#__PURE__*/_jsx("div", {
+          className: styles.body,
+          children: children
+        }), footerContent]
+      })
+    })]
+  });
+  if (portalTarget) {
+    return /*#__PURE__*/createPortal(modalContent, portalTarget);
+  }
+  return modalContent;
+});
+Modal.displayName = 'Modal';
+export { Modal };
+export default Modal;

package/dist/esm/components/feedback/modal/Modal.module.css

@@ -0,0 +1,123 @@
+.mask {
+  position: fixed;
+  inset: 0;
+  background: var(--nv-color-overlay, rgba(0, 0, 0, 0.45));
+  z-index: calc(var(--nv-z-modal, 1050) - 1);
+  transition: opacity var(--nv-motion-normal, 200ms);
+  opacity: 0;
+}
+
+.mask[data-open] {
+  opacity: 1;
+}
+
+.container {
+  position: fixed;
+  inset: 0;
+  z-index: var(--nv-z-modal, 1050);
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: var(--nv-space-xxxl, 40px) 0;
+  overflow: auto;
+}
+
+.container[data-centered] {
+  align-items: center;
+}
+
+.container[data-size="small"] .panel {
+  --_width: 400px;
+}
+
+.container[data-size="middle"] .panel {
+  --_width: 520px;
+}
+
+.container[data-size="large"] .panel {
+  --_width: 720px;
+}
+
+.panel {
+  background: var(--nv-color-bg-elevated, #FFFFFF);
+  border-radius: var(--nv-radius-xl, 12px);
+  box-shadow: var(--nv-shadow-lg, 0 6px 16px -8px rgba(0,0,0,0.08));
+  width: var(--_width, 520px);
+  max-width: calc(100vw - 32px);
+  transform: scale(0.9) translateY(-20px);
+  opacity: 0;
+  transition: all var(--nv-motion-normal, 200ms) var(--nv-motion-spring, cubic-bezier(0.34, 1.56, 0.64, 1));
+}
+
+.panel[data-open] {
+  transform: scale(1) translateY(0);
+  opacity: 1;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--nv-space-xl, 24px) var(--nv-space-xl, 24px) 0;
+}
+
+.title {
+  font-size: var(--nv-font-size-lg, 16px);
+  font-weight: var(--nv-font-weight-semibold, 600);
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+  flex: 1;
+}
+
+.close {
+  cursor: pointer;
+  background: none;
+  border: none;
+  font-size: 20px;
+  color: var(--nv-color-text-tertiary, rgba(0, 0, 0, 0.45));
+  padding: 4px;
+  line-height: 1;
+}
+
+.close:hover {
+  color: var(--nv-color-text-secondary, rgba(0, 0, 0, 0.65));
+}
+
+.body {
+  padding: var(--nv-space-xl, 24px);
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--nv-space-sm, 8px);
+  padding: 0 var(--nv-space-xl, 24px) var(--nv-space-xl, 24px);
+}
+
+.footerBtn {
+  padding: var(--nv-space-sm, 8px) var(--nv-space-lg, 16px);
+  border-radius: var(--nv-radius-lg, 8px);
+  font-size: var(--nv-font-size-md, 14px);
+  cursor: pointer;
+  border: 1px solid var(--nv-color-border, #D9D9D9);
+  transition: all var(--nv-motion-fast, 100ms);
+}
+
+.footerBtnCancel {
+  background: var(--nv-color-bg, #FFFFFF);
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+}
+
+.footerBtnCancel:hover {
+  color: var(--nv-color-primary, #6C5CE7);
+  border-color: var(--nv-color-primary, #6C5CE7);
+}
+
+.footerBtnOk {
+  background: var(--nv-color-primary, #6C5CE7);
+  color: var(--nv-color-text-inverse, #FFFFFF);
+  border-color: var(--nv-color-primary, #6C5CE7);
+}
+
+.footerBtnOk:hover {
+  background: var(--nv-color-primary-hover, #7C6FF0);
+}

package/dist/esm/components/feedback/modal/index.js

@@ -0,0 +1 @@
+export { Modal } from "./Modal";

package/dist/esm/components/feedback/notification/Notification.js

@@ -0,0 +1,342 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import styles from "./Notification.module.css";
+
+/** 通知框类型 */
+
+/** 通知框弹出位置 */
+
+/** 通知框配置选项 */
+
+/** 通知框全局配置 */
+
+/** 通知框实例 */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DEFAULT_ICONS = {
+  success: '✓',
+  error: '✗',
+  warning: '⚠',
+  info: 'ℹ'
+};
+var DEFAULT_DURATION = 4.5;
+var DEFAULT_PLACEMENT = 'topRight';
+var CLOSE_DELAY = 150;
+var globalConfig = {};
+var uid = 0;
+var NotificationManager = /*#__PURE__*/function () {
+  function NotificationManager() {
+    _classCallCheck(this, NotificationManager);
+    _defineProperty(this, "notifications", new Map());
+    _defineProperty(this, "root", null);
+    _defineProperty(this, "mountNode", null);
+  }
+  _createClass(NotificationManager, [{
+    key: "ensureMount",
+    value: function ensureMount() {
+      if (this.mountNode) return;
+      this.mountNode = document.createElement('div');
+      this.mountNode.setAttribute('data-nv-notification-root', '');
+      document.body.appendChild(this.mountNode);
+      this.root = createRoot(this.mountNode);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      this.ensureMount();
+      var items = Array.from(this.notifications.values());
+      this.root.render( /*#__PURE__*/_jsx(NotificationContainer, {
+        items: items
+      }));
+    }
+  }, {
+    key: "add",
+    value: function add(type, options) {
+      var _options$showProgress,
+        _this = this;
+      var nextUid = ++uid;
+      var id = options.key || "nv-notif-".concat(nextUid);
+      var placement = globalConfig.placement || DEFAULT_PLACEMENT;
+      var maxCount = globalConfig.maxCount;
+      if (maxCount && maxCount > 0) {
+        var keys = Array.from(this.notifications.keys());
+        while (keys.length >= maxCount) {
+          this.notifications.delete(keys.shift());
+        }
+      }
+      var state = {
+        uid: nextUid,
+        id: id,
+        type: type,
+        placement: placement,
+        title: options.title,
+        description: options.description,
+        icon: options.icon,
+        actions: options.actions,
+        duration: options.duration !== undefined ? options.duration : DEFAULT_DURATION,
+        showProgress: (_options$showProgress = options.showProgress) !== null && _options$showProgress !== void 0 ? _options$showProgress : false,
+        pauseOnHover: options.pauseOnHover !== undefined ? options.pauseOnHover : true,
+        closable: options.closable !== undefined ? options.closable : true,
+        closeIcon: options.closeIcon,
+        closing: false,
+        onClose: options.onClose,
+        onClick: options.onClick,
+        className: options.className,
+        style: options.style
+      };
+      this.notifications.set(id, state);
+      this.render();
+      return {
+        close: function close() {
+          return _this.close(id);
+        }
+      };
+    }
+  }, {
+    key: "close",
+    value: function close(id) {
+      var _this2 = this;
+      var notif = this.notifications.get(id);
+      if (!notif || notif.closing) return;
+      notif.closing = true;
+      this.render();
+      setTimeout(function () {
+        var existing = _this2.notifications.get(id);
+        if (existing) {
+          var _existing$onClose;
+          _this2.notifications.delete(id);
+          _this2.render();
+          (_existing$onClose = existing.onClose) === null || _existing$onClose === void 0 || _existing$onClose.call(existing);
+        }
+      }, CLOSE_DELAY);
+    }
+  }, {
+    key: "destroy",
+    value: function destroy(key) {
+      if (key !== undefined) {
+        this.notifications.delete(key);
+      } else {
+        this.notifications.clear();
+      }
+      this.render();
+    }
+  }, {
+    key: "destroyAll",
+    value: function destroyAll() {
+      this.notifications.clear();
+      this.render();
+    }
+  }, {
+    key: "setConfig",
+    value: function setConfig(config) {
+      globalConfig = _objectSpread(_objectSpread({}, globalConfig), config);
+    }
+  }]);
+  return NotificationManager;
+}();
+var manager = null;
+function getManager() {
+  if (!manager) {
+    manager = new NotificationManager();
+  }
+  return manager;
+}
+function groupByPlacement(items) {
+  var map = new Map();
+  var _iterator = _createForOfIteratorHelper(items),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      var list = map.get(item.placement) || [];
+      list.push(item);
+      map.set(item.placement, list);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return map;
+}
+function NotificationContainer(_ref) {
+  var _globalConfig$getCont, _globalConfig$getCont2, _globalConfig;
+  var items = _ref.items;
+  if (items.length === 0) return null;
+  var target = (_globalConfig$getCont = (_globalConfig$getCont2 = (_globalConfig = globalConfig).getContainer) === null || _globalConfig$getCont2 === void 0 ? void 0 : _globalConfig$getCont2.call(_globalConfig)) !== null && _globalConfig$getCont !== void 0 ? _globalConfig$getCont : document.body;
+  var grouped = groupByPlacement(items);
+  var top = globalConfig.top;
+  var bottom = globalConfig.bottom;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(_Fragment, {
+      children: Array.from(grouped.entries()).map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          placement = _ref3[0],
+          notifs = _ref3[1];
+        var containerStyle = {};
+        if (top !== undefined && placement.startsWith('top')) {
+          containerStyle.top = top;
+        }
+        if (bottom !== undefined && placement.startsWith('bottom')) {
+          containerStyle.bottom = bottom;
+        }
+        return /*#__PURE__*/_jsx("div", {
+          className: styles.container,
+          "data-placement": placement,
+          style: containerStyle,
+          children: notifs.map(function (notif) {
+            return /*#__PURE__*/_jsx(NotificationItem, _objectSpread({}, notif), notif.uid);
+          })
+        }, placement);
+      })
+    }), target)
+  });
+}
+function NotificationItem(props) {
+  var id = props.id,
+    type = props.type,
+    title = props.title,
+    description = props.description,
+    icon = props.icon,
+    actions = props.actions,
+    duration = props.duration,
+    showProgress = props.showProgress,
+    pauseOnHover = props.pauseOnHover,
+    closable = props.closable,
+    closeIcon = props.closeIcon,
+    closing = props.closing,
+    onClick = props.onClick,
+    className = props.className,
+    style = props.style;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    paused = _useState2[0],
+    setPaused = _useState2[1];
+  var timerRef = useRef(null);
+  var remainingRef = useRef(typeof duration === 'number' ? duration * 1000 : 0);
+  var startTimeRef = useRef(0);
+  var clearTimer = useCallback(function () {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  var startTimer = useCallback(function () {
+    if (duration === false) return;
+    clearTimer();
+    startTimeRef.current = Date.now();
+    timerRef.current = setTimeout(function () {
+      getManager().close(id);
+    }, remainingRef.current);
+  }, [duration, id, clearTimer]);
+  useEffect(function () {
+    startTimer();
+    return clearTimer;
+  }, [startTimer, clearTimer]);
+  var handleMouseEnter = function handleMouseEnter() {
+    if (!pauseOnHover || duration === false) return;
+    setPaused(true);
+    if (timerRef.current) {
+      var elapsed = Date.now() - startTimeRef.current;
+      remainingRef.current = Math.max(0, remainingRef.current - elapsed);
+      clearTimer();
+    }
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    if (!pauseOnHover || duration === false) return;
+    setPaused(false);
+    startTimer();
+  };
+  var handleClose = function handleClose(e) {
+    e.stopPropagation();
+    getManager().close(id);
+  };
+  var defaultIcon = DEFAULT_ICONS[type];
+  var iconEl = icon != null ? icon : defaultIcon;
+  var durationSeconds = typeof duration === 'number' ? duration : DEFAULT_DURATION;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(styles.item).concat(className ? " ".concat(className) : ''),
+    "data-type": type,
+    "data-placement": props.placement,
+    "data-closing": closing || undefined,
+    role: "alert",
+    style: style,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onClick: onClick,
+    children: [iconEl && /*#__PURE__*/_jsx("span", {
+      className: styles.icon,
+      "data-type": type,
+      children: iconEl
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.body,
+      children: [title && /*#__PURE__*/_jsx("div", {
+        className: styles.title,
+        children: title
+      }), description && /*#__PURE__*/_jsx("div", {
+        className: styles.description,
+        children: description
+      }), actions && /*#__PURE__*/_jsx("div", {
+        className: styles.actions,
+        children: actions
+      })]
+    }), closable && /*#__PURE__*/_jsx("button", {
+      className: styles.close,
+      onClick: handleClose,
+      type: "button",
+      "aria-label": "Close",
+      children: closeIcon || '×'
+    }), showProgress && duration !== false && /*#__PURE__*/_jsx("div", {
+      className: styles.progress,
+      "data-paused": paused || undefined,
+      style: {
+        '--_duration': "".concat(durationSeconds, "s"),
+        animationPlayState: paused ? 'paused' : 'running'
+      }
+    })]
+  });
+}
+export var Notification = {
+  show: function show(options) {
+    return getManager().add('info', options);
+  },
+  success: function success(options) {
+    return getManager().add('success', options);
+  },
+  error: function error(options) {
+    return getManager().add('error', options);
+  },
+  warning: function warning(options) {
+    return getManager().add('warning', options);
+  },
+  info: function info(options) {
+    return getManager().add('info', options);
+  },
+  config: function config(_config) {
+    getManager().setConfig(_config);
+  },
+  destroy: function destroy(key) {
+    getManager().destroy(key);
+  },
+  destroyAll: function destroyAll() {
+    getManager().destroyAll();
+  }
+};