@epam/ai-dial-navigation-panel 1.0.0 → 1.0.2

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":"AAEA,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,CA0EpD,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;AAKzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgFpD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationMenuPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationMenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIvE,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA4D1D,CAAC"}
1
+ {"version":3,"file":"NavigationMenuPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationMenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIvE,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuE1D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/ProfilePage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMvE,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmF5C,CAAC"}
1
+ {"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/ProfilePage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMvE,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAyF5C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2HtC,CAAC"}
1
+ {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuItC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItemLabel.d.ts","sourceRoot":"","sources":["../../../src/components/common/MenuItemLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4BhD,CAAC"}
1
+ {"version":3,"file":"MenuItemLabel.d.ts","sourceRoot":"","sources":["../../../src/components/common/MenuItemLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6BhD,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._rail_ns7b4_2{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_ns7b4_7{color:var(--np-item-text,var(--text-secondary,#57647a))}._item_ns7b4_7:hover{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._item_ns7b4_7:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_ns7b4_7{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._itemActive_ns7b4_24{color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._avatar_179i5_1{background:var(--np-avatar-bg,#60d239);color:var(--np-avatar-text,#000)}._label_179i5_8{color:var(--np-menu-text,var(--text-primary,#161b2d))}._activeIcon_179i5_12{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}._wrapper_1nw3p_1{font-family:var(--np-font-family,inherit)}._trigger_1nw3p_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_1nw3p_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_1nw3p_14{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_3xav0_1{font-family:var(--np-font-family,inherit)}._row_3xav0_5{color:var(--np-sheet-text,var(--text-primary,#161b2d))}._row_3xav0_5:hover,._row_3xav0_5:focus-visible{background:var(--np-sheet-item-hover,var(--bg-control-accent-alpha-hover,#2764d924))}._row_3xav0_5:active{background:var(--np-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}._rowIcon_3xav0_15{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_3xav0_19{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_3xav0_23{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_3xav0_27{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
1
+ ._rail_gaa33_2{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_gaa33_7{color:var(--np-item-text,var(--text-secondary,#57647a))}._item_gaa33_7:hover{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._item_gaa33_7:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_gaa33_7{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._itemActive_gaa33_24{background:var(--np-item-selected-bg,var(--bg-control-accent-alpha,#2764d90f));color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._avatar_15lbd_1{background:var(--np-avatar-bg,var(--bg-control-accent,#1d4ed8));color:var(--np-avatar-text,var(--text-control-permanent,#fcfcfc))}._label_15lbd_6{color:var(--np-menu-text,var(--text-primary,#161b2d))}._activeIcon_15lbd_10{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}._wrapper_1nw3p_1{font-family:var(--np-font-family,inherit)}._trigger_1nw3p_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_1nw3p_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_1nw3p_14{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_3xav0_1{font-family:var(--np-font-family,inherit)}._row_3xav0_5{color:var(--np-sheet-text,var(--text-primary,#161b2d))}._row_3xav0_5:hover,._row_3xav0_5:focus-visible{background:var(--np-sheet-item-hover,var(--bg-control-accent-alpha-hover,#2764d924))}._row_3xav0_5:active{background:var(--np-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}._rowIcon_3xav0_15{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_3xav0_19{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_3xav0_23{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_3xav0_27{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
2
2
  /*$vite$:1*/
package/index.js CHANGED
@@ -1,116 +1,118 @@
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, Dropdown as i, DropdownItemType as a, EllipsisTooltip as o, IconButton as s, Tooltip as c } from "@epam/ai-dial-ui-kit";
3
- 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";
4
- import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
5
- import { IconCheck as b, IconChevronRight as x, IconLogout as S, IconSettings as C, IconUser as w } from "@tabler/icons-react";
6
- import { BottomSheetShell as T } from "@epam/ai-dial-conversation-input";
7
- var E = {
8
- rail: "_rail_ns7b4_2",
9
- item: "_item_ns7b4_7",
10
- itemActive: "_itemActive_ns7b4_24"
11
- }, D = (e, t) => /* @__PURE__ */ v("a", {
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, Tooltip as l } from "@epam/ai-dial-ui-kit";
3
+ import { Fragment as u, createContext as d, memo as f, useCallback as p, useContext as m, useEffect as h, useMemo as g, useState as _ } from "react";
4
+ import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
5
+ import { IconCheck as x, IconChevronRight as S, IconLogout as C, IconSettings as w, IconUser as T } from "@tabler/icons-react";
6
+ import { BottomSheetShell as E } from "@epam/ai-dial-conversation-input";
7
+ var D = {
8
+ rail: "_rail_gaa33_2",
9
+ item: "_item_gaa33_7",
10
+ itemActive: "_itemActive_gaa33_24"
11
+ }, O = (e, t) => /* @__PURE__ */ y("a", {
12
12
  href: e.href,
13
13
  className: "contents",
14
14
  children: t
15
- }), O = d(({ items: n, labels: i, logo: a, footer: o, renderLink: c = D, styles: u }) => {
16
- let { colors: d, typography: f, className: p, cssVars: m } = u ?? {}, g = h(() => e({
17
- "--np-bg": d?.background,
18
- "--np-item-text": d?.itemText,
19
- "--np-item-active-text": d?.itemActiveText,
20
- "--np-item-hover-bg": d?.itemHoverBackground,
21
- "--np-item-active-bg": d?.itemActiveBackground,
22
- "--np-font-family": f?.fontFamily
23
- }), [d, f?.fontFamily]);
24
- return /* @__PURE__ */ y("nav", {
25
- "aria-label": i.ariaLabel,
15
+ }), k = f(({ items: n, labels: a, logo: o, footer: s, renderLink: l = O, styles: d }) => {
16
+ let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, _ = g(() => e({
17
+ "--np-bg": f?.background,
18
+ "--np-item-text": f?.itemText,
19
+ "--np-item-active-text": f?.itemActiveText,
20
+ "--np-item-selected-bg": f?.itemSelectedBackground,
21
+ "--np-item-hover-bg": f?.itemHoverBackground,
22
+ "--np-item-active-bg": f?.itemActiveBackground,
23
+ "--np-font-family": p?.fontFamily
24
+ }), [f, p?.fontFamily]);
25
+ return /* @__PURE__ */ b("nav", {
26
+ "aria-label": a.ariaLabel,
26
27
  style: {
27
- ...m,
28
- ...g
28
+ ...h,
29
+ ..._
29
30
  },
30
- className: t(E.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", f?.fontClassName, p),
31
- children: [/* @__PURE__ */ y("div", {
31
+ className: t(D.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m),
32
+ children: [/* @__PURE__ */ b("div", {
32
33
  className: "flex flex-col items-center",
33
- children: [a && /* @__PURE__ */ v("a", {
34
- href: a.href ?? "/",
35
- "aria-label": a.ariaLabel,
34
+ children: [o && /* @__PURE__ */ y("a", {
35
+ href: o.href ?? "/",
36
+ "aria-label": o.ariaLabel,
36
37
  className: "flex h-16 w-full shrink-0 items-center justify-center",
37
- children: /* @__PURE__ */ v("span", {
38
- style: { backgroundImage: `url(${a.iconUrl})` },
38
+ children: /* @__PURE__ */ y("span", {
39
+ style: { backgroundImage: `url(${o.iconUrl})` },
39
40
  className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
40
41
  })
41
- }), /* @__PURE__ */ v("div", {
42
+ }), /* @__PURE__ */ y("div", {
42
43
  className: "flex flex-col items-center gap-2 p-2",
43
- children: n.map((e) => /* @__PURE__ */ v(l, { children: c(e, /* @__PURE__ */ v(s, {
44
- icon: /* @__PURE__ */ v(e.icon, {
44
+ children: n.map((e) => /* @__PURE__ */ y(u, { children: l(e, /* @__PURE__ */ y(c, {
45
+ icon: /* @__PURE__ */ y(e.icon, {
45
46
  size: r.LG,
46
- stroke: 1.5
47
+ stroke: i
47
48
  }),
48
49
  "aria-label": e.label,
49
50
  "aria-current": e.isActive ? "page" : void 0,
50
51
  tooltipProps: { tooltip: e.label },
51
52
  tabIndex: -1,
52
- className: t(E.item, "rounded", e.isActive && E.itemActive)
53
+ className: t(D.item, "rounded-xl", e.isActive && D.itemActive)
53
54
  })) }, e.id))
54
55
  })]
55
- }), o]
56
+ }), s]
56
57
  });
57
- }), k = {
58
- avatar: "_avatar_179i5_1",
59
- label: "_label_179i5_8",
60
- activeIcon: "_activeIcon_179i5_12"
61
- }, A = d(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ v("div", {
62
- className: t(k.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
58
+ }), A = {
59
+ avatar: "_avatar_15lbd_1",
60
+ label: "_label_15lbd_6",
61
+ activeIcon: "_activeIcon_15lbd_10"
62
+ }, j = f(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ y("div", {
63
+ className: t(A.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
63
64
  children: e
64
- })), j = d(({ label: e, isActive: n, icon: i, textClassName: a = "dial-small-text" }) => {
65
- let o = /* @__PURE__ */ v("span", {
66
- className: t(k.label, "truncate", a),
65
+ })), M = f(({ label: e, isActive: n, icon: a, textClassName: o = "dial-small-text" }) => {
66
+ let s = /* @__PURE__ */ y("span", {
67
+ className: t(A.label, "truncate", o),
67
68
  children: e
68
69
  });
69
- return /* @__PURE__ */ y("span", {
70
+ return /* @__PURE__ */ b("span", {
70
71
  className: "flex items-center justify-between gap-4",
71
- children: [i ? /* @__PURE__ */ y("span", {
72
+ children: [a ? /* @__PURE__ */ b("span", {
72
73
  className: "flex items-center gap-2",
73
- children: [i, o]
74
- }) : o, n && /* @__PURE__ */ v(b, {
74
+ children: [a, s]
75
+ }) : s, n && /* @__PURE__ */ y(x, {
75
76
  size: r.SM,
76
77
  "aria-hidden": !0,
77
- className: k.activeIcon
78
+ className: A.activeIcon,
79
+ stroke: i
78
80
  })]
79
81
  });
80
- }), M = d(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ v(A, { shortName: e.shortName }) : /* @__PURE__ */ v("img", {
82
+ }), N = f(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ y(j, { shortName: e.shortName }) : /* @__PURE__ */ y("img", {
81
83
  className: "rounded-full",
82
84
  src: e.imageUrl,
83
85
  width: 28,
84
86
  height: 28,
85
87
  alt: t,
86
88
  onError: e.onImageError
87
- })), N = {
89
+ })), P = {
88
90
  wrapper: "_wrapper_1nw3p_1",
89
91
  trigger: "_trigger_1nw3p_5",
90
92
  identityText: "_identityText_1nw3p_14"
91
- }, P = d(({ profile: n, labels: s, groups: l, onLogout: u, onSettings: d, isTooltipHidden: f, styles: p }) => {
92
- let { colors: m, typography: g, className: _, cssVars: b } = p ?? {}, x = g?.fontClassName ?? "dial-small-text", w = h(() => e({
93
- "--np-avatar-bg": m?.avatarBackground,
94
- "--np-avatar-text": m?.avatarText,
95
- "--np-menu-text": m?.text,
96
- "--np-menu-active-icon": m?.activeIcon,
97
- "--np-trigger-hover-bg": m?.triggerHoverBackground,
98
- "--np-font-family": g?.fontFamily
99
- }), [m, g?.fontFamily]), T = h(() => {
100
- let e = (l ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
93
+ }, F = f(({ profile: n, labels: c, groups: u, onLogout: d, onSettings: f, isTooltipHidden: p, styles: m }) => {
94
+ let { colors: h, typography: _, className: v, cssVars: x } = m ?? {}, S = _?.fontClassName ?? "dial-small-text", T = g(() => e({
95
+ "--np-avatar-bg": h?.avatarBackground,
96
+ "--np-avatar-text": h?.avatarText,
97
+ "--np-menu-text": h?.text,
98
+ "--np-menu-active-icon": h?.activeIcon,
99
+ "--np-trigger-hover-bg": h?.triggerHoverBackground,
100
+ "--np-font-family": _?.fontFamily
101
+ }), [h, _?.fontFamily]), E = g(() => {
102
+ let e = (u ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
101
103
  key: e,
102
- label: /* @__PURE__ */ v("span", {
103
- className: x,
104
+ label: /* @__PURE__ */ y("span", {
105
+ className: S,
104
106
  children: t
105
107
  }),
106
108
  icon: n,
107
109
  children: r.map((e) => ({
108
110
  key: e.id,
109
- label: /* @__PURE__ */ v(j, {
111
+ label: /* @__PURE__ */ y(M, {
110
112
  label: e.label,
111
113
  isActive: e.isActive,
112
114
  icon: e.icon,
113
- textClassName: x
115
+ textClassName: S
114
116
  }),
115
117
  onClick: e.onSelect
116
118
  }))
@@ -118,247 +120,249 @@ var E = {
118
120
  return [
119
121
  {
120
122
  key: "identity",
121
- type: a.PlainText,
122
- label: /* @__PURE__ */ y("div", {
123
+ type: o.PlainText,
124
+ label: /* @__PURE__ */ b("div", {
123
125
  className: "flex h-[40px] min-w-0 items-center gap-3",
124
- children: [/* @__PURE__ */ v(A, { shortName: n.shortName }), /* @__PURE__ */ v(o, {
126
+ children: [/* @__PURE__ */ y(j, { shortName: n.shortName }), /* @__PURE__ */ y(s, {
125
127
  text: n.displayName,
126
- className: t(N.identityText, x, "min-w-0 flex-1 truncate")
128
+ className: t(P.identityText, S, "min-w-0 flex-1 truncate")
127
129
  })]
128
130
  })
129
131
  },
130
132
  ...e,
131
133
  {
132
134
  key: "divider-1",
133
- type: a.Divider
135
+ type: o.Divider
134
136
  },
135
- ...d ? [{
137
+ ...f ? [{
136
138
  key: "settings",
137
- label: /* @__PURE__ */ v("span", {
138
- className: x,
139
- children: s.settings
139
+ label: /* @__PURE__ */ y("span", {
140
+ className: S,
141
+ children: c.settings
140
142
  }),
141
- icon: /* @__PURE__ */ v(C, {
143
+ icon: /* @__PURE__ */ y(w, {
142
144
  size: r.SM,
143
- "aria-hidden": !0
145
+ "aria-hidden": !0,
146
+ stroke: i
144
147
  }),
145
- onClick: d
148
+ onClick: f
146
149
  }] : [],
147
150
  {
148
151
  key: "logout",
149
- label: /* @__PURE__ */ v("span", {
150
- className: x,
151
- children: s.logOut
152
+ label: /* @__PURE__ */ y("span", {
153
+ className: S,
154
+ children: c.logOut
152
155
  }),
153
- icon: /* @__PURE__ */ v(S, {
156
+ icon: /* @__PURE__ */ y(C, {
154
157
  size: r.SM,
155
- "aria-hidden": !0
158
+ "aria-hidden": !0,
159
+ stroke: i
156
160
  }),
157
- onClick: u
161
+ onClick: d
158
162
  }
159
163
  ];
160
164
  }, [
161
- l,
162
- x,
163
- s.logOut,
164
- s.settings,
165
165
  u,
166
+ S,
167
+ c.logOut,
168
+ c.settings,
166
169
  d,
170
+ f,
167
171
  n.displayName,
168
172
  n.shortName
169
173
  ]);
170
- return /* @__PURE__ */ v("div", {
174
+ return /* @__PURE__ */ y("div", {
171
175
  style: {
172
- ...b,
173
- ...w
176
+ ...x,
177
+ ...T
174
178
  },
175
- className: t(N.wrapper, "flex size-[60px] items-center justify-center", _),
176
- children: /* @__PURE__ */ v(i, {
179
+ className: t(P.wrapper, "flex size-[60px] items-center justify-center", v),
180
+ children: /* @__PURE__ */ y(a, {
177
181
  placement: "top-end",
178
182
  matchReferenceWidth: !1,
179
- items: T,
180
- children: /* @__PURE__ */ v("button", {
183
+ items: E,
184
+ children: /* @__PURE__ */ y("button", {
181
185
  type: "button",
182
- className: t(N.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
183
- "aria-label": s.trigger,
184
- children: /* @__PURE__ */ v(c, {
186
+ className: t(P.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
187
+ "aria-label": c.trigger,
188
+ children: /* @__PURE__ */ y(l, {
185
189
  tooltip: n.email,
186
- hideTooltip: f,
187
- children: /* @__PURE__ */ v(M, {
190
+ hideTooltip: p,
191
+ children: /* @__PURE__ */ y(N, {
188
192
  profile: n,
189
- alt: s.avatarAlt
193
+ alt: c.avatarAlt
190
194
  })
191
195
  })
192
196
  })
193
197
  })
194
198
  });
195
- }), F = u(void 0), I = d(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
196
- let [c, l] = g([]);
197
- m(() => {
199
+ }), I = d(void 0), L = f(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
200
+ let [c, l] = _([]);
201
+ h(() => {
198
202
  e || l([]);
199
203
  }, [e]);
200
- let u = f((e) => {
204
+ let u = p((e) => {
201
205
  l((t) => [...t, e]);
202
- }, []), d = f(() => {
206
+ }, []), d = p(() => {
203
207
  l((e) => e.slice(0, -1));
204
- }, []), p = f(() => {
208
+ }, []), f = p(() => {
205
209
  l([]), t();
206
- }, [t]), _ = h(() => ({
210
+ }, [t]), m = g(() => ({
207
211
  push: u,
208
212
  pop: d,
209
- close: p
213
+ close: f
210
214
  }), [
211
215
  u,
212
216
  d,
213
- p
214
- ]), y = c[c.length - 1];
215
- return /* @__PURE__ */ v(F.Provider, {
216
- value: _,
217
- children: /* @__PURE__ */ v(T, {
217
+ f
218
+ ]), v = c[c.length - 1];
219
+ return /* @__PURE__ */ y(I.Provider, {
220
+ value: m,
221
+ children: /* @__PURE__ */ y(E, {
218
222
  isOpen: e,
219
- onClose: p,
220
- title: y?.title ?? r,
223
+ onClose: f,
224
+ title: v?.title ?? r,
221
225
  closeLabel: i,
222
- onBack: y ? d : void 0,
223
- backLabel: y ? a : void 0,
226
+ onBack: v ? d : void 0,
227
+ backLabel: v ? a : void 0,
224
228
  className: o,
225
229
  style: s,
226
- children: y ? y.content : n
230
+ children: v ? v.content : n
227
231
  })
228
232
  });
229
- }), L = () => {
230
- let e = p(F);
233
+ }), R = () => {
234
+ let e = m(I);
231
235
  if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
232
236
  return e;
233
- }, R = {
237
+ }, z = {
234
238
  sheet: "_sheet_3xav0_1",
235
239
  row: "_row_3xav0_5",
236
240
  rowIcon: "_rowIcon_3xav0_15",
237
241
  divider: "_divider_3xav0_19",
238
242
  mutedText: "_mutedText_3xav0_23",
239
243
  activeIcon: "_activeIcon_3xav0_27"
240
- }, z = d(({ label: e, onClick: n, icon: r, trailing: i, textClassName: a = "dial-small-text" }) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
244
+ }, B = f(({ label: e, onClick: n, icon: r, trailing: i, textClassName: a = "dial-small-text" }) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b("button", {
241
245
  type: "button",
242
- className: t(R.row, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
246
+ className: t(z.row, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
243
247
  onClick: n,
244
248
  children: [
245
- r && /* @__PURE__ */ v("span", {
246
- className: R.rowIcon,
249
+ r && /* @__PURE__ */ y("span", {
250
+ className: z.rowIcon,
247
251
  children: r
248
252
  }),
249
- /* @__PURE__ */ v("span", {
253
+ /* @__PURE__ */ y("span", {
250
254
  className: t(a, "flex-1"),
251
255
  children: e
252
256
  }),
253
257
  i
254
258
  ]
255
- }) })), B = d(({ options: e, textClassName: t }) => {
256
- let { pop: n } = L();
257
- return /* @__PURE__ */ v("ul", {
259
+ }) })), V = f(({ options: e, textClassName: t }) => {
260
+ let { pop: n } = R();
261
+ return /* @__PURE__ */ y("ul", {
258
262
  className: "flex flex-col pb-4",
259
- children: e.map((e) => /* @__PURE__ */ v(z, {
263
+ children: e.map((e) => /* @__PURE__ */ y(B, {
260
264
  label: e.label,
261
265
  icon: e.icon,
262
266
  textClassName: t,
263
- trailing: e.isActive ? /* @__PURE__ */ v(b, {
267
+ trailing: e.isActive ? /* @__PURE__ */ y(x, {
264
268
  size: r.SM,
265
- stroke: 2,
269
+ stroke: i,
266
270
  "aria-hidden": !0,
267
- className: R.activeIcon
271
+ className: z.activeIcon
268
272
  }) : void 0,
269
273
  onClick: () => {
270
274
  e.onSelect(), n();
271
275
  }
272
276
  }, e.id))
273
277
  });
274
- }), V = d(({ profile: e, logOutLabel: r, onLogout: i, groups: a, textClassName: s = "dial-small-text" }) => {
275
- let { push: c, close: l } = L(), u = (a ?? []).filter(({ options: e }) => e.length > 0);
276
- return /* @__PURE__ */ y(_, { children: [
277
- /* @__PURE__ */ y("div", {
278
+ }), H = f(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
279
+ let { push: l, close: u } = R(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
280
+ return /* @__PURE__ */ b(v, { children: [
281
+ /* @__PURE__ */ b("div", {
278
282
  className: "flex h-[56px] items-center gap-3 px-4 py-2",
279
- children: [/* @__PURE__ */ v(M, {
283
+ children: [/* @__PURE__ */ y(N, {
280
284
  profile: e,
281
285
  alt: ""
282
- }), /* @__PURE__ */ v(o, {
286
+ }), /* @__PURE__ */ y(s, {
283
287
  text: e.displayName,
284
- className: t(R.mutedText, s, "min-w-0 flex-1 truncate")
288
+ className: t(z.mutedText, c, "min-w-0 flex-1 truncate")
285
289
  })]
286
290
  }),
287
- u.length > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("ul", {
291
+ d.length > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("ul", {
288
292
  className: "flex flex-col",
289
- children: u.map((e) => /* @__PURE__ */ v(z, {
293
+ children: d.map((e) => /* @__PURE__ */ y(B, {
290
294
  label: e.label,
291
295
  icon: e.icon,
292
- textClassName: s,
293
- trailing: /* @__PURE__ */ v(x, {
296
+ textClassName: c,
297
+ trailing: /* @__PURE__ */ y(S, {
294
298
  size: n,
295
- stroke: 1.5,
299
+ stroke: i,
296
300
  "aria-hidden": !0,
297
- className: t(R.rowIcon, "rtl:scale-x-[-1]")
301
+ className: t(z.rowIcon, "rtl:scale-x-[-1]")
298
302
  }),
299
- onClick: () => c({
303
+ onClick: () => l({
300
304
  title: e.label,
301
- content: /* @__PURE__ */ v(B, {
305
+ content: /* @__PURE__ */ y(V, {
302
306
  options: e.options,
303
- textClassName: s
307
+ textClassName: c
304
308
  })
305
309
  })
306
310
  }, e.id))
307
- }), /* @__PURE__ */ v("hr", { className: R.divider })] }),
308
- /* @__PURE__ */ v("ul", {
311
+ }), /* @__PURE__ */ y("hr", { className: z.divider })] }),
312
+ /* @__PURE__ */ y("ul", {
309
313
  className: "flex flex-col pb-4",
310
- children: /* @__PURE__ */ v(z, {
314
+ children: /* @__PURE__ */ y(B, {
311
315
  label: r,
312
- textClassName: s,
313
- icon: /* @__PURE__ */ v(S, {
316
+ textClassName: c,
317
+ icon: /* @__PURE__ */ y(C, {
314
318
  size: n,
315
- stroke: 1.5,
319
+ stroke: i,
316
320
  "aria-hidden": !0
317
321
  }),
318
322
  onClick: () => {
319
- l(), i();
323
+ u(), a();
320
324
  }
321
325
  })
322
326
  })
323
327
  ] });
324
- }), H = d(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: i, onLogout: a, profile: o, groups: s, footer: c, textClassName: l }) => {
325
- let { push: u, close: d } = L(), f = (e) => {
326
- d(), t(e);
328
+ }), U = f(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
329
+ let { push: d, close: f } = R(), p = (e) => {
330
+ f(), t(e);
327
331
  };
328
- return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("ul", {
332
+ return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("ul", {
329
333
  className: "flex flex-col pb-4",
330
- children: [e.map((e) => /* @__PURE__ */ v(z, {
334
+ children: [e.map((e) => /* @__PURE__ */ y(B, {
331
335
  label: e.label,
332
- textClassName: l,
333
- icon: /* @__PURE__ */ v(e.icon, {
336
+ textClassName: u,
337
+ icon: /* @__PURE__ */ y(e.icon, {
334
338
  size: n,
335
- stroke: 1.5
339
+ stroke: i
336
340
  }),
337
- onClick: () => f(e)
338
- }, e.id)), o && /* @__PURE__ */ v(z, {
341
+ onClick: () => p(e)
342
+ }, e.id)), s && /* @__PURE__ */ y(B, {
339
343
  label: r,
340
- textClassName: l,
341
- icon: /* @__PURE__ */ v(w, {
344
+ textClassName: u,
345
+ icon: /* @__PURE__ */ y(T, {
342
346
  size: n,
343
- stroke: 1.5,
347
+ stroke: i,
344
348
  "aria-hidden": !0
345
349
  }),
346
350
  onClick: () => {
347
- o && u({
351
+ s && d({
348
352
  title: r,
349
- content: /* @__PURE__ */ v(V, {
350
- profile: o,
351
- groups: s,
352
- logOutLabel: i,
353
- onLogout: a,
354
- textClassName: l
353
+ content: /* @__PURE__ */ y(H, {
354
+ profile: s,
355
+ groups: c,
356
+ logOutLabel: a,
357
+ onLogout: o,
358
+ textClassName: u
355
359
  })
356
360
  });
357
361
  }
358
362
  })]
359
- }), c] });
360
- }), U = d(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
361
- let { colors: f, typography: p, className: m, cssVars: g } = d ?? {}, _ = h(() => e({
363
+ }), l] });
364
+ }), W = f(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
365
+ let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, _ = g(() => e({
362
366
  "--np-sheet-text": f?.text,
363
367
  "--np-sheet-item-hover": f?.itemHoverBackground,
364
368
  "--np-sheet-item-active": f?.itemActiveBackground,
@@ -369,18 +373,18 @@ var E = {
369
373
  "--np-menu-active-icon": f?.activeIcon,
370
374
  "--np-font-family": p?.fontFamily
371
375
  }), [f, p?.fontFamily]);
372
- return /* @__PURE__ */ v(I, {
376
+ return /* @__PURE__ */ y(L, {
373
377
  isOpen: n,
374
378
  onClose: r,
375
379
  title: o.title,
376
380
  closeLabel: o.close,
377
381
  backLabel: o.back,
378
- className: t(R.sheet, m),
382
+ className: t(z.sheet, m),
379
383
  style: {
380
- ...g,
384
+ ...h,
381
385
  ..._
382
386
  },
383
- children: /* @__PURE__ */ v(H, {
387
+ children: /* @__PURE__ */ y(U, {
384
388
  items: i,
385
389
  onSelectItem: a,
386
390
  profileLabel: o.profile,
@@ -394,4 +398,4 @@ var E = {
394
398
  });
395
399
  });
396
400
  //#endregion
397
- export { A as AvatarInitials, j as MenuItemLabel, I as NavigableBottomSheet, H as NavigationMenuPage, O as NavigationPanel, U as NavigationSheet, B as OptionListPage, V as ProfilePage, z as SheetRow, M as UserAvatar, P as UserMenu, L as useSheetNavigation };
401
+ export { j as AvatarInitials, M as MenuItemLabel, L as NavigableBottomSheet, U as NavigationMenuPage, k as NavigationPanel, W as NavigationSheet, V as OptionListPage, H as ProfilePage, B as SheetRow, N as UserAvatar, F as UserMenu, R as useSheetNavigation };
@@ -17,6 +17,8 @@ export interface NavigationPanelColors {
17
17
  itemText?: string;
18
18
  /** Icon color of the active item. */
19
19
  itemActiveText?: string;
20
+ /** Background of the active/selected item. */
21
+ itemSelectedBackground?: string;
20
22
  /** Item background on hover. */
21
23
  itemHoverBackground?: string;
22
24
  /** Item background while pressed. */
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qDAAqD;IACrD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,gEAAgE;IAChE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oFAAoF;IACpF,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
1
+ {"version":3,"file":"navigation-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qDAAqD;IACrD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,gEAAgE;IAChE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oFAAoF;IACpF,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
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.0.0",
4
+ "version": "1.0.2",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -19,8 +19,8 @@
19
19
  "peerDependencies": {
20
20
  "react": "^19.0.0",
21
21
  "@tabler/icons-react": "^3.44.0",
22
- "@epam/ai-dial-chat-shared": "1.0.0",
23
- "@epam/ai-dial-conversation-input": "1.0.0",
22
+ "@epam/ai-dial-chat-shared": "1.0.2",
23
+ "@epam/ai-dial-conversation-input": "1.0.2",
24
24
  "@epam/ai-dial-ui-kit": "*"
25
25
  },
26
26
  "repository": {