@epam/ai-dial-navigation-panel 1.1.0-dev.242 → 1.1.0-dev.245

package/index.js

@@ -1,5 +1,5 @@
 import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
-import { BASE_ICON_SIZE as n, DIAL_ICON_SIZE as r, DialEllipsisTooltip as i, DialTooltip as a, Dropdown as o, DropdownItemType as s, IconButton as c } from "@epam/ai-dial-ui-kit";
+import { BASE_ICON_SIZE as n, DIAL_ICON_SIZE as r, Dropdown as i, DropdownItemType as a, EllipsisTooltip as o, IconButton as s, Tooltip as c } from "@epam/ai-dial-ui-kit";
 import { Fragment as l, createContext as u, memo as d, useCallback as f, useContext as p, useEffect as m, useMemo as h, useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { IconCheck as b, IconChevronRight as x, IconLogout as S, IconSettings as C, IconUser as w } from "@tabler/icons-react";
@@ -12,7 +12,7 @@ var E = {
 	href: e.href,
 	className: "contents",
 	children: t
-}), O = d(({ items: n, labels: i, logo: a, footer: o, renderLink: s = D, styles: u }) => {
+}), O = d(({ items: n, labels: i, logo: a, footer: o, renderLink: c = D, styles: u }) => {
 	let { colors: d, typography: f, className: p, cssVars: m } = u ?? {}, g = h(() => e({
 		"--np-bg": d?.background,
 		"--np-item-text": d?.itemText,
@@ -40,7 +40,7 @@ var E = {
 				})
 			}), /* @__PURE__ */ v("div", {
 				className: "flex flex-col items-center gap-2 p-2",
-				children: n.map((e) => /* @__PURE__ */ v(l, { children: s(e, /* @__PURE__ */ v(c, {
+				children: n.map((e) => /* @__PURE__ */ v(l, { children: c(e, /* @__PURE__ */ v(s, {
 					icon: /* @__PURE__ */ v(e.icon, {
 						size: r.LG,
 						stroke: 1.5
@@ -88,7 +88,7 @@ var E = {
 	wrapper: "_wrapper_1nw3p_1",
 	trigger: "_trigger_1nw3p_5",
 	identityText: "_identityText_1nw3p_14"
-}, P = d(({ profile: n, labels: c, groups: l, onLogout: u, onSettings: d, isTooltipHidden: f, styles: p }) => {
+}, P = d(({ profile: n, labels: s, groups: l, onLogout: u, onSettings: d, isTooltipHidden: f, styles: p }) => {
 	let { colors: m, typography: g, className: _, cssVars: b } = p ?? {}, x = g?.fontClassName ?? "dial-small-text", w = h(() => e({
 		"--np-avatar-bg": m?.avatarBackground,
 		"--np-avatar-text": m?.avatarText,
@@ -118,10 +118,10 @@ var E = {
 		return [
 			{
 				key: "identity",
-				type: s.PlainText,
+				type: a.PlainText,
 				label: /* @__PURE__ */ y("div", {
 					className: "flex h-[40px] min-w-0 items-center gap-3",
-					children: [/* @__PURE__ */ v(A, { shortName: n.shortName }), /* @__PURE__ */ v(i, {
+					children: [/* @__PURE__ */ v(A, { shortName: n.shortName }), /* @__PURE__ */ v(o, {
 						text: n.displayName,
 						className: t(N.identityText, x, "min-w-0 flex-1 truncate")
 					})]
@@ -130,13 +130,13 @@ var E = {
 			...e,
 			{
 				key: "divider-1",
-				type: s.Divider
+				type: a.Divider
 			},
 			...d ? [{
 				key: "settings",
 				label: /* @__PURE__ */ v("span", {
 					className: x,
-					children: c.settings
+					children: s.settings
 				}),
 				icon: /* @__PURE__ */ v(C, {
 					size: r.SM,
@@ -148,7 +148,7 @@ var E = {
 				key: "logout",
 				label: /* @__PURE__ */ v("span", {
 					className: x,
-					children: c.logOut
+					children: s.logOut
 				}),
 				icon: /* @__PURE__ */ v(S, {
 					size: r.SM,
@@ -160,8 +160,8 @@ var E = {
 	}, [
 		l,
 		x,
-		c.logOut,
-		c.settings,
+		s.logOut,
+		s.settings,
 		u,
 		d,
 		n.displayName,
@@ -173,20 +173,20 @@ var E = {
 			...w
 		},
 		className: t(N.wrapper, "flex size-[60px] items-center justify-center", _),
-		children: /* @__PURE__ */ v(o, {
+		children: /* @__PURE__ */ v(i, {
 			placement: "top-end",
 			matchReferenceWidth: !1,
 			items: T,
 			children: /* @__PURE__ */ v("button", {
 				type: "button",
 				className: t(N.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
-				"aria-label": c.trigger,
-				children: /* @__PURE__ */ v(a, {
+				"aria-label": s.trigger,
+				children: /* @__PURE__ */ v(c, {
 					tooltip: n.email,
 					hideTooltip: f,
 					children: /* @__PURE__ */ v(M, {
 						profile: n,
-						alt: c.avatarAlt
+						alt: s.avatarAlt
 					})
 				})
 			})
@@ -271,15 +271,15 @@ var E = {
 			}
 		}, e.id))
 	});
-}), V = d(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: s = "dial-small-text" }) => {
-	let { push: c, close: l } = L(), u = (o ?? []).filter(({ options: e }) => e.length > 0);
+}), V = d(({ profile: e, logOutLabel: r, onLogout: i, groups: a, textClassName: s = "dial-small-text" }) => {
+	let { push: c, close: l } = L(), u = (a ?? []).filter(({ options: e }) => e.length > 0);
 	return /* @__PURE__ */ y(_, { children: [
 		/* @__PURE__ */ y("div", {
 			className: "flex h-[56px] items-center gap-3 px-4 py-2",
 			children: [/* @__PURE__ */ v(M, {
 				profile: e,
 				alt: ""
-			}), /* @__PURE__ */ v(i, {
+			}), /* @__PURE__ */ v(o, {
 				text: e.displayName,
 				className: t(R.mutedText, s, "min-w-0 flex-1 truncate")
 			})]
@@ -316,7 +316,7 @@ var E = {
 					"aria-hidden": !0
 				}),
 				onClick: () => {
-					l(), a();
+					l(), i();
 				}
 			})
 		})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-navigation-panel",
   "description": "Primary application navigation — desktop nav rail, user menu, and mobile navigation bottom sheet",
-  "version": "1.1.0-dev.242",
+  "version": "1.1.0-dev.245",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,9 +19,9 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.242",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.242",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.245",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.245",
+    "@epam/ai-dial-ui-kit": "*"
   },
   "repository": {
     "type": "git",