urfu-ui-kit-react 2.1.5 → 2.1.6

package/dist/components/Modal/Modal.js

@@ -1,9 +1,9 @@
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
-import { useRef as I, useState as L, useInsertionEffect as R, useLayoutEffect as F, useEffect as l } from "react";
-import { createPortal as H } from "react-dom";
-import { useMountTransition$u as z } from "../../hooks/useMountTransition.js";
+import { jsx as a, jsxs as I } from "react/jsx-runtime";
+import { useRef as F, useState as H, useInsertionEffect as L, useLayoutEffect as R, useEffect as l } from "react";
+import { createPortal as z } from "react-dom";
+import { useMountTransition$u as O } from "../../hooks/useMountTransition.js";
 /* empty css                 */
-import { useModalFocus$u as B, ModalFocusContext$u as U, isTopModal$u as q } from "./useModalFocus.js";
+import { useModalFocus$u as U, ModalFocusContext$u as q, isTopModal$u as B } from "./useModalFocus.js";
 import { isEditorPopupTarget$u as G } from "./editorFocus.js";
 import { useModalTitleClearance$u as J } from "./useModalTitleClearance.js";
 /* empty css                  */
@@ -11,66 +11,69 @@ import { useModalTitleClearance$u as J } from "./useModalTitleClearance.js";
 /* empty css                                   */
 /* empty css       */
 import { getPortalScopeProps$u as Q, getUiKitDefaults$u as V } from "../../shared/uiKitDefaults.js";
-import { lockKitScroll$u as W, ownKitNode$u as X, isKitEventHandled$u as Y, markKitEventHandled$u as Z } from "../../vanilla/core/kitRegistry.js";
-const fe = ({
-  onCancel: s,
+import { MOTION_EASE$u as W, motionMs$u as X, MOTION_MS$u as N } from "../../vanilla/core/motion.js";
+import { lockKitScroll$u as Y, ownKitNode$u as Z, isKitEventHandled$u as ee, markKitEventHandled$u as oe } from "../../vanilla/core/kitRegistry.js";
+const ge = ({
+  onCancel: n,
   active: o,
-  ariaLabel: k,
+  ariaLabel: _,
   ariaLabelledBy: m,
   children: c,
-  maxWidth: N = "900px",
-  maxHeight: _,
-  className: x = "",
-  height: v = "",
-  notCloseClickOnBack: w,
-  closeOnEscape: f = !1,
+  maxWidth: k = "900px",
+  maxHeight: v,
+  className: w = "",
+  height: P = "",
+  notCloseClickOnBack: f,
+  closeOnEscape: S,
   closeButtonInside: p = !1,
-  lockScroll: y = !1,
-  unmountOnClose: P = !1,
-  portalOn: n = !0,
-  trapFocus: S = !0,
-  initialFocus: T = "first",
+  lockScroll: b = !1,
+  unmountOnClose: T = !1,
+  portalOn: s = !0,
+  trapFocus: $ = !0,
+  initialFocus: K = "first",
   mobileSheet: A
 }) => {
-  const K = A ?? V().mobileSheets, i = I(null), [e] = L(
+  const y = A ?? V().mobileSheets, i = F(null), [e] = H(
     () => typeof document > "u" ? null : document.createElement("div")
   );
-  R(() => {
-    if (!(!n || !e))
+  L(() => {
+    if (!(!s || !e))
       return e.className = "u-react-modal-portal", document.body.appendChild(e), () => e.remove();
-  }, [n, e]), F(() => {
-    if (!n || !e) return;
+  }, [s, e]), R(() => {
+    if (!s || !e) return;
     const t = Q()["data-u-kit"];
     if (t ? e.setAttribute("data-u-kit", t) : e.removeAttribute("data-u-kit"), o) {
       const r = document.activeElement;
       document.body.appendChild(e), r instanceof HTMLElement && e.contains(r) && r.focus({ preventScroll: !0 });
     }
-  }, [o, n, e]);
-  const b = 180, { shouldRender: g, status: $, isAnimated: C } = z({
+  }, [o, s, e]);
+  const { shouldRender: g, status: j, isAnimated: C } = O({
     isOpen: !!o,
-    duration: b
-  }), d = C && $ === "exiting", h = !!o || d, E = d ? { opacity: 0, transition: `opacity ${b}ms ease` } : null, { scope: u, onFocusCapture: D } = B(i, !!o, S, T);
-  if (J(i, h, m, c, p), l(() => {
-    if (!o || !f || typeof s != "function") return;
+    duration: y ? N.base : N.fast
+  }), d = C && j === "exiting", E = !!o || d, h = d ? { opacity: 0, transition: `opacity ${X("fast")}ms ${W.exit}` } : null, { scope: u, onFocusCapture: D } = U(i, !!o, $, K);
+  J(i, E, m, c, p);
+  const M = S ?? !f;
+  if (l(() => {
+    if (!o || !M || typeof n != "function") return;
     const t = (r) => {
-      r.key !== "Escape" || r.defaultPrevented || Y(r) || !q(u) || G(i.current, r.target) || (Z(r), s(r));
+      r.key !== "Escape" || r.defaultPrevented || ee(r) || !B(u) || G(i.current, r.target) || (oe(r), n(r));
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [o, f, s, u]), l(() => {
-    if (!(!o || !y))
-      return W();
-  }, [o, y]), l(() => {
+  }, [o, M, n, u]), l(() => {
+    if (!(!o || !b))
+      return Y();
+  }, [o, b]), l(() => {
     const t = i.current;
-    return t ? X(t) : void 0;
-  }, [g, n]), P && !g) return null;
-  const M = /* @__PURE__ */ a(U.Provider, { value: u, children: /* @__PURE__ */ a(
+    return t ? Z(t) : void 0;
+  }, [g, s]), T && !g) return null;
+  const x = /* @__PURE__ */ a(q.Provider, { value: u, children: /* @__PURE__ */ a(
     "div",
     {
-      className: `${h ? "u-modal u-modal-active" : "u-modal"}${K ? " u-react-modal-sheet" : ""}${d ? " u-react-modal-closing" : ""} ${x}`,
+      className: `${E ? "u-modal u-modal-active" : "u-modal"}${y ? " u-react-modal-sheet" : ""}${d ? " u-react-modal-closing" : ""} ${w}`,
       style: { backgroundColor: "unset" },
-      onMouseDown: w ? () => {
-      } : s,
-      children: /* @__PURE__ */ a("div", { className: "u-modal__container", style: Object.assign({ backgroundColor: "#0006" }, E), children: /* @__PURE__ */ j(
+      onMouseDown: f ? () => {
+      } : n,
+      children: /* @__PURE__ */ a("div", { className: "u-modal__container", style: Object.assign({ backgroundColor: "#0006" }, h), children: /* @__PURE__ */ I(
         "div",
         {
           className: `u-modal__body${p ? " u-modal__body--close-inside" : ""}`,
@@ -78,7 +81,7 @@ const fe = ({
           tabIndex: -1,
           onFocusCapture: D,
           role: "dialog",
-          "aria-label": k,
+          "aria-label": _,
           "aria-labelledby": m,
           "aria-modal": o || void 0,
           "aria-hidden": !o || void 0,
@@ -86,17 +89,17 @@ const fe = ({
             t.stopPropagation();
           },
           style: Object.assign(
-            { width: "100%", maxWidth: N, height: v, maxHeight: _, zIndex: 1001 },
-            E
+            { width: "100%", maxWidth: k, height: P, maxHeight: v, zIndex: 1001 },
+            h
           ),
           children: [
             c,
-            /* @__PURE__ */ a("div", { className: "u-modal__exit", children: /* @__PURE__ */ a("button", { className: "u-button-cross", onClick: s, "aria-label": "Закрыть" }) })
+            /* @__PURE__ */ a("div", { className: "u-modal__exit", children: /* @__PURE__ */ a("button", { className: "u-button-cross", onClick: n, "aria-label": "Закрыть" }) })
           ]
         }
       ) })
     }
   ) });
-  return !n || !e ? M : H(M, e);
+  return !s || !e ? x : z(x, e);
 };
-export { fe as Modal$u };
+export { ge as Modal$u };

package/dist/components/Modal/Modal.types.d.ts

@@ -10,10 +10,12 @@ export type ModalProperties = Partial<{
     maxHeight: string;
     className: string;
     height: string;
+    /** Не закрывать по клику на фон. Без явного `closeOnEscape` выключает и Escape. */
     notCloseClickOnBack: boolean;
     /**
-     * Закрывать по Escape. По умолчанию выключено — прежнее поведение:
-     * у части потребителей Escape уже занят собственными обработчиками.
+     * Закрывать по Escape. По умолчанию включено, а при `notCloseClickOnBack` — выключено;
+     * явное значение главнее. `false` — для окна, которое нельзя закрыть случайно,
+     * или если Escape обрабатывает сам сервис.
      */
     closeOnEscape: boolean;
     /** Разместить крестик внутри тела, чтобы overflow не обрезал кнопку. */

package/dist/components/Modal/Modal.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjC;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC"}
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjC;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC"}

package/dist/components/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2DAA2D,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AA8H1B;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1E,wEAAwE;AACxE,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gHAAgH;IAChH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yGAAyG;IACzG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC5B;;;;;OAKG;IACH,gBAAgB,EAAE;QACd,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;QAChD,CACI,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,GAC3D,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACnC;AA8BD,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,oBAAoB,GAAI,4BAA4B,yBAAyB,4CAgFlF,CAAC;AAEF,QAAA,MAAM,eAAe,QAAO,eAM3B,CAAC;AAGF,iGAAiG;AACjG,QAAA,MAAM,uBAAuB,QAAO,eAAe,GAAG,SAA4C,CAAC;AAEnG,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2DAA2D,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAkJ1B;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1E,wEAAwE;AACxE,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gHAAgH;IAChH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yGAAyG;IACzG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC5B;;;;;OAKG;IACH,gBAAgB,EAAE;QACd,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;QAChD,CACI,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,GAC3D,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACnC;AA8BD,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,oBAAoB,GAAI,4BAA4B,yBAAyB,4CAgFlF,CAAC;AAEF,QAAA,MAAM,eAAe,QAAO,eAM3B,CAAC;AAGF,iGAAiG;AACjG,QAAA,MAAM,uBAAuB,QAAO,eAAe,GAAG,SAA4C,CAAC;AAEnG,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/Notification/Notification.js

@@ -1,48 +1,57 @@
-import { jsxs as I, jsx as g } from "react/jsx-runtime";
-import { useState as S, useRef as p, useEffect as M, useCallback as C, useMemo as E, useContext as j, createContext as J, useLayoutEffect as L } from "react";
-import { createPortal as q } from "react-dom";
+import { jsxs as K, jsx as S } from "react/jsx-runtime";
+import { useState as b, useRef as l, useEffect as U, useCallback as z, useMemo as D, useContext as Y, createContext as G, useLayoutEffect as H } from "react";
+import { createPortal as Q } from "react-dom";
 /* empty css                 */
 /* empty css                                          */
-import { Button$u as G } from "../Button/Button.js";
-import { getPortalScopeProps$u as H } from "../../shared/uiKitDefaults.js";
-import { registerKitNotificationStack$u as Q, ownKitNode$u as R } from "../../vanilla/core/kitRegistry.js";
-const U = ({
+import { Button$u as W } from "../Button/Button.js";
+import { getPortalScopeProps$u as X } from "../../shared/uiKitDefaults.js";
+import { registerKitNotificationStack$u as Z, ownKitNode$u as V } from "../../vanilla/core/kitRegistry.js";
+import { MOTION_EASE$u as M, motionMs$u as A, prefersReducedMotion$u as F } from "../../vanilla/core/motion.js";
+const tt = ({
   variant: s,
   children: w,
-  onHide: x,
-  show: a,
-  top: d,
+  onHide: y,
+  show: c,
+  top: h,
   right: o,
   left: f,
-  zIndex: P,
-  inStack: b = !1,
-  autoHide: N,
-  duration: T = 3e3,
-  fadeOutDuration: r = 1e3,
+  zIndex: E,
+  inStack: C = !1,
+  autoHide: p,
+  duration: N = 3e3,
+  fadeOutDuration: g,
   onFadeOutEnd: t,
   closable: e = !0
 }) => {
-  const [i, n] = S(a), [c, m] = S(0), [y, v] = S(150), h = p(null), k = p(null), $ = p(null), A = p(i);
-  A.current = i;
-  const u = p(t);
-  u.current = t, M(() => (a ? (n(!0), v(150), $.current = setTimeout(() => m(1), 10), N && T > r && (h.current = setTimeout(() => {
-    v(r), m(0);
-  }, T - r), k.current = setTimeout(() => {
-    var l;
-    n(!1), (l = u.current) == null || l.call(u);
-  }, T))) : A.current && (v(r), m(0), k.current = setTimeout(() => {
-    var l;
-    n(!1), (l = u.current) == null || l.call(u);
-  }, r)), () => {
-    clearTimeout(h.current), clearTimeout(k.current), clearTimeout($.current);
-  }), [a, T, r, N]);
-  const K = () => {
-    x(), N && (clearTimeout(h.current), clearTimeout(k.current), v(r), m(0), k.current = setTimeout(() => {
-      var l;
-      n(!1), (l = u.current) == null || l.call(u);
-    }, r));
-  }, B = (l) => {
-    switch (l) {
+  const [i, n] = b(c), [r, m] = b(0), [d, T] = b({ ms: A("base"), ease: M.enter }), [v, $] = b(!1), I = F(), x = I ? 0 : A(g ?? "slow"), P = Math.min(x, A("fast")), j = l(!1), B = l(null), k = l(null), J = l(null), O = l(i);
+  O.current = i;
+  const a = l(t);
+  a.current = t, U(() => {
+    if (c)
+      n(!0), $(!1), j.current = !1, T({ ms: I ? 0 : A("base"), ease: M.enter }), J.current = setTimeout(() => m(1), 10), p && N > x && (B.current = setTimeout(() => {
+        T({ ms: x, ease: M.exit }), $(!0), m(0);
+      }, N - x), k.current = setTimeout(() => {
+        var u;
+        n(!1), (u = a.current) == null || u.call(a);
+      }, N));
+    else if (O.current) {
+      const u = j.current ? P : x;
+      T({ ms: u, ease: M.exit }), $(!0), m(0), k.current = setTimeout(() => {
+        var R;
+        n(!1), (R = a.current) == null || R.call(a);
+      }, u);
+    }
+    return () => {
+      clearTimeout(B.current), clearTimeout(k.current), clearTimeout(J.current);
+    };
+  }, [c, N, x, P, p, I]);
+  const _ = () => {
+    j.current = !0, y(), p && (clearTimeout(B.current), clearTimeout(k.current), T({ ms: P, ease: M.exit }), $(!0), m(0), k.current = setTimeout(() => {
+      var u;
+      n(!1), (u = a.current) == null || u.call(a);
+    }, P));
+  }, q = (u) => {
+    switch (u) {
       case "info":
         return "u-notification";
       case "fail":
@@ -55,46 +64,48 @@ const U = ({
         return "u-notification";
     }
   };
-  return i && /* @__PURE__ */ I(
+  return i && /* @__PURE__ */ K(
     "div",
     {
       style: {
-        position: b ? "relative" : "fixed",
-        top: d,
+        position: C ? "relative" : "fixed",
+        top: h,
         right: o,
         left: f,
-        zIndex: P,
-        opacity: c,
-        transition: `opacity ${y}ms`
+        zIndex: E,
+        opacity: r,
+        // Появление — сверху на `--u-motion-shift-md`; при «уменьшить движение» без сдвига.
+        transform: r || v || I ? void 0 : "translateY(calc(-1 * var(--u-motion-shift-md, 8px)))",
+        transition: `opacity ${d.ms}ms ${d.ease}, transform ${d.ms}ms ${d.ease}`
       },
       role: s === "fail" || s === "warning" ? "alert" : "status",
-      className: `${B(s)} u-notification-responsive`,
+      className: `${q(s)} u-notification-responsive`,
       children: [
         w,
-        e && /* @__PURE__ */ g("button", { "aria-label": "Закрыть уведомление", onClick: K, className: "u-notification-hide" })
+        e && /* @__PURE__ */ S("button", { "aria-label": "Закрыть уведомление", onClick: _, className: "u-notification-hide" })
       ]
     }
   );
-}, z = J(void 0), W = ({ queued: s, className: w, style: x, children: a }) => {
-  const d = p(null);
-  return L(() => {
-    const o = d.current;
+}, L = G(void 0), et = ({ queued: s, className: w, style: y, children: c }) => {
+  const h = l(null);
+  return H(() => {
+    const o = h.current;
     if (o)
-      return s ? Q(o) : R(o);
-  }, [s]), /* @__PURE__ */ g("div", { ref: d, ...H(), className: w, style: x, children: a });
-}, tt = ({ children: s, headerHeight: w }) => {
-  const [x, a] = S([]), d = p(0), o = p(/* @__PURE__ */ new Map());
-  M(() => {
+      return s ? Z(o) : V(o);
+  }, [s]), /* @__PURE__ */ S("div", { ref: h, ...X(), className: w, style: y, children: c });
+}, ft = ({ children: s, headerHeight: w }) => {
+  const [y, c] = b([]), h = l(0), o = l(/* @__PURE__ */ new Map());
+  U(() => {
     const t = o.current;
     return () => {
       t.forEach(clearTimeout), t.clear();
     };
   }, []);
-  const f = C((t) => {
-    clearTimeout(o.current.get(t)), o.current.delete(t), a((e) => e.map((i) => i.totalId === t ? { ...i, show: !1 } : i));
-  }, []), P = C((t) => {
-    a((e) => e.filter((i) => i.totalId !== t));
-  }, []), b = C((t, e, i) => {
+  const f = z((t) => {
+    clearTimeout(o.current.get(t)), o.current.delete(t), c((e) => e.map((i) => i.totalId === t ? { ...i, show: !1 } : i));
+  }, []), E = z((t) => {
+    c((e) => e.filter((i) => i.totalId !== t));
+  }, []), C = z((t, e, i) => {
     const n = {
       variant: "info",
       message: "",
@@ -106,51 +117,51 @@ const U = ({
       zIndex: "101",
       closable: !0,
       ...typeof t == "string" ? { variant: t, message: e ?? "", ...i } : t
-    }, c = n.id ?? `notification-${++d.current}`;
-    return clearTimeout(o.current.get(c)), o.current.delete(c), a((m) => [...m.filter((y) => y.totalId !== c), { ...n, totalId: c, show: !0 }]), n.duration > 0 && !n.action && o.current.set(c, setTimeout(() => f(c), n.duration)), c;
-  }, [f]), N = C(() => {
-    o.current.forEach(clearTimeout), o.current.clear(), a((t) => t.map((e) => ({ ...e, show: !1 })));
-  }, []), T = E(
-    () => ({ showNotification: b, hideNotification: f, hideAllNotification: N }),
-    [b, f, N]
-  ), r = /* @__PURE__ */ new Map();
-  return x.forEach((t) => {
-    const e = JSON.stringify([t.top, t.right, t.left, t.zIndex]), i = r.get(e) ?? [];
-    i.push(t), r.set(e, i);
-  }), /* @__PURE__ */ I(z.Provider, { value: T, children: [
+    }, r = n.id ?? `notification-${++h.current}`;
+    return clearTimeout(o.current.get(r)), o.current.delete(r), c((m) => [...m.filter((d) => d.totalId !== r), { ...n, totalId: r, show: !0 }]), n.duration > 0 && !n.action && o.current.set(r, setTimeout(() => f(r), n.duration)), r;
+  }, [f]), p = z(() => {
+    o.current.forEach(clearTimeout), o.current.clear(), c((t) => t.map((e) => ({ ...e, show: !1 })));
+  }, []), N = D(
+    () => ({ showNotification: C, hideNotification: f, hideAllNotification: p }),
+    [C, f, p]
+  ), g = /* @__PURE__ */ new Map();
+  return y.forEach((t) => {
+    const e = JSON.stringify([t.top, t.right, t.left, t.zIndex]), i = g.get(e) ?? [];
+    i.push(t), g.set(e, i);
+  }), /* @__PURE__ */ K(L.Provider, { value: N, children: [
     s,
-    typeof document < "u" && q(Array.from(r, ([t, e]) => /* @__PURE__ */ g(W, { queued: !e[0].top && !e[0].right && (e[0].left === "unset" || e[0].left === "auto"), className: `u-notification-stack ${e[0].left !== "unset" && e[0].left !== "auto" ? "u-notification-stack-left" : ""}`, style: {
+    typeof document < "u" && Q(Array.from(g, ([t, e]) => /* @__PURE__ */ S(et, { queued: !e[0].top && !e[0].right && (e[0].left === "unset" || e[0].left === "auto"), className: `u-notification-stack ${e[0].left !== "unset" && e[0].left !== "auto" ? "u-notification-stack-left" : ""}`, style: {
       top: e[0].top || void 0,
       right: e[0].right || void 0,
       left: e[0].left,
       zIndex: e[0].zIndex,
       "--u-app-header-height": w
-    }, children: e.map(({ totalId: i, variant: n, message: c, show: m, duration: y, closable: v, action: h }) => /* @__PURE__ */ g(
-      U,
+    }, children: e.map(({ totalId: i, variant: n, message: r, show: m, duration: d, closable: T, action: v }) => /* @__PURE__ */ S(
+      tt,
       {
         inStack: !0,
         show: m,
         variant: n,
         onHide: () => f(i),
-        onFadeOutEnd: () => P(i),
+        onFadeOutEnd: () => E(i),
         autoHide: !1,
-        duration: y,
-        closable: v,
-        children: h ? /* @__PURE__ */ I("span", { className: "u-notification-content", children: [
-          c,
+        duration: d,
+        closable: T,
+        children: v ? /* @__PURE__ */ K("span", { className: "u-notification-content", children: [
+          r,
           " ",
-          /* @__PURE__ */ g(G, { variant: "text", className: "u-notification-action", onClick: () => {
-            h.closeOnAction !== !1 && f(i), h.onClick();
-          }, children: h.label })
-        ] }) : c
+          /* @__PURE__ */ S(W, { variant: "text", className: "u-notification-action", onClick: () => {
+            v.closeOnAction !== !1 && f(i), v.onClick();
+          }, children: v.label })
+        ] }) : r
       },
       i
     )) }, t)), document.body)
   ] });
-}, et = () => {
-  const s = j(z);
+}, mt = () => {
+  const s = Y(L);
   if (!s)
     throw new Error("useNotification must be used within a NotificationProvider");
   return s;
-}, it = () => j(z);
-export { tt as NotificationProvider$u, et as useNotification$u, it as useOptionalNotification$u };
+}, dt = () => Y(L);
+export { ft as NotificationProvider$u, mt as useNotification$u, dt as useOptionalNotification$u };

package/dist/components/OfflineBanner/OfflineBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfflineBanner.d.ts","sourceRoot":"","sources":["../../../src/components/OfflineBanner/OfflineBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAA2B,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,0BAA0B,CAAC;AAClC,OAAO,6DAA6D,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACpC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC,GAAG,KAAK,CAAC;IAC5F,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC1B,IAAmB,EAAE,YAAoC,EAAE,gBAAuB,EAClF,YAAmC,EACnC,WAAW,EAAE,OAAO,EAAE,SAAc,GACvC,EAAE,uBAAuB,2CAiDzB"}
+{"version":3,"file":"OfflineBanner.d.ts","sourceRoot":"","sources":["../../../src/components/OfflineBanner/OfflineBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E,OAAO,EAA2B,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,0BAA0B,CAAC;AAClC,OAAO,6DAA6D,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACpC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC,GAAG,KAAK,CAAC;IAC5F,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC1B,IAAmB,EAAE,YAAoC,EAAE,gBAAuB,EAClF,YAAmC,EACnC,WAAW,EAAE,OAAO,EAAE,SAAc,GACvC,EAAE,uBAAuB,2CA2CzB"}

package/dist/components/OfflineBanner/OfflineBanner.js

@@ -1,40 +1,48 @@
-import { jsx as u, jsxs as g } from "react/jsx-runtime";
-import { useState as R, useRef as E, useId as S, useEffect as _ } from "react";
-import { useOnlineStatus$u as A } from "../../hooks/useOnlineStatus.js";
-import { useOptionalNotification$u as D } from "../Notification/Notification.js";
+import { jsx as c, jsxs as I } from "react/jsx-runtime";
+import { useState as R, useRef as T, useId as S, useEffect as $ } from "react";
+import { useOnlineStatus$u as _ } from "../../hooks/useOnlineStatus.js";
+import { useMountTransition$u as B } from "../../hooks/useMountTransition.js";
+import { useOptionalNotification$u as A } from "../Notification/Notification.js";
 /* empty css                  */
 /* empty css                                            */
-const F = "Нет связи с интернетом. Показаны ранее загруженные данные — они могут быть неактуальны.", $ = "Связь восстановлена", h = { duration: 6e3, top: "16px", right: "16px", zIndex: "2000" };
-function z({
-  text: o = F,
-  restoredText: i = $,
-  restoredDuration: d = 3e3,
-  notification: s = h,
-  onReconnect: m,
-  offline: w,
-  className: O = ""
+import { MOTION_MS$u as D } from "../../vanilla/core/motion.js";
+const F = "Нет связи с интернетом. Показаны ранее загруженные данные — они могут быть неактуальны.", M = "Связь восстановлена", w = { duration: 6e3, top: "16px", right: "16px", zIndex: "2000" };
+function y({
+  text: e = F,
+  restoredText: i = M,
+  restoredDuration: s = 3e3,
+  notification: r = w,
+  onReconnect: a,
+  offline: f,
+  className: o = ""
 }) {
-  const I = A(), t = w ?? !I, [b, r] = R(!1), a = E(t), f = D(), v = !!f && s !== !1, l = `u-offline-${S()}`, p = E({ onReconnect: m, text: o, restoredText: i, restoredDuration: d, notification: s, notifications: f });
-  p.current = { onReconnect: m, text: o, restoredText: i, restoredDuration: d, notification: s, notifications: f }, _(() => {
-    var T;
-    const e = p.current, n = e.notification !== !1 ? e.notifications : void 0, N = e.notification || h;
-    if (t)
-      return a.current = !0, r(!1), n == null || n.showNotification({ ...N, id: l, variant: "warning", message: e.text, duration: 0, closable: !1 }), () => {
-        n == null || n.hideNotification(l);
+  const N = _(), l = f ?? !N, [E, u] = R(!1), d = T(l), m = A(), b = !!m && r !== !1, p = `u-offline-${S()}`, v = T({ onReconnect: a, text: e, restoredText: i, restoredDuration: s, notification: r, notifications: m });
+  v.current = { onReconnect: a, text: e, restoredText: i, restoredDuration: s, notification: r, notifications: m }, $(() => {
+    var h;
+    const n = v.current, t = n.notification !== !1 ? n.notifications : void 0, O = n.notification || w;
+    if (l)
+      return d.current = !0, u(!1), t == null || t.showNotification({ ...O, id: p, variant: "warning", message: n.text, duration: 0, closable: !1 }), () => {
+        t == null || t.hideNotification(p);
       };
-    if (!a.current || (a.current = !1, (T = e.onReconnect) == null || T.call(e), e.restoredText === null)) return;
-    if (n) {
-      n.showNotification({ ...N, variant: "success", message: e.restoredText });
+    if (!d.current || (d.current = !1, (h = n.onReconnect) == null || h.call(n), n.restoredText === null)) return;
+    if (t) {
+      t.showNotification({ ...O, variant: "success", message: n.restoredText });
       return;
     }
-    r(!0);
-    const x = window.setTimeout(() => r(!1), e.restoredDuration);
+    u(!0);
+    const x = window.setTimeout(() => u(!1), n.restoredDuration);
     return () => window.clearTimeout(x);
-  }, [t, l]);
-  const c = v ? null : t ? "offline" : b ? "restored" : null;
-  return /* @__PURE__ */ u("div", { className: `u-offline-banner-region ${O}`, role: "status", "aria-live": "polite", children: c && /* @__PURE__ */ g("div", { className: `u-offline-banner u-offline-banner-${c}`, children: [
-    /* @__PURE__ */ u("span", { className: "u-offline-banner-icon", "aria-hidden": "true" }),
-    /* @__PURE__ */ u("span", { className: "u-offline-banner-text", children: c === "offline" ? o : i })
-  ] }) });
+  }, [l, p]);
+  const g = b ? null : l ? "offline" : E ? "restored" : null;
+  return /* @__PURE__ */ c("div", { className: `u-offline-banner-region ${o}`, role: "status", "aria-live": "polite", children: /* @__PURE__ */ c(j, { state: g, text: e, restoredText: i }) });
 }
-export { z as OfflineBanner$u };
+function j({ state: e, text: i, restoredText: s }) {
+  const { shouldRender: r, status: a } = B({ isOpen: !!e, duration: D.fast }), f = T(e);
+  e && (f.current = e);
+  const o = e ?? (r ? f.current : null);
+  return o ? /* @__PURE__ */ I("div", { className: `u-offline-banner u-offline-banner-${o}${a === "exiting" ? " u-offline-banner-leave-active u-offline-banner-leave-to" : ""}`, children: [
+    /* @__PURE__ */ c("span", { className: "u-offline-banner-icon", "aria-hidden": "true" }, `icon-${o}`),
+    /* @__PURE__ */ c("span", { className: "u-offline-banner-text", children: o === "offline" ? i : s }, `text-${o}`)
+  ] }) : null;
+}
+export { y as OfflineBanner$u };

package/dist/components/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AA4D5B,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAc,EACd,eAAe,EACf,eAAe,EACf,WAAmB,EACnB,SAAc,EACd,KAAK,EACL,SAAS,GACV,EAAE,eAAe,2CAsHjB"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AAiD5B,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAc,EACd,eAAe,EACf,eAAe,EACf,WAAmB,EACnB,SAAc,EACd,KAAK,EACL,SAAS,GACV,EAAE,eAAe,2CAwHjB"}