@epam/ai-dial-navigation-panel 1.0.0-rc.5

package/components/NavigationPanel/NavigationPanel.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { NavigationPanelProps } from '../../models/navigation-panel-props';
+/**
+ * Vertical primary-navigation rail: brand mark, one icon button per
+ * destination, and a pinned footer slot for the user menu.
+ */
+export declare const NavigationPanel: FC<NavigationPanelProps>;
+//# sourceMappingURL=NavigationPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAKzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0EpD,CAAC"}

package/components/NavigationSheet/NavigableBottomSheet.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties, FC, ReactNode } from 'react';
+/** Props for `NavigableBottomSheet`. */
+export interface NavigableBottomSheetProps {
+    /** Controls sheet visibility; closing resets the page stack. */
+    isOpen: boolean;
+    /** Called when the sheet should close (backdrop tap, close button, or Escape). */
+    onClose: () => void;
+    /** Root-page body, shown whenever the stack is empty. */
+    children: ReactNode;
+    /** Root-page header title. Required for accessibility. */
+    title: string;
+    /** Accessible name for the close (×) button. */
+    closeLabel: string;
+    /** Accessible name for the back button shown on pushed pages. */
+    backLabel: string;
+    /** Extra class name(s) merged onto the sheet container. */
+    className?: string;
+    /** CSS custom properties forwarded to the sheet root for theming. */
+    style?: CSSProperties;
+}
+/**
+ * Bottom sheet with an in-sheet page stack: content pushes and pops pages
+ * through `useSheetNavigation`, and the header swaps its title and back button
+ * to match the top page.
+ */
+export declare const NavigableBottomSheet: FC<NavigableBottomSheetProps>;
+//# sourceMappingURL=NavigableBottomSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigableBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigableBottomSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,wCAAwC;AACxC,MAAM,WAAW,yBAAyB;IACxC,gEAAgE;IAChE,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAsD9D,CAAC"}

package/components/NavigationSheet/NavigationMenuPage.d.ts

@@ -0,0 +1,28 @@
+import { FC, ReactNode } from 'react';
+import { NavigationPanelItem } from '../../models/navigation-item';
+import { NavigationMenuGroup } from '../../models/navigation-menu';
+import { NavigationUserProfile } from '../../models/user-profile';
+/** Props for `NavigationMenuPage`. */
+export interface NavigationMenuPageProps {
+    /** Destinations rendered as rows, in display order. */
+    items: NavigationPanelItem[];
+    /** Called with the picked destination after the sheet closes. */
+    onSelectItem: (item: NavigationPanelItem) => void;
+    /** Label of the row opening the profile page, also that page's title. */
+    profileLabel: string;
+    /** Label of the log-out row on the profile page. */
+    logOutLabel: string;
+    /** Called when the user taps "Log out" on the profile page. */
+    onLogout: () => 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. */
+    groups?: NavigationMenuGroup[];
+    /** Rendered below the row list — typically a footer message. */
+    footer?: ReactNode;
+    /** CSS class controlling the row labels' type scale. Defaults to `'dial-small-text'`. */
+    textClassName?: string;
+}
+/** Root page of the navigation bottom sheet: destinations plus a profile entry. */
+export declare const NavigationMenuPage: FC<NavigationMenuPageProps>;
+//# sourceMappingURL=NavigationMenuPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationMenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIvE,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA4D1D,CAAC"}

package/components/NavigationSheet/NavigationSheet.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { NavigationSheetProps } from '../../models/navigation-sheet-props';
+/**
+ * Mobile primary navigation: a bottom sheet whose root page lists the
+ * destinations and a profile entry, with settings drilled into nested pages.
+ */
+export declare const NavigationSheet: FC<NavigationSheetProps>;
+//# sourceMappingURL=NavigationSheet.d.ts.map

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

@@ -0,0 +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,CAuDpD,CAAC"}

package/components/NavigationSheet/OptionListPage.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { NavigationMenuOption } from '../../models/navigation-menu';
+/** Props for `OptionListPage`. */
+export interface OptionListPageProps {
+    /** Single-select options; picking one applies it and pops back one page. */
+    options: NavigationMenuOption[];
+    /** CSS class controlling the row labels' type scale. */
+    textClassName?: string;
+}
+/** Sheet page listing the values of one settings group, with the applied one checked. */
+export declare const OptionListPage: FC<OptionListPageProps>;
+//# sourceMappingURL=OptionListPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionListPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/OptionListPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAIzE,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,4EAA4E;IAC5E,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+BlD,CAAC"}

package/components/NavigationSheet/ProfilePage.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { NavigationMenuGroup } from '../../models/navigation-menu';
+import { NavigationUserProfile } from '../../models/user-profile';
+/** Props for `ProfilePage`. */
+export interface ProfilePageProps {
+    /** Signed-in user details shown in the identity row. */
+    profile: NavigationUserProfile;
+    /** Label of the log-out row. */
+    logOutLabel: string;
+    /** Called when the user taps "Log out"; the sheet closes first. */
+    onLogout: () => 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'`. */
+    textClassName?: string;
+}
+/**
+ * Sheet page showing the signed-in user, their settings groups (each pushing an
+ * `OptionListPage`), and a log-out row.
+ */
+export declare const ProfilePage: FC<ProfilePageProps>;
+//# sourceMappingURL=ProfilePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/ProfilePage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMvE,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmF5C,CAAC"}

package/components/NavigationSheet/SheetRow.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+/** Props for `SheetRow`. */
+export interface SheetRowProps {
+    /** Translated row label. */
+    label: string;
+    /** Activates the row. */
+    onClick: () => void;
+    /** Leading icon, rendered in the muted icon color. */
+    icon?: ReactNode;
+    /** Trailing content such as a chevron or a check mark. */
+    trailing?: ReactNode;
+    /** CSS class controlling the label's type scale. Defaults to `'dial-small-text'`. */
+    textClassName?: string;
+}
+/** Full-width tappable row used by every page of the navigation bottom sheet. */
+export declare const SheetRow: FC<SheetRowProps>;
+//# sourceMappingURL=SheetRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetRow.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/SheetRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,4BAA4B;AAC5B,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAiBtC,CAAC"}

package/components/UserMenu/UserMenu.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { UserMenuProps } from '../../models/user-menu-props';
+/**
+ * Avatar trigger pinned to the bottom of the nav rail, opening a dropdown with
+ * the user's identity, single-select settings submenus, and a log-out entry.
+ */
+export declare const UserMenu: FC<UserMenuProps>;
+//# sourceMappingURL=UserMenu.d.ts.map

package/components/UserMenu/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4GtC,CAAC"}

package/components/common/AvatarInitials.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+/** Props for `AvatarInitials`. */
+export interface AvatarInitialsProps {
+    /** One-or-two-letter initials; renders an empty badge when omitted. */
+    shortName?: string;
+    /** Extra class name(s) merged onto the badge. */
+    className?: string;
+    /** CSS class controlling the initials' type scale. Defaults to `'dial-tiny-text'`. */
+    textClassName?: string;
+}
+/** Circular 28 px badge showing a signed-in user's initials. */
+export declare const AvatarInitials: FC<AvatarInitialsProps>;
+//# sourceMappingURL=AvatarInitials.d.ts.map

package/components/common/AvatarInitials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarInitials.d.ts","sourceRoot":"","sources":["../../../src/components/common/AvatarInitials.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtC,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gEAAgE;AAChE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAalD,CAAC"}

package/components/common/MenuItemLabel.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+/** Props for `MenuItemLabel`. */
+export interface MenuItemLabelProps {
+    /** Translated option label. */
+    label: string;
+    /** Whether the option is the applied value; renders a trailing check mark. */
+    isActive: boolean;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+    /** CSS class controlling the label's type scale. Defaults to `'dial-small-text'`. */
+    textClassName?: string;
+}
+/** Dropdown row label with an optional leading icon and an active check mark. */
+export declare const MenuItemLabel: FC<MenuItemLabelProps>;
+//# sourceMappingURL=MenuItemLabel.d.ts.map

package/components/common/MenuItemLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemLabel.d.ts","sourceRoot":"","sources":["../../../src/components/common/MenuItemLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4BhD,CAAC"}

package/components/common/UserAvatar.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { NavigationUserProfile } from '../../models/user-profile';
+/** Props for `UserAvatar`. */
+export interface UserAvatarProps {
+    /** Signed-in user details supplying the image URL and initials. */
+    profile: NavigationUserProfile;
+    /** Alternative text for the image. Pass `''` when a sibling already names the row. */
+    alt: string;
+}
+/** Avatar image with an initials badge fallback for a missing or broken image. */
+export declare const UserAvatar: FC<UserAvatarProps>;
+//# sourceMappingURL=UserAvatar.d.ts.map

package/components/common/UserAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/common/UserAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,sFAAsF;IACtF,GAAG,EAAE,MAAM,CAAC;CACb;AAED,kFAAkF;AAClF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAc1C,CAAC"}

package/context/SheetNavigationContext.d.ts

@@ -0,0 +1,4 @@
+import { SheetNavigation } from '../models/sheet-navigation';
+/** Provided by `NavigableBottomSheet`; consumed through `useSheetNavigation`. */
+export declare const SheetNavigationContext: import('react').Context<SheetNavigation | undefined>;
+//# sourceMappingURL=SheetNavigationContext.d.ts.map

package/context/SheetNavigationContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetNavigationContext.d.ts","sourceRoot":"","sources":["../../src/context/SheetNavigationContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,iFAAiF;AACjF,eAAO,MAAM,sBAAsB,sDAEvB,CAAC"}

package/hooks/useSheetNavigation.d.ts

@@ -0,0 +1,4 @@
+import { SheetNavigation } from '../models/sheet-navigation';
+/** Stack controls for content rendered inside a `NavigableBottomSheet`. */
+export declare const useSheetNavigation: () => SheetNavigation;
+//# sourceMappingURL=useSheetNavigation.d.ts.map

package/hooks/useSheetNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetNavigation.d.ts","sourceRoot":"","sources":["../../src/hooks/useSheetNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,2EAA2E;AAC3E,eAAO,MAAM,kBAAkB,QAAO,eAQrC,CAAC"}

package/index.css

@@ -0,0 +1,2 @@
+._rail_ns7b4_2{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_ns7b4_7{color:var(--np-item-text,var(--text-secondary,#57647a))}._item_ns7b4_7:hover{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._item_ns7b4_7:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_ns7b4_7{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._itemActive_ns7b4_24{color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._avatar_179i5_1{background:var(--np-avatar-bg,#60d239);color:var(--np-avatar-text,#000)}._label_179i5_8{color:var(--np-menu-text,var(--text-primary,#161b2d))}._activeIcon_179i5_12{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}._wrapper_1nw3p_1{font-family:var(--np-font-family,inherit)}._trigger_1nw3p_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_1nw3p_5:focus-visible{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924));outline:1px solid var(--np-focus-outline,var(--stroke-focus-black,#161b2d));outline-offset:-1px}._identityText_1nw3p_14{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_18nve_1{font-family:var(--np-font-family,inherit)}._row_18nve_5{color:var(--np-sheet-text,var(--text-primary,#161b2d))}._row_18nve_5:hover,._row_18nve_5:focus-visible{background:var(--np-sheet-item-hover,var(--bg-accent-primary-alpha,#7da4ff2e))}._row_18nve_5:active{background:var(--np-sheet-item-active,var(--bg-layer-4,#d1dbea))}._rowIcon_18nve_15{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_18nve_19{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_18nve_23{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_18nve_27{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
+/*$vite$:1*/

package/index.d.ts

@@ -0,0 +1,28 @@
+export { NavigationPanel } from './components/NavigationPanel/NavigationPanel';
+export { UserMenu } from './components/UserMenu/UserMenu';
+export { NavigationSheet } from './components/NavigationSheet/NavigationSheet';
+export { NavigableBottomSheet } from './components/NavigationSheet/NavigableBottomSheet';
+export { NavigationMenuPage } from './components/NavigationSheet/NavigationMenuPage';
+export { ProfilePage } from './components/NavigationSheet/ProfilePage';
+export { OptionListPage } from './components/NavigationSheet/OptionListPage';
+export { SheetRow } from './components/NavigationSheet/SheetRow';
+export { AvatarInitials } from './components/common/AvatarInitials';
+export { MenuItemLabel } from './components/common/MenuItemLabel';
+export { UserAvatar } from './components/common/UserAvatar';
+export { useSheetNavigation } from './hooks/useSheetNavigation';
+export type { NavigationItemIcon, NavigationLinkRenderer, NavigationPanelItem, } from './models/navigation-item';
+export type { NavigationMenuGroup, NavigationMenuOption, } from './models/navigation-menu';
+export type { NavigationPanelColors, NavigationPanelLabels, NavigationPanelLogo, NavigationPanelProps, NavigationPanelStyles, NavigationPanelTypography, } from './models/navigation-panel-props';
+export type { NavigationSheetColors, NavigationSheetLabels, NavigationSheetProps, NavigationSheetStyles, NavigationSheetTypography, } from './models/navigation-sheet-props';
+export type { SheetNavigation, SheetPage } from './models/sheet-navigation';
+export type { UserMenuColors, UserMenuLabels, UserMenuProps, UserMenuStyles, UserMenuTypography, } from './models/user-menu-props';
+export type { NavigationUserProfile } from './models/user-profile';
+export type { AvatarInitialsProps } from './components/common/AvatarInitials';
+export type { MenuItemLabelProps } from './components/common/MenuItemLabel';
+export type { UserAvatarProps } from './components/common/UserAvatar';
+export type { NavigableBottomSheetProps } from './components/NavigationSheet/NavigableBottomSheet';
+export type { NavigationMenuPageProps } from './components/NavigationSheet/NavigationMenuPage';
+export type { OptionListPageProps } from './components/NavigationSheet/OptionListPage';
+export type { ProfilePageProps } from './components/NavigationSheet/ProfilePage';
+export type { SheetRowProps } from './components/NavigationSheet/SheetRow';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +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,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,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,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,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"}

package/index.js

@@ -0,0 +1,383 @@
+import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
+import { BASE_ICON_SIZE as n, DIAL_ICON_SIZE as r, DialEllipsisTooltip as i, DialTooltip as a, Dropdown as o, DropdownItemType as s, IconButton as c } from "@epam/ai-dial-ui-kit";
+import { Fragment as l, createContext as u, memo as d, useCallback as f, useContext as p, useEffect as m, useMemo as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { IconCheck as b, IconChevronRight as x, IconLogout as S, IconUser as C } from "@tabler/icons-react";
+import { BottomSheetShell as w } from "@epam/ai-dial-conversation-input";
+var T = {
+	rail: "_rail_ns7b4_2",
+	item: "_item_ns7b4_7",
+	itemActive: "_itemActive_ns7b4_24"
+}, E = (e, t) => /* @__PURE__ */ v("a", {
+	href: e.href,
+	className: "contents",
+	children: t
+}), D = d(({ items: n, labels: i, logo: a, footer: o, renderLink: s = E, styles: u }) => {
+	let { colors: d, typography: f, className: p, cssVars: m } = u ?? {}, g = h(() => e({
+		"--np-bg": d?.background,
+		"--np-item-text": d?.itemText,
+		"--np-item-active-text": d?.itemActiveText,
+		"--np-item-hover-bg": d?.itemHoverBackground,
+		"--np-item-active-bg": d?.itemActiveBackground,
+		"--np-font-family": f?.fontFamily
+	}), [d, f?.fontFamily]);
+	return /* @__PURE__ */ y("nav", {
+		"aria-label": i.ariaLabel,
+		style: {
+			...m,
+			...g
+		},
+		className: t(T.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", f?.fontClassName, p),
+		children: [/* @__PURE__ */ y("div", {
+			className: "flex flex-col items-center",
+			children: [a && /* @__PURE__ */ v("a", {
+				href: a.href ?? "/",
+				"aria-label": a.ariaLabel,
+				className: "flex h-16 w-full shrink-0 items-center justify-center",
+				children: /* @__PURE__ */ v("span", {
+					style: { backgroundImage: `url(${a.iconUrl})` },
+					className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
+				})
+			}), /* @__PURE__ */ v("div", {
+				className: "flex flex-col items-center gap-2 p-2",
+				children: n.map((e) => /* @__PURE__ */ v(l, { children: s(e, /* @__PURE__ */ v(c, {
+					icon: /* @__PURE__ */ v(e.icon, {
+						size: r.LG,
+						stroke: 1.5
+					}),
+					"aria-label": e.label,
+					"aria-current": e.isActive ? "page" : void 0,
+					tooltipProps: { tooltip: e.label },
+					tabIndex: -1,
+					className: t(T.item, "rounded", e.isActive && T.itemActive)
+				})) }, e.id))
+			})]
+		}), o]
+	});
+}), O = {
+	avatar: "_avatar_179i5_1",
+	label: "_label_179i5_8",
+	activeIcon: "_activeIcon_179i5_12"
+}, k = d(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ v("div", {
+	className: t(O.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
+	children: e
+})), A = d(({ label: e, isActive: n, icon: i, textClassName: a = "dial-small-text" }) => {
+	let o = /* @__PURE__ */ v("span", {
+		className: t(O.label, "truncate", a),
+		children: e
+	});
+	return /* @__PURE__ */ y("span", {
+		className: "flex items-center justify-between gap-4",
+		children: [i ? /* @__PURE__ */ y("span", {
+			className: "flex items-center gap-2",
+			children: [i, o]
+		}) : o, n && /* @__PURE__ */ v(b, {
+			size: r.SM,
+			"aria-hidden": !0,
+			className: O.activeIcon
+		})]
+	});
+}), j = d(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ v(k, { shortName: e.shortName }) : /* @__PURE__ */ v("img", {
+	className: "rounded-full",
+	src: e.imageUrl,
+	width: 28,
+	height: 28,
+	alt: t,
+	onError: e.onImageError
+})), M = {
+	wrapper: "_wrapper_1nw3p_1",
+	trigger: "_trigger_1nw3p_5",
+	identityText: "_identityText_1nw3p_14"
+}, N = d(({ profile: n, labels: c, groups: l, onLogout: u, isTooltipHidden: d, styles: f }) => {
+	let { colors: p, typography: m, className: g, cssVars: _ } = f ?? {}, b = m?.fontClassName ?? "dial-small-text", x = h(() => e({
+		"--np-avatar-bg": p?.avatarBackground,
+		"--np-avatar-text": p?.avatarText,
+		"--np-menu-text": p?.text,
+		"--np-menu-active-icon": p?.activeIcon,
+		"--np-trigger-hover-bg": p?.triggerHoverBackground,
+		"--np-font-family": m?.fontFamily
+	}), [p, m?.fontFamily]), C = h(() => {
+		let e = (l ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
+			key: e,
+			label: /* @__PURE__ */ v("span", {
+				className: b,
+				children: t
+			}),
+			icon: n,
+			children: r.map((e) => ({
+				key: e.id,
+				label: /* @__PURE__ */ v(A, {
+					label: e.label,
+					isActive: e.isActive,
+					icon: e.icon,
+					textClassName: b
+				}),
+				onClick: e.onSelect
+			}))
+		}));
+		return [
+			{
+				key: "identity",
+				type: s.PlainText,
+				label: /* @__PURE__ */ y("div", {
+					className: "flex h-[40px] min-w-0 items-center gap-3",
+					children: [/* @__PURE__ */ v(k, { shortName: n.shortName }), /* @__PURE__ */ v(i, {
+						text: n.displayName,
+						className: t(M.identityText, b, "min-w-0 flex-1 truncate")
+					})]
+				})
+			},
+			...e,
+			{
+				key: "divider-1",
+				type: s.Divider
+			},
+			{
+				key: "logout",
+				label: /* @__PURE__ */ v("span", {
+					className: b,
+					children: c.logOut
+				}),
+				icon: /* @__PURE__ */ v(S, {
+					size: r.SM,
+					"aria-hidden": !0
+				}),
+				onClick: u
+			}
+		];
+	}, [
+		l,
+		b,
+		c.logOut,
+		u,
+		n.displayName,
+		n.shortName
+	]);
+	return /* @__PURE__ */ v("div", {
+		style: {
+			..._,
+			...x
+		},
+		className: t(M.wrapper, "flex size-[60px] items-center justify-center", g),
+		children: /* @__PURE__ */ v(o, {
+			placement: "top-end",
+			matchReferenceWidth: !1,
+			items: C,
+			children: /* @__PURE__ */ v("button", {
+				type: "button",
+				className: t(M.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
+				"aria-label": c.trigger,
+				children: /* @__PURE__ */ v(a, {
+					tooltip: n.email,
+					hideTooltip: d,
+					children: /* @__PURE__ */ v(j, {
+						profile: n,
+						alt: c.avatarAlt
+					})
+				})
+			})
+		})
+	});
+}), P = u(void 0), F = d(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
+	let [c, l] = g([]);
+	m(() => {
+		e || l([]);
+	}, [e]);
+	let u = f((e) => {
+		l((t) => [...t, e]);
+	}, []), d = f(() => {
+		l((e) => e.slice(0, -1));
+	}, []), p = f(() => {
+		l([]), t();
+	}, [t]), _ = h(() => ({
+		push: u,
+		pop: d,
+		close: p
+	}), [
+		u,
+		d,
+		p
+	]), y = c[c.length - 1];
+	return /* @__PURE__ */ v(P.Provider, {
+		value: _,
+		children: /* @__PURE__ */ v(w, {
+			isOpen: e,
+			onClose: p,
+			title: y?.title ?? r,
+			closeLabel: i,
+			onBack: y ? d : void 0,
+			backLabel: y ? a : void 0,
+			className: o,
+			style: s,
+			children: y ? y.content : n
+		})
+	});
+}), I = () => {
+	let e = p(P);
+	if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
+	return e;
+}, L = {
+	sheet: "_sheet_18nve_1",
+	row: "_row_18nve_5",
+	rowIcon: "_rowIcon_18nve_15",
+	divider: "_divider_18nve_19",
+	mutedText: "_mutedText_18nve_23",
+	activeIcon: "_activeIcon_18nve_27"
+}, R = d(({ label: e, onClick: n, icon: r, trailing: i, textClassName: a = "dial-small-text" }) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
+	type: "button",
+	className: t(L.row, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
+	onClick: n,
+	children: [
+		r && /* @__PURE__ */ v("span", {
+			className: L.rowIcon,
+			children: r
+		}),
+		/* @__PURE__ */ v("span", {
+			className: t(a, "flex-1"),
+			children: e
+		}),
+		i
+	]
+}) })), z = d(({ options: e, textClassName: t }) => {
+	let { pop: n } = I();
+	return /* @__PURE__ */ v("ul", {
+		className: "flex flex-col pb-4",
+		children: e.map((e) => /* @__PURE__ */ v(R, {
+			label: e.label,
+			icon: e.icon,
+			textClassName: t,
+			trailing: e.isActive ? /* @__PURE__ */ v(b, {
+				size: r.SM,
+				stroke: 2,
+				"aria-hidden": !0,
+				className: L.activeIcon
+			}) : void 0,
+			onClick: () => {
+				e.onSelect(), n();
+			}
+		}, e.id))
+	});
+}), B = d(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: s = "dial-small-text" }) => {
+	let { push: c, close: l } = I(), u = (o ?? []).filter(({ options: e }) => e.length > 0);
+	return /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ y("div", {
+			className: "flex h-[56px] items-center gap-3 px-4 py-2",
+			children: [/* @__PURE__ */ v(j, {
+				profile: e,
+				alt: ""
+			}), /* @__PURE__ */ v(i, {
+				text: e.displayName,
+				className: t(L.mutedText, s, "min-w-0 flex-1 truncate")
+			})]
+		}),
+		u.length > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("ul", {
+			className: "flex flex-col",
+			children: u.map((e) => /* @__PURE__ */ v(R, {
+				label: e.label,
+				icon: e.icon,
+				textClassName: s,
+				trailing: /* @__PURE__ */ v(x, {
+					size: n,
+					stroke: 1.5,
+					"aria-hidden": !0,
+					className: t(L.rowIcon, "rtl:scale-x-[-1]")
+				}),
+				onClick: () => c({
+					title: e.label,
+					content: /* @__PURE__ */ v(z, {
+						options: e.options,
+						textClassName: s
+					})
+				})
+			}, e.id))
+		}), /* @__PURE__ */ v("hr", { className: L.divider })] }),
+		/* @__PURE__ */ v("ul", {
+			className: "flex flex-col pb-4",
+			children: /* @__PURE__ */ v(R, {
+				label: r,
+				textClassName: s,
+				icon: /* @__PURE__ */ v(S, {
+					size: n,
+					stroke: 1.5,
+					"aria-hidden": !0
+				}),
+				onClick: () => {
+					l(), a();
+				}
+			})
+		})
+	] });
+}), V = d(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: i, onLogout: a, profile: o, groups: s, footer: c, textClassName: l }) => {
+	let { push: u, close: d } = I(), f = (e) => {
+		d(), t(e);
+	};
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("ul", {
+		className: "flex flex-col pb-4",
+		children: [e.map((e) => /* @__PURE__ */ v(R, {
+			label: e.label,
+			textClassName: l,
+			icon: /* @__PURE__ */ v(e.icon, {
+				size: n,
+				stroke: 1.5
+			}),
+			onClick: () => f(e)
+		}, e.id)), o && /* @__PURE__ */ v(R, {
+			label: r,
+			textClassName: l,
+			icon: /* @__PURE__ */ v(C, {
+				size: n,
+				stroke: 1.5,
+				"aria-hidden": !0
+			}),
+			onClick: () => {
+				o && u({
+					title: r,
+					content: /* @__PURE__ */ v(B, {
+						profile: o,
+						groups: s,
+						logOutLabel: i,
+						onLogout: a,
+						textClassName: l
+					})
+				});
+			}
+		})]
+	}), c] });
+}), H = d(({ 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: g } = d ?? {}, _ = h(() => e({
+		"--np-sheet-text": f?.text,
+		"--np-sheet-item-hover": f?.itemHoverBackground,
+		"--np-sheet-item-active": f?.itemActiveBackground,
+		"--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__ */ v(F, {
+		isOpen: n,
+		onClose: r,
+		title: o.title,
+		closeLabel: o.close,
+		backLabel: o.back,
+		className: t(L.sheet, m),
+		style: {
+			...g,
+			..._
+		},
+		children: /* @__PURE__ */ v(V, {
+			items: i,
+			onSelectItem: a,
+			profileLabel: o.profile,
+			logOutLabel: o.logOut,
+			onLogout: l,
+			profile: s,
+			groups: c,
+			footer: u,
+			textClassName: p?.fontClassName
+		})
+	});
+});
+//#endregion
+export { k as AvatarInitials, A as MenuItemLabel, F as NavigableBottomSheet, V as NavigationMenuPage, D as NavigationPanel, H as NavigationSheet, z as OptionListPage, B as ProfilePage, R as SheetRow, j as UserAvatar, N as UserMenu, I as useSheetNavigation };

package/models/navigation-item.d.ts

@@ -0,0 +1,28 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Icon component contract shared by the nav rail and the mobile sheet rows.
+ * Matches the `@tabler/icons-react` signature so host icons drop in directly.
+ */
+export type NavigationItemIcon = FC<{
+    size?: number;
+    stroke?: number;
+}>;
+/** A single primary-navigation destination, already resolved by the host. */
+export interface NavigationPanelItem {
+    /** Stable identity used as the React key and as the `onSelect` discriminator. */
+    id: string;
+    /** Translated label used as the accessible name, tooltip, and sheet row text. */
+    label: string;
+    /** Icon component rendered inside the rail button and the sheet row. */
+    icon: NavigationItemIcon;
+    /** Whether this entry points at the page currently on screen. */
+    isActive?: boolean;
+    /** Target URL placed on the rail anchor. The host owns route matching and navigation. */
+    href?: string;
+}
+/**
+ * Wraps a rail item in a host-owned link element (e.g. a router `Link`) so the
+ * lib never imports a routing library. Defaults to a plain `<a href>`.
+ */
+export type NavigationLinkRenderer = (item: NavigationPanelItem, children: ReactNode) => ReactNode;
+//# sourceMappingURL=navigation-item.d.ts.map

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

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

package/models/navigation-menu.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+/** One selectable value inside a settings group (a language, a theme, a shortcut). */
+export interface NavigationMenuOption {
+    /** Stable identity used as the React key. */
+    id: string;
+    /** Translated option label. */
+    label: string;
+    /** Whether this option is the currently applied value; renders a check mark. */
+    isActive: boolean;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+    /** Applies the option. */
+    onSelect: () => void;
+}
+/**
+ * A single-select settings group rendered as a submenu on desktop and as a
+ * pushed sheet page on mobile.
+ */
+export interface NavigationMenuGroup {
+    /** Stable identity used as the React key. */
+    id: string;
+    /** Translated group label shown on the parent row and as the sheet page title. */
+    label: string;
+    /** Optional leading icon for the parent row. */
+    icon?: ReactNode;
+    /** Options belonging to the group; a group with no options is skipped. */
+    options: NavigationMenuOption[];
+}
+//# sourceMappingURL=navigation-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/models/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,sFAAsF;AACtF,MAAM,WAAW,oBAAoB;IACnC,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,OAAO,EAAE,oBAAoB,EAAE,CAAC;CACjC"}

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

@@ -0,0 +1,63 @@
+import { CSSProperties, ReactNode } from 'react';
+import { NavigationLinkRenderer, NavigationPanelItem } from './navigation-item';
+/** Brand mark rendered above the nav items, already resolved by the host. */
+export interface NavigationPanelLogo {
+    /** Image URL used as the mark's `background-image`. */
+    iconUrl: string;
+    /** Link target for the mark. Defaults to `'/'`. */
+    href?: string;
+    /** Translated accessible name for the logo link. */
+    ariaLabel: string;
+}
+/** CSS custom-property overrides for `NavigationPanel`. */
+export interface NavigationPanelColors {
+    /** Rail background color. */
+    background?: string;
+    /** Icon color of an inactive item. */
+    itemText?: string;
+    /** Icon color of the active item. */
+    itemActiveText?: string;
+    /** Item background on hover. */
+    itemHoverBackground?: string;
+    /** Item background while pressed. */
+    itemActiveBackground?: string;
+}
+/** Typography overrides for `NavigationPanel`. */
+export interface NavigationPanelTypography {
+    /** CSS class applied to the rail root, inherited by all rail content. */
+    fontClassName?: string;
+    /** `font-family` applied to the rail root. */
+    fontFamily?: string;
+}
+/** Combined style overrides for `NavigationPanel`. */
+export interface NavigationPanelStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: NavigationPanelColors;
+    /** Typography overrides applied to the rail root. */
+    typography?: NavigationPanelTypography;
+    /** Extra class name(s) merged onto the `<nav>` element. */
+    className?: string;
+    /** CSS custom properties applied to the `<nav>` element. */
+    cssVars?: CSSProperties;
+}
+/** Translated labels required by `NavigationPanel`. */
+export interface NavigationPanelLabels {
+    /** Accessible name for the `<nav>` landmark. */
+    ariaLabel: string;
+}
+/** Props accepted by `NavigationPanel`. */
+export interface NavigationPanelProps {
+    /** Destinations rendered as icon buttons, in display order. */
+    items: NavigationPanelItem[];
+    /** Translated labels for the landmark. */
+    labels: NavigationPanelLabels;
+    /** Brand mark shown above the items; omit to render no logo. */
+    logo?: NavigationPanelLogo;
+    /** Pinned to the bottom of the rail — typically `UserMenu`. */
+    footer?: ReactNode;
+    /** Wraps each item in a host-owned link element. Defaults to a plain `<a href>`. */
+    renderLink?: NavigationLinkRenderer;
+    /** Style overrides for colors, typography, and class names. */
+    styles?: NavigationPanelStyles;
+}
+//# sourceMappingURL=navigation-panel-props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qDAAqD;IACrD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,gEAAgE;IAChE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oFAAoF;IACpF,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}

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

@@ -0,0 +1,78 @@
+import { CSSProperties, ReactNode } from 'react';
+import { NavigationPanelItem } from './navigation-item';
+import { NavigationMenuGroup } from './navigation-menu';
+import { NavigationUserProfile } from './user-profile';
+/** CSS custom-property overrides for the mobile navigation sheet. */
+export interface NavigationSheetColors {
+    /** Row label text color. */
+    text?: string;
+    /** Row background on hover. */
+    itemHoverBackground?: string;
+    /** Row background while pressed. */
+    itemActiveBackground?: string;
+    /** Row leading-icon color. */
+    icon?: string;
+    /** Divider color between row groups. */
+    divider?: string;
+    /** Avatar initials-badge background. */
+    avatarBackground?: string;
+    /** Avatar initials text color. */
+    avatarText?: string;
+    /** Check-mark color marking the active option. */
+    activeIcon?: string;
+}
+/** Typography overrides for the mobile navigation sheet. */
+export interface NavigationSheetTypography {
+    /** CSS class applied to row labels. Defaults to `'dial-small-text'`. */
+    fontClassName?: string;
+    /** `font-family` applied to the sheet content. */
+    fontFamily?: string;
+}
+/** Combined style overrides for the mobile navigation sheet. */
+export interface NavigationSheetStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: NavigationSheetColors;
+    /** Typography overrides applied to row labels. */
+    typography?: NavigationSheetTypography;
+    /** Extra class name(s) merged onto the sheet container. */
+    className?: string;
+    /** CSS custom properties applied to the sheet container. */
+    cssVars?: CSSProperties;
+}
+/** Translated labels required by `NavigationSheet`. */
+export interface NavigationSheetLabels {
+    /** Root-page header title, e.g. `"Menu"`. */
+    title: string;
+    /** Accessible name for the close (×) button. */
+    close: string;
+    /** Accessible name for the back button shown on pushed pages. */
+    back: string;
+    /** Label of the row that opens the profile page, also its page title. */
+    profile: string;
+    /** Label of the log-out row. */
+    logOut: string;
+}
+/** Props accepted by `NavigationSheet`. */
+export interface NavigationSheetProps {
+    /** Controls sheet visibility. */
+    isOpen: boolean;
+    /** Called when the sheet should close (backdrop tap, close button, or Escape). */
+    onClose: () => void;
+    /** Destinations rendered as rows on the root page, in display order. */
+    items: NavigationPanelItem[];
+    /** Called with the picked destination; the host performs the navigation. */
+    onSelectItem: (item: NavigationPanelItem) => void;
+    /** Translated labels for the header, profile row, and log-out row. */
+    labels: NavigationSheetLabels;
+    /** Signed-in user details shown on the profile page; omit to hide the profile row. */
+    profile?: NavigationUserProfile;
+    /** Single-select settings groups listed on the profile page; empty groups are skipped. */
+    groups?: NavigationMenuGroup[];
+    /** Called when the user taps "Log out"; the host owns the confirmation flow. */
+    onLogout: () => void;
+    /** Rendered at the end of the root page — typically a footer message. */
+    footer?: ReactNode;
+    /** Style overrides for colors, typography, and class names. */
+    styles?: NavigationSheetStyles;
+}
+//# sourceMappingURL=navigation-sheet-props.d.ts.map

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

@@ -0,0 +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,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/models/sheet-navigation.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+/** A page pushed onto the bottom sheet's navigation stack. */
+export interface SheetPage {
+    /** Header title shown while the page is on top of the stack. */
+    title: string;
+    /** Page body. */
+    content: ReactNode;
+}
+/** Stack controls exposed to sheet page content via `useSheetNavigation`. */
+export interface SheetNavigation {
+    /** Pushes a page on top of the stack. */
+    push: (page: SheetPage) => void;
+    /** Pops the top page, revealing the one beneath it. */
+    pop: () => void;
+    /** Clears the stack and closes the sheet. */
+    close: () => void;
+}
+//# sourceMappingURL=sheet-navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-navigation.d.ts","sourceRoot":"","sources":["../../src/models/sheet-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,8DAA8D;AAC9D,MAAM,WAAW,SAAS;IACxB,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,6EAA6E;AAC7E,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAChC,uDAAuD;IACvD,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB"}

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

@@ -0,0 +1,59 @@
+import { CSSProperties } from 'react';
+import { NavigationMenuGroup } from './navigation-menu';
+import { NavigationUserProfile } from './user-profile';
+/** CSS custom-property overrides for `UserMenu`. */
+export interface UserMenuColors {
+    /** Avatar initials-badge background. */
+    avatarBackground?: string;
+    /** Avatar initials text color. */
+    avatarText?: string;
+    /** Menu label text color. */
+    text?: string;
+    /** Check-mark color marking the active option. */
+    activeIcon?: string;
+    /** Trigger background on hover. */
+    triggerHoverBackground?: string;
+}
+/** Typography overrides for `UserMenu`. */
+export interface UserMenuTypography {
+    /** CSS class applied to menu labels. Defaults to `'dial-small-text'`. */
+    fontClassName?: string;
+    /** `font-family` applied to the menu trigger and overlay content. */
+    fontFamily?: string;
+}
+/** Combined style overrides for `UserMenu`. */
+export interface UserMenuStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: UserMenuColors;
+    /** Typography overrides applied to menu labels. */
+    typography?: UserMenuTypography;
+    /** Extra class name(s) merged onto the trigger wrapper. */
+    className?: string;
+    /** CSS custom properties applied to the trigger wrapper. */
+    cssVars?: CSSProperties;
+}
+/** Translated labels required by `UserMenu`. */
+export interface UserMenuLabels {
+    /** Accessible name for the avatar trigger, e.g. `"Signed in as a@b.c"`. */
+    trigger: string;
+    /** Alternative text for the avatar image. */
+    avatarAlt: string;
+    /** Label of the log-out entry. */
+    logOut: string;
+}
+/** Props accepted by `UserMenu`. */
+export interface UserMenuProps {
+    /** Signed-in user details used for the identity row and avatar. */
+    profile: NavigationUserProfile;
+    /** Translated labels for the trigger, avatar, and log-out entry. */
+    labels: UserMenuLabels;
+    /** Single-select settings groups rendered as submenus; empty groups are skipped. */
+    groups?: NavigationMenuGroup[];
+    /** Called when the user picks "Log out"; the host owns the confirmation flow. */
+    onLogout: () => void;
+    /** Hides the avatar tooltip — set on touch layouts where hover never fires. */
+    isTooltipHidden?: boolean;
+    /** Style overrides for colors, typography, and class names. */
+    styles?: UserMenuStyles;
+}
+//# sourceMappingURL=user-menu-props.d.ts.map

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

@@ -0,0 +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,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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;CAChB;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,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}

package/models/user-profile.d.ts

@@ -0,0 +1,16 @@
+/** Signed-in user details needed to render the identity row and avatar. */
+export interface NavigationUserProfile {
+    /** Address shown in the avatar tooltip and the "signed in as" label. */
+    email: string;
+    /** Full name, falling back to the email when no name claim exists. */
+    displayName: string;
+    /** One-or-two-letter initials rendered when no avatar image is available. */
+    shortName?: string;
+    /** Avatar image URL, already resolved to something usable as an `<img src>`. */
+    imageUrl?: string;
+    /** Whether the initials badge replaces the image (no image, or it failed to load). */
+    isFallbackShown?: boolean;
+    /** Called when the avatar image fails to load so the host can flip to initials. */
+    onImageError?: () => void;
+}
+//# sourceMappingURL=user-profile.d.ts.map

package/models/user-profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-profile.d.ts","sourceRoot":"","sources":["../../src/models/user-profile.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,MAAM,WAAW,qBAAqB;IACpC,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B"}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@epam/ai-dial-navigation-panel",
+  "description": "Primary application navigation — desktop nav rail, user menu, and mobile navigation bottom sheet",
+  "version": "1.0.0-rc.5",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./style.css",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "@tabler/icons-react": "^3.44.0",
+    "@epam/ai-dial-chat-shared": "1.0.0-rc.5",
+    "@epam/ai-dial-conversation-input": "1.0.0-rc.5",
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/epam/ai-dial-chat.git",
+    "directory": "libs/navigation-panel"
+  }
+}

package/test-setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=test-setup.d.ts.map

package/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}