@1money/component-ui 0.0.49 → 0.0.51

package/lib/components/Navigation/style/Navigation.css

@@ -0,0 +1,373 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-navigation {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-600, 24px);
+  width: 280px;
+  height: 100vh;
+  padding: var(--om-spacing-1000, 40px) var(--om-spacing-400, 16px) var(--om-spacing-600, 24px);
+  background-color: var(--om-bg-default, #fff);
+  border-right: 1px solid var(--om-border-neutral, #e3e4e4);
+  transition: width 150ms ease-in-out;
+}
+.om-component-ui-navigation-header {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--om-spacing-200, 8px);
+}
+.om-component-ui-navigation-selector {
+  display: flex;
+  gap: var(--om-spacing-600, 24px);
+  align-items: center;
+  height: 40px;
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-300, 12px);
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-navigation-nav {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--om-spacing-600, 24px);
+  min-height: 0;
+  overflow: hidden;
+  overflow-y: auto;
+}
+.om-component-ui-navigation-menu {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+}
+.om-component-ui-navigation-item-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+  width: 100%;
+}
+.om-component-ui-navigation-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-400, 16px);
+  color: var(--om-text-default-secondary, #404042);
+  background-color: transparent;
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-navigation-item-content {
+  display: flex;
+  flex: 1;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  min-width: 0;
+}
+.om-component-ui-navigation-item:hover:not(:disabled) {
+  background-color: var(--om-bg-default-hover, #f0f0f0);
+}
+.om-component-ui-navigation-item-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  color: var(--om-icon-default-secondary, #404042);
+}
+.om-component-ui-navigation-item-label {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-align: left;
+  text-overflow: ellipsis;
+}
+.om-component-ui-navigation-item .om-component-ui-typography {
+  color: inherit;
+}
+.om-component-ui-navigation-item-suffix {
+  flex-shrink: 0;
+}
+.om-component-ui-navigation-item-link {
+  display: flex;
+  color: inherit;
+  text-decoration: none;
+}
+.om-component-ui-navigation-item-arrow {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  color: var(--om-icon-default-secondary, #404042);
+  transition: transform 200ms ease-in-out;
+}
+.om-component-ui-navigation-item-arrow-open {
+  transform: rotate(-180deg);
+}
+.om-component-ui-navigation-item-expandable .om-component-ui-navigation-item-content {
+  flex: 1;
+}
+.om-component-ui-navigation-item-active {
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-brand-tertiary, #edf2f9);
+}
+.om-component-ui-navigation-item-active .om-component-ui-navigation-item-icon {
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-navigation-item-active:hover:not(:disabled) {
+  background-color: var(--om-bg-brand-tertiary-hover, #dde6f4);
+}
+.om-component-ui-navigation-item-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-navigation-item-disabled .om-component-ui-navigation-item-icon {
+  color: var(--om-icon-disabled, #d1d2d2);
+}
+.om-component-ui-navigation-item-disabled .om-component-ui-navigation-item-arrow {
+  color: var(--om-icon-disabled, #d1d2d2);
+}
+.om-component-ui-navigation-item-disabled:hover {
+  background-color: transparent;
+}
+.om-component-ui-navigation-submenu {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 200ms ease-in-out;
+}
+.om-component-ui-navigation-submenu-open {
+  grid-template-rows: 1fr;
+}
+.om-component-ui-navigation-submenu-inner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+  overflow: hidden;
+}
+.om-component-ui-navigation-submenu-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-400, 16px) var(--om-spacing-200, 8px) var(--om-spacing-1000, 40px);
+  color: var(--om-text-default-secondary, #404042);
+  background-color: transparent;
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-navigation-submenu-item .om-component-ui-typography {
+  color: inherit;
+}
+.om-component-ui-navigation-submenu-item:hover:not(:disabled) {
+  background-color: var(--om-bg-default-hover, #f0f0f0);
+}
+.om-component-ui-navigation-submenu-item-active {
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-brand-tertiary, #edf2f9);
+}
+.om-component-ui-navigation-submenu-item-active .om-component-ui-navigation-item-icon {
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-navigation-submenu-item-active:hover:not(:disabled) {
+  background-color: var(--om-bg-brand-tertiary-hover, #dde6f4);
+}
+.om-component-ui-navigation-submenu-item-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-navigation-submenu-item-disabled .om-component-ui-navigation-item-icon {
+  color: var(--om-icon-disabled, #d1d2d2);
+}
+.om-component-ui-navigation-submenu-item-disabled:hover {
+  background-color: transparent;
+}
+.om-component-ui-navigation-collapsed-submenu-panel.om-trigger-panel {
+  margin-top: -12px;
+  padding: 0;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+}
+.om-component-ui-navigation-collapsed-submenu {
+  display: flex;
+  flex-direction: column;
+  min-width: 196px;
+  padding: 0;
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+  border-radius: var(--om-radius-300, 12px);
+  box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
+}
+.om-component-ui-navigation-collapsed-submenu-item {
+  display: flex;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  width: 100%;
+  padding: var(--om-spacing-300, 12px) var(--om-spacing-300, 12px);
+  color: var(--om-text-default-secondary, #404042);
+  background-color: transparent;
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-navigation-collapsed-submenu-item .om-component-ui-typography {
+  color: inherit;
+}
+.om-component-ui-navigation-collapsed-submenu-item:hover:not(:disabled) {
+  background-color: var(--om-bg-default-hover, #f0f0f0);
+}
+.om-component-ui-navigation-collapsed-submenu-item-active {
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-neutral-tertiary, #f0f0f0);
+}
+.om-component-ui-navigation-collapsed-submenu-item-active .om-component-ui-navigation-item-icon {
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-navigation-collapsed-submenu-item-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-navigation-collapsed-submenu-item-disabled .om-component-ui-navigation-item-icon {
+  color: var(--om-icon-disabled, #d1d2d2);
+}
+.om-component-ui-navigation-collapsed-submenu-item-disabled:hover {
+  background-color: transparent;
+}
+.om-component-ui-navigation-collapsed-submenu-divider {
+  height: 1px;
+  margin: 0 var(--om-spacing-300, 12px);
+  background-color: var(--om-border-neutral, #e3e4e4);
+}
+.om-component-ui-navigation-settings {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+  margin-top: auto;
+  overflow: clip;
+}
+.om-component-ui-navigation-divider {
+  height: 1px;
+  margin: 0 var(--om-spacing-300, 12px);
+  background-color: var(--om-border-neutral, #e3e4e4);
+}
+.om-component-ui-navigation-collapse-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  padding: var(--om-spacing-200, 8px);
+  color: var(--om-icon-default-secondary, #404042);
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-navigation-collapse-toggle:hover {
+  background-color: var(--om-bg-default-secondary-hover, #e3e4e4);
+}
+.om-component-ui-navigation-collapsed-item {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  padding: var(--om-spacing-200, 8px);
+  color: var(--om-text-default-secondary, #404042);
+  font-size: inherit;
+  background-color: transparent;
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-navigation-collapsed-item .om-component-ui-typography {
+  color: inherit;
+}
+.om-component-ui-navigation-collapsed-item:hover:not(:disabled) {
+  background-color: var(--om-bg-neutral-tertiary, #f0f0f0);
+}
+.om-component-ui-navigation-collapsed-item-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  color: var(--om-icon-default-secondary, #404042);
+}
+.om-component-ui-navigation-collapsed-item-label {
+  width: 100%;
+  text-align: center;
+  overflow-wrap: break-word;
+}
+.om-component-ui-navigation-collapsed-item-active {
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-brand-tertiary, #edf2f9);
+}
+.om-component-ui-navigation-collapsed-item-active .om-component-ui-navigation-collapsed-item-icon {
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-navigation-collapsed-item-active:hover:not(:disabled) {
+  background-color: var(--om-bg-brand-tertiary-hover, #dde6f4);
+}
+.om-component-ui-navigation-collapsed-item-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-navigation-collapsed-item-disabled .om-component-ui-navigation-collapsed-item-icon {
+  color: var(--om-icon-disabled, #d1d2d2);
+}
+.om-component-ui-navigation-collapsed-item-disabled:hover {
+  background-color: transparent;
+}
+.om-component-ui-navigation-collapsed {
+  align-items: center;
+  width: 84px;
+  padding: var(--om-spacing-1000, 40px) var(--om-spacing-100, 4px) var(--om-spacing-600, 24px);
+}
+.om-component-ui-navigation-collapsed .om-component-ui-navigation-header {
+  justify-content: center;
+  padding: 0;
+}
+.om-component-ui-navigation-collapsed .om-component-ui-navigation-selector {
+  flex-direction: column;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  padding: var(--om-spacing-200, 8px);
+}
+.om-component-ui-navigation-collapsed .om-component-ui-navigation-nav {
+  align-items: center;
+  width: 100%;
+}
+.om-component-ui-navigation-collapsed .om-component-ui-navigation-menu {
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  width: 100%;
+}
+.om-component-ui-navigation-collapsed .om-component-ui-navigation-settings {
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  width: 100%;
+}
+.om-component-ui-navigation-collapsed .om-component-ui-navigation-divider {
+  margin: 0 var(--om-spacing-100, 4px);
+}

package/lib/components/Navigation/style/NavigationStepper.css

@@ -0,0 +1,97 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-navigation-stepper {
+  display: flex;
+  flex-direction: column;
+  width: 280px;
+  height: 100vh;
+  padding: var(--om-spacing-1000, 40px) var(--om-spacing-400, 16px) var(--om-spacing-600, 24px);
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-default, #fff);
+  border-right: 1px solid var(--om-border-neutral, #e3e4e4);
+}
+.om-component-ui-navigation-stepper-header {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--om-spacing-200, 8px);
+}
+.om-component-ui-navigation-stepper-header-logo {
+  display: inline-flex;
+  padding: 0;
+  color: inherit;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.om-component-ui-navigation-stepper-header-logo:focus-visible {
+  outline: 2px solid var(--om-border-brand, #073387);
+  outline-offset: 2px;
+}
+.om-component-ui-navigation-stepper-steps {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+  width: 100%;
+  margin: var(--om-spacing-800, 32px) 0 0;
+  padding: 0;
+  list-style: none;
+}
+.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: var(--om-spacing-400, 16px) var(--om-spacing-300, 12px);
+  color: var(--om-text-default-secondary, #404042);
+  background-color: transparent;
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-label {
+  flex: 1;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 18px;
+}
+.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-active {
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-brand-tertiary, #edf2f9);
+}
+.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-done {
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-done-active {
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-brand-tertiary, #edf2f9);
+}
+.om-component-ui-navigation-stepper-steps .om-component-ui-navigation-stepper-step-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-navigation-stepper-footer {
+  margin-top: auto;
+  color: var(--om-text-default-secondary, #404042);
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 13px;
+}

package/lib/components/Navigation/style/css.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("./Navigation.css");
+require("./Nav.css");
+require("./NavigationStepper.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvTmF2aWdhdGlvbi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBIiwiZmlsZSI6ImNvbXBvbmVudHMvTmF2aWdhdGlvbi9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Navigation/style/index.d.ts

@@ -0,0 +1,3 @@
+import './Navigation.css';
+import './Nav.css';
+import './NavigationStepper.css';

package/lib/components/Navigation/style/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("./Navigation.css");
+require("./Nav.css");
+require("./NavigationStepper.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvTmF2aWdhdGlvbi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBIiwiZmlsZSI6ImNvbXBvbmVudHMvTmF2aWdhdGlvbi9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Notification/Notification.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { NotificationProps } from './interface';
+declare const Notification: FC<NotificationProps>;
+declare const MemoizedNotification: import("react").NamedExoticComponent<NotificationProps>;
+export { Notification, MemoizedNotification };
+export default MemoizedNotification;

package/lib/components/Notification/Notification.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Notification = exports.MemoizedNotification = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+var _Icons = require("../Icons");
+var _Typography = require("../Typography");
+var _constants = require("./constants");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var NotificationLink = function NotificationLink(_ref2) {
+  var link = _ref2.link,
+    className = _ref2.className;
+  var _a;
+  // Default to 'noreferrer' for target="_blank" to prevent window.opener access
+  var linkRel = link.target === '_blank' ? (_a = link.rel) !== null && _a !== void 0 ? _a : 'noreferrer' : link.rel;
+  if (link.href) {
+    return (0, _jsxRuntime.jsx)("a", {
+      className: className,
+      href: link.href,
+      target: link.target,
+      rel: linkRel,
+      onClick: link.onClick,
+      children: link.label
+    });
+  }
+  return (0, _jsxRuntime.jsx)("button", {
+    type: "button",
+    className: className,
+    onClick: link.onClick,
+    children: link.label
+  });
+};
+var Notification = exports.Notification = function Notification(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'notification' : _props$prefixCls,
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'info' : _props$status,
+    title = props.title,
+    body = props.body,
+    link = props.link,
+    icon = props.icon,
+    _props$showIcon = props.showIcon,
+    showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    onClose = props.onClose,
+    _ref = props.ref,
+    rest = __rest(props, ["className", "prefixCls", "status", "title", "body", "link", "icon", "showIcon", "closable", "onClose", "ref"]);
+  var classes = (0, _classnames["default"])(prefixCls);
+  var iconElement = icon !== null && icon !== void 0 ? icon : (0, _jsxRuntime.jsx)(_Icons.Icons, {
+    name: _constants.NOTIFICATION_STATUS_ICON[status],
+    size: 32
+  });
+  return (0, _jsxRuntime.jsxs)("div", Object.assign({}, rest, {
+    ref: _ref,
+    className: classes(undefined, (0, _classnames.joinCls)(classes(status), className)),
+    children: [(0, _jsxRuntime.jsxs)("div", {
+      className: classes('content-wrapper'),
+      children: [showIcon && (0, _jsxRuntime.jsx)("div", {
+        className: classes('icon-wrapper'),
+        children: (0, _jsxRuntime.jsx)("span", {
+          className: classes('icon'),
+          children: iconElement
+        })
+      }), (0, _jsxRuntime.jsxs)("div", {
+        className: classes('content'),
+        children: [title && (0, _jsxRuntime.jsx)(_Typography.TypographyTitle, {
+          className: classes('title'),
+          size: _constants.NOTIFICATION_TITLE_SIZE,
+          strong: true,
+          color: _constants.NOTIFICATION_TITLE_COLOR,
+          children: title
+        }), body && (0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
+          className: classes('body'),
+          as: "div",
+          size: _constants.NOTIFICATION_BODY_SIZE,
+          color: _constants.NOTIFICATION_BODY_COLOR,
+          children: body
+        }), link && (0, _jsxRuntime.jsx)(NotificationLink, {
+          link: link,
+          className: classes('link')
+        })]
+      })]
+    }), closable && (0, _jsxRuntime.jsx)("button", {
+      type: "button",
+      className: classes('close'),
+      onClick: onClose,
+      "aria-label": _constants.NOTIFICATION_CLOSE_ARIA_LABEL,
+      children: (0, _jsxRuntime.jsx)(_Icons.Icons, {
+        name: "cross",
+        size: 16,
+        fill: true,
+        color: "currentColor"
+      })
+    })]
+  }));
+};
+var MemoizedNotification = exports.MemoizedNotification = /*#__PURE__*/(0, _react.memo)(Notification);
+var _default = exports["default"] = MemoizedNotification;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2NsYXNzbmFtZXMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9JY29ucyIsIl9UeXBvZ3JhcGh5IiwiX2NvbnN0YW50cyIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIl9fcmVzdCIsInMiLCJwIiwicHJvdG90eXBlIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwiTm90aWZpY2F0aW9uTGluayIsIl9yZWYyIiwibGluayIsImNsYXNzTmFtZSIsIl9hIiwibGlua1JlbCIsInRhcmdldCIsInJlbCIsImhyZWYiLCJfanN4Iiwib25DbGljayIsImNoaWxkcmVuIiwibGFiZWwiLCJ0eXBlIiwiTm90aWZpY2F0aW9uIiwiZXhwb3J0cyIsInByb3BzIiwiX3Byb3BzJGNsYXNzTmFtZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJfcHJvcHMkc3RhdHVzIiwic3RhdHVzIiwidGl0bGUiLCJib2R5IiwiaWNvbiIsIl9wcm9wcyRzaG93SWNvbiIsInNob3dJY29uIiwiX3Byb3BzJGNsb3NhYmxlIiwiY2xvc2FibGUiLCJvbkNsb3NlIiwiX3JlZiIsInJlZiIsInJlc3QiLCJjbGFzc2VzIiwiY2xhc3NuYW1lcyIsImljb25FbGVtZW50IiwiSWNvbnMiLCJuYW1lIiwiTk9USUZJQ0FUSU9OX1NUQVRVU19JQ09OIiwic2l6ZSIsIl9qc3hzIiwiYXNzaWduIiwidW5kZWZpbmVkIiwiam9pbkNscyIsIlR5cG9ncmFwaHlUaXRsZSIsIk5PVElGSUNBVElPTl9USVRMRV9TSVpFIiwic3Ryb25nIiwiY29sb3IiLCJOT1RJRklDQVRJT05fVElUTEVfQ09MT1IiLCJUeXBvZ3JhcGh5Qm9keSIsImFzIiwiTk9USUZJQ0FUSU9OX0JPRFlfU0laRSIsIk5PVElGSUNBVElPTl9CT0RZX0NPTE9SIiwiTk9USUZJQ0FUSU9OX0NMT1NFX0FSSUFfTEFCRUwiLCJmaWxsIiwiTWVtb2l6ZWROb3RpZmljYXRpb24iLCJtZW1vIiwiX2RlZmF1bHQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFXQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNYQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxXQUFBLEdBQUFDLHVCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSxNQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxXQUFBLEdBQUFMLE9BQUE7QUFHQSxJQUFBTSxVQUFBLEdBQUFOLE9BQUE7QUFPcUIsU0FBQU8seUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFMLHdCQUFBSyxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLGNBQUFSLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFlLEdBQUEsQ0FBQWxCLENBQUEsRUFBQVEsQ0FBQSxHQUFBQSxDQUFBO0FEYnJCLElBQUlXLE1BQU0sR0FBSSxVQUFRLFNBQUtBLE1BQU0sSUFBSyxVQUFVQyxDQUFDLEVBQUVwQixDQUFDLEVBQUU7RUFDbEQsSUFBSUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSWtCLENBQUMsSUFBSUQsQ0FBQyxFQUFFLElBQUlULE1BQU0sQ0FBQ1csU0FBUyxDQUFDUCxjQUFjLENBQUNDLElBQUksQ0FBQ0ksQ0FBQyxFQUFFQyxDQUFDLENBQUMsSUFBSXJCLENBQUMsQ0FBQ3VCLE9BQU8sQ0FBQ0YsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRWxCLENBQUMsQ0FBQ2tCLENBQUMsQ0FBQyxHQUFHRCxDQUFDLENBQUNDLENBQUMsQ0FBQztFQUNmLElBQUlELENBQUMsSUFBSSxJQUFJLElBQUksT0FBT1QsTUFBTSxDQUFDYSxxQkFBcUIsS0FBSyxVQUFVLEVBQy9ELEtBQUssSUFBSVAsQ0FBQyxHQUFHLENBQUMsRUFBRUksQ0FBQyxHQUFHVixNQUFNLENBQUNhLHFCQUFxQixDQUFDSixDQUFDLENBQUMsRUFBRUgsQ0FBQyxHQUFHSSxDQUFDLENBQUNJLE1BQU0sRUFBRVIsQ0FBQyxFQUFFLEVBQUU7SUFDcEUsSUFBSWpCLENBQUMsQ0FBQ3VCLE9BQU8sQ0FBQ0YsQ0FBQyxDQUFDSixDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSU4sTUFBTSxDQUFDVyxTQUFTLENBQUNJLG9CQUFvQixDQUFDVixJQUFJLENBQUNJLENBQUMsRUFBRUMsQ0FBQyxDQUFDSixDQUFDLENBQUMsQ0FBQyxFQUMxRWQsQ0FBQyxDQUFDa0IsQ0FBQyxDQUFDSixDQUFDLENBQUMsQ0FBQyxHQUFHRyxDQUFDLENBQUNDLENBQUMsQ0FBQ0osQ0FBQyxDQUFDLENBQUM7RUFDekI7RUFDSixPQUFPZCxDQUFDO0FBQ1osQ0FBQztBQ0tELElBQU13QixnQkFBZ0IsR0FHakIsU0FIQ0EsZ0JBQWdCQSxDQUFBQyxLQUFBLEVBR087RUFBQSxJQUFyQkMsSUFBSSxHQUFBRCxLQUFBLENBQUpDLElBQUk7SUFBRUMsU0FBUyxHQUFBRixLQUFBLENBQVRFLFNBQVM7RURBbkIsSUFBSUMsRUFBRTtFQ0NSO0VBQ0EsSUFBTUMsT0FBTyxHQUFHSCxJQUFJLENBQUNJLE1BQU0sS0FBSyxRQUFRLEdBQUksQ0FBQUYsRUFBQSxHQUFBRixJQUFJLENBQUNLLEdBQUcsTUFBQSxJQUFBLElBQUFILEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJLFlBQVksR0FBSUYsSUFBSSxDQUFDSyxHQUFHO0VBRWhGLElBQUlMLElBQUksQ0FBQ00sSUFBSSxFQUFFO0lBQ2IsT0FDRSxJQUFBQyxlQUFBLEVBQUEsR0FBQSxFQUFBO01BQ0VOLFNBQVMsRUFBRUEsU0FBUztNQUNwQkssSUFBSSxFQUFFTixJQUFJLENBQUNNLElBQUk7TUFDZkYsTUFBTSxFQUFFSixJQUFJLENBQUNJLE1BQU07TUFDbkJDLEdBQUcsRUFBRUYsT0FBTztNQUNaSyxPQUFPLEVBQUVSLElBQUksQ0FBQ1EsT0FBTztNQUFBQyxRQUFBLEVBRXBCVCxJQUFJLENBQUNVO0lBQUssQ0FBQSxDQUNUO0VBRVI7RUFFQSxPQUNFLElBQUFILGVBQUEsRUFBQSxRQUFBLEVBQUE7SUFDRUksSUFBSSxFQUFDLFFBQVE7SUFDYlYsU0FBUyxFQUFFQSxTQUFTO0lBQ3BCTyxPQUFPLEVBQUVSLElBQUksQ0FBQ1EsT0FBTztJQUFBQyxRQUFBLEVBRXBCVCxJQUFJLENBQUNVO0VBQUssQ0FBQSxDQUNKO0FBRWIsQ0FBQztBQUVELElBQU1FLFlBQVksR0FBQUMsT0FBQSxDQUFBRCxZQUFBLEdBQTBCLFNBQXRDQSxZQUFZQSxDQUEwQkUsS0FBSyxFQUFHO0VBQ2xELElBQUFDLGdCQUFBLEdBYUlELEtBQUssQ0FaUGIsU0FBUztJQUFUQSxTQUFTLEdBQUFjLGdCQUFBLGNBQUcsRUFBRSxHQUFBQSxnQkFBQTtJQUFBQyxnQkFBQSxHQVlaRixLQUFLLENBWFBHLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxnQkFBQSxjQUFHLGNBQWMsR0FBQUEsZ0JBQUE7SUFBQUUsYUFBQSxHQVd4QkosS0FBSyxDQVZQSyxNQUFNO0lBQU5BLE1BQU0sR0FBQUQsYUFBQSxjQUFHLE1BQU0sR0FBQUEsYUFBQTtJQUNmRSxLQUFLLEdBU0hOLEtBQUssQ0FUUE0sS0FBSztJQUNMQyxJQUFJLEdBUUZQLEtBQUssQ0FSUE8sSUFBSTtJQUNKckIsSUFBSSxHQU9GYyxLQUFLLENBUFBkLElBQUk7SUFDSnNCLElBQUksR0FNRlIsS0FBSyxDQU5QUSxJQUFJO0lBQUFDLGVBQUEsR0FNRlQsS0FBSyxDQUxQVSxRQUFRO0lBQVJBLFFBQVEsR0FBQUQsZUFBQSxjQUFHLElBQUksR0FBQUEsZUFBQTtJQUFBRSxlQUFBLEdBS2JYLEtBQUssQ0FKUFksUUFBUTtJQUFSQSxRQUFRLEdBQUFELGVBQUEsY0FBRyxJQUFJLEdBQUFBLGVBQUE7SUFDZkUsT0FBTyxHQUdMYixLQUFLLENBSFBhLE9BQU87SUFDRkMsSUFBSSxHQUVQZCxLQUFLLENBRlBlLEdBQUc7SUFDQUMsSUFBSSxHQUFBeEMsTUFBQSxDQUNMd0IsS0FBSyxFQWJILENBQUEsV0FBQSxFQUFBLFdBQUEsRUFBQSxRQUFBLEVBQUEsT0FBQSxFQUFBLE1BQUEsRUFBQSxNQUFBLEVBQUEsTUFBQSxFQUFBLFVBQUEsRUFBQSxVQUFBLEVBQUEsU0FBQSxFQUFBLEtBQUEsQ0FhTCxDQUFRO0VBRVQsSUFBTWlCLE9BQU8sR0FBRyxJQUFBQyxzQkFBVSxFQUFDZixTQUFTLENBQUM7RUFDckMsSUFBTWdCLFdBQVcsR0FBR1gsSUFBSSxLQUFBLElBQUEsSUFBSkEsSUFBSSxLQUFBLEtBQUEsQ0FBQSxHQUFKQSxJQUFJLEdBQUksSUFBQWYsZUFBQSxFQUFDMkIsWUFBSyxFQUFBO0lBQUNDLElBQUksRUFBRUMsbUNBQXdCLENBQUNqQixNQUFNLENBQUM7SUFBRWtCLElBQUksRUFBRTtFQUFFLENBQUEsQ0FBSTtFQUV2RixPQUNFLElBQUFDLGdCQUFBLEVBQUEsS0FBQSxFQUFBeEQsTUFBQSxDQUFBeUQsTUFBQSxDQUFBLENBQUEsQ0FBQSxFQUNNVCxJQUFJLEVBQUE7SUFDUkQsR0FBRyxFQUFFRCxJQUFJO0lBQ1QzQixTQUFTLEVBQUU4QixPQUFPLENBQ2hCUyxTQUFTLEVBQ1QsSUFBQUMsbUJBQU8sRUFBQ1YsT0FBTyxDQUFDWixNQUFNLENBQUMsRUFBRWxCLFNBQVMsQ0FBQyxDQUNwQztJQUFBUSxRQUFBLEVBQUEsQ0FFRCxJQUFBNkIsZ0JBQUEsRUFBQSxLQUFBLEVBQUE7TUFBS3JDLFNBQVMsRUFBRThCLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQztNQUFBdEIsUUFBQSxFQUFBLENBQ3ZDZSxRQUFRLElBQ1AsSUFBQWpCLGVBQUEsRUFBQSxLQUFBLEVBQUE7UUFBS04sU0FBUyxFQUFFOEIsT0FBTyxDQUFDLGNBQWMsQ0FBQztRQUFBdEIsUUFBQSxFQUNyQyxJQUFBRixlQUFBLEVBQUEsTUFBQSxFQUFBO1VBQU1OLFNBQVMsRUFBRThCLE9BQU8sQ0FBQyxNQUFNLENBQUM7VUFBQXRCLFFBQUEsRUFDN0J3QjtRQUFXLENBQUE7TUFDUCxDQUFBLENBRVYsRUFDRCxJQUFBSyxnQkFBQSxFQUFBLEtBQUEsRUFBQTtRQUFLckMsU0FBUyxFQUFFOEIsT0FBTyxDQUFDLFNBQVMsQ0FBQztRQUFBdEIsUUFBQSxFQUFBLENBQy9CVyxLQUFLLElBQUksSUFBQWIsZUFBQSxFQUFDbUMsMkJBQWUsRUFBQTtVQUFDekMsU0FBUyxFQUFFOEIsT0FBTyxDQUFDLE9BQU8sQ0FBQztVQUFFTSxJQUFJLEVBQUVNLGtDQUF1QjtVQUFFQyxNQUFNLEVBQUEsSUFBQTtVQUFDQyxLQUFLLEVBQUVDLG1DQUF3QjtVQUFBckMsUUFBQSxFQUFHVztRQUFLLENBQUEsQ0FBbUIsRUFDdkpDLElBQUksSUFBSSxJQUFBZCxlQUFBLEVBQUN3QywwQkFBYyxFQUFBO1VBQUM5QyxTQUFTLEVBQUU4QixPQUFPLENBQUMsTUFBTSxDQUFDO1VBQUVpQixFQUFFLEVBQUMsS0FBSztVQUFDWCxJQUFJLEVBQUVZLGlDQUFzQjtVQUFFSixLQUFLLEVBQUVLLGtDQUF1QjtVQUFBekMsUUFBQSxFQUFHWTtRQUFJLENBQUEsQ0FBa0IsRUFDbEpyQixJQUFJLElBQUksSUFBQU8sZUFBQSxFQUFDVCxnQkFBZ0IsRUFBQTtVQUFDRSxJQUFJLEVBQUVBLElBQUk7VUFBRUMsU0FBUyxFQUFFOEIsT0FBTyxDQUFDLE1BQU07UUFBQyxDQUFBLENBQUk7TUFBQSxDQUFBLENBQ2pFO0lBQUEsQ0FBQSxDQUNGLEVBQ0xMLFFBQVEsSUFDUCxJQUFBbkIsZUFBQSxFQUFBLFFBQUEsRUFBQTtNQUNFSSxJQUFJLEVBQUMsUUFBUTtNQUNiVixTQUFTLEVBQUU4QixPQUFPLENBQUMsT0FBTyxDQUFDO01BQzNCdkIsT0FBTyxFQUFFbUIsT0FBTztNQUFBLFlBQUEsRUFDSndCLHdDQUE2QjtNQUFBMUMsUUFBQSxFQUV6QyxJQUFBRixlQUFBLEVBQUMyQixZQUFLLEVBQUE7UUFBQ0MsSUFBSSxFQUFDLE9BQU87UUFBQ0UsSUFBSSxFQUFFLEVBQUU7UUFBRWUsSUFBSSxFQUFBLElBQUE7UUFBQ1AsS0FBSyxFQUFDO01BQWMsQ0FBQTtJQUFHLENBQUEsQ0FFN0Q7RUFBQSxDQUFBLENBQUEsQ0FDRztBQUVWLENBQUM7QUFFRCxJQUFNUSxvQkFBb0IsR0FBQXhDLE9BQUEsQ0FBQXdDLG9CQUFBLGdCQUFHLElBQUFDLFdBQUksRUFBQzFDLFlBQVksQ0FBQztBQUFDLElBQUEyQyxRQUFBLEdBQUExQyxPQUFBLGNBR2pDd0Msb0JBQW9CIiwiZmlsZSI6ImNvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBjbGFzc25hbWVzLCBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uL0ljb25zJztcbmltcG9ydCB7IFR5cG9ncmFwaHlCb2R5LCBUeXBvZ3JhcGh5VGl0bGUgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IE5PVElGSUNBVElPTl9USVRMRV9TSVpFLCBOT1RJRklDQVRJT05fVElUTEVfQ09MT1IsIE5PVElGSUNBVElPTl9CT0RZX1NJWkUsIE5PVElGSUNBVElPTl9CT0RZX0NPTE9SLCBOT1RJRklDQVRJT05fQ0xPU0VfQVJJQV9MQUJFTCwgTk9USUZJQ0FUSU9OX1NUQVRVU19JQ09OLCB9IGZyb20gJy4vY29uc3RhbnRzJztcbmNvbnN0IE5vdGlmaWNhdGlvbkxpbmsgPSAoeyBsaW5rLCBjbGFzc05hbWUgfSkgPT4ge1xuICAgIHZhciBfYTtcbiAgICAvLyBEZWZhdWx0IHRvICdub3JlZmVycmVyJyBmb3IgdGFyZ2V0PVwiX2JsYW5rXCIgdG8gcHJldmVudCB3aW5kb3cub3BlbmVyIGFjY2Vzc1xuICAgIGNvbnN0IGxpbmtSZWwgPSBsaW5rLnRhcmdldCA9PT0gJ19ibGFuaycgPyAoKF9hID0gbGluay5yZWwpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdub3JlZmVycmVyJykgOiBsaW5rLnJlbDtcbiAgICBpZiAobGluay5ocmVmKSB7XG4gICAgICAgIHJldHVybiAoX2pzeChcImFcIiwgeyBjbGFzc05hbWU6IGNsYXNzTmFtZSwgaHJlZjogbGluay5ocmVmLCB0YXJnZXQ6IGxpbmsudGFyZ2V0LCByZWw6IGxpbmtSZWwsIG9uQ2xpY2s6IGxpbmsub25DbGljaywgY2hpbGRyZW46IGxpbmsubGFiZWwgfSkpO1xuICAgIH1cbiAgICByZXR1cm4gKF9qc3goXCJidXR0b25cIiwgeyB0eXBlOiBcImJ1dHRvblwiLCBjbGFzc05hbWU6IGNsYXNzTmFtZSwgb25DbGljazogbGluay5vbkNsaWNrLCBjaGlsZHJlbjogbGluay5sYWJlbCB9KSk7XG59O1xuY29uc3QgTm90aWZpY2F0aW9uID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgY2xhc3NOYW1lID0gJycsIHByZWZpeENscyA9ICdub3RpZmljYXRpb24nLCBzdGF0dXMgPSAnaW5mbycsIHRpdGxlLCBib2R5LCBsaW5rLCBpY29uLCBzaG93SWNvbiA9IHRydWUsIGNsb3NhYmxlID0gdHJ1ZSwgb25DbG9zZSwgcmVmOiBfcmVmIH0gPSBwcm9wcywgcmVzdCA9IF9fcmVzdChwcm9wcywgW1wiY2xhc3NOYW1lXCIsIFwicHJlZml4Q2xzXCIsIFwic3RhdHVzXCIsIFwidGl0bGVcIiwgXCJib2R5XCIsIFwibGlua1wiLCBcImljb25cIiwgXCJzaG93SWNvblwiLCBcImNsb3NhYmxlXCIsIFwib25DbG9zZVwiLCBcInJlZlwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBpY29uRWxlbWVudCA9IGljb24gIT09IG51bGwgJiYgaWNvbiAhPT0gdm9pZCAwID8gaWNvbiA6IF9qc3goSWNvbnMsIHsgbmFtZTogTk9USUZJQ0FUSU9OX1NUQVRVU19JQ09OW3N0YXR1c10sIHNpemU6IDMyIH0pO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyByZWY6IF9yZWYsIGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIGpvaW5DbHMoY2xhc3NlcyhzdGF0dXMpLCBjbGFzc05hbWUpKSwgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29udGVudC13cmFwcGVyJyksIGNoaWxkcmVuOiBbc2hvd0ljb24gJiYgKF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2ljb24td3JhcHBlcicpLCBjaGlsZHJlbjogX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2ljb24nKSwgY2hpbGRyZW46IGljb25FbGVtZW50IH0pIH0pKSwgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQnKSwgY2hpbGRyZW46IFt0aXRsZSAmJiBfanN4KFR5cG9ncmFwaHlUaXRsZSwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RpdGxlJyksIHNpemU6IE5PVElGSUNBVElPTl9USVRMRV9TSVpFLCBzdHJvbmc6IHRydWUsIGNvbG9yOiBOT1RJRklDQVRJT05fVElUTEVfQ09MT1IsIGNoaWxkcmVuOiB0aXRsZSB9KSwgYm9keSAmJiBfanN4KFR5cG9ncmFwaHlCb2R5LCB7IGNsYXNzTmFtZTogY2xhc3NlcygnYm9keScpLCBhczogXCJkaXZcIiwgc2l6ZTogTk9USUZJQ0FUSU9OX0JPRFlfU0laRSwgY29sb3I6IE5PVElGSUNBVElPTl9CT0RZX0NPTE9SLCBjaGlsZHJlbjogYm9keSB9KSwgbGluayAmJiBfanN4KE5vdGlmaWNhdGlvbkxpbmssIHsgbGluazogbGluaywgY2xhc3NOYW1lOiBjbGFzc2VzKCdsaW5rJykgfSldIH0pXSB9KSwgY2xvc2FibGUgJiYgKF9qc3goXCJidXR0b25cIiwgeyB0eXBlOiBcImJ1dHRvblwiLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2Nsb3NlJyksIG9uQ2xpY2s6IG9uQ2xvc2UsIFwiYXJpYS1sYWJlbFwiOiBOT1RJRklDQVRJT05fQ0xPU0VfQVJJQV9MQUJFTCwgY2hpbGRyZW46IF9qc3goSWNvbnMsIHsgbmFtZTogXCJjcm9zc1wiLCBzaXplOiAxNiwgZmlsbDogdHJ1ZSwgY29sb3I6IFwiY3VycmVudENvbG9yXCIgfSkgfSkpXSB9KSkpO1xufTtcbmNvbnN0IE1lbW9pemVkTm90aWZpY2F0aW9uID0gbWVtbyhOb3RpZmljYXRpb24pO1xuZXhwb3J0IHsgTm90aWZpY2F0aW9uLCBNZW1vaXplZE5vdGlmaWNhdGlvbiB9O1xuZXhwb3J0IGRlZmF1bHQgTWVtb2l6ZWROb3RpZmljYXRpb247IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Notification/NotificationStatic.d.ts

@@ -0,0 +1,4 @@
+import './style';
+import type { NotificationStaticApi } from './interface';
+export declare const notification: NotificationStaticApi;
+export default notification;