@epam/ai-dial-navigation-panel 1.3.0-dev.37 → 1.3.0-dev.372

package/models/navigation-item.d.ts

@@ -27,4 +27,18 @@ export interface NavigationPanelItem {
  * lib never imports a routing library. Defaults to a plain `<a href>`.
  */
 export type NavigationLinkRenderer = (item: NavigationPanelItem, children: ReactNode) => ReactNode;
+/** What a host's link element must carry for `NavigationSidebar` to style it and mark the current page. */
+export interface NavigationSidebarLinkProps {
+    /** Class names that give the link the sidebar item's box, states and focus ring. */
+    className: string;
+    /** `'page'` while the item points at the page on screen. */
+    'aria-current'?: 'page';
+}
+/**
+ * Renders a `NavigationSidebar` item as the host's link element (e.g. a router
+ * `Link`), spreading `linkProps` onto it. The link itself is the item: it
+ * holds the icon and the label, so no control is nested inside it. Defaults to
+ * a plain `<a href>`.
+ */
+export type NavigationSidebarLinkRenderer = (item: NavigationPanelItem, children: ReactNode, linkProps: NavigationSidebarLinkProps) => ReactNode;
 //# sourceMappingURL=navigation-item.d.ts.map

package/models/navigation-item.d.ts.map

@@ -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,6MAA6M;IAC7M,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"}
+{"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,6MAA6M;IAC7M,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;AAEf,2GAA2G;AAC3G,MAAM,WAAW,0BAA0B;IACzC,oFAAoF;IACpF,SAAS,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;GAKG;AACH,MAAM,MAAM,6BAA6B,GAAG,CAC1C,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,0BAA0B,KAClC,SAAS,CAAC"}

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

@@ -26,6 +26,8 @@ export interface NavigationSheetColors {
     avatarText?: string;
     /** Check-mark color marking the active option. */
     activeIcon?: string;
+    /** Text color of the user's display name on the profile page. Defaults to `--text-secondary`. */
+    mutedText?: string;
 }
 /** Typography overrides for the mobile navigation sheet. */
 export interface NavigationSheetTypography {
@@ -33,6 +35,8 @@ export interface NavigationSheetTypography {
     fontClassName?: string;
     /** `font-family` applied to the sheet content. */
     fontFamily?: string;
+    /** Typography class of the avatar's initials fallback. Defaults to `'dial-tiny-text'`. */
+    avatarInitialsClassName?: string;
 }
 /** Combined style overrides for the mobile navigation sheet. */
 export interface NavigationSheetStyles {

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":"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"}

package/models/navigation-sidebar-props.d.ts

@@ -0,0 +1,91 @@
+import { CSSProperties, ReactNode } from 'react';
+import { NavigationSidebarVariant } from '../types/navigation-sidebar-variant';
+import { NavigationSidebarLinkRenderer, NavigationPanelItem } from './navigation-item';
+import { NavigationPanelLogo } from './navigation-panel-props';
+/** Brand mark of `NavigationSidebar`, already resolved by the host; `iconUrl` is the square mark shown while collapsed. */
+export interface NavigationSidebarLogo extends NavigationPanelLogo {
+    /** Wide logo shown while expanded and in the drawer. When omitted, `iconUrl` is shown in every state. */
+    logoUrl?: string;
+}
+/** Translated labels required by `NavigationSidebar`. */
+export interface NavigationSidebarLabels {
+    /** Accessible name for the `<nav>` landmark. */
+    ariaLabel: string;
+    /** Accessible name of the collapse toggle, the same in both states; `aria-expanded` reports the state. Defaults to `'Sidebar'`. */
+    toggle?: string;
+    /** Tooltip of the toggle while the sidebar is expanded. Defaults to `'Collapse sidebar'`. */
+    collapse?: string;
+    /** Tooltip of the toggle while the sidebar is collapsed. Defaults to `'Expand sidebar'`. */
+    expand?: string;
+    /** Accessible name and tooltip of the drawer's close button. Defaults to `'Close'`. */
+    close?: string;
+}
+/** CSS custom-property overrides for `NavigationSidebar`. */
+export interface NavigationSidebarColors {
+    /** Sidebar background. Defaults to `--bg-layer-raised`. */
+    background?: string;
+    /** Text and icon color of an inactive item. Defaults to `--text-primary`. */
+    itemText?: string;
+    /** Item background on hover and keyboard focus. Defaults to `--bg-control-accent-alpha-hover-subtle`. */
+    itemHoverBackground?: string;
+    /** Background of the active item. Defaults to `--bg-control-accent-alpha-active-subtle`. */
+    itemSelectedBackground?: string;
+    /** Icon paint of the active item; replaces the built-in gradient. Defaults to a blue-to-violet gradient. */
+    itemActiveIcon?: string;
+    /** First color of the built-in active-icon gradient. Defaults to `#1d4ed8`. */
+    itemActiveGradientStart?: string;
+    /** Last color of the built-in active-icon gradient. Defaults to `#885df2`. */
+    itemActiveGradientEnd?: string;
+    /** Keyboard focus ring color of an item. Defaults to `--stroke-focus`. */
+    focusOutline?: string;
+}
+/** Typography overrides for `NavigationSidebar`. */
+export interface NavigationSidebarTypography {
+    /** CSS class applied to item labels. Defaults to `'dial-small-text'`. */
+    fontClassName?: string;
+    /** `font-family` applied to the sidebar root. */
+    fontFamily?: string;
+}
+/** Combined style overrides for `NavigationSidebar`. */
+export interface NavigationSidebarStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: NavigationSidebarColors;
+    /** Typography overrides. */
+    typography?: NavigationSidebarTypography;
+    /** Extra class name(s) merged onto the `<nav>` element. */
+    className?: string;
+    /** CSS custom properties applied to the `<nav>` element. */
+    cssVars?: CSSProperties;
+}
+/** Props accepted by `NavigationSidebar`. */
+export interface NavigationSidebarProps {
+    /** Destinations rendered as rows (expanded and drawer) or icon buttons (collapsed), in display order. */
+    items: NavigationPanelItem[];
+    /** Translated labels for the landmark and the toggle. */
+    labels: NavigationSidebarLabels;
+    /** Layout of the sidebar. Defaults to `NavigationSidebarVariant.Sidebar`. */
+    variant?: NavigationSidebarVariant;
+    /** Whether the sidebar is collapsed to its icon-only width. Ignored by the drawer. Defaults to `false`. */
+    isCollapsed?: boolean;
+    /** Called when the toggle is activated. When absent no toggle renders. Not used by the drawer. */
+    onToggleCollapse?: () => void;
+    /** Whether the drawer is shown; while it is not, it is slid out of view, `inert` and `invisible`. Drawer only. Defaults to `false`. */
+    isOpen?: boolean;
+    /** Called when the drawer's close button is activated or Escape is pressed inside it. When absent the drawer renders no close button. Drawer only. */
+    onClose?: () => void;
+    /** `id` of the `<nav>`, referenced by an opener's `aria-controls`. Defaults to a generated id. */
+    id?: string;
+    /** Brand mark; omit to render no logo. */
+    logo?: NavigationSidebarLogo;
+    /** Renders each item as a host-owned link element, spreading the given link props onto it. Defaults to a plain `<a href>`. */
+    renderLink?: NavigationSidebarLinkRenderer;
+    /** Content between the items and the footer — typically the conversation list. It stays mounted but inert and hidden while collapsed. */
+    children?: ReactNode;
+    /** Pinned to the footer's inline start while expanded and below the actions while collapsed — typically `UserMenu`. */
+    userMenu?: ReactNode;
+    /** Pinned to the footer's inline end while expanded and above the user menu while collapsed. */
+    footerActions?: ReactNode;
+    /** Style overrides for colors, typography, and class names. */
+    styles?: NavigationSidebarStyles;
+}
+//# sourceMappingURL=navigation-sidebar-props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-sidebar-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-sidebar-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,KAAK,EACV,6BAA6B,EAC7B,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,2HAA2H;AAC3H,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,yGAAyG;IACzG,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,yDAAyD;AACzD,MAAM,WAAW,uBAAuB;IACtC,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,mIAAmI;IACnI,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,6DAA6D;AAC7D,MAAM,WAAW,uBAAuB;IACtC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yGAAyG;IACzG,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4FAA4F;IAC5F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,8EAA8E;IAC9E,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oDAAoD;AACpD,MAAM,WAAW,2BAA2B;IAC1C,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wDAAwD;AACxD,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,yGAAyG;IACzG,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,yDAAyD;IACzD,MAAM,EAAE,uBAAuB,CAAC;IAChC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,2GAA2G;IAC3G,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,uIAAuI;IACvI,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sJAAsJ;IACtJ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kGAAkG;IAClG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,8HAA8H;IAC9H,UAAU,CAAC,EAAE,6BAA6B,CAAC;IAC3C,yIAAyI;IACzI,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gGAAgG;IAChG,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC"}

package/models/user-menu-props.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { UserMenuTriggerVariant } from '../types/user-menu-trigger-variant';
 import { NavigationMenuGroup } from './navigation-menu';
 import { NavigationUserProfile } from './user-profile';
 /** CSS custom-property overrides for `UserMenu`. */
@@ -9,8 +10,12 @@ export interface UserMenuColors {
     avatarText?: string;
     /** Menu label text color. */
     text?: string;
-    /** Trigger background on hover. */
+    /** Trigger background on hover and keyboard focus. */
     triggerHoverBackground?: string;
+    /** Background of the `Profile` and `Compact` triggers while the menu is open. Defaults to `--bg-control-accent-alpha-active-subtle`. */
+    triggerOpenBackground?: string;
+    /** Focus outline color of the trigger. Defaults to `--stroke-focus`. */
+    focusOutline?: string;
 }
 /** Typography overrides for `UserMenu`. */
 export interface UserMenuTypography {
@@ -18,6 +23,8 @@ export interface UserMenuTypography {
     fontClassName?: string;
     /** `font-family` applied to the menu trigger and overlay content. */
     fontFamily?: string;
+    /** Typography class of the avatar's initials fallback. Defaults to `'dial-tiny-text'`. */
+    avatarInitialsClassName?: string;
 }
 /** Combined style overrides for `UserMenu`. */
 export interface UserMenuStyles {
@@ -53,8 +60,12 @@ export interface UserMenuProps {
     onLogout: () => void;
     /** When provided, renders a Settings entry that invokes this callback. */
     onSettings?: () => void;
+    /** Presentation of the trigger. Defaults to `UserMenuTriggerVariant.Avatar`. */
+    triggerVariant?: UserMenuTriggerVariant;
     /** Hides the avatar tooltip — set on touch layouts where hover never fires. */
     isTooltipHidden?: boolean;
+    /** Omits the identity row — avatar initials and display name — from the top of the dropdown. Defaults to `false`. */
+    isIdentityHidden?: boolean;
     /** Style overrides for colors, typography, and class names. */
     styles?: UserMenuStyles;
 }

package/models/user-menu-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}
+{"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wIAAwI;IACxI,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0FAA0F;IAC1F,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gFAAgF;IAChF,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qHAAqH;IACrH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}

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.3.0-dev.37",
+  "version": "1.3.0-dev.372",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,13 +17,13 @@
     }
   },
   "dependencies": {
-    "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-conversation-input": "1.3.0-dev.37"
+    "@tabler/icons-react": "^3.50.0",
+    "@epam/ai-dial-conversation-input": "1.3.0-dev.372"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.37",
-    "@epam/ai-dial-ui-kit": "^0.15.3"
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.372",
+    "@epam/ai-dial-ui-kit": "^0.16.0"
   },
   "repository": {
     "type": "git",

package/types/navigation-sidebar-variant.d.ts

@@ -0,0 +1,8 @@
+/** How `NavigationSidebar` is laid out. */
+export declare enum NavigationSidebarVariant {
+    /** A persistent column, 336px expanded or 72px collapsed, with a collapse toggle in its header. */
+    Sidebar = "sidebar",
+    /** A 320px panel the host slides over the content, with a close button in its header instead of the toggle. */
+    Drawer = "drawer"
+}
+//# sourceMappingURL=navigation-sidebar-variant.d.ts.map

package/types/navigation-sidebar-variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-sidebar-variant.d.ts","sourceRoot":"","sources":["../../src/types/navigation-sidebar-variant.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,oBAAY,wBAAwB;IAClC,mGAAmG;IACnG,OAAO,YAAY;IACnB,+GAA+G;IAC/G,MAAM,WAAW;CAClB"}

package/types/user-menu-trigger-variant.d.ts

@@ -0,0 +1,10 @@
+/** How `UserMenu` presents its trigger. */
+export declare enum UserMenuTriggerVariant {
+    /** Avatar only, centred in a 60px square — the rail's footer. */
+    Avatar = "avatar",
+    /** Avatar, display name and a chevron in one pill — the expanded sidebar's footer. */
+    Profile = "profile",
+    /** Avatar only, in a 40px pill that opens the menu at the start edge — the collapsed sidebar's footer. */
+    Compact = "compact"
+}
+//# sourceMappingURL=user-menu-trigger-variant.d.ts.map

package/types/user-menu-trigger-variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu-trigger-variant.d.ts","sourceRoot":"","sources":["../../src/types/user-menu-trigger-variant.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,oBAAY,sBAAsB;IAChC,iEAAiE;IACjE,MAAM,WAAW;IACjB,sFAAsF;IACtF,OAAO,YAAY;IACnB,0GAA0G;IAC1G,OAAO,YAAY;CACpB"}

package/utils/focus.d.ts

@@ -0,0 +1,3 @@
+/** Returns the elements inside `root` that Tab reaches, in document order. */
+export declare const getTabbableElements: (root: HTMLElement) => HTMLElement[];
+//# sourceMappingURL=focus.d.ts.map

package/utils/focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../src/utils/focus.ts"],"names":[],"mappings":"AAUA,8EAA8E;AAC9E,eAAO,MAAM,mBAAmB,GAAI,MAAM,WAAW,KAAG,WAAW,EAKhE,CAAC"}