@neo-ui-kit/react 1.4.0 → 1.4.2

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.0.tgz
+npm install /path/to/adui/release/neo-ui-kit-react-1.4.2.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-6VPAU3TV.js → chunk-2KAVZYBS.js}

@@ -1098,7 +1098,16 @@ var isLoop = (animation) => {
 function scan(now, animations = pendingAnimations) {
   lastScan = now;
   needsScan = false;
-  for (const target of pendingTargets)
+  const roots = new Set(pendingTargets);
+  for (const target of pendingTargets) {
+    for (let parent = target.parentElement; parent; parent = parent.parentElement) {
+      if (pendingTargets.has(parent)) {
+        roots.delete(target);
+        break;
+      }
+    }
+  }
+  for (const target of roots)
     for (const animation of target.getAnimations?.({ subtree: true }) || []) pendingAnimations.add(animation);
   pendingTargets.clear();
   for (const animation of animations)

package/dist/chunks/{chunk-KAVSRD45.js → chunk-HTCN7BHM.js}

@@ -2,7 +2,7 @@ import {
   themes,
   useBorder,
   usePauseOffscreen
-} from "./chunk-6VPAU3TV.js";
+} from "./chunk-2KAVZYBS.js";
 import {
   assignRef,
   clamp,
@@ -2679,12 +2679,16 @@ var RotaryKnob = (p) => {
       const padding = Math.ceil(parseFloat(getComputedStyle(root).fontSize) * 8);
       const extent = size + padding * 2;
       raster.width = raster.height = Math.ceil(extent * ratio);
-      Object.assign(raster.style, {
-        left: `${-padding}px`,
-        top: `${-padding}px`,
-        width: `${raster.width / ratio}px`,
-        height: `${raster.height / ratio}px`
-      });
+      const viewport = raster.closest("svg");
+      const frame = raster.parentElement;
+      if (!viewport || !frame) return;
+      viewport.setAttribute("viewBox", `0 0 ${size} ${size}`);
+      for (const [name, value2] of Object.entries({
+        x: -padding,
+        y: -padding,
+        width: raster.width / ratio,
+        height: raster.height / ratio
+      })) frame.setAttribute(name, String(value2));
       const turned = document.createElement("canvas");
       turned.width = turned.height = Math.ceil(size * ratio);
       const turning = turned.getContext("2d");
@@ -3426,7 +3430,7 @@ var RotaryKnob = (p) => {
           }
         ),
         /* @__PURE__ */ jsx29("span", { className: "knob__surface knob__rotor-frame", "aria-hidden": "true", children: /* @__PURE__ */ jsx29("canvas", { className: "knob__rotor", ref: rotorRef }) }),
-        /* @__PURE__ */ jsx29("canvas", { className: "knob__raster", ref: rasterRef, hidden: true, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx29("svg", { className: "knob__raster", "aria-hidden": "true", children: /* @__PURE__ */ jsx29("foreignObject", { children: /* @__PURE__ */ jsx29("canvas", { ref: rasterRef, hidden: true }) }) }),
         /* @__PURE__ */ jsx29("span", { className: "knob__sheen", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx29(
           "div",

package/dist/components/controls/Tabs/styles.css

@@ -114,6 +114,7 @@
 }
 /* Neon edge: the blade's own background is the edge, a glint runs along it. */
 .ad-tabs-blade {
+  overflow: clip;
   position: absolute;
   inset: 0;
   isolation: isolate;

package/dist/components/media/RotaryKnob/styles.css

@@ -78,8 +78,16 @@
 }
 .ad-rotary-knob .knob__raster {
   position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
   pointer-events: none;
 }
+.ad-rotary-knob .knob__raster canvas {
+  width: 100%;
+  height: 100%;
+}
 .ad-rotary-knob[data-rasterized] .knob__surface {
   visibility: hidden;
 }

package/dist/core.js

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

package/dist/forms.js

@@ -4,8 +4,8 @@ import {
   defaultFieldRegistry,
   useForm,
   useFormContext
-} from "./chunks/chunk-KAVSRD45.js";
-import "./chunks/chunk-6VPAU3TV.js";
+} from "./chunks/chunk-HTCN7BHM.js";
+import "./chunks/chunk-2KAVZYBS.js";
 import "./chunks/chunk-BJSFN52W.js";
 import "./chunks/chunk-FCOU3ODR.js";
 export {

package/dist/index.js

@@ -62,7 +62,7 @@ import {
   useSvgId,
   variantMaterial,
   vectorElement
-} from "./chunks/chunk-KAVSRD45.js";
+} from "./chunks/chunk-HTCN7BHM.js";
 import {
   ThemeProvider,
   createNeonRenderer,
@@ -79,7 +79,7 @@ import {
   useTabShape,
   useThemePalette,
   useTick
-} from "./chunks/chunk-6VPAU3TV.js";
+} from "./chunks/chunk-2KAVZYBS.js";
 import {
   LocaleProvider,
   addMessages,

package/package.json

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