@epam/ai-dial-navigation-panel 1.2.0-dev.48 → 1.2.0-dev.50

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.
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2B,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAKzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgFpD,CAAC"}
1
+ {"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2B,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAMzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkFpD,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const NAVIGATION_PANEL_CLASS: {
2
+ /** The `nav` rail itself. */
3
+ readonly rail: "dial-navigation-panel-rail";
4
+ /** Every item in the rail, whether or not it is the active one. */
5
+ readonly item: "dial-navigation-panel-item";
6
+ };
7
+ //# sourceMappingURL=public-class-names.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,sBAAsB;IACjC,6BAA6B;;IAE7B,mEAAmE;;CAE3D,CAAC"}
package/index.d.ts CHANGED
@@ -23,4 +23,5 @@ export type { NavigationMenuPageProps } from './components/NavigationSheet/Navig
23
23
  export type { OptionListPageProps } from './components/NavigationSheet/OptionListPage';
24
24
  export type { ProfilePageProps } from './components/NavigationSheet/ProfilePage';
25
25
  export type { SheetRowProps } from './components/NavigationSheet/SheetRow';
26
+ export { NAVIGATION_PANEL_CLASS } from './constants/public-class-names';
26
27
  //# sourceMappingURL=index.d.ts.map
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AACnG,YAAY,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC/F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AACnG,YAAY,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC/F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}
package/index.js CHANGED
@@ -4,15 +4,19 @@ import { Fragment as d, createContext as f, memo as p, useCallback as m, useCont
4
4
  import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
5
5
  import { IconCheck as S, IconChevronRight as C, IconLogout as w, IconSettings as T, IconUser as E } from "@tabler/icons-react";
6
6
  import { BottomSheetShell as D } from "@epam/ai-dial-conversation-input";
7
+ //#region src/constants/public-class-names.ts
7
8
  var O = {
9
+ rail: "dial-navigation-panel-rail",
10
+ item: "dial-navigation-panel-item"
11
+ }, k = {
8
12
  rail: "_rail_h528m_1",
9
13
  item: "_item_h528m_6",
10
14
  itemActive: "_itemActive_h528m_19"
11
- }, k = (e, t) => /* @__PURE__ */ b("a", {
15
+ }, A = (e, t) => /* @__PURE__ */ b("a", {
12
16
  href: e.href,
13
17
  className: "contents",
14
18
  children: t
15
- }), A = p(({ items: n, labels: a, logo: o, footer: s, renderLink: l = k, styles: u }) => {
19
+ }), j = p(({ items: n, labels: a, logo: o, footer: s, renderLink: l = A, styles: u }) => {
16
20
  let { colors: f, typography: p, className: m, cssVars: h } = u ?? {}, g = _(() => e({
17
21
  "--np-bg": f?.background,
18
22
  "--np-item-text": f?.itemText,
@@ -28,7 +32,7 @@ var O = {
28
32
  ...h,
29
33
  ...g
30
34
  },
31
- className: t(O.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m),
35
+ className: t(k.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m, O.rail),
32
36
  children: [/* @__PURE__ */ x("div", {
33
37
  className: "flex flex-col items-center",
34
38
  children: [o && /* @__PURE__ */ b("a", {
@@ -50,34 +54,34 @@ var O = {
50
54
  "aria-current": e.isActive ? "page" : void 0,
51
55
  tooltipProps: { tooltip: e.label },
52
56
  tabIndex: -1,
53
- className: t(O.item, "rounded-xl", e.isActive && O.itemActive)
57
+ className: t(k.item, "rounded-xl", e.isActive && k.itemActive, O.item)
54
58
  })) }, e.id))
55
59
  })]
56
60
  }), s]
57
61
  });
58
- }), j = { avatar: "_avatar_htyg8_1" }, M = p(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ b("div", {
59
- className: t(j.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
62
+ }), M = { avatar: "_avatar_htyg8_1" }, N = p(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ b("div", {
63
+ className: t(M.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
60
64
  children: e
61
- })), N = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(M, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
65
+ })), P = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(N, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
62
66
  className: "rounded-full",
63
67
  src: e.imageUrl,
64
68
  width: 28,
65
69
  height: 28,
66
70
  alt: t,
67
71
  onError: e.onImageError
68
- })), P = {
72
+ })), F = {
69
73
  wrapper: "_wrapper_1coa8_1",
70
74
  trigger: "_trigger_1coa8_5",
71
75
  identityText: "_identityText_1coa8_14",
72
76
  menuLabel: "_menuLabel_1coa8_18"
73
- }, F = p(({ profile: n, labels: c, groups: d, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
77
+ }, I = p(({ profile: n, labels: c, groups: d, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
74
78
  let { colors: g, typography: v, className: y, cssVars: S } = h ?? {}, C = v?.fontClassName ?? "dial-small-text", E = _(() => e({
75
79
  "--np-avatar-bg": g?.avatarBackground,
76
80
  "--np-avatar-text": g?.avatarText,
77
81
  "--np-menu-text": g?.text,
78
82
  "--np-trigger-hover-bg": g?.triggerHoverBackground,
79
83
  "--np-font-family": v?.fontFamily
80
- }), [g, v?.fontFamily]), D = _(() => t(P.menuLabel, C), [C]), O = _(() => {
84
+ }), [g, v?.fontFamily]), D = _(() => t(F.menuLabel, C), [C]), O = _(() => {
81
85
  let e = (d ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
82
86
  key: e,
83
87
  label: /* @__PURE__ */ b("span", {
@@ -103,9 +107,9 @@ var O = {
103
107
  type: o.PlainText,
104
108
  label: /* @__PURE__ */ x("div", {
105
109
  className: "flex h-[40px] min-w-0 items-center gap-3",
106
- children: [/* @__PURE__ */ b(M, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
110
+ children: [/* @__PURE__ */ b(N, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
107
111
  text: n.displayName,
108
- className: t(P.identityText, C, "min-w-0 flex-1 truncate")
112
+ className: t(F.identityText, C, "min-w-0 flex-1 truncate")
109
113
  })]
110
114
  })
111
115
  },
@@ -157,19 +161,19 @@ var O = {
157
161
  ...S,
158
162
  ...E
159
163
  },
160
- className: t(P.wrapper, "flex size-[60px] items-center justify-center", y),
164
+ className: t(F.wrapper, "flex size-[60px] items-center justify-center", y),
161
165
  children: /* @__PURE__ */ b(a, {
162
166
  placement: "top-end",
163
167
  matchReferenceWidth: !1,
164
168
  items: O,
165
169
  children: /* @__PURE__ */ b("button", {
166
170
  type: "button",
167
- className: t(P.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
171
+ className: t(F.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
168
172
  "aria-label": c.trigger,
169
173
  children: /* @__PURE__ */ b(u, {
170
174
  tooltip: n.email,
171
175
  hideTooltip: m,
172
- children: /* @__PURE__ */ b(N, {
176
+ children: /* @__PURE__ */ b(P, {
173
177
  profile: n,
174
178
  alt: c.avatarAlt
175
179
  })
@@ -177,7 +181,7 @@ var O = {
177
181
  })
178
182
  })
179
183
  });
180
- }), I = f(void 0), L = p(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
184
+ }), L = f(void 0), R = p(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
181
185
  let [c, l] = v([]);
182
186
  g(() => {
183
187
  e || l([]);
@@ -197,7 +201,7 @@ var O = {
197
201
  d,
198
202
  f
199
203
  ]), h = c[c.length - 1];
200
- return /* @__PURE__ */ b(I.Provider, {
204
+ return /* @__PURE__ */ b(L.Provider, {
201
205
  value: p,
202
206
  children: /* @__PURE__ */ b(D, {
203
207
  isOpen: e,
@@ -211,11 +215,11 @@ var O = {
211
215
  children: h ? h.content : n
212
216
  })
213
217
  });
214
- }), R = () => {
215
- let e = h(I);
218
+ }), z = () => {
219
+ let e = h(L);
216
220
  if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
217
221
  return e;
218
- }, z = {
222
+ }, B = {
219
223
  sheet: "_sheet_1oucc_1",
220
224
  row: "_row_1oucc_5",
221
225
  rowActive: "_rowActive_1oucc_17",
@@ -223,14 +227,14 @@ var O = {
223
227
  divider: "_divider_1oucc_32",
224
228
  mutedText: "_mutedText_1oucc_36",
225
229
  activeIcon: "_activeIcon_1oucc_40"
226
- }, B = p(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("button", {
230
+ }, V = p(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("button", {
227
231
  type: "button",
228
232
  "aria-current": a ? "true" : void 0,
229
- className: t(z.row, o && z.rowActive, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
233
+ className: t(B.row, o && B.rowActive, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
230
234
  onClick: n,
231
235
  children: [
232
236
  r && /* @__PURE__ */ b("span", {
233
- className: z.rowIcon,
237
+ className: B.rowIcon,
234
238
  children: r
235
239
  }),
236
240
  /* @__PURE__ */ b("span", {
@@ -239,11 +243,11 @@ var O = {
239
243
  }),
240
244
  i
241
245
  ]
242
- }) })), V = p(({ options: e, textClassName: t }) => {
243
- let { pop: n } = R();
246
+ }) })), H = p(({ options: e, textClassName: t }) => {
247
+ let { pop: n } = z();
244
248
  return /* @__PURE__ */ b("ul", {
245
249
  className: "flex flex-col pb-4",
246
- children: e.map((e) => /* @__PURE__ */ b(B, {
250
+ children: e.map((e) => /* @__PURE__ */ b(V, {
247
251
  label: e.label,
248
252
  icon: e.icon,
249
253
  textClassName: t,
@@ -252,29 +256,29 @@ var O = {
252
256
  size: r.SM,
253
257
  stroke: i,
254
258
  "aria-hidden": !0,
255
- className: z.activeIcon
259
+ className: B.activeIcon
256
260
  }) : void 0,
257
261
  onClick: () => {
258
262
  e.onSelect(), n();
259
263
  }
260
264
  }, e.id))
261
265
  });
262
- }), H = p(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
263
- let { push: l, close: u } = R(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
266
+ }), U = p(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
267
+ let { push: l, close: u } = z(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
264
268
  return /* @__PURE__ */ x(y, { children: [
265
269
  /* @__PURE__ */ x("div", {
266
270
  className: "flex h-[56px] items-center gap-3 px-4 py-2",
267
- children: [/* @__PURE__ */ b(N, {
271
+ children: [/* @__PURE__ */ b(P, {
268
272
  profile: e,
269
273
  alt: ""
270
274
  }), /* @__PURE__ */ b(s, {
271
275
  text: e.displayName,
272
- className: t(z.mutedText, c, "min-w-0 flex-1 truncate")
276
+ className: t(B.mutedText, c, "min-w-0 flex-1 truncate")
273
277
  })]
274
278
  }),
275
279
  d.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ul", {
276
280
  className: "flex flex-col",
277
- children: d.map((e) => /* @__PURE__ */ b(B, {
281
+ children: d.map((e) => /* @__PURE__ */ b(V, {
278
282
  label: e.label,
279
283
  icon: e.icon,
280
284
  textClassName: c,
@@ -282,20 +286,20 @@ var O = {
282
286
  size: n,
283
287
  stroke: i,
284
288
  "aria-hidden": !0,
285
- className: t(z.rowIcon, "rtl:scale-x-[-1]")
289
+ className: t(B.rowIcon, "rtl:scale-x-[-1]")
286
290
  }),
287
291
  onClick: () => l({
288
292
  title: e.label,
289
- content: /* @__PURE__ */ b(V, {
293
+ content: /* @__PURE__ */ b(H, {
290
294
  options: e.options,
291
295
  textClassName: c
292
296
  })
293
297
  })
294
298
  }, e.id))
295
- }), /* @__PURE__ */ b("hr", { className: z.divider })] }),
299
+ }), /* @__PURE__ */ b("hr", { className: B.divider })] }),
296
300
  /* @__PURE__ */ b("ul", {
297
301
  className: "flex flex-col pb-4",
298
- children: /* @__PURE__ */ b(B, {
302
+ children: /* @__PURE__ */ b(V, {
299
303
  label: r,
300
304
  textClassName: c,
301
305
  icon: /* @__PURE__ */ b(w, {
@@ -309,13 +313,13 @@ var O = {
309
313
  })
310
314
  })
311
315
  ] });
312
- }), U = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
313
- let { push: d, close: f } = R(), p = (e) => {
316
+ }), W = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
317
+ let { push: d, close: f } = z(), p = (e) => {
314
318
  f(), t(e);
315
319
  };
316
320
  return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("ul", {
317
321
  className: "flex flex-col pb-4",
318
- children: [e.map((e) => /* @__PURE__ */ b(B, {
322
+ children: [e.map((e) => /* @__PURE__ */ b(V, {
319
323
  label: e.label,
320
324
  textClassName: u,
321
325
  isCurrent: e.isActive,
@@ -325,7 +329,7 @@ var O = {
325
329
  stroke: i
326
330
  }),
327
331
  onClick: () => p(e)
328
- }, e.id)), s && /* @__PURE__ */ b(B, {
332
+ }, e.id)), s && /* @__PURE__ */ b(V, {
329
333
  label: r,
330
334
  textClassName: u,
331
335
  icon: /* @__PURE__ */ b(E, {
@@ -336,7 +340,7 @@ var O = {
336
340
  onClick: () => {
337
341
  s && d({
338
342
  title: r,
339
- content: /* @__PURE__ */ b(H, {
343
+ content: /* @__PURE__ */ b(U, {
340
344
  profile: s,
341
345
  groups: c,
342
346
  logOutLabel: a,
@@ -347,7 +351,7 @@ var O = {
347
351
  }
348
352
  })]
349
353
  }), l] });
350
- }), W = p(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
354
+ }), G = p(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
351
355
  let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, g = _(() => e({
352
356
  "--np-sheet-text": f?.text,
353
357
  "--np-sheet-item-hover": f?.itemHoverBackground,
@@ -362,18 +366,18 @@ var O = {
362
366
  "--np-menu-active-icon": f?.activeIcon,
363
367
  "--np-font-family": p?.fontFamily
364
368
  }), [f, p?.fontFamily]);
365
- return /* @__PURE__ */ b(L, {
369
+ return /* @__PURE__ */ b(R, {
366
370
  isOpen: n,
367
371
  onClose: r,
368
372
  title: o.title,
369
373
  closeLabel: o.close,
370
374
  backLabel: o.back,
371
- className: t(z.sheet, m),
375
+ className: t(B.sheet, m),
372
376
  style: {
373
377
  ...h,
374
378
  ...g
375
379
  },
376
- children: /* @__PURE__ */ b(U, {
380
+ children: /* @__PURE__ */ b(W, {
377
381
  items: i,
378
382
  onSelectItem: a,
379
383
  profileLabel: o.profile,
@@ -387,4 +391,4 @@ var O = {
387
391
  });
388
392
  });
389
393
  //#endregion
390
- export { M as AvatarInitials, L as NavigableBottomSheet, U as NavigationMenuPage, A as NavigationPanel, W as NavigationSheet, V as OptionListPage, H as ProfilePage, B as SheetRow, N as UserAvatar, F as UserMenu, R as useSheetNavigation };
394
+ export { N as AvatarInitials, O as NAVIGATION_PANEL_CLASS, R as NavigableBottomSheet, W as NavigationMenuPage, j as NavigationPanel, G as NavigationSheet, H as OptionListPage, U as ProfilePage, V as SheetRow, P as UserAvatar, I as UserMenu, z as useSheetNavigation };
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.48",
4
+ "version": "1.2.0-dev.50",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -18,11 +18,11 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@tabler/icons-react": "^3.44.0",
21
- "@epam/ai-dial-conversation-input": "1.2.0-dev.48"
21
+ "@epam/ai-dial-conversation-input": "1.2.0-dev.50"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^19.2.8",
25
- "@epam/ai-dial-chat-shared": "1.2.0-dev.48",
25
+ "@epam/ai-dial-chat-shared": "1.2.0-dev.50",
26
26
  "@epam/ai-dial-ui-kit": "^0.15.0-dev.7"
27
27
  },
28
28
  "repository": {