@neo-ui-kit/react 1.4.11 → 1.4.12

package/README.md

@@ -65,7 +65,7 @@ import "@neo-ui-kit/react/styles.css";
 To test repository changes before publishing, run `npm run package` from the repository root and install the resulting archive in a separate application:
 
 ```bash
-npm install /path/to/adui/release/neo-ui-kit-react-1.4.11.tgz
+npm install /path/to/adui/release/neo-ui-kit-react-1.4.12.tgz
 ```
 
 Maintainers publish new versions from `Pro100Dimka/adui` using the `release.yml` GitHub Actions workflow, a matching `v<version>` tag, and the `npm-publication` environment. npm trusts its OIDC identity; no `NPM_TOKEN` is required. The workflow checks the project and packed consumer before publishing the tested archive. Published `1.0.0` cannot be overwritten: code and README changes in npm require a new package version. See the [repository release instructions](https://github.com/Pro100Dimka/adui#npm-пакет).

package/dist/chunks/{chunk-GHRYZ3BG.js → chunk-SJA722AD.js}

@@ -2,7 +2,7 @@ import {
   themes,
   useBorder,
   usePauseOffscreen
-} from "./chunk-6URATN43.js";
+} from "./chunk-UBFT5MHP.js";
 import {
   assignRef,
   clamp,

package/dist/chunks/{chunk-6URATN43.js → chunk-UBFT5MHP.js}

@@ -1228,6 +1228,29 @@ function refreshMotion() {
   boundariesChanged = true;
   schedule();
 }
+var modalRoots = /* @__PURE__ */ new Set();
+var modalPaused = /* @__PURE__ */ new Set();
+function refreshModalPause() {
+  for (const node of modalPaused) node.removeAttribute("data-ad-paused");
+  modalPaused.clear();
+  const top = [...modalRoots].findLast((node) => node.isConnected);
+  for (let branch = top; branch?.parentElement && branch !== document.body; branch = branch.parentElement) {
+    for (const sibling of branch.parentElement.children) {
+      if (sibling === branch || sibling.hasAttribute("data-ad-paused")) continue;
+      sibling.setAttribute("data-ad-paused", "");
+      modalPaused.add(sibling);
+    }
+  }
+  refreshMotion();
+}
+function pauseBehindDialog(node) {
+  modalRoots.add(node);
+  refreshModalPause();
+  return () => {
+    modalRoots.delete(node);
+    refreshModalPause();
+  };
+}
 var wake = () => {
   for (const s of running) s.previous = null;
   if (document.hidden) scan(performance.now());
@@ -1955,6 +1978,7 @@ export {
   neonGeometry,
   createNeonRenderer,
   refreshMotion,
+  pauseBehindDialog,
   setMotionFrameRate,
   subscribeTick,
   getMotionStats,

package/dist/core/motion-engine.d.ts

@@ -1,4 +1,6 @@
 export function refreshMotion(): void;
+/** Hold the covered scene while the top dialog is open; nested dialogs share ownership. */
+export function pauseBehindDialog(node: any): () => void;
 /** Diagnostic snapshot for lifecycle tests; not used to render the UI. */
 export function getMotionStats(): {
     scopes: number;

package/dist/core.js

@@ -11,7 +11,7 @@ import {
   useSmoothWheel,
   useTabShape,
   useTick
-} from "./chunks/chunk-6URATN43.js";
+} from "./chunks/chunk-UBFT5MHP.js";
 import {
   LocaleProvider,
   addMessages,

package/dist/forms.js

@@ -4,8 +4,8 @@ import {
   defaultFieldRegistry,
   useForm,
   useFormContext
-} from "./chunks/chunk-GHRYZ3BG.js";
-import "./chunks/chunk-6URATN43.js";
+} from "./chunks/chunk-SJA722AD.js";
+import "./chunks/chunk-UBFT5MHP.js";
 import "./chunks/chunk-BJSFN52W.js";
 import "./chunks/chunk-FCOU3ODR.js";
 export {

package/dist/index.js

@@ -62,12 +62,13 @@ import {
   useSvgId,
   variantMaterial,
   vectorElement
-} from "./chunks/chunk-GHRYZ3BG.js";
+} from "./chunks/chunk-SJA722AD.js";
 import {
   ThemeProvider,
   createNeonRenderer,
   getMotionStats,
   neonGeometry,
+  pauseBehindDialog,
   refreshMotion,
   setMotionFrameRate,
   subscribeTick,
@@ -79,7 +80,7 @@ import {
   useTabShape,
   useThemePalette,
   useTick
-} from "./chunks/chunk-6URATN43.js";
+} from "./chunks/chunk-UBFT5MHP.js";
 import {
   LocaleProvider,
   addMessages,
@@ -2895,9 +2896,11 @@ var Dialog = (p) => {
       if (modal) d.close();
       else d.removeAttribute("open");
     }
+    const resume = open ? pauseBehindDialog(d) : void 0;
     return () => {
       if (d.open && modal) d.close();
       else d.removeAttribute("open");
+      resume?.();
       if (opener?.isConnected && (document.activeElement === document.body || d.contains(document.activeElement)))
         opener.focus();
     };
@@ -2932,6 +2935,7 @@ var Dialog = (p) => {
       "aria-describedby": p.description ? descId : void 0,
       onCancel: (e) => {
         e.preventDefault();
+        e.stopPropagation();
         if (!pending) setOpen(false);
       },
       children: [
@@ -4903,11 +4907,23 @@ var QuantumBackground = /* @__PURE__ */ forwardRef(function QuantumBackground2(p
   }, [fullscreen]);
   useEffect9(() => {
     if (!ready || !root.current || typeof IntersectionObserver === "undefined") return;
+    const node = root.current;
+    let inView = false;
+    const visibility = () => send("visible", inView && !node.closest("[data-ad-paused], [data-ad-offscreen]"));
     const observer = new IntersectionObserver(([entry]) => {
-      if (entry) send("visible", entry.isIntersecting);
+      if (entry) {
+        inView = entry.isIntersecting;
+        visibility();
+      }
     }, { rootMargin: "0px" });
-    observer.observe(root.current);
-    return () => observer.disconnect();
+    const boundaries = new MutationObserver(visibility);
+    for (let parent = node; parent; parent = parent.parentElement)
+      boundaries.observe(parent, { attributes: true, attributeFilter: ["data-ad-paused", "data-ad-offscreen"] });
+    observer.observe(node);
+    return () => {
+      observer.disconnect();
+      boundaries.disconnect();
+    };
   }, [ready]);
   useEffect9(() => {
     if (!ready) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo-ui-kit/react",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "description": "NEO UI — React component library",
   "type": "module",
   "license": "MIT",