@epam/ai-dial-navigation-panel 1.2.0-dev.164 → 1.2.0-dev.173

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/components/UserMenu/UserMenu.d.ts.map +1 -1
  2. package/index.css +2 -2
  3. package/index.js +52 -53
  4. package/package.json +4 -4
package/components/UserMenu/UserMenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAKlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0ItC,CAAC"}
1
+ {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAKlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6ItC,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._rail_h528m_1{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_h528m_6{color:var(--np-item-text,var(--text-secondary,#57647a))}._item_h528m_6:hover{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._item_h528m_6:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_h528m_6{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._itemActive_h528m_19{background:var(--np-item-selected-bg,var(--bg-control-accent-alpha,#2764d90f));color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._avatar_htyg8_1{background:var(--np-avatar-bg,var(--bg-control-accent,#1d4ed8));color:var(--np-avatar-text,var(--text-control-permanent,#fcfcfc))}._wrapper_1coa8_1{font-family:var(--np-font-family,inherit)}._trigger_1coa8_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_1coa8_5:focus-visible{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924));outline:1px solid var(--np-focus-outline,var(--stroke-focus-black,#161b2d));outline-offset:-1px}._identityText_1coa8_14,._menuLabel_1coa8_18{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_wbw5h_1{font-family:var(--np-font-family,inherit)}li>._row_wbw5h_12{color:var(--np-sheet-text,var(--text-primary,#161b2d))}li>._row_wbw5h_12:hover,li>._row_wbw5h_12:focus-visible{background:var(--np-sheet-item-hover,var(--bg-control-accent-alpha-hover,#2764d924))}li>._row_wbw5h_12:active{background:var(--np-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}li>._rowActive_wbw5h_24{color:var(--np-sheet-row-active-text,var(--text-accent,#1d4ed8));background:var(--np-sheet-row-active-bg,var(--bg-control-accent-alpha,#2764d90f))}li>._rowActive_wbw5h_24:hover,li>._rowActive_wbw5h_24:focus-visible{background:var(--np-sheet-row-active-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}li>._rowActive_wbw5h_24 ._rowIcon_wbw5h_31{color:inherit}._rowIcon_wbw5h_31{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_wbw5h_39{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_wbw5h_43{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_wbw5h_47{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
2
- /*$vite$:1*/.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.contents{display:contents}.size-\[28px\]{height:28px;width:28px}.size-\[44px\]{height:44px;width:44px}.size-\[60px\]{height:60px;width:60px}.h-16{height:4rem}.h-6{height:1.5rem}.h-\[40px\]{height:40px}.h-\[56px\]{height:56px}.h-auto{height:auto}.h-full{height:100%}.w-6{width:1.5rem}.w-\[60px\]{width:60px}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-transparent{border-color:transparent}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.pb-4{padding-bottom:1rem}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
1
+ ._rail_h528m_1{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_h528m_6{color:var(--np-item-text,var(--text-secondary,#57647a))}._item_h528m_6:hover{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._item_h528m_6:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_h528m_6{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._itemActive_h528m_19{background:var(--np-item-selected-bg,var(--bg-control-accent-alpha,#2764d90f));color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._avatar_htyg8_1{background:var(--np-avatar-bg,var(--bg-control-accent,#1d4ed8));color:var(--np-avatar-text,var(--text-control-permanent,#fcfcfc))}._wrapper_1uzro_1{font-family:var(--np-font-family,inherit)}._trigger_1uzro_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_1uzro_5._trigger_1uzro_5:focus-visible{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924));outline:1px solid var(--np-focus-outline,var(--stroke-focus-black,#161b2d));outline-offset:-1px}._identityText_1uzro_18,._menuLabel_1uzro_22{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_wbw5h_1{font-family:var(--np-font-family,inherit)}li>._row_wbw5h_12{color:var(--np-sheet-text,var(--text-primary,#161b2d))}li>._row_wbw5h_12:hover,li>._row_wbw5h_12:focus-visible{background:var(--np-sheet-item-hover,var(--bg-control-accent-alpha-hover,#2764d924))}li>._row_wbw5h_12:active{background:var(--np-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}li>._rowActive_wbw5h_24{color:var(--np-sheet-row-active-text,var(--text-accent,#1d4ed8));background:var(--np-sheet-row-active-bg,var(--bg-control-accent-alpha,#2764d90f))}li>._rowActive_wbw5h_24:hover,li>._rowActive_wbw5h_24:focus-visible{background:var(--np-sheet-row-active-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}li>._rowActive_wbw5h_24 ._rowIcon_wbw5h_31{color:inherit}._rowIcon_wbw5h_31{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_wbw5h_39{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_wbw5h_43{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_wbw5h_47{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
2
+ /*$vite$:1*/.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.contents{display:contents}.size-\[28px\]{height:28px;width:28px}.size-\[44px\]{height:44px;width:44px}.size-\[60px\]{height:60px;width:60px}.h-16{height:4rem}.h-6{height:1.5rem}.h-\[40px\]{height:40px}.h-\[56px\]{height:56px}.h-auto{height:auto}.h-full{height:100%}.w-6{width:1.5rem}.w-\[60px\]{width:60px}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!rounded-full{border-radius:9999px!important}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.pb-4{padding-bottom:1rem}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
2
- import { BASE_ICON_SIZE as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, Dropdown as a, DropdownItemType as o, EllipsisTooltip as s, IconButton as c, MenuItem as l, MenuItemMark as u, Tooltip as d } from "@epam/ai-dial-ui-kit";
2
+ import { BASE_ICON_SIZE as n, Button as r, DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, Dropdown as o, DropdownItemType as s, EllipsisTooltip as c, IconButton as l, MenuItem as u, MenuItemMark as d } from "@epam/ai-dial-ui-kit";
3
3
  import { Fragment as f, createContext as p, memo as m, useCallback as h, useContext as g, useEffect as _, useMemo as v, useState as y } from "react";
4
4
  import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
5
5
  import { IconCheck as C, IconChevronRight as w, IconLogout as T, IconSettings as E, IconUser as D } from "@tabler/icons-react";
@@ -16,7 +16,7 @@ var k = {
16
16
  href: e.href,
17
17
  className: "contents",
18
18
  children: t
19
- }), M = m(({ items: n, labels: a, logo: o, footer: s, renderLink: l = j, styles: u }) => {
19
+ }), M = m(({ items: n, labels: r, logo: o, footer: s, renderLink: c = j, styles: u }) => {
20
20
  let { colors: d, typography: p, className: m, cssVars: h } = u ?? {}, g = v(() => e({
21
21
  "--np-bg": d?.background,
22
22
  "--np-item-text": d?.itemText,
@@ -27,7 +27,7 @@ var k = {
27
27
  "--np-font-family": p?.fontFamily
28
28
  }), [d, p?.fontFamily]);
29
29
  return /* @__PURE__ */ S("nav", {
30
- "aria-label": a.ariaLabel,
30
+ "aria-label": r.ariaLabel,
31
31
  style: {
32
32
  ...h,
33
33
  ...g
@@ -45,10 +45,10 @@ var k = {
45
45
  })
46
46
  }), /* @__PURE__ */ x("div", {
47
47
  className: "flex flex-col items-center gap-2 p-2",
48
- children: n.map((e) => /* @__PURE__ */ x(f, { children: l(e, /* @__PURE__ */ x(c, {
48
+ children: n.map((e) => /* @__PURE__ */ x(f, { children: c(e, /* @__PURE__ */ x(l, {
49
49
  icon: /* @__PURE__ */ x(e.icon, {
50
- size: r.LG,
51
- stroke: i
50
+ size: i.LG,
51
+ stroke: a
52
52
  }),
53
53
  "aria-label": e.label,
54
54
  "aria-current": e.isActive ? "page" : void 0,
@@ -70,11 +70,11 @@ var k = {
70
70
  alt: t,
71
71
  onError: e.onImageError
72
72
  })), I = {
73
- wrapper: "_wrapper_1coa8_1",
74
- trigger: "_trigger_1coa8_5",
75
- identityText: "_identityText_1coa8_14",
76
- menuLabel: "_menuLabel_1coa8_18"
77
- }, L = m(({ profile: n, labels: c, groups: l, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
73
+ wrapper: "_wrapper_1uzro_1",
74
+ trigger: "_trigger_1uzro_5",
75
+ identityText: "_identityText_1uzro_18",
76
+ menuLabel: "_menuLabel_1uzro_22"
77
+ }, L = m(({ profile: n, labels: l, groups: u, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
78
78
  let { colors: g, typography: _, className: y, cssVars: b } = h ?? {}, C = _?.fontClassName ?? "dial-small-text", w = v(() => e({
79
79
  "--np-avatar-bg": g?.avatarBackground,
80
80
  "--np-avatar-text": g?.avatarText,
@@ -82,7 +82,7 @@ var k = {
82
82
  "--np-trigger-hover-bg": g?.triggerHoverBackground,
83
83
  "--np-font-family": _?.fontFamily
84
84
  }), [g, _?.fontFamily]), D = v(() => t(I.menuLabel, C), [C]), O = v(() => {
85
- let e = (l ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
85
+ let e = (u ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
86
86
  key: e,
87
87
  label: /* @__PURE__ */ x("span", {
88
88
  className: D,
@@ -96,7 +96,7 @@ var k = {
96
96
  children: e.label
97
97
  }),
98
98
  icon: e.icon,
99
- mark: u.Check,
99
+ mark: d.Check,
100
100
  checked: e.isActive,
101
101
  onClick: e.onSelect
102
102
  }))
@@ -104,10 +104,10 @@ var k = {
104
104
  return [
105
105
  {
106
106
  key: "identity",
107
- type: o.PlainText,
107
+ type: s.PlainText,
108
108
  label: /* @__PURE__ */ S("div", {
109
109
  className: "flex h-[40px] min-w-0 items-center gap-3",
110
- children: [/* @__PURE__ */ x(P, { shortName: n.shortName }), /* @__PURE__ */ x(s, {
110
+ children: [/* @__PURE__ */ x(P, { shortName: n.shortName }), /* @__PURE__ */ x(c, {
111
111
  text: n.displayName,
112
112
  className: t(I.identityText, C, "min-w-0 flex-1 truncate")
113
113
  })]
@@ -116,18 +116,18 @@ var k = {
116
116
  ...e,
117
117
  {
118
118
  key: "divider-1",
119
- type: o.Divider
119
+ type: s.Divider
120
120
  },
121
121
  ...p ? [{
122
122
  key: "settings",
123
123
  label: /* @__PURE__ */ x("span", {
124
124
  className: D,
125
- children: c.settings
125
+ children: l.settings
126
126
  }),
127
127
  icon: /* @__PURE__ */ x(E, {
128
- size: r.SM,
128
+ size: i.SM,
129
129
  "aria-hidden": !0,
130
- stroke: i
130
+ stroke: a
131
131
  }),
132
132
  onClick: p
133
133
  }] : [],
@@ -135,22 +135,22 @@ var k = {
135
135
  key: "logout",
136
136
  label: /* @__PURE__ */ x("span", {
137
137
  className: D,
138
- children: c.logOut
138
+ children: l.logOut
139
139
  }),
140
140
  icon: /* @__PURE__ */ x(T, {
141
- size: r.SM,
141
+ size: i.SM,
142
142
  "aria-hidden": !0,
143
- stroke: i
143
+ stroke: a
144
144
  }),
145
145
  onClick: f
146
146
  }
147
147
  ];
148
148
  }, [
149
- l,
149
+ u,
150
150
  C,
151
151
  D,
152
- c.logOut,
153
- c.settings,
152
+ l.logOut,
153
+ l.settings,
154
154
  f,
155
155
  p,
156
156
  n.displayName,
@@ -162,22 +162,21 @@ var k = {
162
162
  ...w
163
163
  },
164
164
  className: t(I.wrapper, "flex size-[60px] items-center justify-center", y),
165
- children: /* @__PURE__ */ x(a, {
165
+ children: /* @__PURE__ */ x(o, {
166
166
  placement: "top-end",
167
167
  matchReferenceWidth: !1,
168
168
  items: O,
169
- children: /* @__PURE__ */ x("button", {
170
- type: "button",
171
- className: t(I.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
172
- "aria-label": c.trigger,
173
- children: /* @__PURE__ */ x(d, {
169
+ children: /* @__PURE__ */ x(r, {
170
+ "aria-label": l.trigger,
171
+ tooltipProps: {
174
172
  tooltip: n.email,
175
- hideTooltip: m,
176
- children: /* @__PURE__ */ x(F, {
177
- profile: n,
178
- alt: c.avatarAlt
179
- })
180
- })
173
+ hideTooltip: m
174
+ },
175
+ iconBefore: /* @__PURE__ */ x(F, {
176
+ profile: n,
177
+ alt: l.avatarAlt
178
+ }),
179
+ className: t("size-[44px] gap-0 !rounded-full p-0", I.trigger)
181
180
  })
182
181
  })
183
182
  });
@@ -227,7 +226,7 @@ var k = {
227
226
  divider: "_divider_wbw5h_39",
228
227
  mutedText: "_mutedText_wbw5h_43",
229
228
  activeIcon: "_activeIcon_wbw5h_47"
230
- }, H = m(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(l, {
229
+ }, H = m(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(u, {
231
230
  label: e,
232
231
  labelClassName: s,
233
232
  icon: r && /* @__PURE__ */ x("span", {
@@ -235,7 +234,7 @@ var k = {
235
234
  children: r
236
235
  }),
237
236
  trailing: i,
238
- mark: u.Highlight,
237
+ mark: d.Highlight,
239
238
  selected: o,
240
239
  "aria-current": a ? "true" : void 0,
241
240
  className: t("h-auto gap-3 rounded-none px-4 py-[10px]", V.row, o && V.rowActive),
@@ -250,8 +249,8 @@ var k = {
250
249
  textClassName: t,
251
250
  isCurrent: e.isActive,
252
251
  trailing: e.isActive ? /* @__PURE__ */ x(C, {
253
- size: r.SM,
254
- stroke: i,
252
+ size: i.SM,
253
+ stroke: a,
255
254
  "aria-hidden": !0,
256
255
  className: V.activeIcon
257
256
  }) : void 0,
@@ -260,7 +259,7 @@ var k = {
260
259
  }
261
260
  }, e.id))
262
261
  });
263
- }), W = m(({ profile: e, logOutLabel: r, onLogout: a, settingsLabel: o, onSettings: c, groups: l, textClassName: u = "dial-small-text" }) => {
262
+ }), W = m(({ profile: e, logOutLabel: r, onLogout: i, settingsLabel: o, onSettings: s, groups: l, textClassName: u = "dial-small-text" }) => {
264
263
  let { push: d, close: f } = B(), p = (l ?? []).filter(({ options: e }) => e.length > 0);
265
264
  return /* @__PURE__ */ S(b, { children: [
266
265
  /* @__PURE__ */ S("div", {
@@ -268,7 +267,7 @@ var k = {
268
267
  children: [/* @__PURE__ */ x(F, {
269
268
  profile: e,
270
269
  alt: ""
271
- }), /* @__PURE__ */ x(s, {
270
+ }), /* @__PURE__ */ x(c, {
272
271
  text: e.displayName,
273
272
  className: t(V.mutedText, u, "min-w-0 flex-1 truncate")
274
273
  })]
@@ -281,7 +280,7 @@ var k = {
281
280
  textClassName: u,
282
281
  trailing: /* @__PURE__ */ x(w, {
283
282
  size: n,
284
- stroke: i,
283
+ stroke: a,
285
284
  "aria-hidden": !0,
286
285
  className: t(V.rowIcon, "rtl:scale-x-[-1]")
287
286
  }),
@@ -296,32 +295,32 @@ var k = {
296
295
  }), /* @__PURE__ */ x("hr", { className: V.divider })] }),
297
296
  /* @__PURE__ */ S("ul", {
298
297
  className: "flex flex-col pb-4",
299
- children: [c && o && /* @__PURE__ */ x(H, {
298
+ children: [s && o && /* @__PURE__ */ x(H, {
300
299
  label: o,
301
300
  textClassName: u,
302
301
  icon: /* @__PURE__ */ x(E, {
303
302
  size: n,
304
- stroke: i,
303
+ stroke: a,
305
304
  "aria-hidden": !0
306
305
  }),
307
306
  onClick: () => {
308
- f(), c?.();
307
+ f(), s?.();
309
308
  }
310
309
  }), /* @__PURE__ */ x(H, {
311
310
  label: r,
312
311
  textClassName: u,
313
312
  icon: /* @__PURE__ */ x(T, {
314
313
  size: n,
315
- stroke: i,
314
+ stroke: a,
316
315
  "aria-hidden": !0
317
316
  }),
318
317
  onClick: () => {
319
- f(), a();
318
+ f(), i();
320
319
  }
321
320
  })]
322
321
  })
323
322
  ] });
324
- }), G = m(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, settingsLabel: s, onSettings: c, profile: l, groups: u, footer: d, textClassName: f }) => {
323
+ }), G = m(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: i, onLogout: o, settingsLabel: s, onSettings: c, profile: l, groups: u, footer: d, textClassName: f }) => {
325
324
  let { push: p, close: m } = B(), h = (e) => {
326
325
  m(), t(e);
327
326
  };
@@ -334,7 +333,7 @@ var k = {
334
333
  isHighlighted: e.isActive,
335
334
  icon: /* @__PURE__ */ x(e.icon, {
336
335
  size: n,
337
- stroke: i
336
+ stroke: a
338
337
  }),
339
338
  onClick: () => h(e)
340
339
  }, e.id)), l && /* @__PURE__ */ x(H, {
@@ -342,7 +341,7 @@ var k = {
342
341
  textClassName: f,
343
342
  icon: /* @__PURE__ */ x(D, {
344
343
  size: n,
345
- stroke: i,
344
+ stroke: a,
346
345
  "aria-hidden": !0
347
346
  }),
348
347
  onClick: () => {
@@ -351,7 +350,7 @@ var k = {
351
350
  content: /* @__PURE__ */ x(W, {
352
351
  profile: l,
353
352
  groups: u,
354
- logOutLabel: a,
353
+ logOutLabel: i,
355
354
  onLogout: o,
356
355
  settingsLabel: s,
357
356
  onSettings: c,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-navigation-panel",
3
3
  "description": "Primary application navigation — desktop nav rail, user menu, and mobile navigation bottom sheet",
4
- "version": "1.2.0-dev.164",
4
+ "version": "1.2.0-dev.173",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -18,12 +18,12 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@tabler/icons-react": "^3.44.0",
21
- "@epam/ai-dial-conversation-input": "1.2.0-dev.164"
21
+ "@epam/ai-dial-conversation-input": "1.2.0-dev.173"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^19.2.8",
25
- "@epam/ai-dial-chat-shared": "1.2.0-dev.164",
26
- "@epam/ai-dial-ui-kit": "^0.15.0-dev.20"
25
+ "@epam/ai-dial-chat-shared": "1.2.0-dev.173",
26
+ "@epam/ai-dial-ui-kit": "^0.15.0-dev.21"
27
27
  },
28
28
  "repository": {
29
29
  "type": "git",