@neo-ui-kit/react 1.4.4 → 1.4.6

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.4.tgz
+npm install /path/to/adui/release/neo-ui-kit-react-1.4.6.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-CJGLVVIM.js}

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

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

@@ -370,6 +370,7 @@ function createBorderWorker(item) {
       groups.forEach((group) => {
         group.style.visibility = "hidden";
       });
+      item.overlay.setAttribute("data-ready", "");
       canvas.style.visibility = "";
       visibility();
     },
@@ -389,6 +390,7 @@ function createBorderWorker(item) {
     groups.forEach((group, index) => {
       group.style.visibility = originalVisibility[index];
     });
+    item.overlay.setAttribute("data-ready", "");
     canvas.remove();
     clients.delete(id);
     if (worker === thread2) thread2.postMessage({ type: "remove", id });
@@ -1403,6 +1405,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 +1538,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;
@@ -1549,6 +1552,7 @@ U.attachBorder = (element, { shell = false, round = false, scope, defer = false
       item.worker ??= createBorderWorker(item);
       item.worker?.update();
     }
+    if (!item.worker) overlay.setAttribute("data-ready", "");
   };
   const queueMeasurement = () => {
     if (item.destroyed) return;

package/dist/core.js

@@ -11,7 +11,7 @@ import {
   useSmoothWheel,
   useTabShape,
   useTick
-} from "./chunks/chunk-2KAVZYBS.js";
+} from "./chunks/chunk-R4HO4CY7.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-CJGLVVIM.js";
+import "./chunks/chunk-R4HO4CY7.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-CJGLVVIM.js";
 import {
   ThemeProvider,
   createNeonRenderer,
@@ -79,7 +79,7 @@ import {
   useTabShape,
   useThemePalette,
   useTick
-} from "./chunks/chunk-2KAVZYBS.js";
+} from "./chunks/chunk-R4HO4CY7.js";
 import {
   LocaleProvider,
   addMessages,

package/dist/theme/base.css

@@ -126,6 +126,16 @@ button.ad:focus-visible {
   left: 0;
   will-change: transform;
 }
+.ad-border:not([data-ready]) :is(.ad-border-aura, .ad-border-core) {
+  visibility: hidden;
+}
+.ad-border[data-ready] > canvas {
+  animation: ad-border-reveal 160ms ease-out both;
+}
+@keyframes ad-border-reveal {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
 /* Paused borders should not reserve compositor layers for their four static spots. */
 [data-ad-offscreen] .ad-border-light,
 [data-ad-motion="off"] .ad-border-light {

package/package.json

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