intergalactic 15.126.0-prerelease.4 → 15.126.0

package/modal/lib/esm/Modal.mjs

@@ -0,0 +1,196 @@
+import f from "@babel/runtime/helpers/esm/objectSpread2";
+import S from "@babel/runtime/helpers/esm/classCallCheck";
+import P from "@babel/runtime/helpers/esm/createClass";
+import g from "@babel/runtime/helpers/esm/assertThisInitialized";
+import w from "@babel/runtime/helpers/esm/inherits";
+import T from "@babel/runtime/helpers/esm/createSuper";
+import d from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as E } from 'intergalactic/utils/lib/core/index';
+import O, { assignProps as u, Component as I, sstyled as p } from 'intergalactic/core';
+import l from "react";
+import { Slide as W, FadeInOut as z } from 'intergalactic/animation';
+import M, { PortalProvider as D } from 'intergalactic/portal';
+import C from 'intergalactic/button';
+import R from 'intergalactic/outside-click';
+import A from 'intergalactic/icon/Close/l';
+import k from 'intergalactic/utils/lib/fire';
+import $ from 'intergalactic/utils/lib/use/usePreventScroll';
+import { isAdvanceMode as H } from 'intergalactic/utils/lib/findComponent';
+import N from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import { localizedMessages as x } from "./translations/__intergalactic-dynamic-locales.mjs";
+import F from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { Text as K } from 'intergalactic/typography';
+import Z from 'intergalactic/utils/lib/uniqueID';
+import { cssVariableEnhance as j } from 'intergalactic/utils/lib/useCssVariable';
+import { useFocusLock as q } from 'intergalactic/utils/lib/use/useFocusLock';
+import { useContextTheme as B } from 'intergalactic/utils/lib/ThemeProvider';
+import { useColorResolver as L } from 'intergalactic/utils/lib/use/useColorResolver';
+import { ZIndexStackingContextProvider as V, useZIndexStacking as G } from 'intergalactic/utils/lib/zIndexStacking';
+var J = (
+  /*__reshadow_css_start__*/
+  (E.insert(
+    /*__inner_css_start__*/
+    ".___SWindow_1k93m_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1k93m_gg_:focus{outline:0}.___SWindow_1k93m_gg_ .___STitle_1k93m_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1k93m_gg_ .___STitle_1k93m_gg_.__color_1k93m_gg_{color:var(--color_1k93m)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_.__ghost_1k93m_gg_{right:0;top:0}.___SWindow_1k93m_gg_.__ghost_1k93m_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1k93m_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1k93m_gg_ .___SOverlay_1k93m_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1k93m_gg_{min-width:60%}.___SOverlay_1k93m_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
+    "1k93m_gg_"
+  ), {
+    __SWindow: "___SWindow_1k93m_gg_",
+    _ghost: "__ghost_1k93m_gg_",
+    __SOverlay: "___SOverlay_1k93m_gg_",
+    __STitle: "___STitle_1k93m_gg_",
+    _color: "__color_1k93m_gg_",
+    "--color": "--color_1k93m",
+    __SClose: "___SClose_1k93m_gg_"
+  })
+), v = /* @__PURE__ */ function(i) {
+  w(r, i);
+  var c = T(r);
+  function r() {
+    var n;
+    S(this, r);
+    for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
+      a[t] = arguments[t];
+    return n = c.call.apply(c, [this].concat(a)), d(g(n), "state", {
+      hasTitle: !1
+    }), d(g(n), "handleKeyDown", function(o) {
+      o.key === "Escape" && (o.stopPropagation(), k(g(n), "onClose", "onEscape", o));
+    }), d(g(n), "handleIconCloseClick", function(o) {
+      k(g(n), "onClose", "onCloseClick", o);
+    }), d(g(n), "handleOutsideClick", function(o) {
+      k(g(n), "onClose", "onOutsideClick", o);
+    }), n;
+  }
+  return P(r, [{
+    key: "getOverlayProps",
+    value: function() {
+      var e = this.asProps, a = e.duration, t = e.visible, o = e.animationsDisabled, s = e.disablePreventScroll;
+      return {
+        duration: a,
+        visible: t,
+        onOutsideClick: this.handleOutsideClick,
+        animationsDisabled: o,
+        disablePreventScroll: s
+      };
+    }
+  }, {
+    key: "getWindowProps",
+    value: function() {
+      var e = this.asProps, a = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, h = e.animationsDisabled, b = this.state.hasTitle;
+      return {
+        visible: a,
+        closable: t,
+        onKeyDown: this.handleKeyDown,
+        "aria-label": b ? void 0 : o("title"),
+        "aria-labelledby": b ? "igc-".concat(s, "-title") : void 0,
+        duration: _,
+        animationsDisabled: h
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function() {
+      var e = this.asProps, a = e.getI18nText, t = e.ghost;
+      return {
+        onClick: this.handleIconCloseClick,
+        getI18nText: a,
+        ghost: t
+      };
+    }
+  }, {
+    key: "getTitleProps",
+    value: function() {
+      var e = this, a = this.asProps.uid, t = function() {
+        return e.setState({
+          hasTitle: !0
+        });
+      };
+      return {
+        id: "igc-".concat(a, "-title"),
+        setHasTitle: t
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, a = this.asProps, t = a.Children, o = a.disablePortal, s = a.forcedAdvancedMode, _ = a.ignorePortalsStacking, h = s || H(t, [m.Overlay.displayName, m.Window.displayName]);
+      return /* @__PURE__ */ l.createElement(M, {
+        disablePortal: o,
+        ignorePortalsStacking: _
+      }, h ? /* @__PURE__ */ l.createElement(t, null) : /* @__PURE__ */ l.createElement(m.Overlay, null, /* @__PURE__ */ l.createElement(m.Window, u({}, e))));
+    }
+  }]), r;
+}(I);
+d(v, "displayName", "Modal");
+d(v, "style", J);
+d(v, "enhance", [F(x), Z(), j({
+  variable: "--intergalactic-duration-modal",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+})]);
+d(v, "defaultProps", {
+  closable: !0,
+  i18n: x,
+  locale: "en",
+  disablePreventScroll: !1
+});
+function Q(i) {
+  var c = arguments[0], r, n = W, e = i.Children, a = i.styles, t = i.visible, o = i.closable, s = i.duration, _ = l.useRef(null);
+  return q(_, !0, "auto", !t, !0), r = p(a), /* @__PURE__ */ l.createElement(n, r.cn("SWindow", f({}, u({
+    initialAnimation: !0,
+    slideOrigin: "top",
+    visible: t,
+    role: "dialog",
+    "aria-modal": !0,
+    duration: s,
+    ref: _
+  }, c))), /* @__PURE__ */ l.createElement(V, r.cn("ZIndexStackingContextProvider", {
+    designToken: "z-index-modal"
+  }), /* @__PURE__ */ l.createElement(D, r.cn("PortalProvider", {
+    value: _
+  }), o && /* @__PURE__ */ l.createElement(m.Close, null), /* @__PURE__ */ l.createElement(e, r.cn("Children", {})))));
+}
+function U(i) {
+  var c = arguments[0], r, n = z, e = i.Children, a = i.styles, t = i.onOutsideClick, o = i.visible, s = l.useRef(null);
+  $(o, i.disablePreventScroll), B(s, o);
+  var _ = G("z-index-modal");
+  return r = p(a), /* @__PURE__ */ l.createElement(n, r.cn("SOverlay", f({}, u({
+    ref: s,
+    zIndex: _
+  }, c))), /* @__PURE__ */ l.createElement(R, r.cn("OutsideClick", {
+    root: s,
+    onOutsideClick: t
+  }), /* @__PURE__ */ l.createElement(e, r.cn("Children", {}))));
+}
+function y(i) {
+  var c = arguments[0], r, n = C, e = i.Children, a = i.children, t = i.getI18nText, o = i.ghost;
+  return r = p(i.styles), /* @__PURE__ */ l.createElement(n, r.cn("SClose", f({}, u({
+    use: "tertiary",
+    size: "l",
+    theme: o ? "invert" : "muted",
+    "aria-label": t("close")
+  }, c))), a ? /* @__PURE__ */ l.createElement(e, r.cn("Children", {})) : /* @__PURE__ */ l.createElement(C.Addon, {
+    ml: "7px",
+    mr: "7px"
+  }, /* @__PURE__ */ l.createElement(A, r.cn("CloseIcon", {
+    title: t("close")
+  }))));
+}
+y.enhance = [N()];
+function X(i) {
+  var c = arguments[0], r, n = i.setHasTitle, e = i.styles, a = i.color, t = K, o = L();
+  return l.useEffect(function() {
+    return n();
+  }), r = p(e), /* @__PURE__ */ l.createElement(t, r.cn("STitle", f({}, u({
+    tag: "h2",
+    "use:color": o(a)
+  }, c))));
+}
+var m = O(v, {
+  Window: Q,
+  Overlay: U,
+  Close: y,
+  Title: X
+});
+export {
+  m as default
+};

package/modal/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Modal.mjs";
+export {
+  o as default
+};

package/modal/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/modal/lib/esm/translations/de.json.mjs

@@ -0,0 +1,9 @@
+const e = "Dialogfenster", t = "Schließen", l = {
+  title: e,
+  close: t
+};
+export {
+  t as close,
+  l as default,
+  e as title
+};

package/modal/lib/esm/translations/en.json.mjs

@@ -0,0 +1,9 @@
+const o = "Modal window", t = "Close", e = {
+  title: o,
+  close: t
+};
+export {
+  t as close,
+  e as default,
+  o as title
+};

package/modal/lib/esm/translations/es.json.mjs

@@ -0,0 +1,9 @@
+const t = "Ventana modal", e = "Cerrar", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/modal/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,9 @@
+const e = "Fenêtre modale", t = "Fermer", o = {
+  title: e,
+  close: t
+};
+export {
+  t as close,
+  o as default,
+  e as title
+};

package/modal/lib/esm/translations/it.json.mjs

@@ -0,0 +1,9 @@
+const t = "Finestra modale", e = "Chiudi", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/modal/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,9 @@
+const t = "モーダルウィンドウ", e = "閉じる", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/modal/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,9 @@
+const t = "대화상자 창", o = "닫기", e = {
+  title: t,
+  close: o
+};
+export {
+  o as close,
+  e as default,
+  t as title
+};

package/modal/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,9 @@
+const t = "Modaal venster", e = "Sluiten", l = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  l as default,
+  t as title
+};

package/modal/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,9 @@
+const t = "Okno modalne", o = "Zamknij", e = {
+  title: t,
+  close: o
+};
+export {
+  o as close,
+  e as default,
+  t as title
+};

package/modal/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,9 @@
+const t = "Janela modal", e = "Fechar", l = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  l as default,
+  t as title
+};

package/modal/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,9 @@
+const t = "Modalt fönster", s = "Stäng", e = {
+  title: t,
+  close: s
+};
+export {
+  s as close,
+  e as default,
+  t as title
+};

package/modal/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,9 @@
+const t = "Modal pencere", e = "Kapat", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/modal/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,9 @@
+const t = "Cửa sổ phương thức", s = "Đóng", c = {
+  title: t,
+  close: s
+};
+export {
+  s as close,
+  c as default,
+  t as title
+};

package/modal/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,9 @@
+const t = "模态窗口", e = "关闭", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/modal/package.json

@@ -1 +1 @@
-{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.54.0-prerelease.4","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.41.0-prerelease.4","@semcore/flex-box":"5.41.0-prerelease.4","@semcore/icon":"4.58.0-prerelease.4","@semcore/outside-click":"3.39.0-prerelease.4","@semcore/portal":"3.41.0-prerelease.4","@semcore/typography":"5.52.0-prerelease.4","@semcore/utils":"4.47.1-prerelease.4"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.4","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.54.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.42.0","@semcore/animation":"2.41.0","@semcore/flex-box":"5.41.0","@semcore/icon":"4.60.0","@semcore/outside-click":"3.39.0","@semcore/portal":"3.41.0","@semcore/typography":"5.52.0","@semcore/utils":"4.48.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/neighbor-location/package.json

@@ -1 +1 @@
-{"name":"intergalactic/neighbor-location","description":"Semrush NeighborLocation Component","version":"4.39.0-prerelease.4","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.47.1-prerelease.4"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.4","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/neighbor-location"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/neighbor-location","description":"Semrush NeighborLocation Component","version":"4.40.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/neighbor-location"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice/lib/esm/Notice.mjs

@@ -0,0 +1,182 @@
+import f from "@babel/runtime/helpers/esm/objectSpread2";
+import E from "@babel/runtime/helpers/esm/classCallCheck";
+import L from "@babel/runtime/helpers/esm/createClass";
+import A from "@babel/runtime/helpers/esm/assertThisInitialized";
+import z from "@babel/runtime/helpers/esm/inherits";
+import D from "@babel/runtime/helpers/esm/createSuper";
+import m from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as M } from 'intergalactic/utils/lib/core/index';
+import R, { sstyled as g, assignProps as l, Component as $ } from 'intergalactic/core';
+import n from "react";
+import { Box as u } from 'intergalactic/flex-box';
+import B from 'intergalactic/button';
+import d from 'intergalactic/icon/Close/m';
+import G from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { FadeInOut as O } from 'intergalactic/animation';
+import p from 'intergalactic/utils/lib/logger';
+import V from 'intergalactic/notice-global';
+import { localizedMessages as b } from "./translations/__intergalactic-dynamic-locales.mjs";
+import j from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { cssVariableEnhance as q } from 'intergalactic/utils/lib/useCssVariable';
+import { Text as S } from 'intergalactic/typography';
+var F = (
+  /*__reshadow_css_start__*/
+  (M.insert(
+    /*__inner_css_start__*/
+    ".___SNotice_9f4fy_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_9f4fy_gg_._theme_info_9f4fy_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_9f4fy_gg_._theme_info_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_9f4fy_gg_._theme_info_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_9f4fy_gg_._theme_danger_9f4fy_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_9f4fy_gg_._theme_danger_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_9f4fy_gg_._theme_danger_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_9f4fy_gg_._theme_warning_9f4fy_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_9f4fy_gg_._theme_warning_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_9f4fy_gg_._theme_warning_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_9f4fy_gg_._theme_success_9f4fy_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_9f4fy_gg_._theme_success_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_9f4fy_gg_._theme_success_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_9f4fy_gg_._theme_muted_9f4fy_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_9f4fy_gg_._theme_info_9f4fy_gg_,.___SNotice_9f4fy_gg_._theme_muted_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_9f4fy_gg_._theme_muted_9f4fy_gg_ .___SCloseIcon_9f4fy_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_9f4fy_gg_{flex:1 1 auto;width:100%}.___SActions_9f4fy_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_9f4fy_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_9f4fy_gg_._theme_danger_9f4fy_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_9f4fy_gg_._theme_warning_9f4fy_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_9f4fy_gg_._theme_success_9f4fy_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_9f4fy_gg_._theme_muted_9f4fy_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_9f4fy_gg_._theme_custom_9f4fy_gg_{color:var(--color_9f4fy)}.___SCloseIcon_9f4fy_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_9f4fy_gg_._theme_custom_9f4fy_gg_{background-color:var(--backgroundColor_9f4fy);border-color:var(--backgroundColor_9f4fy)}.___STitle_9f4fy_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SText_9f4fy_gg_{margin-top:var(--intergalactic-spacing-1x, 4px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}",
+    "9f4fy_gg_"
+  ), {
+    __SNotice: "___SNotice_9f4fy_gg_",
+    __SContent: "___SContent_9f4fy_gg_",
+    __SActions: "___SActions_9f4fy_gg_",
+    __SLabel: "___SLabel_9f4fy_gg_",
+    _theme_info: "_theme_info_9f4fy_gg_",
+    _theme_danger: "_theme_danger_9f4fy_gg_",
+    _theme_warning: "_theme_warning_9f4fy_gg_",
+    _theme_success: "_theme_success_9f4fy_gg_",
+    _theme_muted: "_theme_muted_9f4fy_gg_",
+    _theme_custom: "_theme_custom_9f4fy_gg_",
+    "--color": "--color_9f4fy",
+    __SCloseIcon: "___SCloseIcon_9f4fy_gg_",
+    "--backgroundColor": "--backgroundColor_9f4fy",
+    __STitle: "___STitle_9f4fy_gg_",
+    __SText: "___SText_9f4fy_gg_"
+  })
+);
+function C(_) {
+  return !["danger", "warning", "success", "info", "muted"].includes(_);
+}
+var y = /* @__PURE__ */ function(_) {
+  z(r, _);
+  var o = D(r);
+  function r() {
+    var t;
+    E(this, r);
+    for (var e = arguments.length, a = new Array(e), i = 0; i < e; i++)
+      a[i] = arguments[i];
+    return t = o.call.apply(o, [this].concat(a)), m(A(t), "ref", /* @__PURE__ */ n.createRef()), t;
+  }
+  return L(r, [{
+    key: "componentDidMount",
+    value: function() {
+      if (this.ref.current && process.env.NODE_ENV !== "production" && !["muted", "danger"].includes(this.props.theme)) {
+        var e = function(i) {
+          return !!(i.hasAttribute("aria-label") || i.hasAttribute("aria-labelledby") || i.hasAttribute("title"));
+        };
+        p.warn(!e(this.ref.current), "Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification", this.props["data-ui-name"] || r.displayName);
+      }
+    }
+  }, {
+    key: "getLabelProps",
+    value: function() {
+      var e = this.asProps, a = e.theme, i = e.resolveColor;
+      return {
+        theme: a,
+        resolveColor: i
+      };
+    }
+  }, {
+    key: "getCloseIconProps",
+    value: function() {
+      var e = this.asProps.getI18nText;
+      return {
+        getI18nText: e
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function() {
+      var e = this.asProps.getI18nText;
+      return {
+        getI18nText: e
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, a, i = O, c = this.asProps, v = c.Children, x = c.styles, N = c.hidden, s = c.theme, I = c.use, T = c.resolveColor, P = c.getI18nText, k = T(s), w = C(s) ? "custom" : s;
+      if (I === "primary")
+        return p.warn(!0, 'Deprecated property-value pair "use=primary", use component <NoticeGlobal/> instead', r.displayName), /* @__PURE__ */ n.createElement(V, this.asProps);
+      var h = P(s === "danger" ? "criticalNotification" : "notification");
+      return s === "muted" && (h = void 0), a = g(x), /* @__PURE__ */ n.createElement(i, a.cn("SNotice", f({}, l({
+        visible: !N,
+        "use:theme": w,
+        backgroundColor: k,
+        role: "region",
+        "aria-label": h,
+        ref: this.ref
+      }, e))), /* @__PURE__ */ n.createElement(v, a.cn("Children", {})));
+    }
+  }]), r;
+}($);
+m(y, "displayName", "Notice");
+m(y, "style", F);
+m(y, "enhance", [j(b), q({
+  variable: "--intergalactic-duration-popper",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+}), G()]);
+m(y, "defaultProps", {
+  theme: "info",
+  i18n: b,
+  locale: "en"
+});
+function W(_) {
+  var o = arguments[0], r, t = _.styles, e = _.theme, a = _.resolveColor, i = u, c = C(e) ? "custom" : e, v = a(e);
+  return r = g(t), /* @__PURE__ */ n.createElement(i, r.cn("SLabel", f({}, l({
+    "use:theme": c,
+    color: v
+  }, o))));
+}
+function H(_) {
+  var o = arguments[0], r, t = _.styles, e = S;
+  return r = g(t), /* @__PURE__ */ n.createElement(e, r.cn("STitle", f({}, l({
+    tag: "div",
+    size: 300,
+    fontWeight: "bold"
+  }, o))));
+}
+function J(_) {
+  var o = arguments[0], r, t = _.styles, e = S;
+  return r = g(t), /* @__PURE__ */ n.createElement(e, r.cn("SText", f({}, l({
+    tag: "div"
+  }, o))));
+}
+function K(_) {
+  var o = arguments[0], r, t = _.styles, e = u;
+  return r = g(t), /* @__PURE__ */ n.createElement(e, r.cn("SActions", f({}, l({}, o))));
+}
+function Q(_) {
+  var o = arguments[0], r, t = _.styles, e = u;
+  return r = g(t), /* @__PURE__ */ n.createElement(e, r.cn("SContent", f({}, l({}, o))));
+}
+function U(_) {
+  var o = arguments[0], r, t = _.styles, e = _.getI18nText, a = u;
+  return r = g(t), /* @__PURE__ */ n.createElement(a, r.cn("SCloseIcon", f({}, l({
+    tag: d,
+    interactive: !0,
+    "aria-label": e("close")
+  }, o))));
+}
+function X(_) {
+  var o = arguments[0], r, t = _.styles, e = _.getI18nText, a = B;
+  return r = g(t), /* @__PURE__ */ n.createElement(a, r.cn("SCloseIcon", f({}, l({
+    addonLeft: d,
+    use: "tertiary",
+    theme: "muted",
+    "aria-label": e("close")
+  }, o))));
+}
+var de = R(y, {
+  Label: W,
+  Title: H,
+  Text: J,
+  Actions: K,
+  Content: Q,
+  CloseIcon: U,
+  Close: X
+});
+export {
+  de as default
+};

package/notice/lib/esm/NoticeSmart.mjs

@@ -0,0 +1,35 @@
+import _ from "@babel/runtime/helpers/esm/classCallCheck";
+import N from "@babel/runtime/helpers/esm/createClass";
+import v from "@babel/runtime/helpers/esm/inherits";
+import P from "@babel/runtime/helpers/esm/createSuper";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import S, { assignProps as b, Component as y } from 'intergalactic/core';
+import e from "react";
+import l from 'intergalactic/utils/lib/isNode';
+import t from "./Notice.mjs";
+var m = /* @__PURE__ */ function(f) {
+  v(o, f);
+  var C = P(o);
+  function o() {
+    return _(this, o), C.apply(this, arguments);
+  }
+  return N(o, [{
+    key: "render",
+    value: function() {
+      var d = this.asProps, h = t, r = this.asProps, n = r.Children, a = r.label, i = r.title, s = r.actions, c = r.closable, E = r.onClose, p = /* @__PURE__ */ e.createElement(n, null);
+      return typeof n.origin == "string" && (p = l(i) || l(a) || c ? /* @__PURE__ */ e.createElement(t.Text, null, /* @__PURE__ */ e.createElement(n, null)) : /* @__PURE__ */ e.createElement(n, null)), /* @__PURE__ */ e.createElement(h, b({
+        __excludeProps: ["title"]
+      }, d), l(a) && /* @__PURE__ */ e.createElement(t.Label, null, a), /* @__PURE__ */ e.createElement(t.Content, null, l(i) && /* @__PURE__ */ e.createElement(t.Title, null, i), p, l(s) && /* @__PURE__ */ e.createElement(t.Actions, null, s)), c && /* @__PURE__ */ e.createElement(t.Close, {
+        onClick: E
+      }));
+    }
+  }]), o;
+}(y);
+u(m, "displayName", "NoticeSmart");
+u(m, "defaultProps", {
+  theme: "info"
+});
+const w = S(m);
+export {
+  w as default
+};

package/notice/lib/esm/index.mjs

@@ -0,0 +1,6 @@
+import o from "./Notice.mjs";
+import { default as a } from "./NoticeSmart.mjs";
+export {
+  a as NoticeSmart,
+  o as default
+};