@epam/ai-dial-navigation-panel 1.3.0-dev.171 → 1.3.0-dev.176

package/components/UserMenu/UserMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAA2B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6NtC,CAAC"}
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAA2B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAyOtC,CAAC"}

package/index.js

@@ -1,28 +1,28 @@
 import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
 import { Avatar as n, BASE_ICON_SIZE as r, Button as i, DIAL_ICON_SIZE as a, DIAL_KIT_ICON_STROKE as o, Dropdown as s, DropdownItemType as c, ElementSize as l, EllipsisTooltip as u, GhostIconButton as d, IconButton as f, MenuItem as p, MenuItemMark as m, Tooltip as h } from "@epam/ai-dial-ui-kit";
-import { Fragment as g, createContext as _, memo as v, useCallback as y, useContext as b, useEffect as x, useId as ee, useMemo as S, useRef as C, useState as w } from "react";
+import { Fragment as g, createContext as _, memo as v, useCallback as y, useContext as b, useEffect as x, useId as S, useMemo as C, useRef as w, useState as ee } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { IconCheck as O, IconChevronDown as k, IconChevronRight as A, IconChevronUp as te, IconLayoutSidebar as j, IconLogout as ne, IconSettings as M, IconUser as N, IconX as P } from "@tabler/icons-react";
-import { BottomSheetShell as F } from "@epam/ai-dial-conversation-input";
+import { IconCheck as O, IconChevronDown as k, IconChevronRight as A, IconChevronUp as te, IconLayoutSidebar as j, IconLogout as ne, IconSettings as M, IconUser as N, IconX as re } from "@tabler/icons-react";
+import { BottomSheetShell as P } from "@epam/ai-dial-conversation-input";
 //#region src/constants/public-class-names.ts
-var I = {
+var F = {
 	rail: "dial-navigation-panel-rail",
 	item: "dial-navigation-panel-item",
 	sidebar: "dial-navigation-panel-sidebar",
 	sidebarItem: "dial-navigation-panel-sidebar-item",
 	sidebarFooter: "dial-navigation-panel-sidebar-footer"
-}, L = {
+}, I = {
 	rail: "_rail_1hxk4_1",
 	item: "_item_1hxk4_6",
 	itemActive: "_itemActive_1hxk4_33",
 	itemFilled: "_itemFilled_1hxk4_38",
 	itemFilledOutline: "_itemFilledOutline_1hxk4_79"
-}, R = (e, t) => /* @__PURE__ */ E("a", {
+}, L = (e, t) => /* @__PURE__ */ E("a", {
 	href: e.href,
 	className: "contents",
 	children: t
-}), z = v(({ items: n, labels: r, logo: i, footer: s, renderLink: c = R, styles: l }) => {
-	let { colors: u, typography: d, className: p, cssVars: m } = l ?? {}, h = ee().replace(/[^\w-]/g, ""), _ = `np-hover-gradient-${h}`, v = `np-active-gradient-${h}`, y = S(() => e({
+}), R = v(({ items: n, labels: r, logo: i, footer: s, renderLink: c = L, styles: l }) => {
+	let { colors: u, typography: d, className: p, cssVars: m } = l ?? {}, h = S().replace(/[^\w-]/g, ""), _ = `np-hover-gradient-${h}`, v = `np-active-gradient-${h}`, y = C(() => e({
 		"--np-bg": u?.background,
 		"--np-item-text": u?.itemText,
 		"--np-item-active-text": u?.itemActiveText,
@@ -44,7 +44,7 @@ var I = {
 			...m,
 			...y
 		},
-		className: t(L.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", d?.fontClassName, p, I.rail),
+		className: t(I.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", d?.fontClassName, p, F.rail),
 		children: [
 			/* @__PURE__ */ E("svg", {
 				"aria-hidden": !0,
@@ -103,7 +103,7 @@ var I = {
 							"aria-current": e.isActive ? "page" : void 0,
 							tooltipProps: { tooltip: e.label },
 							tabIndex: -1,
-							className: t(L.item, "rounded-xl", e.isActive && L.itemActive, n && L.itemFilled, e.isActive && !n && L.itemFilledOutline, I.item)
+							className: t(I.item, "rounded-xl", e.isActive && I.itemActive, n && I.itemFilled, e.isActive && !n && I.itemFilledOutline, F.item)
 						})) }, e.id);
 					})
 				})]
@@ -111,12 +111,12 @@ var I = {
 			s
 		]
 	});
-}), B = /* @__PURE__ */ function(e) {
+}), ie = /* @__PURE__ */ function(e) {
 	return e.Sidebar = "sidebar", e.Drawer = "drawer", e;
-}({}), V = {
+}({}), z = {
 	stopStart: "_stopStart_8i550_1",
 	stopEnd: "_stopEnd_8i550_5"
-}, re = ({ activeGradientId: e }) => /* @__PURE__ */ E("svg", {
+}, ae = ({ activeGradientId: e }) => /* @__PURE__ */ E("svg", {
 	"aria-hidden": !0,
 	className: "absolute size-0",
 	focusable: "false",
@@ -129,13 +129,13 @@ var I = {
 		y2: "20.4",
 		children: [/* @__PURE__ */ E("stop", {
 			offset: "0",
-			className: V.stopStart
+			className: z.stopStart
 		}), /* @__PURE__ */ E("stop", {
 			offset: "1",
-			className: V.stopEnd
+			className: z.stopEnd
 		})]
 	}) })
-}), H = {
+}), B = {
 	sidebar: "_sidebar_1w4pz_1",
 	sidebarColumn: "_sidebarColumn_1w4pz_7",
 	item: "_item_1w4pz_16",
@@ -144,19 +144,19 @@ var I = {
 	itemFilledOutline: "_itemFilledOutline_1w4pz_45",
 	itemIcon: "_itemIcon_1w4pz_49",
 	footer: "_footer_1w4pz_55"
-}, ie = (e, t, n) => /* @__PURE__ */ E("a", {
+}, oe = (e, t, n) => /* @__PURE__ */ E("a", {
 	href: e.href,
 	...n,
 	children: t
-}), ae = (e, t) => e ? "w-[320px] max-w-full" : t ? "w-[72px]" : "w-[336px]", oe = (e, n) => e ? t("fixed inset-y-0 start-0 z-50 flex flex-col overflow-hidden shadow-sm outline-none", "transition-[transform,visibility] duration-200 ease-in-out motion-reduce:transition-none", n ? "visible translate-x-0" : "invisible ltr:-translate-x-full rtl:translate-x-full") : t(H.sidebarColumn, "relative z-10 flex h-full shrink-0 flex-col overflow-hidden shadow-sm"), U = v(({ items: n, labels: r, variant: i = B.Sidebar, isCollapsed: s = !1, onToggleCollapse: c, isOpen: u = !1, onClose: f, id: p, logo: m, renderLink: _ = ie, children: v, userMenu: y, footerActions: b, styles: w }) => {
-	let { colors: O, typography: k, className: A, cssVars: te } = w ?? {}, ne = k?.fontClassName ?? "dial-small-text", M = i === B.Drawer, N = !M && s, F = ee(), L = p ?? F, R = `np-sidebar-gradient-${F.replace(/[^\w-]/g, "")}`, z = C(null), V = C(null), U = C(u);
+}), se = (e, t) => e ? "w-[320px] max-w-full" : t ? "w-[72px]" : "w-[336px]", ce = (e, n) => e ? t("fixed inset-y-0 start-0 z-50 flex flex-col overflow-hidden shadow-sm outline-none", "transition-[transform,visibility] duration-200 ease-in-out motion-reduce:transition-none", n ? "visible translate-x-0" : "invisible ltr:-translate-x-full rtl:translate-x-full") : t(B.sidebarColumn, "relative z-10 flex h-full shrink-0 flex-col overflow-hidden shadow-sm"), V = v(({ items: n, labels: r, variant: i = ie.Sidebar, isCollapsed: s = !1, onToggleCollapse: c, isOpen: u = !1, onClose: f, id: p, logo: m, renderLink: _ = oe, children: v, userMenu: y, footerActions: b, styles: ee }) => {
+	let { colors: O, typography: k, className: A, cssVars: te } = ee ?? {}, ne = k?.fontClassName ?? "dial-small-text", M = i === ie.Drawer, N = !M && s, P = S(), I = p ?? P, L = `np-sidebar-gradient-${P.replace(/[^\w-]/g, "")}`, R = w(null), z = w(null), V = w(u);
 	x(() => {
-		let e = U.current;
-		U.current = u, M && (u && !e ? (V.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, z.current?.focus()) : !u && e && (V.current?.focus(), V.current = null));
+		let e = V.current;
+		V.current = u, M && (u && !e ? (z.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, R.current?.focus()) : !u && e && (z.current?.focus(), z.current = null));
 	}, [M, u]);
-	let W = (e) => {
+	let H = (e) => {
 		e.currentTarget.contains(e.target) && e.key === "Escape" && f?.();
-	}, G = S(() => e({
+	}, U = C(() => e({
 		"--np-sidebar-bg": O?.background,
 		"--np-sidebar-item-text": O?.itemText,
 		"--np-sidebar-item-hover-bg": O?.itemHoverBackground,
@@ -164,19 +164,19 @@ var I = {
 		"--np-sidebar-focus-outline": O?.focusOutline,
 		"--np-sidebar-gradient-start": O?.itemActiveGradientStart,
 		"--np-sidebar-gradient-end": O?.itemActiveGradientEnd,
-		"--np-sidebar-item-active-icon": O?.itemActiveIcon ?? `url(#${R})`,
+		"--np-sidebar-item-active-icon": O?.itemActiveIcon ?? `url(#${L})`,
 		"--np-sidebar-font-family": k?.fontFamily
 	}), [
 		O,
 		k?.fontFamily,
-		R
-	]), K = N ? r.expand ?? "Expand sidebar" : r.collapse ?? "Collapse sidebar", q = r.toggle ?? "Sidebar", J = r.close ?? "Close", Y = (e, n) => /* @__PURE__ */ E("span", {
+		L
+	]), W = N ? r.expand ?? "Expand sidebar" : r.collapse ?? "Collapse sidebar", G = r.toggle ?? "Sidebar", K = r.close ?? "Close", q = (e, n) => /* @__PURE__ */ E("span", {
 		style: { backgroundImage: `url("${e}")` },
 		className: t("bg-contain bg-center bg-no-repeat", n)
-	}), se = () => /* @__PURE__ */ E(d, {
+	}), J = () => /* @__PURE__ */ E(d, {
 		icon: /* @__PURE__ */ D("span", {
 			className: "relative block size-6 shrink-0",
-			children: [N && m && Y(m.iconUrl, "absolute inset-0 transition-opacity group-focus-visible/toggle:opacity-0 group-hover/toggle:opacity-0"), /* @__PURE__ */ E(j, {
+			children: [N && m && q(m.iconUrl, "absolute inset-0 transition-opacity group-focus-visible/toggle:opacity-0 group-hover/toggle:opacity-0"), /* @__PURE__ */ E(j, {
 				size: a.LG,
 				stroke: o,
 				className: t("absolute inset-0 rtl:scale-x-[-1]", N && m && "opacity-0 group-hover/toggle:opacity-100 group-focus-visible/toggle:opacity-100"),
@@ -184,34 +184,34 @@ var I = {
 			})]
 		}),
 		size: l.Large,
-		"aria-label": q,
+		"aria-label": G,
 		"aria-expanded": !N,
-		"aria-controls": L,
-		tooltipProps: { tooltip: K },
+		"aria-controls": I,
+		tooltipProps: { tooltip: W },
 		onClick: c,
 		className: "group/toggle size-10! min-h-0! min-w-0! shrink-0 rounded-full! p-2!"
-	}), ce = () => /* @__PURE__ */ E(d, {
-		icon: /* @__PURE__ */ E(P, {
+	}), Y = () => /* @__PURE__ */ E(d, {
+		icon: /* @__PURE__ */ E(re, {
 			size: a.LG,
 			stroke: o,
 			"aria-hidden": !0
 		}),
 		size: l.Large,
-		"aria-label": J,
-		tooltipProps: { tooltip: J },
+		"aria-label": K,
+		tooltipProps: { tooltip: K },
 		onClick: f,
 		className: "size-10! min-h-0! min-w-0! shrink-0 rounded-full! p-2!"
 	}), X = () => m && /* @__PURE__ */ E("a", {
 		href: m.href ?? "/",
 		"aria-label": m.ariaLabel,
 		className: t("flex h-10 items-center", !M && "ps-2"),
-		children: Y(N ? m.iconUrl : m.logoUrl ?? m.iconUrl, N ? "size-6" : "h-6 min-w-[116px]")
+		children: q(N ? m.iconUrl : m.logoUrl ?? m.iconUrl, N ? "size-6" : "h-6 min-w-[116px]")
 	}), Z = () => /* @__PURE__ */ D("div", {
 		className: "flex shrink-0 items-center justify-between ps-4 pe-2 pt-3 pb-2",
-		children: [X(), f && ce()]
-	}), Q = () => /* @__PURE__ */ D(T, { children: [!(N && c) && X(), c && se()] }), $ = (e) => {
+		children: [X(), f && Y()]
+	}), Q = () => /* @__PURE__ */ D(T, { children: [!(N && c) && X(), c && J()] }), $ = (e) => {
 		let n = !!e.isActive && !!e.activeIcon, r = n && e.activeIcon || e.icon, i = /* @__PURE__ */ E("span", {
-			className: t("flex size-6 shrink-0 items-center justify-center", H.itemIcon),
+			className: t("flex size-6 shrink-0 items-center justify-center", B.itemIcon),
 			children: /* @__PURE__ */ E(r, {
 				size: a.LG,
 				stroke: o
@@ -220,7 +220,7 @@ var I = {
 			className: N ? "sr-only" : ne,
 			children: e.label
 		})] }), {
-			className: t("flex items-center rounded-full p-2 no-underline", N ? "size-10 justify-center" : "h-10 w-full gap-2", H.item, e.isActive && H.itemActive, n && H.itemFilled, e.isActive && !n && H.itemFilledOutline, I.sidebarItem),
+			className: t("flex items-center rounded-full p-2 no-underline", N ? "size-10 justify-center" : "h-10 w-full gap-2", B.item, e.isActive && B.itemActive, n && B.itemFilled, e.isActive && !n && B.itemFilledOutline, F.sidebarItem),
 			"aria-current": e.isActive ? "page" : void 0
 		});
 		return /* @__PURE__ */ E("li", { children: N ? /* @__PURE__ */ E(h, {
@@ -230,19 +230,19 @@ var I = {
 		}) : s }, e.id);
 	}, le = N ? /* @__PURE__ */ D(g, { children: [b, y] }) : /* @__PURE__ */ D(g, { children: [y, b] });
 	return /* @__PURE__ */ D("nav", {
-		ref: z,
-		id: L,
+		ref: R,
+		id: I,
 		"aria-label": r.ariaLabel,
 		tabIndex: M ? -1 : void 0,
 		inert: M && !u,
-		onKeyDown: M ? W : void 0,
+		onKeyDown: M ? H : void 0,
 		style: {
 			...te,
-			...G
+			...U
 		},
-		className: t(H.sidebar, oe(M, u), ae(M, N), A, I.sidebar),
+		className: t(B.sidebar, ce(M, u), se(M, N), A, F.sidebar),
 		children: [
-			!O?.itemActiveIcon && /* @__PURE__ */ E(re, { activeGradientId: R }),
+			!O?.itemActiveIcon && /* @__PURE__ */ E(ae, { activeGradientId: L }),
 			M ? /* @__PURE__ */ D("div", {
 				className: "flex shrink-0 flex-col",
 				children: [Z(), /* @__PURE__ */ E("ul", {
@@ -268,20 +268,20 @@ var I = {
 				})
 			}),
 			/* @__PURE__ */ E("div", {
-				className: t("flex shrink-0 px-4 py-3 shadow-lg", H.footer, N ? "flex-col items-start gap-2" : "items-center justify-between gap-2", I.sidebarFooter),
+				className: t("flex shrink-0 px-4 py-3 shadow-lg", B.footer, N ? "flex-col items-start gap-2" : "items-center justify-between gap-2", F.sidebarFooter),
 				children: le
 			})
 		]
 	});
-}), W = /* @__PURE__ */ function(e) {
+}), H = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Profile = "profile", e.Compact = "compact", e;
-}({}), G = { avatar: "_avatar_4hc9t_4" }, K = v(({ shortName: e, className: r, textClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ E(n, {
+}({}), U = { avatar: "_avatar_4hc9t_4" }, W = v(({ shortName: e, className: r, textClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ E(n, {
 	name: e ?? "",
 	initials: e ?? "",
 	size: 28,
 	textClassName: i,
-	className: t(G.avatar, r)
-})), q = v(({ profile: e, alt: t, size: r = 28 }) => {
+	className: t(U.avatar, r)
+})), G = v(({ profile: e, alt: t, size: r = 28 }) => {
 	let i = e.isFallbackShown || !e.imageUrl;
 	return /* @__PURE__ */ E(n, {
 		name: e.displayName,
@@ -290,24 +290,24 @@ var I = {
 		alt: i ? "" : t,
 		size: r,
 		textClassName: "dial-tiny-text",
-		className: G.avatar,
+		className: U.avatar,
 		onImageError: e.onImageError
 	});
-}), J = {
+}), K = {
 	wrapper: "_wrapper_11e9t_1",
 	trigger: "_trigger_11e9t_5",
 	triggerOpen: "_triggerOpen_11e9t_18",
 	identityText: "_identityText_11e9t_22",
 	menuLabel: "_menuLabel_11e9t_26"
-}, Y = v(({ profile: n, labels: r, groups: l, onLogout: d, onSettings: f, triggerVariant: p = W.Avatar, isTooltipHidden: h, styles: g }) => {
-	let { colors: _, typography: v, className: y, cssVars: b } = g ?? {}, [x, ee] = w(!1), C = p === W.Profile, O = p === W.Compact, A = C || O, j = v?.fontClassName ?? "dial-small-text", N = S(() => e({
-		"--np-avatar-bg": _?.avatarBackground,
-		"--np-avatar-text": _?.avatarText,
-		"--np-menu-text": _?.text,
-		"--np-trigger-hover-bg": _?.triggerHoverBackground,
-		"--np-trigger-open-bg": _?.triggerOpenBackground,
-		"--np-font-family": v?.fontFamily
-	}), [_, v?.fontFamily]), P = S(() => t(J.menuLabel, j), [j]), F = S(() => {
+}, q = v(({ profile: n, labels: r, groups: l, onLogout: d, onSettings: f, triggerVariant: p = H.Avatar, isTooltipHidden: h, isIdentityHidden: g = !1, styles: _ }) => {
+	let { colors: v, typography: y, className: b, cssVars: x } = _ ?? {}, [S, w] = ee(!1), O = p === H.Profile, A = p === H.Compact, j = O || A, N = y?.fontClassName ?? "dial-small-text", re = C(() => e({
+		"--np-avatar-bg": v?.avatarBackground,
+		"--np-avatar-text": v?.avatarText,
+		"--np-menu-text": v?.text,
+		"--np-trigger-hover-bg": v?.triggerHoverBackground,
+		"--np-trigger-open-bg": v?.triggerOpenBackground,
+		"--np-font-family": y?.fontFamily
+	}), [v, y?.fontFamily]), P = C(() => t(K.menuLabel, N), [N]), F = C(() => {
 		let e = (l ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
 			key: e,
 			label: /* @__PURE__ */ E("span", {
@@ -326,24 +326,23 @@ var I = {
 				checked: e.isActive,
 				onClick: e.onSelect
 			}))
-		}));
+		})), i = [...g ? [] : [{
+			key: "identity",
+			type: c.PlainText,
+			label: /* @__PURE__ */ D("div", {
+				className: "flex h-[40px] min-w-0 items-center gap-3",
+				children: [/* @__PURE__ */ E(W, { shortName: n.shortName }), /* @__PURE__ */ E(u, {
+					text: n.displayName,
+					className: t(K.identityText, N, "min-w-0 flex-1 truncate")
+				})]
+			})
+		}], ...e];
 		return [
-			{
-				key: "identity",
-				type: c.PlainText,
-				label: /* @__PURE__ */ D("div", {
-					className: "flex h-[40px] min-w-0 items-center gap-3",
-					children: [/* @__PURE__ */ E(K, { shortName: n.shortName }), /* @__PURE__ */ E(u, {
-						text: n.displayName,
-						className: t(J.identityText, j, "min-w-0 flex-1 truncate")
-					})]
-				})
-			},
-			...e,
-			{
+			...i,
+			...i.length > 0 ? [{
 				key: "divider-1",
 				type: c.Divider
-			},
+			}] : [],
 			...f ? [{
 				key: "settings",
 				label: /* @__PURE__ */ E("span", {
@@ -373,7 +372,8 @@ var I = {
 		];
 	}, [
 		l,
-		j,
+		g,
+		N,
 		P,
 		r.logOut,
 		r.settings,
@@ -382,33 +382,33 @@ var I = {
 		n.displayName,
 		n.shortName
 	]), I = () => {
-		if (!C) return /* @__PURE__ */ E(i, {
+		if (!O) return /* @__PURE__ */ E(i, {
 			"aria-label": r.trigger,
 			tooltipProps: {
 				tooltip: n.email,
 				hideTooltip: h
 			},
-			iconBefore: /* @__PURE__ */ E(q, {
+			iconBefore: /* @__PURE__ */ E(G, {
 				profile: n,
 				alt: r.avatarAlt,
-				size: O ? 24 : void 0
+				size: A ? 24 : void 0
 			}),
-			className: t(O ? "!size-10 !min-h-0 !min-w-0 gap-0 !rounded-full !border-0 !p-2" : "size-[44px] gap-0 !rounded-full p-0", J.trigger, O && x && J.triggerOpen)
+			className: t(A ? "!size-10 !min-h-0 !min-w-0 gap-0 !rounded-full !border-0 !p-2" : "size-[44px] gap-0 !rounded-full p-0", K.trigger, A && S && K.triggerOpen)
 		});
-		let e = x ? te : k;
+		let e = S ? te : k;
 		return /* @__PURE__ */ E(i, {
 			tooltipProps: {
 				tooltip: n.email,
 				hideTooltip: h
 			},
-			iconBefore: /* @__PURE__ */ E(q, {
+			iconBefore: /* @__PURE__ */ E(G, {
 				profile: n,
 				alt: "",
 				size: 24
 			}),
 			label: /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(u, {
 				text: n.displayName,
-				className: t(J.identityText, j, "min-w-0 truncate")
+				className: t(K.identityText, N, "min-w-0 truncate")
 			}), /* @__PURE__ */ E("span", {
 				className: "sr-only",
 				children: r.trigger
@@ -419,26 +419,26 @@ var I = {
 				"aria-hidden": !0
 			}),
 			textClassName: "min-w-0",
-			className: t("!h-10 !min-h-0 max-w-full !min-w-0 gap-2 !rounded-full !border-0 !p-2", J.trigger, x && J.triggerOpen)
+			className: t("!h-10 !min-h-0 max-w-full !min-w-0 gap-2 !rounded-full !border-0 !p-2", K.trigger, S && K.triggerOpen)
 		});
 	};
 	return /* @__PURE__ */ E("div", {
 		style: {
-			...b,
-			...N
+			...x,
+			...re
 		},
-		className: t(J.wrapper, A ? "flex min-w-0 items-center" : "flex size-[60px] items-center justify-center", C && "flex-1", y),
+		className: t(K.wrapper, j ? "flex min-w-0 items-center" : "flex size-[60px] items-center justify-center", O && "flex-1", b),
 		children: /* @__PURE__ */ E(s, {
-			className: A ? "max-w-full min-w-0" : void 0,
-			placement: A ? "top-start" : "top-end",
+			className: j ? "max-w-full min-w-0" : void 0,
+			placement: j ? "top-start" : "top-end",
 			matchReferenceWidth: !1,
 			items: F,
-			onOpenChange: ee,
+			onOpenChange: w,
 			children: I()
 		})
 	});
-}), se = _(void 0), ce = v(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
-	let [c, l] = w([]);
+}), J = _(void 0), Y = v(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
+	let [c, l] = ee([]);
 	x(() => {
 		e || l([]);
 	}, [e]);
@@ -448,7 +448,7 @@ var I = {
 		l((e) => e.slice(0, -1));
 	}, []), f = y(() => {
 		l([]), t();
-	}, [t]), p = S(() => ({
+	}, [t]), p = C(() => ({
 		push: u,
 		pop: d,
 		close: f
@@ -457,9 +457,9 @@ var I = {
 		d,
 		f
 	]), m = c[c.length - 1];
-	return /* @__PURE__ */ E(se.Provider, {
+	return /* @__PURE__ */ E(J.Provider, {
 		value: p,
-		children: /* @__PURE__ */ E(F, {
+		children: /* @__PURE__ */ E(P, {
 			isOpen: e,
 			onClose: f,
 			title: m?.title ?? r,
@@ -472,7 +472,7 @@ var I = {
 		})
 	});
 }), X = () => {
-	let e = b(se);
+	let e = b(J);
 	if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
 	return e;
 }, Z = {
@@ -521,7 +521,7 @@ var I = {
 	return /* @__PURE__ */ D(T, { children: [
 		/* @__PURE__ */ D("div", {
 			className: "flex h-[56px] items-center gap-3 px-4 py-2",
-			children: [/* @__PURE__ */ E(q, {
+			children: [/* @__PURE__ */ E(G, {
 				profile: e,
 				alt: ""
 			}), /* @__PURE__ */ E(u, {
@@ -621,7 +621,7 @@ var I = {
 		})]
 	}), d] });
 }), de = v(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, onSettings: u, footer: d, styles: f }) => {
-	let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, _ = S(() => e({
+	let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, _ = C(() => e({
 		"--np-sheet-text": p?.text,
 		"--np-sheet-item-hover": p?.itemHoverBackground,
 		"--np-sheet-item-active": p?.itemActiveBackground,
@@ -635,7 +635,7 @@ var I = {
 		"--np-menu-active-icon": p?.activeIcon,
 		"--np-font-family": m?.fontFamily
 	}), [p, m?.fontFamily]);
-	return /* @__PURE__ */ E(ce, {
+	return /* @__PURE__ */ E(Y, {
 		isOpen: n,
 		onClose: r,
 		title: o.title,
@@ -662,4 +662,4 @@ var I = {
 	});
 });
 //#endregion
-export { K as AvatarInitials, I as NAVIGATION_PANEL_CLASS, ce as NavigableBottomSheet, ue as NavigationMenuPage, z as NavigationPanel, de as NavigationSheet, U as NavigationSidebar, B as NavigationSidebarVariant, $ as OptionListPage, le as ProfilePage, Q as SheetRow, q as UserAvatar, Y as UserMenu, W as UserMenuTriggerVariant, X as useSheetNavigation };
+export { W as AvatarInitials, F as NAVIGATION_PANEL_CLASS, Y as NavigableBottomSheet, ue as NavigationMenuPage, R as NavigationPanel, de as NavigationSheet, V as NavigationSidebar, ie as NavigationSidebarVariant, $ as OptionListPage, le as ProfilePage, Q as SheetRow, G as UserAvatar, q as UserMenu, H as UserMenuTriggerVariant, X as useSheetNavigation };

package/models/user-menu-props.d.ts

@@ -60,6 +60,8 @@ export interface UserMenuProps {
     triggerVariant?: UserMenuTriggerVariant;
     /** Hides the avatar tooltip — set on touch layouts where hover never fires. */
     isTooltipHidden?: boolean;
+    /** Omits the identity row — avatar initials and display name — from the top of the dropdown. Defaults to `false`. */
+    isIdentityHidden?: boolean;
     /** Style overrides for colors, typography, and class names. */
     styles?: UserMenuStyles;
 }

package/models/user-menu-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wIAAwI;IACxI,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gFAAgF;IAChF,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}
+{"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wIAAwI;IACxI,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gFAAgF;IAChF,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qHAAqH;IACrH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}

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.3.0-dev.171",
+  "version": "1.3.0-dev.176",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-conversation-input": "1.3.0-dev.171"
+    "@epam/ai-dial-conversation-input": "1.3.0-dev.176"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.171",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.176",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.35"
   },
   "repository": {