@epam/ai-dial-navigation-panel 1.1.2 → 1.2.0-dev.101

package/components/NavigationPanel/NavigationPanel.d.ts.map

@@ -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"}
+{"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"}

package/components/NavigationSheet/NavigationMenuPage.d.ts

@@ -14,10 +14,6 @@ export interface NavigationMenuPageProps {
     logOutLabel: string;
     /** Called when the user taps "Log out" on the profile page. */
     onLogout: () => void;
-    /** Label of the settings row on the profile page; required when `onSettings` is provided. */
-    settingsLabel?: string;
-    /** Called when the user taps the profile page's settings row; omit to hide the row. */
-    onSettings?: () => void;
     /** Signed-in user details; omit to hide the profile row entirely. */
     profile?: NavigationUserProfile;
     /** Settings groups listed on the profile page; empty groups are skipped. */

package/components/NavigationSheet/NavigationMenuPage.d.ts.map

@@ -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,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,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,CA6E1D,CAAC"}
+{"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,CAyE1D,CAAC"}

package/components/NavigationSheet/NavigationSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSheet.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAKhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6DpD,CAAC"}
+{"version":3,"file":"NavigationSheet.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAKhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0DpD,CAAC"}

package/components/NavigationSheet/ProfilePage.d.ts

@@ -9,10 +9,6 @@ export interface ProfilePageProps {
     logOutLabel: string;
     /** Called when the user taps "Log out"; the sheet closes first. */
     onLogout: () => void;
-    /** Label of the settings row; required when `onSettings` is provided. */
-    settingsLabel?: string;
-    /** Called when the user taps the settings row; the sheet closes first. Omit to hide the row. */
-    onSettings?: () => void;
     /** Settings groups listed above the log-out row; empty groups are skipped. */
     groups?: NavigationMenuGroup[];
     /** CSS class controlling the row labels' type scale. Defaults to `'dial-small-text'`. */
@@ -20,7 +16,7 @@ export interface ProfilePageProps {
 }
 /**
  * Sheet page showing the signed-in user, their settings groups (each pushing an
- * `OptionListPage`), an optional settings row, and a log-out row.
+ * `OptionListPage`), and a log-out row.
  */
 export declare const ProfilePage: FC<ProfilePageProps>;
 //# sourceMappingURL=ProfilePage.d.ts.map

package/components/NavigationSheet/ProfilePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/ProfilePage.tsx"],"names":[],"mappings":"AAWA,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,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,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,CA8G5C,CAAC"}
+{"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"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,7 @@
+export declare const NAVIGATION_PANEL_CLASS: {
+    /** The `nav` rail itself. */
+    readonly rail: "dial-navigation-panel-rail";
+    /** Every item in the rail, whether or not it is the active one. */
+    readonly item: "dial-navigation-panel-item";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +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

@@ -23,4 +23,5 @@ export type { NavigationMenuPageProps } from './components/NavigationSheet/Navig
 export type { OptionListPageProps } from './components/NavigationSheet/OptionListPage';
 export type { ProfilePageProps } from './components/NavigationSheet/ProfilePage';
 export type { SheetRowProps } from './components/NavigationSheet/SheetRow';
+export { NAVIGATION_PANEL_CLASS } from './constants/public-class-names';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -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"}
+{"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

@@ -4,15 +4,19 @@ import { Fragment as d, createContext as f, memo as p, useCallback as m, useCont
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { IconCheck as S, IconChevronRight as C, IconLogout as w, IconSettings as T, IconUser as E } from "@tabler/icons-react";
 import { BottomSheetShell as D } from "@epam/ai-dial-conversation-input";
+//#region src/constants/public-class-names.ts
 var O = {
+	rail: "dial-navigation-panel-rail",
+	item: "dial-navigation-panel-item"
+}, k = {
 	rail: "_rail_h528m_1",
 	item: "_item_h528m_6",
 	itemActive: "_itemActive_h528m_19"
-}, k = (e, t) => /* @__PURE__ */ b("a", {
+}, A = (e, t) => /* @__PURE__ */ b("a", {
 	href: e.href,
 	className: "contents",
 	children: t
-}), A = p(({ items: n, labels: a, logo: o, footer: s, renderLink: l = k, styles: u }) => {
+}), j = p(({ items: n, labels: a, logo: o, footer: s, renderLink: l = A, styles: u }) => {
 	let { colors: f, typography: p, className: m, cssVars: h } = u ?? {}, g = _(() => e({
 		"--np-bg": f?.background,
 		"--np-item-text": f?.itemText,
@@ -28,7 +32,7 @@ var O = {
 			...h,
 			...g
 		},
-		className: t(O.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m),
+		className: t(k.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m, O.rail),
 		children: [/* @__PURE__ */ x("div", {
 			className: "flex flex-col items-center",
 			children: [o && /* @__PURE__ */ b("a", {
@@ -50,34 +54,34 @@ var O = {
 					"aria-current": e.isActive ? "page" : void 0,
 					tooltipProps: { tooltip: e.label },
 					tabIndex: -1,
-					className: t(O.item, "rounded-xl", e.isActive && O.itemActive)
+					className: t(k.item, "rounded-xl", e.isActive && k.itemActive, O.item)
 				})) }, e.id))
 			})]
 		}), s]
 	});
-}), j = { avatar: "_avatar_htyg8_1" }, M = p(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ b("div", {
-	className: t(j.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
+}), M = { avatar: "_avatar_htyg8_1" }, N = p(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ b("div", {
+	className: t(M.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
 	children: e
-})), N = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(M, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
+})), P = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(N, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
 	className: "rounded-full",
 	src: e.imageUrl,
 	width: 28,
 	height: 28,
 	alt: t,
 	onError: e.onImageError
-})), P = {
+})), F = {
 	wrapper: "_wrapper_1coa8_1",
 	trigger: "_trigger_1coa8_5",
 	identityText: "_identityText_1coa8_14",
 	menuLabel: "_menuLabel_1coa8_18"
-}, F = p(({ profile: n, labels: c, groups: d, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
+}, I = p(({ profile: n, labels: c, groups: d, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
 	let { colors: g, typography: v, className: y, cssVars: S } = h ?? {}, C = v?.fontClassName ?? "dial-small-text", E = _(() => e({
 		"--np-avatar-bg": g?.avatarBackground,
 		"--np-avatar-text": g?.avatarText,
 		"--np-menu-text": g?.text,
 		"--np-trigger-hover-bg": g?.triggerHoverBackground,
 		"--np-font-family": v?.fontFamily
-	}), [g, v?.fontFamily]), D = _(() => t(P.menuLabel, C), [C]), O = _(() => {
+	}), [g, v?.fontFamily]), D = _(() => t(F.menuLabel, C), [C]), O = _(() => {
 		let e = (d ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
 			key: e,
 			label: /* @__PURE__ */ b("span", {
@@ -103,9 +107,9 @@ var O = {
 				type: o.PlainText,
 				label: /* @__PURE__ */ x("div", {
 					className: "flex h-[40px] min-w-0 items-center gap-3",
-					children: [/* @__PURE__ */ b(M, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
+					children: [/* @__PURE__ */ b(N, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
 						text: n.displayName,
-						className: t(P.identityText, C, "min-w-0 flex-1 truncate")
+						className: t(F.identityText, C, "min-w-0 flex-1 truncate")
 					})]
 				})
 			},
@@ -157,19 +161,19 @@ var O = {
 			...S,
 			...E
 		},
-		className: t(P.wrapper, "flex size-[60px] items-center justify-center", y),
+		className: t(F.wrapper, "flex size-[60px] items-center justify-center", y),
 		children: /* @__PURE__ */ b(a, {
 			placement: "top-end",
 			matchReferenceWidth: !1,
 			items: O,
 			children: /* @__PURE__ */ b("button", {
 				type: "button",
-				className: t(P.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
+				className: t(F.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
 				"aria-label": c.trigger,
 				children: /* @__PURE__ */ b(u, {
 					tooltip: n.email,
 					hideTooltip: m,
-					children: /* @__PURE__ */ b(N, {
+					children: /* @__PURE__ */ b(P, {
 						profile: n,
 						alt: c.avatarAlt
 					})
@@ -177,7 +181,7 @@ var O = {
 			})
 		})
 	});
-}), I = f(void 0), L = p(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
+}), L = f(void 0), R = p(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
 	let [c, l] = v([]);
 	g(() => {
 		e || l([]);
@@ -197,7 +201,7 @@ var O = {
 		d,
 		f
 	]), h = c[c.length - 1];
-	return /* @__PURE__ */ b(I.Provider, {
+	return /* @__PURE__ */ b(L.Provider, {
 		value: p,
 		children: /* @__PURE__ */ b(D, {
 			isOpen: e,
@@ -211,11 +215,11 @@ var O = {
 			children: h ? h.content : n
 		})
 	});
-}), R = () => {
-	let e = h(I);
+}), z = () => {
+	let e = h(L);
 	if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
 	return e;
-}, z = {
+}, B = {
 	sheet: "_sheet_1oucc_1",
 	row: "_row_1oucc_5",
 	rowActive: "_rowActive_1oucc_17",
@@ -223,14 +227,14 @@ var O = {
 	divider: "_divider_1oucc_32",
 	mutedText: "_mutedText_1oucc_36",
 	activeIcon: "_activeIcon_1oucc_40"
-}, 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", {
+}, 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", {
 	type: "button",
 	"aria-current": a ? "true" : void 0,
-	className: t(z.row, o && z.rowActive, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
+	className: t(B.row, o && B.rowActive, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
 	onClick: n,
 	children: [
 		r && /* @__PURE__ */ b("span", {
-			className: z.rowIcon,
+			className: B.rowIcon,
 			children: r
 		}),
 		/* @__PURE__ */ b("span", {
@@ -239,11 +243,11 @@ var O = {
 		}),
 		i
 	]
-}) })), V = p(({ options: e, textClassName: t }) => {
-	let { pop: n } = R();
+}) })), H = p(({ options: e, textClassName: t }) => {
+	let { pop: n } = z();
 	return /* @__PURE__ */ b("ul", {
 		className: "flex flex-col pb-4",
-		children: e.map((e) => /* @__PURE__ */ b(B, {
+		children: e.map((e) => /* @__PURE__ */ b(V, {
 			label: e.label,
 			icon: e.icon,
 			textClassName: t,
@@ -252,154 +256,139 @@ var O = {
 				size: r.SM,
 				stroke: i,
 				"aria-hidden": !0,
-				className: z.activeIcon
+				className: B.activeIcon
 			}) : void 0,
 			onClick: () => {
 				e.onSelect(), n();
 			}
 		}, e.id))
 	});
-}), H = p(({ profile: e, logOutLabel: r, onLogout: a, settingsLabel: o, onSettings: c, groups: l, textClassName: u = "dial-small-text" }) => {
-	let { push: d, close: f } = R(), p = (l ?? []).filter(({ options: e }) => e.length > 0);
+}), U = p(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
+	let { push: l, close: u } = z(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
 	return /* @__PURE__ */ x(y, { children: [
 		/* @__PURE__ */ x("div", {
 			className: "flex h-[56px] items-center gap-3 px-4 py-2",
-			children: [/* @__PURE__ */ b(N, {
+			children: [/* @__PURE__ */ b(P, {
 				profile: e,
 				alt: ""
 			}), /* @__PURE__ */ b(s, {
 				text: e.displayName,
-				className: t(z.mutedText, u, "min-w-0 flex-1 truncate")
+				className: t(B.mutedText, c, "min-w-0 flex-1 truncate")
 			})]
 		}),
-		p.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ul", {
+		d.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ul", {
 			className: "flex flex-col",
-			children: p.map((e) => /* @__PURE__ */ b(B, {
+			children: d.map((e) => /* @__PURE__ */ b(V, {
 				label: e.label,
 				icon: e.icon,
-				textClassName: u,
+				textClassName: c,
 				trailing: /* @__PURE__ */ b(C, {
 					size: n,
 					stroke: i,
 					"aria-hidden": !0,
-					className: t(z.rowIcon, "rtl:scale-x-[-1]")
+					className: t(B.rowIcon, "rtl:scale-x-[-1]")
 				}),
-				onClick: () => d({
+				onClick: () => l({
 					title: e.label,
-					content: /* @__PURE__ */ b(V, {
+					content: /* @__PURE__ */ b(H, {
 						options: e.options,
-						textClassName: u
+						textClassName: c
 					})
 				})
 			}, e.id))
-		}), /* @__PURE__ */ b("hr", { className: z.divider })] }),
-		/* @__PURE__ */ x("ul", {
+		}), /* @__PURE__ */ b("hr", { className: B.divider })] }),
+		/* @__PURE__ */ b("ul", {
 			className: "flex flex-col pb-4",
-			children: [c && o && /* @__PURE__ */ b(B, {
-				label: o,
-				textClassName: u,
-				icon: /* @__PURE__ */ b(T, {
-					size: n,
-					stroke: i,
-					"aria-hidden": !0
-				}),
-				onClick: () => {
-					f(), c?.();
-				}
-			}), /* @__PURE__ */ b(B, {
+			children: /* @__PURE__ */ b(V, {
 				label: r,
-				textClassName: u,
+				textClassName: c,
 				icon: /* @__PURE__ */ b(w, {
 					size: n,
 					stroke: i,
 					"aria-hidden": !0
 				}),
 				onClick: () => {
-					f(), a();
+					u(), a();
 				}
-			})]
+			})
 		})
 	] });
-}), U = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, settingsLabel: s, onSettings: c, profile: l, groups: u, footer: d, textClassName: f }) => {
-	let { push: p, close: m } = R(), h = (e) => {
-		m(), t(e);
+}), W = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
+	let { push: d, close: f } = z(), p = (e) => {
+		f(), t(e);
 	};
 	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("ul", {
 		className: "flex flex-col pb-4",
-		children: [e.map((e) => /* @__PURE__ */ b(B, {
+		children: [e.map((e) => /* @__PURE__ */ b(V, {
 			label: e.label,
-			textClassName: f,
+			textClassName: u,
 			isCurrent: e.isActive,
 			isHighlighted: e.isActive,
 			icon: /* @__PURE__ */ b(e.icon, {
 				size: n,
 				stroke: i
 			}),
-			onClick: () => h(e)
-		}, e.id)), l && /* @__PURE__ */ b(B, {
+			onClick: () => p(e)
+		}, e.id)), s && /* @__PURE__ */ b(V, {
 			label: r,
-			textClassName: f,
+			textClassName: u,
 			icon: /* @__PURE__ */ b(E, {
 				size: n,
 				stroke: i,
 				"aria-hidden": !0
 			}),
 			onClick: () => {
-				l && p({
+				s && d({
 					title: r,
-					content: /* @__PURE__ */ b(H, {
-						profile: l,
-						groups: u,
+					content: /* @__PURE__ */ b(U, {
+						profile: s,
+						groups: c,
 						logOutLabel: a,
 						onLogout: o,
-						settingsLabel: s,
-						onSettings: c,
-						textClassName: f
+						textClassName: u
 					})
 				});
 			}
 		})]
-	}), d] });
-}), W = p(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, onSettings: u, footer: d, styles: f }) => {
-	let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, v = _(() => e({
-		"--np-sheet-text": p?.text,
-		"--np-sheet-item-hover": p?.itemHoverBackground,
-		"--np-sheet-item-active": p?.itemActiveBackground,
-		"--np-sheet-row-active-text": p?.activeRowText,
-		"--np-sheet-row-active-bg": p?.activeRowBackground,
-		"--np-sheet-row-active-bg-hover": p?.activeRowBackgroundHover,
-		"--np-sheet-icon": p?.icon,
-		"--np-sheet-divider": p?.divider,
-		"--np-avatar-bg": p?.avatarBackground,
-		"--np-avatar-text": p?.avatarText,
-		"--np-menu-active-icon": p?.activeIcon,
-		"--np-font-family": m?.fontFamily
-	}), [p, m?.fontFamily]);
-	return /* @__PURE__ */ b(L, {
+	}), l] });
+}), G = p(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
+	let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, g = _(() => e({
+		"--np-sheet-text": f?.text,
+		"--np-sheet-item-hover": f?.itemHoverBackground,
+		"--np-sheet-item-active": f?.itemActiveBackground,
+		"--np-sheet-row-active-text": f?.activeRowText,
+		"--np-sheet-row-active-bg": f?.activeRowBackground,
+		"--np-sheet-row-active-bg-hover": f?.activeRowBackgroundHover,
+		"--np-sheet-icon": f?.icon,
+		"--np-sheet-divider": f?.divider,
+		"--np-avatar-bg": f?.avatarBackground,
+		"--np-avatar-text": f?.avatarText,
+		"--np-menu-active-icon": f?.activeIcon,
+		"--np-font-family": p?.fontFamily
+	}), [f, p?.fontFamily]);
+	return /* @__PURE__ */ b(R, {
 		isOpen: n,
 		onClose: r,
 		title: o.title,
 		closeLabel: o.close,
 		backLabel: o.back,
-		className: t(z.sheet, h),
+		className: t(B.sheet, m),
 		style: {
-			...g,
-			...v
+			...h,
+			...g
 		},
-		children: /* @__PURE__ */ b(U, {
+		children: /* @__PURE__ */ b(W, {
 			items: i,
 			onSelectItem: a,
 			profileLabel: o.profile,
 			logOutLabel: o.logOut,
 			onLogout: l,
-			settingsLabel: o.settings,
-			onSettings: u,
 			profile: s,
 			groups: c,
-			footer: d,
-			textClassName: m?.fontClassName
+			footer: u,
+			textClassName: p?.fontClassName
 		})
 	});
 });
 //#endregion
-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 };
+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/models/navigation-sheet-props.d.ts

@@ -57,8 +57,6 @@ export interface NavigationSheetLabels {
     profile: string;
     /** Label of the log-out row. */
     logOut: string;
-    /** Label of the settings row on the profile page; required when `onSettings` is provided. */
-    settings?: string;
 }
 /** Props accepted by `NavigationSheet`. */
 export interface NavigationSheetProps {
@@ -78,11 +76,6 @@ export interface NavigationSheetProps {
     groups?: NavigationMenuGroup[];
     /** Called when the user taps "Log out"; the host owns the confirmation flow. */
     onLogout: () => void;
-    /**
-     * Called when the user taps the profile page's settings row, after the sheet
-     * closes; the host performs the navigation. Omit to hide the row.
-     */
-    onSettings?: () => void;
     /** Rendered at the end of the root page — typically a footer message. */
     footer?: ReactNode;
     /** Style overrides for colors, typography, and class names. */

package/models/navigation-sheet-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sheet-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-sheet-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,gEAAgE;AAChE,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kDAAkD;IAClD,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,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,sEAAsE;IACtE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
+{"version":3,"file":"navigation-sheet-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-sheet-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,qEAAqE;AACrE,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iEAAiE;IACjE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,gEAAgE;AAChE,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kDAAkD;IAClD,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,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,sEAAsE;IACtE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-navigation-panel",
   "description": "Primary application navigation — desktop nav rail, user menu, and mobile navigation bottom sheet",
-  "version": "1.1.2",
+  "version": "1.2.0-dev.101",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,12 +18,12 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-conversation-input": "1.1.2"
+    "@epam/ai-dial-conversation-input": "1.2.0-dev.101"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.1.2",
-    "@epam/ai-dial-ui-kit": "^0.14.2"
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.101",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.12"
   },
   "repository": {
     "type": "git",