@neo-ui-kit/react 1.4.3 → 1.4.5

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.3.tgz
+npm install /path/to/adui/release/neo-ui-kit-react-1.4.5.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-HTCN7BHM.js → chunk-4XHHN4GR.js}

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

package/dist/chunks/{chunk-2KAVZYBS.js → chunk-P5SNVRBZ.js}

@@ -1403,6 +1403,7 @@ U.roundedPath = (w, h, corners) => {
   const length = segments.reduce((total, segment) => total + segment.length, 0);
   return {
     d,
+    length,
     point(fraction) {
       let distance = fraction * length;
       for (const segment of segments) {
@@ -1535,7 +1536,7 @@ U.attachBorder = (element, { shell = false, round = false, scope, defer = false
       node.style.maskImage = mask;
       node.style.webkitMaskImage = mask;
     }
-    item.length = path.getTotalLength();
+    item.length = item.contour.length;
     radius = round ? 28 : Math.min(260, Math.max(42, item.length * 0.153));
     for (const light of lights) {
       light.radius = radius;

package/dist/components/artwork/Spectrum/styles.css

@@ -11,7 +11,7 @@
   max-width: 12rem;
   aspect-ratio: 163 / 140;
 }
-.ad-spectrum[data-variant="bars"] rect {
+.ad-spectrum[data-variant="bars"] [data-bar] {
   transform-origin: 0 134px;
   will-change: transform;
 }

package/dist/core.js

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

package/dist/forms.js

@@ -4,8 +4,8 @@ import {
   defaultFieldRegistry,
   useForm,
   useFormContext
-} from "./chunks/chunk-HTCN7BHM.js";
-import "./chunks/chunk-2KAVZYBS.js";
+} from "./chunks/chunk-4XHHN4GR.js";
+import "./chunks/chunk-P5SNVRBZ.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-HTCN7BHM.js";
+} from "./chunks/chunk-4XHHN4GR.js";
 import {
   ThemeProvider,
   createNeonRenderer,
@@ -79,7 +79,7 @@ import {
   useTabShape,
   useThemePalette,
   useTick
-} from "./chunks/chunk-2KAVZYBS.js";
+} from "./chunks/chunk-P5SNVRBZ.js";
 import {
   LocaleProvider,
   addMessages,
@@ -5065,21 +5065,14 @@ function Segmented(p) {
 }
 function Bars(p) {
   const ref = useRef24(null);
-  const layers = useRef24(null);
+  const bars = useRef24(null);
   const id = useSvgId();
   usePauseOffscreen(ref);
   useDecoration(ref, (time) => {
     if (!ref.current) return;
-    layers.current ??= Array.from(
-      ref.current.querySelectorAll("[data-bar]"),
-      (bar) => Array.from(bar.querySelectorAll("rect"))
-    );
-    layers.current.forEach((rects, i) => {
-      const height = barHeight(i, time);
-      rects.forEach((rect) => {
-        const grow = Number(rect.dataset.grow ?? 0);
-        rect.style.transform = `scaleY(${((height + grow) / 100).toFixed(4)})`;
-      });
+    bars.current ??= Array.from(ref.current.querySelectorAll("[data-bar]"));
+    bars.current.forEach((bar, i) => {
+      bar.style.transform = `scaleY(${(barHeight(i, time) / 100).toFixed(4)})`;
     });
   });
   return /* @__PURE__ */ jsxs34(
@@ -5111,11 +5104,10 @@ function Bars(p) {
             HALO.map(([grow, halo]) => /* @__PURE__ */ jsx42(
               "rect",
               {
-                "data-grow": grow,
                 x: x - grow,
-                y: "34",
+                y: 34 - grow,
                 width: 2.8 + grow * 2,
-                height: "100",
+                height: 100 + grow,
                 rx: 1.3 + grow,
                 fill: `url(#${id}-halo)`,
                 opacity: halo * opacity

package/package.json

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