intergalactic 15.129.0 → 15.130.0

package/notice-bubble/lib/esm/NoticeBubble.mjs

@@ -1,298 +1,370 @@
-import H from "@babel/runtime/helpers/esm/extends";
-import z from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import v from "@babel/runtime/helpers/esm/classCallCheck";
-import h from "@babel/runtime/helpers/esm/createClass";
-import u from "@babel/runtime/helpers/esm/assertThisInitialized";
-import b from "@babel/runtime/helpers/esm/inherits";
-import w from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import d from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as X } from 'intergalactic/utils/lib/core/index';
-import Y, { sstyled as k, assignProps as q, Component as P } from 'intergalactic/core';
-import n from "react";
-import G from 'intergalactic/portal';
-import L from "./NoticeBubbleManager.mjs";
-import { Animation as J } from 'intergalactic/animation';
-import { Box as O, Flex as N } from 'intergalactic/flex-box';
-import Q from 'intergalactic/utils/lib/fire';
-import I from 'intergalactic/utils/lib/isNode';
-import { callAllEventHandlers as A } from 'intergalactic/utils/lib/assignProps';
-import ee from 'intergalactic/icon/Close/m';
-import { Timer as te } from "./utils.mjs";
-import { localizedMessages as $ } from "./translations/__intergalactic-dynamic-locales.mjs";
-import re from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import { useCssVariable as ne } from 'intergalactic/utils/lib/useCssVariable';
-import { contextThemeEnhance as ie } from 'intergalactic/utils/lib/ThemeProvider';
-import D from 'intergalactic/button';
-import { setFocus as ae, useFocusLock as oe } from 'intergalactic/utils/lib/use/useFocusLock';
-import { Hint as ce } from 'intergalactic/tooltip';
-import { zIndexStackingEnhance as se, ZIndexStackingContextProvider as le } from 'intergalactic/utils/lib/zIndexStacking';
-import { forkRef as _e, useForkRef as ge } from 'intergalactic/utils/lib/ref';
-import { getFocusableIn as ue } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';
-var me = ["focusLock"], pe = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"], fe = (
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import Portal from 'intergalactic/portal';
+import noticeBubbleDefaultManager from "./NoticeBubbleManager.mjs";
+import { Animation } from 'intergalactic/animation';
+import { Box, Flex } from 'intergalactic/flex-box';
+import fire from 'intergalactic/utils/lib/fire';
+import isNode from 'intergalactic/utils/lib/isNode';
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import CloseIcon from 'intergalactic/icon/Close/m';
+import { Timer } from "./utils.mjs";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
+import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
+import Button from 'intergalactic/button';
+import { setFocus, useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
+import { Hint } from 'intergalactic/tooltip';
+import { zIndexStackingEnhance, ZIndexStackingContextProvider } from 'intergalactic/utils/lib/zIndexStacking';
+import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
+import { getFocusableIn } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';
+var _excluded = ["focusLock"], _excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
+/*!__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (X.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    "@keyframes enter_wrgac{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_wrgac{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_wrgac_gg_,.___SView_wrgac_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_wrgac_gg_._type_info_wrgac_gg_,.___SView_wrgac_gg_._type_info_wrgac_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_wrgac_gg_._type_warning_wrgac_gg_,.___SView_wrgac_gg_._type_warning_wrgac_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_wrgac_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_wrgac_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_wrgac_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_wrgac_gg_.__use_wrgac_gg_{padding:0 1px}.___SIcon_wrgac_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_wrgac_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_wrgac_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_wrgac_gg_.__disablePortal_wrgac_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_wrgac_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_wrgac_gg_{display:contents}",
-    "wrgac_gg_"
-  ), {
-    __SContent: "___SContent_wrgac_gg_",
-    __SMessage: "___SMessage_wrgac_gg_",
-    __SDismiss: "___SDismiss_wrgac_gg_",
-    _use: "__use_wrgac_gg_",
-    __SIcon: "___SIcon_wrgac_gg_",
-    __SNoticeBubble: "___SNoticeBubble_wrgac_gg_",
-    _disablePortal: "__disablePortal_wrgac_gg_",
-    __SNoticeAriaLiveWrapper: "___SNoticeAriaLiveWrapper_wrgac_gg_",
-    "@enter": "enter_wrgac",
-    "@exit": "exit_wrgac",
-    __SBubble: "___SBubble_wrgac_gg_",
-    __SView: "___SView_wrgac_gg_",
-    _type_info: "_type_info_wrgac_gg_",
-    _type_warning: "_type_warning_wrgac_gg_"
+    "@keyframes enter_zggka{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_zggka{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_zggka_gg_,.___SView_zggka_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_zggka_gg_._type_info_zggka_gg_,.___SView_zggka_gg_._type_info_zggka_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_zggka_gg_._type_warning_zggka_gg_,.___SView_zggka_gg_._type_warning_zggka_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_zggka_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_zggka_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_zggka_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_zggka_gg_.__use_zggka_gg_{padding:0 1px}.___SIcon_zggka_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_zggka_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_zggka_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_zggka_gg_.__disablePortal_zggka_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_zggka_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_zggka_gg_{display:contents}",
+    /*__inner_css_end__*/
+    "zggka_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SContent": "___SContent_zggka_gg_",
+    "__SMessage": "___SMessage_zggka_gg_",
+    "__SDismiss": "___SDismiss_zggka_gg_",
+    "_use": "__use_zggka_gg_",
+    "__SIcon": "___SIcon_zggka_gg_",
+    "__SNoticeBubble": "___SNoticeBubble_zggka_gg_",
+    "_disablePortal": "__disablePortal_zggka_gg_",
+    "__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_zggka_gg_",
+    "@enter": "enter_zggka",
+    "@exit": "exit_zggka",
+    "__SBubble": "___SBubble_zggka_gg_",
+    "__SView": "___SView_zggka_gg_",
+    "_type_info": "_type_info_zggka_gg_",
+    "_type_warning": "_type_warning_zggka_gg_"
   })
-), V = function(l) {
-  var t = l.styles, e = l.data, r = e === void 0 ? [] : e, i = l.tag, a = i === void 0 ? R : i, o = n.useRef(), c = ne("--intergalactic-duration-popper", "200", o), p = n.useMemo(function() {
-    return parseInt(c, 10);
-  }, [c]);
-  return r.map(function(_) {
-    var g, f;
-    return g = k(t), /* @__PURE__ */ n.createElement(J, g.cn("Animation", {
-      key: _.uid,
-      initialAnimation: _.initialAnimation,
-      visible: (f = _.visible) !== null && f !== void 0 ? f : !0,
-      duration: p,
-      keyframes: [t["@enter"], t["@exit"]],
-      ref: o
-    }), /* @__PURE__ */ n.createElement(a, g.cn("SView", d(d({}, _), {}, {
-      styles: _.styles || t,
-      getI18nText: l.getI18nText
+);
+var Notices = function Notices2(props) {
+  var styles = props.styles, _props$data = props.data, data = _props$data === void 0 ? [] : _props$data, _props$tag = props.tag, SView = _props$tag === void 0 ? ViewInfo : _props$tag;
+  var ref = React.useRef();
+  var durationStr = useCssVariable("--intergalactic-duration-popper", "200", ref);
+  var duration = React.useMemo(function() {
+    return parseInt(durationStr, 10);
+  }, [durationStr]);
+  return data.map(function(notice) {
+    var _ref2, _notice$visible;
+    return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Animation, _ref2.cn("Animation", {
+      "key": notice.uid,
+      "initialAnimation": notice.initialAnimation,
+      "visible": (_notice$visible = notice.visible) !== null && _notice$visible !== void 0 ? _notice$visible : true,
+      "duration": duration,
+      "keyframes": [styles["@enter"], styles["@exit"]],
+      "ref": ref
+    }), /* @__PURE__ */ React.createElement(SView, _ref2.cn("SView", _objectSpread(_objectSpread({}, notice), {}, {
+      "styles": notice.styles || styles,
+      "getI18nText": props.getI18nText
     }))));
   });
-}, x = /* @__PURE__ */ function(m) {
-  b(t, m);
-  var l = w(t);
-  function t() {
-    var e;
-    v(this, t);
-    for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++)
-      i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), s(u(e), "_unsubscribe", null), s(u(e), "state", {
+};
+var NoticeBubbleContainerRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(NoticeBubbleContainerRoot2, _Component);
+  var _super = _createSuper(NoticeBubbleContainerRoot2);
+  function NoticeBubbleContainerRoot2() {
+    var _this;
+    _classCallCheck(this, NoticeBubbleContainerRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "_unsubscribe", null);
+    _defineProperty(_assertThisInitialized(_this), "state", {
       notices: [],
       warnings: []
-    }), s(u(e), "componentWillUnmount", function() {
-      e._unsubscribe && e._unsubscribe();
-    }), s(u(e), "handleChange", function(o) {
-      var c = o.filter(function(_) {
-        return _.type === "info";
-      }), p = o.filter(function(_) {
-        return _.type === "warning";
+    });
+    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function() {
+      if (_this._unsubscribe) {
+        _this._unsubscribe();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function(notices) {
+      var info = notices.filter(function(notice) {
+        return notice.type === "info";
       });
-      e.setState({
-        notices: c,
-        warnings: p
+      var warning = notices.filter(function(notice) {
+        return notice.type === "warning";
       });
-    }), e;
+      _this.setState({
+        notices: info,
+        warnings: warning
+      });
+    });
+    return _this;
   }
-  return h(t, [{
+  _createClass(NoticeBubbleContainerRoot2, [{
     key: "componentDidMount",
-    value: function() {
+    value: function componentDidMount() {
       this._unsubscribe = this.asProps.manager.addListener(this.handleChange);
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps, i, a = O, o = "div", c = this.asProps, p = c.Children, _ = c.styles, g = c.disablePortal, f = c.getI18nText, M = c.ref, C = c.parentZIndexStacking, y = this.state, S = y.notices, E = y.warnings;
-      return i = k(_), /* @__PURE__ */ n.createElement(le, i.cn("ZIndexStackingContextProvider", {
-        designToken: "z-index-notice-bubble"
-      }), /* @__PURE__ */ n.createElement(G, i.cn("Portal", {
-        disablePortal: g
-      }), /* @__PURE__ */ n.createElement(a, i.cn("SNoticeBubble", d({}, q({
-        ref: M,
-        tag: "section",
-        role: "region",
-        "aria-label": f("notification"),
-        zIndex: C
-      }, r))), /* @__PURE__ */ n.createElement(p, i.cn("Children", {})), /* @__PURE__ */ n.createElement(V, i.cn("Notices", {
-        styles: _,
-        data: E,
-        tag: F,
-        getI18nText: f
-      })), /* @__PURE__ */ n.createElement(o, i.cn("SNoticeAriaLiveWrapper", {
+    value: function render() {
+      var _ref = this.asProps, _ref3;
+      var SNoticeBubble = Box;
+      var SNoticeAriaLiveWrapper = "div";
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, disablePortal = _this$asProps.disablePortal, getI18nText = _this$asProps.getI18nText, ref = _this$asProps.ref, parentZIndexStacking = _this$asProps.parentZIndexStacking;
+      var _this$state = this.state, notices = _this$state.notices, warnings = _this$state.warnings;
+      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(ZIndexStackingContextProvider, _ref3.cn("ZIndexStackingContextProvider", {
+        "designToken": "z-index-notice-bubble"
+      }), /* @__PURE__ */ React.createElement(Portal, _ref3.cn("Portal", {
+        "disablePortal": disablePortal
+      }), /* @__PURE__ */ React.createElement(SNoticeBubble, _ref3.cn("SNoticeBubble", _objectSpread({}, assignProps({
+        "ref": ref,
+        "tag": "section",
+        "role": "region",
+        "aria-label": getI18nText("notification"),
+        "zIndex": parentZIndexStacking
+      }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {})), /* @__PURE__ */ React.createElement(Notices, _ref3.cn("Notices", {
+        "styles": styles,
+        "data": warnings,
+        "tag": ViewWarning,
+        "getI18nText": getI18nText
+      })), /* @__PURE__ */ React.createElement(SNoticeAriaLiveWrapper, _ref3.cn("SNoticeAriaLiveWrapper", {
         "aria-live": "polite"
-      }), /* @__PURE__ */ n.createElement(V, i.cn("Notices", {
-        styles: _,
-        data: S,
-        tag: R,
-        getI18nText: f
+      }), /* @__PURE__ */ React.createElement(Notices, _ref3.cn("Notices", {
+        "styles": styles,
+        "data": notices,
+        "tag": ViewInfo,
+        "getI18nText": getI18nText
       }))))));
     }
-  }]), t;
-}(P);
-s(x, "displayName", "NoticeBubbleContainer");
-s(x, "style", fe);
-s(x, "enhance", [re($), ie(), se("z-index-notice-bubble")]);
-s(x, "defaultProps", {
-  manager: L,
-  i18n: $,
+  }]);
+  return NoticeBubbleContainerRoot2;
+}(Component);
+_defineProperty(NoticeBubbleContainerRoot, "displayName", "NoticeBubbleContainer");
+_defineProperty(NoticeBubbleContainerRoot, "style", style);
+_defineProperty(NoticeBubbleContainerRoot, "enhance", [i18nEnhance(localizedMessages), contextThemeEnhance(), zIndexStackingEnhance("z-index-notice-bubble")]);
+_defineProperty(NoticeBubbleContainerRoot, "defaultProps", {
+  manager: noticeBubbleDefaultManager,
+  i18n: localizedMessages,
   locale: "en"
 });
-var de = /* @__PURE__ */ n.forwardRef(function(m, l) {
-  var t = m.focusLock, e = z(m, me), r = n.useRef();
-  oe(r, !1, "auto", !t, !0);
-  var i = ge(l, r);
-  return /* @__PURE__ */ n.createElement(N, H({
-    ref: i
-  }, e));
-}), R = /* @__PURE__ */ function(m) {
-  b(t, m);
-  var l = w(t);
-  function t() {
-    var e;
-    v(this, t);
-    for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++)
-      i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), s(u(e), "timer", null), s(u(e), "ref", /* @__PURE__ */ n.createRef()), s(u(e), "closeButtonRef", /* @__PURE__ */ n.createRef()), s(u(e), "handleClose", function(o) {
-      Q(u(e), "onClose", o), e.clearTimer();
-    }), s(u(e), "handleKeydown", function(o) {
-      o.key === "Escape" && e.handleClose(o);
-    }), s(u(e), "handleMouseEnter", function() {
-      e.timer && e.timer.pause();
-    }), s(u(e), "handleMouseLeave", function() {
-      e.timer && e.timer.resume();
-    }), s(u(e), "handleBodyMouseMove", function(o) {
-      var c;
-      if ((c = e.timer) !== null && c !== void 0 && c.paused) {
-        var p = e.ref.current.getBoundingClientRect(), _ = o.clientX >= p.left && o.clientX <= p.right && o.clientY >= p.top && o.clientY <= p.bottom;
-        _ || e.timer.resume();
+var FocusLock = /* @__PURE__ */ React.forwardRef(function(props, outerRef) {
+  var focusLock = props.focusLock, other = _objectWithoutProperties(props, _excluded);
+  var innerRef = React.useRef();
+  useFocusLock(innerRef, false, "auto", !focusLock, true);
+  var ref = useForkRef(outerRef, innerRef);
+  return /* @__PURE__ */ React.createElement(Flex, _extends({
+    ref
+  }, other));
+});
+var ViewInfo = /* @__PURE__ */ function(_Component2) {
+  _inherits(ViewInfo2, _Component2);
+  var _super2 = _createSuper(ViewInfo2);
+  function ViewInfo2() {
+    var _this2;
+    _classCallCheck(this, ViewInfo2);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "timer", null);
+    _defineProperty(_assertThisInitialized(_this2), "ref", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this2), "closeButtonRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this2), "handleClose", function(e) {
+      fire(_assertThisInitialized(_this2), "onClose", e);
+      _this2.clearTimer();
+    });
+    _defineProperty(_assertThisInitialized(_this2), "handleKeydown", function(e) {
+      if (e.key === "Escape") {
+        _this2.handleClose(e);
       }
-    }), e;
+    });
+    _defineProperty(_assertThisInitialized(_this2), "handleMouseEnter", function() {
+      if (!_this2.timer) return;
+      _this2.timer.pause();
+    });
+    _defineProperty(_assertThisInitialized(_this2), "handleMouseLeave", function() {
+      if (!_this2.timer) return;
+      _this2.timer.resume();
+    });
+    _defineProperty(_assertThisInitialized(_this2), "handleBodyMouseMove", function(event) {
+      var _this2$timer;
+      if (!((_this2$timer = _this2.timer) !== null && _this2$timer !== void 0 && _this2$timer.paused)) return;
+      var rect = _this2.ref.current.getBoundingClientRect();
+      var mouseInRect = event.clientX >= rect.left && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.bottom;
+      if (mouseInRect) return;
+      _this2.timer.resume();
+    });
+    return _this2;
   }
-  return h(t, [{
+  _createClass(ViewInfo2, [{
     key: "componentDidMount",
-    value: function() {
-      var r = this, i = this.props.duration;
-      i && (this.timer = new te(this.handleClose, i), document.body.addEventListener("mousemove", this.handleBodyMouseMove));
-      var a = this.ref.current;
-      if (a) {
-        var o = ue(a).filter(function(c) {
-          return c !== r.closeButtonRef.current;
+    value: function componentDidMount() {
+      var _this3 = this;
+      var duration = this.props.duration;
+      if (duration) {
+        this.timer = new Timer(this.handleClose, duration);
+        document.body.addEventListener("mousemove", this.handleBodyMouseMove);
+      }
+      var noticeElement = this.ref.current;
+      if (noticeElement) {
+        var focusableNodes = getFocusableIn(noticeElement).filter(function(node) {
+          return node !== _this3.closeButtonRef.current;
         });
-        o.length > 0 && setTimeout(function() {
-          return ae(a);
-        }, 0);
+        if (focusableNodes.length > 0) {
+          setTimeout(function() {
+            return setFocus(noticeElement);
+          }, 0);
+        }
       }
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
-      this.clearTimer(), document.body.removeEventListener("mousemove", this.handleBodyMouseMove);
+    value: function componentWillUnmount() {
+      this.clearTimer();
+      document.body.removeEventListener("mousemove", this.handleBodyMouseMove);
     }
   }, {
     key: "clearTimer",
-    value: function() {
-      this.timer && (this.timer.clear(), this.timer = null);
+    value: function clearTimer() {
+      if (this.timer) {
+        this.timer.clear();
+        this.timer = null;
+      }
     }
   }, {
     key: "render",
-    value: function() {
-      var r, i = de, a = ce.Trigger, o = N, c = "div", p = "div", _ = N, g = this.props, f = g.forwardRef, M = g.styles, C = g.onMouseEnter, y = g.onMouseLeave, S = g.getI18nText, E = g.icon, W = g.children, B = g.action, j = g.type, K = z(g, pe);
-      return r = k(M), /* @__PURE__ */ n.createElement(i, r.cn("SBubble", d(d({}, K), {}, {
-        ref: _e(f, this.ref),
-        onMouseEnter: A(C, this.handleMouseEnter),
-        onMouseLeave: A(y, this.handleMouseLeave),
-        onKeyDown: this.handleKeydown,
-        role: j === "warning" ? "alert" : this.props.role
-      })), /* @__PURE__ */ n.createElement(
-        a,
-        r.cn("SDismiss", {
+    value: function render() {
+      var _ref4;
+      var SBubble = FocusLock;
+      var SDismiss = Hint.Trigger;
+      var SContent = Flex;
+      var SMessage = "div";
+      var SAction = "div";
+      var SIcon = Flex;
+      var _this$props = this.props, forwardRef = _this$props.forwardRef, styles = _this$props.styles, onMouseEnter = _this$props.onMouseEnter, onMouseLeave = _this$props.onMouseLeave, getI18nText = _this$props.getI18nText, icon = _this$props.icon, children = _this$props.children, actionNode = _this$props.action, type = _this$props.type, other = _objectWithoutProperties(_this$props, _excluded2);
+      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBubble, _ref4.cn("SBubble", _objectSpread(_objectSpread({}, other), {}, {
+        "ref": forkRef(forwardRef, this.ref),
+        "onMouseEnter": callAllEventHandlers(onMouseEnter, this.handleMouseEnter),
+        "onMouseLeave": callAllEventHandlers(onMouseLeave, this.handleMouseLeave),
+        "onKeyDown": this.handleKeydown,
+        "role": type === "warning" ? "alert" : this.props.role
+      })), /* @__PURE__ */ React.createElement(
+        SDismiss,
+        _ref4.cn("SDismiss", {
           "aria-haspopup": void 0,
-          tag: D,
-          type: "button",
-          use: "tertiary",
-          size: "m",
-          theme: "invert",
-          onClick: this.handleClose,
-          "aria-label": S("close"),
-          active: !1,
-          title: S("close"),
-          ref: this.closeButtonRef
+          "tag": Button,
+          "type": "button",
+          "use": "tertiary",
+          "size": "m",
+          "theme": "invert",
+          "onClick": this.handleClose,
+          "aria-label": getI18nText("close"),
+          "active": false,
+          "title": getI18nText("close"),
+          "ref": this.closeButtonRef
         }),
-        /* @__PURE__ */ n.createElement(D.Addon, {
-          tag: ee,
+        /* @__PURE__ */ React.createElement(Button.Addon, {
+          tag: CloseIcon,
           color: "icon-primary-invert"
         })
-      ), I(E) ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(_, r.cn("SIcon", {}), E), /* @__PURE__ */ n.createElement(o, r.cn("SContent", {}), /* @__PURE__ */ n.createElement(c, r.cn("SMessage", {}), W), I(B) ? /* @__PURE__ */ n.createElement(p, r.cn("SAction", {}), B) : null)) : /* @__PURE__ */ n.createElement(o, r.cn("SContent", {}), /* @__PURE__ */ n.createElement(c, r.cn("SMessage", {}), W), I(B) ? /* @__PURE__ */ n.createElement(p, r.cn("SAction", {}), B) : null));
+      ), isNode(icon) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SIcon, _ref4.cn("SIcon", {}), icon), /* @__PURE__ */ React.createElement(SContent, _ref4.cn("SContent", {}), /* @__PURE__ */ React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /* @__PURE__ */ React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null)) : /* @__PURE__ */ React.createElement(SContent, _ref4.cn("SContent", {}), /* @__PURE__ */ React.createElement(SMessage, _ref4.cn("SMessage", {}), children), isNode(actionNode) ? /* @__PURE__ */ React.createElement(SAction, _ref4.cn("SAction", {}), actionNode) : null));
     }
-  }]), t;
-}(P), F = /* @__PURE__ */ function(m) {
-  b(t, m);
-  var l = w(t);
-  function t() {
-    return v(this, t), l.apply(this, arguments);
+  }]);
+  return ViewInfo2;
+}(Component);
+var ViewWarning = /* @__PURE__ */ function(_ViewInfo) {
+  _inherits(ViewWarning2, _ViewInfo);
+  var _super3 = _createSuper(ViewWarning2);
+  function ViewWarning2() {
+    _classCallCheck(this, ViewWarning2);
+    return _super3.apply(this, arguments);
   }
-  return h(t);
-}(R);
-s(F, "defaultProps", {
+  return _createClass(ViewWarning2);
+}(ViewInfo);
+_defineProperty(ViewWarning, "defaultProps", {
   type: "warning",
   duration: 0
 });
-var T = /* @__PURE__ */ function(m) {
-  b(t, m);
-  var l = w(t);
-  function t() {
-    var e;
-    v(this, t);
-    for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++)
-      i[a] = arguments[a];
-    return e = l.call.apply(l, [this].concat(i)), s(u(e), "_notice", null), e;
+var NoticeBubbleView = /* @__PURE__ */ function(_Component3) {
+  _inherits(NoticeBubbleView2, _Component3);
+  var _super4 = _createSuper(NoticeBubbleView2);
+  function NoticeBubbleView2() {
+    var _this4;
+    _classCallCheck(this, NoticeBubbleView2);
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    _this4 = _super4.call.apply(_super4, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this4), "_notice", null);
+    return _this4;
   }
-  return h(t, [{
+  _createClass(NoticeBubbleView2, [{
     key: "componentDidMount",
-    value: function() {
+    value: function componentDidMount() {
       this._notice = this.asProps.manager.add(this.asProps);
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
-      this._notice && this._notice.remove();
+    value: function componentWillUnmount() {
+      if (this._notice) {
+        this._notice.remove();
+      }
     }
   }, {
     key: "componentDidUpdate",
-    value: function() {
-      this._notice && this._notice.update(this.asProps);
+    value: function componentDidUpdate() {
+      if (this._notice) {
+        this._notice.update(this.asProps);
+      }
     }
   }, {
     key: "render",
-    value: function() {
+    value: function render() {
       return null;
     }
-  }]), t;
-}(P);
-s(T, "defaultProps", {
+  }]);
+  return NoticeBubbleView2;
+}(Component);
+_defineProperty(NoticeBubbleView, "defaultProps", {
   duration: 5e3,
   type: "info",
-  manager: L
+  manager: noticeBubbleDefaultManager
 });
-var U = /* @__PURE__ */ function(m) {
-  b(t, m);
-  var l = w(t);
-  function t() {
-    return v(this, t), l.apply(this, arguments);
+var NoticeBubbleWarningView = /* @__PURE__ */ function(_NoticeBubbleView) {
+  _inherits(NoticeBubbleWarningView2, _NoticeBubbleView);
+  var _super5 = _createSuper(NoticeBubbleWarningView2);
+  function NoticeBubbleWarningView2() {
+    _classCallCheck(this, NoticeBubbleWarningView2);
+    return _super5.apply(this, arguments);
   }
-  return h(t);
-}(T);
-s(U, "defaultProps", {
+  return _createClass(NoticeBubbleWarningView2);
+}(NoticeBubbleView);
+_defineProperty(NoticeBubbleWarningView, "defaultProps", {
   duration: 5e3,
   type: "warning",
-  manager: L
+  manager: noticeBubbleDefaultManager
+});
+var NoticeBubbleContainer = createComponent(NoticeBubbleContainerRoot, {
+  Info: NoticeBubbleView,
+  Warning: NoticeBubbleWarningView
 });
-var Z = Y(x, {
-  Info: T,
-  Warning: U
-}), Ye = Z.Info, qe = Z.Warning;
+var NoticeBubble = NoticeBubbleContainer.Info;
+var NoticeBubbleWarning = NoticeBubbleContainer.Warning;
 export {
-  Ye as NoticeBubble,
-  qe as NoticeBubbleWarning,
-  Z as default
+  NoticeBubble,
+  NoticeBubbleWarning,
+  NoticeBubbleContainer as default
 };