@epam/ai-dial-ui-kit 0.15.0-dev.42 → 0.15.0-dev.45

package/README.md

@@ -49,7 +49,7 @@ The AI DIAL UI Kit is an production-ready React component library designed to st
 - 🎨 **Highly Customizable**: Deep theming capabilities with CSS custom properties
 - 🧪 **Well-Tested**: Comprehensive test coverage (70%+) with Vitest and React Testing Library
 - 📚 **Storybook Ready**: Includes interactive component documentation and development playground
-- 🛠️ **Developer Experience**: Leverage ESLint, Prettier, Husky for maintainable code quality
+- 🛠️ **Developer Experience**: Leverage ESLint and Prettier for maintainable code quality
 - 📦 **Distribution Ready**: Deployed as NPM package ready for easy integration
 
 ## 📖 Documentation

package/dist/components/New/AutocompleteTagInput/AutocompleteTagInput.js

@@ -1,6 +1,6 @@
 import { jsxs as le, Fragment as se, jsx as l } from "react/jsx-runtime";
-import { useFloating as ne, autoUpdate as ie, offset as ce, flip as me, size as pe, FloatingPortal as fe } from "@floating-ui/react";
-import { useId as de, useState as d, useMemo as ue, useCallback as he } from "react";
+import { useFloating as ne, autoUpdate as ie, offset as ce, flip as me, size as pe, FloatingPortal as de } from "@floating-ui/react";
+import { useId as fe, useState as f, useMemo as ue, useCallback as he } from "react";
 import { Input as ge } from "../Input/Input.js";
 import { MenuItem as we } from "../MenuItem/MenuItem.js";
 import { selectTagClassName as ve } from "../Select/MultiSelectTags.js";
@@ -35,18 +35,18 @@ const Ce = 5, Re = ({
   listClassName: P,
   onChange: A
 }) => {
-  const X = de(), N = z || X, g = `${N}-listbox`, q = xe(), J = D === U.Small, w = S !== void 0, [Q, W] = d(
+  const X = fe(), N = z || X, g = `${N}-listbox`, q = xe(), J = D === U.Small, w = S !== void 0, [Q, W] = f(
     _ ?? []
-  ), o = w ? S : Q, c = o.length > 0, m = !h && !u, [s, E] = d(""), [Y, v] = d(!1), [Z, p] = d(0), r = ue(
+  ), a = w ? S : Q, c = a.length > 0, m = !h && !u, [s, E] = f(""), [Y, v] = f(!1), [Z, p] = f(0), r = ue(
     () => De(
       b,
       s,
-      o,
+      a,
       y
     ),
-    [s, y, b, o]
-  ), a = Y && m && r.length > 0, f = Math.min(Z, r.length - 1), k = (e) => `${g}-option-${e}`, { refs: F, floatingStyles: ee } = ne({
-    open: a,
+    [s, y, b, a]
+  ), o = Y && m && r.length > 0, d = Math.min(Z, r.length - 1), k = (e) => `${g}-option-${e}`, { refs: F, floatingStyles: ee } = ne({
+    open: o,
     placement: "bottom-start",
     whileElementsMounted: ie,
     middleware: [
@@ -68,8 +68,8 @@ const Ce = 5, Re = ({
     v(!1), p(0);
   }, L = (e) => {
     const t = e.trim();
-    t && !o.includes(t) && I([...o, t]), E(""), x();
-  }, te = (e) => I(o.filter((t) => t !== e)), oe = (e) => {
+    t && !a.includes(t) && I([...a, t]), E(""), x();
+  }, te = (e) => I(a.filter((t) => t !== e)), oe = (e) => {
     const t = e ?? "";
     E(t), v(!!t.trim()), p(0);
   }, ae = (e) => {
@@ -77,22 +77,22 @@ const Ce = 5, Re = ({
       switch (e.key) {
         case "ArrowDown":
         case "ArrowUp": {
-          if (e.preventDefault(), v(!0), !a) return;
+          if (e.preventDefault(), v(!0), !o) return;
           const t = e.key === "ArrowDown" ? 1 : -1;
           p(
-            (f + t + r.length) % r.length
+            (d + t + r.length) % r.length
           );
           return;
         }
         case "Enter":
         case ",":
-          e.preventDefault(), L(a ? r[f].value : s);
+          e.preventDefault(), L(o ? r[d].value : s);
           return;
         case "Escape":
-          a && e.preventDefault(), x();
+          o && e.preventDefault(), x();
           return;
         case "Backspace":
-          !s && c && (e.preventDefault(), I(o.slice(0, -1)));
+          !s && c && (e.preventDefault(), I(a.slice(0, -1)));
           return;
       }
   }, re = (e) => e.preventDefault();
@@ -103,9 +103,9 @@ const Ce = 5, Re = ({
         id: N,
         role: "combobox",
         "aria-autocomplete": "list",
-        "aria-expanded": a,
+        "aria-expanded": o,
         "aria-controls": g,
-        "aria-activedescendant": a ? k(f) : void 0,
+        "aria-activedescendant": o ? k(d) : void 0,
         "aria-invalid": C || void 0,
         "aria-label": R,
         size: D,
@@ -140,7 +140,7 @@ const Ce = 5, Re = ({
             role: "list",
             "aria-label": M,
             className: "flex min-w-0 flex-wrap items-center gap-1",
-            children: o.map((e) => /* @__PURE__ */ l(
+            children: a.map((e) => /* @__PURE__ */ l(
               Ie,
               {
                 role: "listitem",
@@ -161,24 +161,25 @@ const Ce = 5, Re = ({
         )
       }
     ),
-    /* @__PURE__ */ l(fe, { children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(de, { children: /* @__PURE__ */ l(
       "div",
       {
         ref: F.setFloating,
         id: g,
         role: "listbox",
         "aria-label": M,
-        hidden: !a,
+        hidden: !o,
         style: ee,
         className: i(
           "z-floating overflow-y-auto",
           Se,
           Te,
+          !o && "hidden",
           q,
           P
         ),
-        children: a && r.map((e, t) => {
-          const n = t === f;
+        children: o && r.map((e, t) => {
+          const n = t === d;
           return /* @__PURE__ */ l(
             we,
             {

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.15.0-dev.42",
-  "generatedAt": "2026-10-07T14:20:38.576Z",
+  "version": "0.15.0-dev.45",
+  "generatedAt": "2026-10-07T15:21:45.405Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",