@neo-ui-kit/react 1.4.10 → 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.10.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-V7E3BRX3.js → chunk-SJA722AD.js}

@@ -2,7 +2,7 @@ import {
   themes,
   useBorder,
   usePauseOffscreen
-} from "./chunk-6URATN43.js";
+} from "./chunk-UBFT5MHP.js";
 import {
   assignRef,
   clamp,
@@ -768,7 +768,7 @@ function buttonView(p, name = "Button") {
       onPointerMove: trackLight,
       onPointerLeave: resetLight,
       children: [
-        /* @__PURE__ */ jsx8("span", { className: "ad-button-fx", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx8("span", { className: "ad-button-fx", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("span", { className: "ad-button-plasma" }) }),
         /* @__PURE__ */ jsx8("span", { className: "ad-button-orbit", "aria-hidden": "true" }),
         loading && /* @__PURE__ */ jsx8("span", { className: "ad-spinner", "aria-hidden": "true" }),
         icon && /* @__PURE__ */ jsx8(Icon, { name: icon }),

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/components/controls/shared.css

@@ -594,10 +594,18 @@
   overflow: hidden;
   pointer-events: none;
 }
-.ad-button-fx::before {
-  content: "";
+.ad-button-plasma {
   position: absolute;
   inset: -40% -10% -40% 30%;
+  opacity: 0;
+  transition: opacity 0.4s;
+  will-change: transform;
+}
+.ad-button-plasma::before {
+  /* Cache the filtered texture independently of its moving parent. */
+  content: "";
+  position: absolute;
+  inset: 0;
   background:
     radial-gradient(circle at 72% 30%, #fff 0 1.2%, transparent 2.6%),
     radial-gradient(circle at 86% 68%, var(--ad-secondary-100) 0 1.4%, transparent 3.2%),
@@ -611,9 +619,6 @@
     radial-gradient(ellipse at 80% 50%, rgb(from var(--ad-secondary) r g b / 0.44), transparent 65%);
   mask-image: linear-gradient(90deg, transparent, #000 40%);
   filter: saturate(1.35);
-  opacity: 0;
-  transition: opacity 0.4s;
-  will-change: transform;
 }
 /* The breath: a faint light over the face that swells and settles. */
 .ad-button-fx::after {
@@ -654,8 +659,8 @@
   );
   will-change: transform;
 }
-:is(.ad-button, .ad-icon-button):is([data-ad-variant="primary"], [data-ad-variant="danger"]) > .ad-button-fx::before,
-.ad-toggle-button[aria-pressed="true"] > .ad-button-fx::before {
+:is(.ad-button, .ad-icon-button):is([data-ad-variant="primary"], [data-ad-variant="danger"]) > .ad-button-fx > .ad-button-plasma,
+.ad-toggle-button[aria-pressed="true"] > .ad-button-fx > .ad-button-plasma {
   opacity: 0.85;
   animation: ad-btn-plasma 7s ease-in-out infinite alternate;
 }
@@ -671,7 +676,7 @@
 .ad-toggle-button[aria-pressed="true"] > .ad-button-orbit::before {
   animation: ad-btn-orbit 4.5s linear infinite;
 }
-:is(.ad-button, .ad-icon-button, .ad-toggle-button):hover:not(:disabled) > .ad-button-fx::before {
+:is(.ad-button, .ad-icon-button, .ad-toggle-button):hover:not(:disabled) > .ad-button-fx > .ad-button-plasma {
   opacity: 0.9;
   animation: ad-btn-plasma 7s ease-in-out infinite alternate;
 }
@@ -685,12 +690,14 @@
   display: none;
 }
 /* Icon-only buttons are small: the plasma centres on them instead of the right side. */
-.ad-icon-button > .ad-button-fx::before {
+.ad-icon-button > .ad-button-fx > .ad-button-plasma {
   inset: -30%;
+}
+.ad-icon-button .ad-button-plasma::before {
   mask-image: radial-gradient(closest-side, #000 40%, transparent);
 }
 /* Ghost buttons stay subtle: only the comet, no plasma. */
-:is(.ad-button, .ad-icon-button)[data-ad-variant="ghost"] > .ad-button-fx::before {
+:is(.ad-button, .ad-icon-button)[data-ad-variant="ghost"] > .ad-button-fx > .ad-button-plasma {
   display: none;
 }
 @keyframes ad-btn-plasma {

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-V7E3BRX3.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-V7E3BRX3.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.10",
+  "version": "1.4.12",
   "description": "NEO UI — React component library",
   "type": "module",
   "license": "MIT",