@epam/ai-dial-navigation-panel 1.2.0-dev.218 → 1.2.0-dev.219

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 (8) hide show
  1. package/components/NavigationPanel/NavigationPanel.d.ts.map +1 -1
  2. package/index.css +2 -2
  3. package/index.js +167 -119
  4. package/models/navigation-item.d.ts +2 -0
  5. package/models/navigation-item.d.ts.map +1 -1
  6. package/models/navigation-panel-props.d.ts +7 -3
  7. package/models/navigation-panel-props.d.ts.map +1 -1
  8. package/package.json +3 -3
package/components/NavigationPanel/NavigationPanel.d.ts.map CHANGED
@@ -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;AAMzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkFpD,CAAC"}
1
+ {"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkC,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAMhF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6HpD,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_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))}
1
+ ._rail_60wxp_1{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_60wxp_6{color:var(--np-item-text,var(--text-secondary,#57647a))}._item_60wxp_6:not(._itemActive_60wxp_11):hover{background:var(--np-item-hover-bg,transparent)}._item_60wxp_6:not(._itemActive_60wxp_11):hover svg,a:focus-visible>._item_60wxp_6:not(._itemActive_60wxp_11) svg{stroke:var(--np-item-hover-icon,currentColor)}._item_60wxp_6:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_60wxp_6:not(._itemActive_60wxp_11){background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}a:focus-visible>._item_60wxp_6._itemActive_60wxp_11{outline:2px solid var(--np-item-active-text,var(--text-accent,#1d4ed8));outline-offset:-2px}._item_60wxp_6._itemActive_60wxp_11{background:var(--np-item-selected-bg,var(--bg-control-accent-alpha-active,#2764d933));color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._item_60wxp_6._itemActive_60wxp_11 svg{stroke:var(--np-item-active-icon,currentColor)}._item_60wxp_6._itemFilled_60wxp_16 svg{fill:var(--np-item-active-icon,currentColor);stroke:none}._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*/.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.contents{display:contents}.size-0{height:0;width:0}.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)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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,98 +1,146 @@
1
1
  import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
2
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
- 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
- import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
5
- import { IconCheck as C, IconChevronRight as w, IconLogout as T, IconSettings as E, IconUser as D } from "@tabler/icons-react";
6
- import { BottomSheetShell as O } from "@epam/ai-dial-conversation-input";
3
+ import { Fragment as f, createContext as p, memo as m, useCallback as h, useContext as g, useEffect as _, useId as v, useMemo as y, useState as b } from "react";
4
+ import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
5
+ import { IconCheck as w, IconChevronRight as T, IconLogout as E, IconSettings as D, IconUser as O } from "@tabler/icons-react";
6
+ import { BottomSheetShell as k } from "@epam/ai-dial-conversation-input";
7
7
  //#region src/constants/public-class-names.ts
8
- var k = {
8
+ var A = {
9
9
  rail: "dial-navigation-panel-rail",
10
10
  item: "dial-navigation-panel-item"
11
- }, A = {
12
- rail: "_rail_h528m_1",
13
- item: "_item_h528m_6",
14
- itemActive: "_itemActive_h528m_19"
15
- }, j = (e, t) => /* @__PURE__ */ x("a", {
11
+ }, j = {
12
+ rail: "_rail_60wxp_1",
13
+ item: "_item_60wxp_6",
14
+ itemActive: "_itemActive_60wxp_11",
15
+ itemFilled: "_itemFilled_60wxp_16"
16
+ }, M = (e, t) => /* @__PURE__ */ S("a", {
16
17
  href: e.href,
17
18
  className: "contents",
18
19
  children: t
19
- }), M = m(({ items: n, labels: r, logo: o, footer: s, renderLink: c = j, styles: u }) => {
20
- let { colors: d, typography: p, className: m, cssVars: h } = u ?? {}, g = v(() => e({
20
+ }), N = m(({ items: n, labels: r, logo: o, footer: s, renderLink: c = M, styles: u }) => {
21
+ let { colors: d, typography: p, className: m, cssVars: h } = u ?? {}, g = v().replace(/[^\w-]/g, ""), _ = `np-hover-gradient-${g}`, b = `np-active-gradient-${g}`, x = y(() => e({
21
22
  "--np-bg": d?.background,
22
23
  "--np-item-text": d?.itemText,
23
24
  "--np-item-active-text": d?.itemActiveText,
24
25
  "--np-item-selected-bg": d?.itemSelectedBackground,
25
26
  "--np-item-hover-bg": d?.itemHoverBackground,
27
+ "--np-item-hover-icon": d?.itemHoverIcon ?? `url(#${_})`,
28
+ "--np-item-active-icon": d?.itemActiveIcon ?? `url(#${b})`,
26
29
  "--np-item-active-bg": d?.itemActiveBackground,
27
30
  "--np-font-family": p?.fontFamily
28
- }), [d, p?.fontFamily]);
29
- return /* @__PURE__ */ S("nav", {
31
+ }), [
32
+ d,
33
+ p?.fontFamily,
34
+ _,
35
+ b
36
+ ]);
37
+ return /* @__PURE__ */ C("nav", {
30
38
  "aria-label": r.ariaLabel,
31
39
  style: {
32
40
  ...h,
33
- ...g
41
+ ...x
34
42
  },
35
- className: t(A.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m, k.rail),
36
- children: [/* @__PURE__ */ S("div", {
37
- className: "flex flex-col items-center",
38
- children: [o && /* @__PURE__ */ x("a", {
39
- href: o.href ?? "/",
40
- "aria-label": o.ariaLabel,
41
- className: "flex h-16 w-full shrink-0 items-center justify-center",
42
- children: /* @__PURE__ */ x("span", {
43
- style: { backgroundImage: `url(${o.iconUrl})` },
44
- className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
45
- })
46
- }), /* @__PURE__ */ x("div", {
47
- className: "flex flex-col items-center gap-2 p-2",
48
- children: n.map((e) => /* @__PURE__ */ x(f, { children: c(e, /* @__PURE__ */ x(l, {
49
- icon: /* @__PURE__ */ x(e.icon, {
50
- size: i.LG,
51
- stroke: a
52
- }),
53
- "aria-label": e.label,
54
- "aria-current": e.isActive ? "page" : void 0,
55
- tooltipProps: { tooltip: e.label },
56
- tabIndex: -1,
57
- className: t(A.item, "rounded-xl", e.isActive && A.itemActive, k.item)
58
- })) }, e.id))
59
- })]
60
- }), s]
43
+ className: t(j.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m, A.rail),
44
+ children: [
45
+ /* @__PURE__ */ S("svg", {
46
+ "aria-hidden": !0,
47
+ className: "absolute size-0",
48
+ focusable: "false",
49
+ children: /* @__PURE__ */ C("defs", { children: [/* @__PURE__ */ C("linearGradient", {
50
+ id: _,
51
+ gradientUnits: "userSpaceOnUse",
52
+ x1: "30.2",
53
+ y1: "-2.5",
54
+ x2: "-4.6",
55
+ y2: "25.2",
56
+ children: [/* @__PURE__ */ S("stop", {
57
+ offset: "0",
58
+ stopColor: "#1d4ed8"
59
+ }), /* @__PURE__ */ S("stop", {
60
+ offset: "1",
61
+ stopColor: "#885df2"
62
+ })]
63
+ }), /* @__PURE__ */ C("linearGradient", {
64
+ id: b,
65
+ gradientUnits: "userSpaceOnUse",
66
+ x1: "31.3",
67
+ y1: "-1.7",
68
+ x2: "0.2",
69
+ y2: "20.4",
70
+ children: [/* @__PURE__ */ S("stop", {
71
+ offset: "0",
72
+ stopColor: "#1d4ed8"
73
+ }), /* @__PURE__ */ S("stop", {
74
+ offset: "1",
75
+ stopColor: "#885df2"
76
+ })]
77
+ })] })
78
+ }),
79
+ /* @__PURE__ */ C("div", {
80
+ className: "flex flex-col items-center",
81
+ children: [o && /* @__PURE__ */ S("a", {
82
+ href: o.href ?? "/",
83
+ "aria-label": o.ariaLabel,
84
+ className: "flex h-16 w-full shrink-0 items-center justify-center",
85
+ children: /* @__PURE__ */ S("span", {
86
+ style: { backgroundImage: `url(${o.iconUrl})` },
87
+ className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
88
+ })
89
+ }), /* @__PURE__ */ S("div", {
90
+ className: "flex flex-col items-center gap-2 p-2",
91
+ children: n.map((e) => {
92
+ let n = !!e.isActive && !!e.activeIcon;
93
+ return /* @__PURE__ */ S(f, { children: c(e, /* @__PURE__ */ S(l, {
94
+ icon: /* @__PURE__ */ S(n && e.activeIcon || e.icon, {
95
+ size: i.LG,
96
+ stroke: a
97
+ }),
98
+ "aria-label": e.label,
99
+ "aria-current": e.isActive ? "page" : void 0,
100
+ tooltipProps: { tooltip: e.label },
101
+ tabIndex: -1,
102
+ className: t(j.item, "rounded-xl", e.isActive && j.itemActive, n && j.itemFilled, A.item)
103
+ })) }, e.id);
104
+ })
105
+ })]
106
+ }),
107
+ s
108
+ ]
61
109
  });
62
- }), N = { avatar: "_avatar_htyg8_1" }, P = m(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ x("div", {
63
- className: t(N.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
110
+ }), P = { avatar: "_avatar_htyg8_1" }, F = m(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ S("div", {
111
+ className: t(P.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
64
112
  children: e
65
- })), F = m(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ x(P, { shortName: e.shortName }) : /* @__PURE__ */ x("img", {
113
+ })), I = m(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ S(F, { shortName: e.shortName }) : /* @__PURE__ */ S("img", {
66
114
  className: "rounded-full",
67
115
  src: e.imageUrl,
68
116
  width: 28,
69
117
  height: 28,
70
118
  alt: t,
71
119
  onError: e.onImageError
72
- })), I = {
120
+ })), L = {
73
121
  wrapper: "_wrapper_1uzro_1",
74
122
  trigger: "_trigger_1uzro_5",
75
123
  identityText: "_identityText_1uzro_18",
76
124
  menuLabel: "_menuLabel_1uzro_22"
77
- }, L = m(({ profile: n, labels: l, groups: u, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
78
- let { colors: g, typography: _, className: y, cssVars: b } = h ?? {}, C = _?.fontClassName ?? "dial-small-text", w = v(() => e({
125
+ }, R = m(({ profile: n, labels: l, groups: u, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
126
+ let { colors: g, typography: _, className: v, cssVars: b } = h ?? {}, x = _?.fontClassName ?? "dial-small-text", w = y(() => e({
79
127
  "--np-avatar-bg": g?.avatarBackground,
80
128
  "--np-avatar-text": g?.avatarText,
81
129
  "--np-menu-text": g?.text,
82
130
  "--np-trigger-hover-bg": g?.triggerHoverBackground,
83
131
  "--np-font-family": _?.fontFamily
84
- }), [g, _?.fontFamily]), D = v(() => t(I.menuLabel, C), [C]), O = v(() => {
132
+ }), [g, _?.fontFamily]), T = y(() => t(L.menuLabel, x), [x]), O = y(() => {
85
133
  let e = (u ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
86
134
  key: e,
87
- label: /* @__PURE__ */ x("span", {
88
- className: D,
135
+ label: /* @__PURE__ */ S("span", {
136
+ className: T,
89
137
  children: t
90
138
  }),
91
139
  icon: n,
92
140
  children: r.map((e) => ({
93
141
  key: e.id,
94
- label: /* @__PURE__ */ x("span", {
95
- className: D,
142
+ label: /* @__PURE__ */ S("span", {
143
+ className: T,
96
144
  children: e.label
97
145
  }),
98
146
  icon: e.icon,
@@ -105,11 +153,11 @@ var k = {
105
153
  {
106
154
  key: "identity",
107
155
  type: s.PlainText,
108
- label: /* @__PURE__ */ S("div", {
156
+ label: /* @__PURE__ */ C("div", {
109
157
  className: "flex h-[40px] min-w-0 items-center gap-3",
110
- children: [/* @__PURE__ */ x(P, { shortName: n.shortName }), /* @__PURE__ */ x(c, {
158
+ children: [/* @__PURE__ */ S(F, { shortName: n.shortName }), /* @__PURE__ */ S(c, {
111
159
  text: n.displayName,
112
- className: t(I.identityText, C, "min-w-0 flex-1 truncate")
160
+ className: t(L.identityText, x, "min-w-0 flex-1 truncate")
113
161
  })]
114
162
  })
115
163
  },
@@ -120,11 +168,11 @@ var k = {
120
168
  },
121
169
  ...p ? [{
122
170
  key: "settings",
123
- label: /* @__PURE__ */ x("span", {
124
- className: D,
171
+ label: /* @__PURE__ */ S("span", {
172
+ className: T,
125
173
  children: l.settings
126
174
  }),
127
- icon: /* @__PURE__ */ x(E, {
175
+ icon: /* @__PURE__ */ S(D, {
128
176
  size: i.SM,
129
177
  "aria-hidden": !0,
130
178
  stroke: a
@@ -133,11 +181,11 @@ var k = {
133
181
  }] : [],
134
182
  {
135
183
  key: "logout",
136
- label: /* @__PURE__ */ x("span", {
137
- className: D,
184
+ label: /* @__PURE__ */ S("span", {
185
+ className: T,
138
186
  children: l.logOut
139
187
  }),
140
- icon: /* @__PURE__ */ x(T, {
188
+ icon: /* @__PURE__ */ S(E, {
141
189
  size: i.SM,
142
190
  "aria-hidden": !0,
143
191
  stroke: a
@@ -147,8 +195,8 @@ var k = {
147
195
  ];
148
196
  }, [
149
197
  u,
150
- C,
151
- D,
198
+ x,
199
+ T,
152
200
  l.logOut,
153
201
  l.settings,
154
202
  f,
@@ -156,32 +204,32 @@ var k = {
156
204
  n.displayName,
157
205
  n.shortName
158
206
  ]);
159
- return /* @__PURE__ */ x("div", {
207
+ return /* @__PURE__ */ S("div", {
160
208
  style: {
161
209
  ...b,
162
210
  ...w
163
211
  },
164
- className: t(I.wrapper, "flex size-[60px] items-center justify-center", y),
165
- children: /* @__PURE__ */ x(o, {
212
+ className: t(L.wrapper, "flex size-[60px] items-center justify-center", v),
213
+ children: /* @__PURE__ */ S(o, {
166
214
  placement: "top-end",
167
215
  matchReferenceWidth: !1,
168
216
  items: O,
169
- children: /* @__PURE__ */ x(r, {
217
+ children: /* @__PURE__ */ S(r, {
170
218
  "aria-label": l.trigger,
171
219
  tooltipProps: {
172
220
  tooltip: n.email,
173
221
  hideTooltip: m
174
222
  },
175
- iconBefore: /* @__PURE__ */ x(F, {
223
+ iconBefore: /* @__PURE__ */ S(I, {
176
224
  profile: n,
177
225
  alt: l.avatarAlt
178
226
  }),
179
- className: t("size-[44px] gap-0 !rounded-full p-0", I.trigger)
227
+ className: t("size-[44px] gap-0 !rounded-full p-0", L.trigger)
180
228
  })
181
229
  })
182
230
  });
183
- }), R = p(void 0), z = m(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
184
- let [c, l] = y([]);
231
+ }), z = p(void 0), B = m(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
232
+ let [c, l] = b([]);
185
233
  _(() => {
186
234
  e || l([]);
187
235
  }, [e]);
@@ -191,7 +239,7 @@ var k = {
191
239
  l((e) => e.slice(0, -1));
192
240
  }, []), f = h(() => {
193
241
  l([]), t();
194
- }, [t]), p = v(() => ({
242
+ }, [t]), p = y(() => ({
195
243
  push: u,
196
244
  pop: d,
197
245
  close: f
@@ -200,9 +248,9 @@ var k = {
200
248
  d,
201
249
  f
202
250
  ]), m = c[c.length - 1];
203
- return /* @__PURE__ */ x(R.Provider, {
251
+ return /* @__PURE__ */ S(z.Provider, {
204
252
  value: p,
205
- children: /* @__PURE__ */ x(O, {
253
+ children: /* @__PURE__ */ S(k, {
206
254
  isOpen: e,
207
255
  onClose: f,
208
256
  title: m?.title ?? r,
@@ -214,11 +262,11 @@ var k = {
214
262
  children: m ? m.content : n
215
263
  })
216
264
  });
217
- }), B = () => {
218
- let e = g(R);
265
+ }), V = () => {
266
+ let e = g(z);
219
267
  if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
220
268
  return e;
221
- }, V = {
269
+ }, H = {
222
270
  sheet: "_sheet_wbw5h_1",
223
271
  row: "_row_wbw5h_12",
224
272
  rowActive: "_rowActive_wbw5h_24",
@@ -226,79 +274,79 @@ var k = {
226
274
  divider: "_divider_wbw5h_39",
227
275
  mutedText: "_mutedText_wbw5h_43",
228
276
  activeIcon: "_activeIcon_wbw5h_47"
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, {
277
+ }, U = m(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ S("li", { children: /* @__PURE__ */ S(u, {
230
278
  label: e,
231
279
  labelClassName: s,
232
- icon: r && /* @__PURE__ */ x("span", {
233
- className: V.rowIcon,
280
+ icon: r && /* @__PURE__ */ S("span", {
281
+ className: H.rowIcon,
234
282
  children: r
235
283
  }),
236
284
  trailing: i,
237
285
  mark: d.Highlight,
238
286
  selected: o,
239
287
  "aria-current": a ? "true" : void 0,
240
- className: t("h-auto gap-3 rounded-none px-4 py-[10px]", V.row, o && V.rowActive),
288
+ className: t("h-auto gap-3 rounded-none px-4 py-[10px]", H.row, o && H.rowActive),
241
289
  onClick: n
242
- }) })), U = m(({ options: e, textClassName: t }) => {
243
- let { pop: n } = B();
244
- return /* @__PURE__ */ x("ul", {
290
+ }) })), W = m(({ options: e, textClassName: t }) => {
291
+ let { pop: n } = V();
292
+ return /* @__PURE__ */ S("ul", {
245
293
  className: "flex flex-col pb-4",
246
- children: e.map((e) => /* @__PURE__ */ x(H, {
294
+ children: e.map((e) => /* @__PURE__ */ S(U, {
247
295
  label: e.label,
248
296
  icon: e.icon,
249
297
  textClassName: t,
250
298
  isCurrent: e.isActive,
251
- trailing: e.isActive ? /* @__PURE__ */ x(C, {
299
+ trailing: e.isActive ? /* @__PURE__ */ S(w, {
252
300
  size: i.SM,
253
301
  stroke: a,
254
302
  "aria-hidden": !0,
255
- className: V.activeIcon
303
+ className: H.activeIcon
256
304
  }) : void 0,
257
305
  onClick: () => {
258
306
  e.onSelect(), n();
259
307
  }
260
308
  }, e.id))
261
309
  });
262
- }), W = m(({ profile: e, logOutLabel: r, onLogout: i, settingsLabel: o, onSettings: s, groups: l, textClassName: u = "dial-small-text" }) => {
263
- let { push: d, close: f } = B(), p = (l ?? []).filter(({ options: e }) => e.length > 0);
264
- return /* @__PURE__ */ S(b, { children: [
265
- /* @__PURE__ */ S("div", {
310
+ }), G = m(({ profile: e, logOutLabel: r, onLogout: i, settingsLabel: o, onSettings: s, groups: l, textClassName: u = "dial-small-text" }) => {
311
+ let { push: d, close: f } = V(), p = (l ?? []).filter(({ options: e }) => e.length > 0);
312
+ return /* @__PURE__ */ C(x, { children: [
313
+ /* @__PURE__ */ C("div", {
266
314
  className: "flex h-[56px] items-center gap-3 px-4 py-2",
267
- children: [/* @__PURE__ */ x(F, {
315
+ children: [/* @__PURE__ */ S(I, {
268
316
  profile: e,
269
317
  alt: ""
270
- }), /* @__PURE__ */ x(c, {
318
+ }), /* @__PURE__ */ S(c, {
271
319
  text: e.displayName,
272
- className: t(V.mutedText, u, "min-w-0 flex-1 truncate")
320
+ className: t(H.mutedText, u, "min-w-0 flex-1 truncate")
273
321
  })]
274
322
  }),
275
- p.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("ul", {
323
+ p.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("ul", {
276
324
  className: "flex flex-col",
277
- children: p.map((e) => /* @__PURE__ */ x(H, {
325
+ children: p.map((e) => /* @__PURE__ */ S(U, {
278
326
  label: e.label,
279
327
  icon: e.icon,
280
328
  textClassName: u,
281
- trailing: /* @__PURE__ */ x(w, {
329
+ trailing: /* @__PURE__ */ S(T, {
282
330
  size: n,
283
331
  stroke: a,
284
332
  "aria-hidden": !0,
285
- className: t(V.rowIcon, "rtl:scale-x-[-1]")
333
+ className: t(H.rowIcon, "rtl:scale-x-[-1]")
286
334
  }),
287
335
  onClick: () => d({
288
336
  title: e.label,
289
- content: /* @__PURE__ */ x(U, {
337
+ content: /* @__PURE__ */ S(W, {
290
338
  options: e.options,
291
339
  textClassName: u
292
340
  })
293
341
  })
294
342
  }, e.id))
295
- }), /* @__PURE__ */ x("hr", { className: V.divider })] }),
296
- /* @__PURE__ */ S("ul", {
343
+ }), /* @__PURE__ */ S("hr", { className: H.divider })] }),
344
+ /* @__PURE__ */ C("ul", {
297
345
  className: "flex flex-col pb-4",
298
- children: [s && o && /* @__PURE__ */ x(H, {
346
+ children: [s && o && /* @__PURE__ */ S(U, {
299
347
  label: o,
300
348
  textClassName: u,
301
- icon: /* @__PURE__ */ x(E, {
349
+ icon: /* @__PURE__ */ S(D, {
302
350
  size: n,
303
351
  stroke: a,
304
352
  "aria-hidden": !0
@@ -306,10 +354,10 @@ var k = {
306
354
  onClick: () => {
307
355
  f(), s?.();
308
356
  }
309
- }), /* @__PURE__ */ x(H, {
357
+ }), /* @__PURE__ */ S(U, {
310
358
  label: r,
311
359
  textClassName: u,
312
- icon: /* @__PURE__ */ x(T, {
360
+ icon: /* @__PURE__ */ S(E, {
313
361
  size: n,
314
362
  stroke: a,
315
363
  "aria-hidden": !0
@@ -320,26 +368,26 @@ var k = {
320
368
  })]
321
369
  })
322
370
  ] });
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 }) => {
324
- let { push: p, close: m } = B(), h = (e) => {
371
+ }), K = m(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: i, onLogout: o, settingsLabel: s, onSettings: c, profile: l, groups: u, footer: d, textClassName: f }) => {
372
+ let { push: p, close: m } = V(), h = (e) => {
325
373
  m(), t(e);
326
374
  };
327
- return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("ul", {
375
+ return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("ul", {
328
376
  className: "flex flex-col pb-4",
329
- children: [e.map((e) => /* @__PURE__ */ x(H, {
377
+ children: [e.map((e) => /* @__PURE__ */ S(U, {
330
378
  label: e.label,
331
379
  textClassName: f,
332
380
  isCurrent: e.isActive,
333
381
  isHighlighted: e.isActive,
334
- icon: /* @__PURE__ */ x(e.icon, {
382
+ icon: /* @__PURE__ */ S(e.icon, {
335
383
  size: n,
336
384
  stroke: a
337
385
  }),
338
386
  onClick: () => h(e)
339
- }, e.id)), l && /* @__PURE__ */ x(H, {
387
+ }, e.id)), l && /* @__PURE__ */ S(U, {
340
388
  label: r,
341
389
  textClassName: f,
342
- icon: /* @__PURE__ */ x(D, {
390
+ icon: /* @__PURE__ */ S(O, {
343
391
  size: n,
344
392
  stroke: a,
345
393
  "aria-hidden": !0
@@ -347,7 +395,7 @@ var k = {
347
395
  onClick: () => {
348
396
  l && p({
349
397
  title: r,
350
- content: /* @__PURE__ */ x(W, {
398
+ content: /* @__PURE__ */ S(G, {
351
399
  profile: l,
352
400
  groups: u,
353
401
  logOutLabel: i,
@@ -360,8 +408,8 @@ var k = {
360
408
  }
361
409
  })]
362
410
  }), d] });
363
- }), K = m(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, onSettings: u, footer: d, styles: f }) => {
364
- let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, _ = v(() => e({
411
+ }), q = m(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, onSettings: u, footer: d, styles: f }) => {
412
+ let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, _ = y(() => e({
365
413
  "--np-sheet-text": p?.text,
366
414
  "--np-sheet-item-hover": p?.itemHoverBackground,
367
415
  "--np-sheet-item-active": p?.itemActiveBackground,
@@ -375,18 +423,18 @@ var k = {
375
423
  "--np-menu-active-icon": p?.activeIcon,
376
424
  "--np-font-family": m?.fontFamily
377
425
  }), [p, m?.fontFamily]);
378
- return /* @__PURE__ */ x(z, {
426
+ return /* @__PURE__ */ S(B, {
379
427
  isOpen: n,
380
428
  onClose: r,
381
429
  title: o.title,
382
430
  closeLabel: o.close,
383
431
  backLabel: o.back,
384
- className: t(V.sheet, h),
432
+ className: t(H.sheet, h),
385
433
  style: {
386
434
  ...g,
387
435
  ..._
388
436
  },
389
- children: /* @__PURE__ */ x(G, {
437
+ children: /* @__PURE__ */ S(K, {
390
438
  items: i,
391
439
  onSelectItem: a,
392
440
  profileLabel: o.profile,
@@ -402,4 +450,4 @@ var k = {
402
450
  });
403
451
  });
404
452
  //#endregion
405
- export { P as AvatarInitials, k as NAVIGATION_PANEL_CLASS, z as NavigableBottomSheet, G as NavigationMenuPage, M as NavigationPanel, K as NavigationSheet, U as OptionListPage, W as ProfilePage, H as SheetRow, F as UserAvatar, L as UserMenu, B as useSheetNavigation };
453
+ export { F as AvatarInitials, A as NAVIGATION_PANEL_CLASS, B as NavigableBottomSheet, K as NavigationMenuPage, N as NavigationPanel, q as NavigationSheet, W as OptionListPage, G as ProfilePage, U as SheetRow, I as UserAvatar, R as UserMenu, V as useSheetNavigation };
package/models/navigation-item.d.ts CHANGED
@@ -15,6 +15,8 @@ export interface NavigationPanelItem {
15
15
  label: string;
16
16
  /** Icon component rendered inside the rail button and the sheet row. */
17
17
  icon: NavigationItemIcon;
18
+ /** Filled icon the rail renders in place of `icon` while the item is active, painted with the selected-state fill. */
19
+ activeIcon?: NavigationItemIcon;
18
20
  /** Whether this entry points at the page currently on screen. */
19
21
  isActive?: boolean;
20
22
  /** Target URL placed on the rail anchor. The host owns route matching and navigation. */
package/models/navigation-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-item.d.ts","sourceRoot":"","sources":["../../src/models/navigation-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExE,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,EAAE,kBAAkB,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CACnC,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,SAAS,KAChB,SAAS,CAAC"}
1
+ {"version":3,"file":"navigation-item.d.ts","sourceRoot":"","sources":["../../src/models/navigation-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExE,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,EAAE,kBAAkB,CAAC;IACzB,sHAAsH;IACtH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CACnC,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,SAAS,KAChB,SAAS,CAAC"}
package/models/navigation-panel-props.d.ts CHANGED
@@ -15,12 +15,16 @@ export interface NavigationPanelColors {
15
15
  background?: string;
16
16
  /** Icon color of an inactive item. */
17
17
  itemText?: string;
18
- /** Icon color of the active item. */
18
+ /** Icon color of the active item; also its keyboard-focus ring. */
19
19
  itemActiveText?: string;
20
- /** Background of the active/selected item. */
20
+ /** Background of the active/selected item. Defaults to `--bg-control-accent-alpha-active`. */
21
21
  itemSelectedBackground?: string;
22
- /** Item background on hover. */
22
+ /** Icon paint (`fill` for an `activeIcon`, `stroke` otherwise) of the active item. Defaults to a built-in blue-to-violet gradient. */
23
+ itemActiveIcon?: string;
24
+ /** Item background on hover and keyboard focus. Defaults to `transparent` on hover and `--bg-control-accent-alpha-hover` on focus. */
23
25
  itemHoverBackground?: string;
26
+ /** Icon `stroke` paint on hover and keyboard focus. Defaults to a built-in blue-to-violet gradient. */
27
+ itemHoverIcon?: string;
24
28
  /** Item background while pressed. */
25
29
  itemActiveBackground?: string;
26
30
  }
package/models/navigation-panel-props.d.ts.map CHANGED
@@ -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,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"}
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,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8FAA8F;IAC9F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sIAAsI;IACtI,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sIAAsI;IACtI,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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.2.0-dev.218",
4
+ "version": "1.2.0-dev.219",
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.218"
21
+ "@epam/ai-dial-conversation-input": "1.2.0-dev.219"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^19.2.8",
25
- "@epam/ai-dial-chat-shared": "1.2.0-dev.218",
25
+ "@epam/ai-dial-chat-shared": "1.2.0-dev.219",
26
26
  "@epam/ai-dial-ui-kit": "^0.15.0-dev.27"
27
27
  },
28
28
  "repository": {