@epam/ai-dial-navigation-panel 1.2.0-dev.99 → 1.3.0-dev.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/components/NavigationPanel/NavigationPanel.d.ts.map +1 -1
  2. package/components/NavigationSheet/NavigationMenuPage.d.ts +4 -0
  3. package/components/NavigationSheet/NavigationMenuPage.d.ts.map +1 -1
  4. package/components/NavigationSheet/NavigationSheet.d.ts.map +1 -1
  5. package/components/NavigationSheet/ProfilePage.d.ts +5 -1
  6. package/components/NavigationSheet/ProfilePage.d.ts.map +1 -1
  7. package/components/NavigationSheet/SheetRow.d.ts.map +1 -1
  8. package/components/UserMenu/UserMenu.d.ts.map +1 -1
  9. package/components/common/AvatarInitials.d.ts.map +1 -1
  10. package/components/common/UserAvatar.d.ts.map +1 -1
  11. package/index.css +2 -2
  12. package/index.js +312 -241
  13. package/models/navigation-item.d.ts +2 -0
  14. package/models/navigation-item.d.ts.map +1 -1
  15. package/models/navigation-panel-props.d.ts +8 -4
  16. package/models/navigation-panel-props.d.ts.map +1 -1
  17. package/models/navigation-sheet-props.d.ts +7 -0
  18. package/models/navigation-sheet-props.d.ts.map +1 -1
  19. package/package.json +4 -4
package/components/NavigationPanel/NavigationPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2B,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAMzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkFpD,CAAC"}
1
+ {"version":3,"file":"NavigationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationPanel/NavigationPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkC,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAMhF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqIpD,CAAC"}
package/components/NavigationSheet/NavigationMenuPage.d.ts CHANGED
@@ -14,6 +14,10 @@ export interface NavigationMenuPageProps {
14
14
  logOutLabel: string;
15
15
  /** Called when the user taps "Log out" on the profile page. */
16
16
  onLogout: () => void;
17
+ /** Label of the settings row on the profile page; required when `onSettings` is provided. */
18
+ settingsLabel?: string;
19
+ /** Called when the user taps the profile page's settings row; omit to hide the row. */
20
+ onSettings?: () => void;
17
21
  /** Signed-in user details; omit to hide the profile row entirely. */
18
22
  profile?: NavigationUserProfile;
19
23
  /** Settings groups listed on the profile page; empty groups are skipped. */
package/components/NavigationSheet/NavigationMenuPage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationMenuPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationMenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIvE,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAyE1D,CAAC"}
1
+ {"version":3,"file":"NavigationMenuPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/NavigationMenuPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIvE,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,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,CA+E1D,CAAC"}
package/components/NavigationSheet/NavigationSheet.d.ts.map CHANGED
@@ -1 +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,CA0DpD,CAAC"}
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"}
package/components/NavigationSheet/ProfilePage.d.ts CHANGED
@@ -9,6 +9,10 @@ export interface ProfilePageProps {
9
9
  logOutLabel: string;
10
10
  /** Called when the user taps "Log out"; the sheet closes first. */
11
11
  onLogout: () => void;
12
+ /** Label of the settings row; required when `onSettings` is provided. */
13
+ settingsLabel?: string;
14
+ /** Called when the user taps the settings row; the sheet closes first. Omit to hide the row. */
15
+ onSettings?: () => void;
12
16
  /** Settings groups listed above the log-out row; empty groups are skipped. */
13
17
  groups?: NavigationMenuGroup[];
14
18
  /** CSS class controlling the row labels' type scale. Defaults to `'dial-small-text'`. */
@@ -16,7 +20,7 @@ export interface ProfilePageProps {
16
20
  }
17
21
  /**
18
22
  * Sheet page showing the signed-in user, their settings groups (each pushing an
19
- * `OptionListPage`), and a log-out row.
23
+ * `OptionListPage`), an optional settings row, and a log-out row.
20
24
  */
21
25
  export declare const ProfilePage: FC<ProfilePageProps>;
22
26
  //# sourceMappingURL=ProfilePage.d.ts.map
package/components/NavigationSheet/ProfilePage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/ProfilePage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMvE,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAyF5C,CAAC"}
1
+ {"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"}
package/components/NavigationSheet/SheetRow.d.ts.map CHANGED
@@ -1 +1 @@
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;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2BtC,CAAC"}
1
+ {"version":3,"file":"SheetRow.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/SheetRow.tsx"],"names":[],"mappings":"AAEA,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;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA+BtC,CAAC"}
package/components/UserMenu/UserMenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAKlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0ItC,CAAC"}
1
+ {"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAKlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6ItC,CAAC"}
package/components/common/AvatarInitials.d.ts.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"AvatarInitials.d.ts","sourceRoot":"","sources":["../../../src/components/common/AvatarInitials.tsx"],"names":[],"mappings":"AAEA,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,CAUlD,CAAC"}
package/components/common/UserAvatar.d.ts.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/common/UserAvatar.tsx"],"names":[],"mappings":"AACA,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,CAgBzC,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._rail_h528m_1{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_h528m_6{color:var(--np-item-text,var(--text-secondary,#57647a))}._item_h528m_6:hover{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._item_h528m_6:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_h528m_6{background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._itemActive_h528m_19{background:var(--np-item-selected-bg,var(--bg-control-accent-alpha,#2764d90f));color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._avatar_htyg8_1{background:var(--np-avatar-bg,var(--bg-control-accent,#1d4ed8));color:var(--np-avatar-text,var(--text-control-permanent,#fcfcfc))}._wrapper_1coa8_1{font-family:var(--np-font-family,inherit)}._trigger_1coa8_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_1coa8_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_1coa8_14,._menuLabel_1coa8_18{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_1oucc_1{font-family:var(--np-font-family,inherit)}._row_1oucc_5{color:var(--np-sheet-text,var(--text-primary,#161b2d))}._row_1oucc_5:hover,._row_1oucc_5:focus-visible{background:var(--np-sheet-item-hover,var(--bg-control-accent-alpha-hover,#2764d924))}._row_1oucc_5:active{background:var(--np-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}._rowActive_1oucc_17{color:var(--np-sheet-row-active-text,var(--text-accent,#1d4ed8));background:var(--np-sheet-row-active-bg,var(--bg-control-accent-alpha,#2764d90f))}._rowActive_1oucc_17:hover,._rowActive_1oucc_17:focus-visible{background:var(--np-sheet-row-active-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}._rowActive_1oucc_17 ._rowIcon_1oucc_24{color:inherit}._rowIcon_1oucc_24{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_1oucc_32{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_1oucc_36{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_1oucc_40{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
2
- /*$vite$:1*/.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.contents{display:contents}.size-\[28px\]{height:28px;width:28px}.size-\[44px\]{height:44px;width:44px}.size-\[60px\]{height:60px;width:60px}.h-16{height:4rem}.h-6{height:1.5rem}.h-\[40px\]{height:40px}.h-\[56px\]{height:56px}.h-full{height:100%}.w-6{width:1.5rem}.w-\[60px\]{width:60px}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-transparent{border-color:transparent}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.pb-4{padding-bottom:1rem}.text-start{text-align:start}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
1
+ ._rail_1hxk4_1{background:var(--np-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-font-family,inherit)}._item_1hxk4_6{color:var(--np-item-text,var(--text-primary,#161b2d))}._item_1hxk4_6 svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}._item_1hxk4_6:hover svg,a:focus-visible>._item_1hxk4_6 svg{transform:translateY(-2px)}._item_1hxk4_6:active svg{transition-duration:.1s;transform:translateY(0)}@media (prefers-reduced-motion:reduce){._item_1hxk4_6 svg{transition:none}._item_1hxk4_6:hover svg,a:focus-visible>._item_1hxk4_6 svg{transform:none}}._item_1hxk4_6:not(._itemActive_1hxk4_33):hover{background:var(--np-item-hover-bg,transparent)}._item_1hxk4_6:not(._itemActive_1hxk4_33):hover svg,a:focus-visible>._item_1hxk4_6:not(._itemActive_1hxk4_33) svg{stroke:var(--np-item-hover-icon,currentColor)}._item_1hxk4_6:active{background:var(--np-item-active-bg,var(--bg-control-accent-alpha-active,#2764d933))}a:focus-visible>._item_1hxk4_6:not(._itemActive_1hxk4_33){background:var(--np-item-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}a:focus-visible>._item_1hxk4_6._itemActive_1hxk4_33{outline:2px solid var(--np-item-active-text,var(--text-accent,#1d4ed8));outline-offset:-2px}._item_1hxk4_6._itemActive_1hxk4_33{background:var(--np-item-selected-bg,var(--bg-control-accent-alpha-active,#2764d933));color:var(--np-item-active-text,var(--text-accent,#1d4ed8))}._item_1hxk4_6._itemActive_1hxk4_33 svg{stroke:var(--np-item-active-icon,currentColor)}._item_1hxk4_6._itemFilled_1hxk4_38 svg{fill:var(--np-item-active-icon,currentColor);stroke:none}._item_1hxk4_6._itemFilledOutline_1hxk4_79 svg{fill:var(--np-item-active-icon,currentColor)}._avatar_4hc9t_4._avatar_4hc9t_4{background:var(--np-avatar-bg,var(--bg-control-accent,#1d4ed8));color:var(--np-avatar-text,var(--text-control-permanent,#fcfcfc))}._wrapper_17aqp_1{font-family:var(--np-font-family,inherit)}._trigger_17aqp_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_17aqp_5._trigger_17aqp_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,#161b2d));outline-offset:-1px}._identityText_17aqp_18,._menuLabel_17aqp_22{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_1k0ml_1{font-family:var(--np-font-family,inherit)}li>._row_1k0ml_12{color:var(--np-sheet-text,var(--text-primary,#161b2d))}li>._row_1k0ml_12:hover,li>._row_1k0ml_12:focus-visible{background:var(--np-sheet-item-hover,var(--bg-control-accent-alpha-hover,#2764d924))}li>._row_1k0ml_12:active{background:var(--np-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}li>._rowActive_1k0ml_24{color:var(--np-sheet-row-active-text,var(--text-accent,#1d4ed8));background:var(--np-sheet-row-active-bg,var(--bg-control-accent-alpha,#2764d90f))}li>._rowActive_1k0ml_24:hover,li>._rowActive_1k0ml_24:focus-visible{background:var(--np-sheet-row-active-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}li>._rowActive_1k0ml_24 ._rowIcon_1k0ml_31{color:inherit}li>._rowActive_1k0ml_24 ._rowIcon_1k0ml_31 svg[fill=none]{fill:currentColor}._rowIcon_1k0ml_31{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_1k0ml_46{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_1k0ml_50{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_1k0ml_54{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
2
+ /*$vite$:1*/.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.flex{display:flex}.contents{display:contents}.size-0{height:0;width:0}.size-\[44px\]{height:44px;width:44px}.size-\[60px\]{height:60px;width:60px}.h-16{height:4rem}.h-6{height:1.5rem}.h-\[40px\]{height:40px}.h-\[56px\]{height:56px}.h-auto{height:auto}.h-full{height:100%}.w-6{width:1.5rem}.w-\[60px\]{width:60px}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!rounded-full{border-radius:9999px!important}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.pb-4{padding-bottom:1rem}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid;outline-width:1px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
package/index.js CHANGED
@@ -1,102 +1,159 @@
1
1
  import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
2
- import { BASE_ICON_SIZE as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, Dropdown as a, DropdownItemType as o, EllipsisTooltip as s, IconButton as c, MenuItemMark as l, Tooltip as u } from "@epam/ai-dial-ui-kit";
3
- import { Fragment as d, createContext as f, memo as p, useCallback as m, useContext as h, useEffect as g, useMemo as _, useState as v } from "react";
4
- import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
5
- import { IconCheck as S, IconChevronRight as C, IconLogout as w, IconSettings as T, IconUser as E } from "@tabler/icons-react";
6
- import { BottomSheetShell as D } from "@epam/ai-dial-conversation-input";
2
+ import { Avatar as n, BASE_ICON_SIZE as r, Button as i, DIAL_ICON_SIZE as a, DIAL_KIT_ICON_STROKE as o, Dropdown as s, DropdownItemType as c, EllipsisTooltip as l, IconButton as u, MenuItem as d, MenuItemMark as f } from "@epam/ai-dial-ui-kit";
3
+ import { Fragment as p, createContext as m, memo as h, useCallback as g, useContext as _, useEffect as v, useId as y, useMemo as b, useState as x } from "react";
4
+ import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
5
+ import { IconCheck as T, IconChevronRight as E, IconLogout as D, IconSettings as O, IconUser as k } from "@tabler/icons-react";
6
+ import { BottomSheetShell as A } from "@epam/ai-dial-conversation-input";
7
7
  //#region src/constants/public-class-names.ts
8
- var O = {
8
+ var j = {
9
9
  rail: "dial-navigation-panel-rail",
10
10
  item: "dial-navigation-panel-item"
11
- }, k = {
12
- rail: "_rail_h528m_1",
13
- item: "_item_h528m_6",
14
- itemActive: "_itemActive_h528m_19"
15
- }, A = (e, t) => /* @__PURE__ */ b("a", {
11
+ }, M = {
12
+ rail: "_rail_1hxk4_1",
13
+ item: "_item_1hxk4_6",
14
+ itemActive: "_itemActive_1hxk4_33",
15
+ itemFilled: "_itemFilled_1hxk4_38",
16
+ itemFilledOutline: "_itemFilledOutline_1hxk4_79"
17
+ }, N = (e, t) => /* @__PURE__ */ C("a", {
16
18
  href: e.href,
17
19
  className: "contents",
18
20
  children: t
19
- }), j = p(({ items: n, labels: a, logo: o, footer: s, renderLink: l = A, styles: u }) => {
20
- let { colors: f, typography: p, className: m, cssVars: h } = u ?? {}, g = _(() => e({
21
- "--np-bg": f?.background,
22
- "--np-item-text": f?.itemText,
23
- "--np-item-active-text": f?.itemActiveText,
24
- "--np-item-selected-bg": f?.itemSelectedBackground,
25
- "--np-item-hover-bg": f?.itemHoverBackground,
26
- "--np-item-active-bg": f?.itemActiveBackground,
27
- "--np-font-family": p?.fontFamily
28
- }), [f, p?.fontFamily]);
29
- return /* @__PURE__ */ x("nav", {
30
- "aria-label": a.ariaLabel,
21
+ }), P = h(({ items: n, labels: r, logo: i, footer: s, renderLink: c = N, styles: l }) => {
22
+ let { colors: d, typography: f, className: m, cssVars: h } = l ?? {}, g = y().replace(/[^\w-]/g, ""), _ = `np-hover-gradient-${g}`, v = `np-active-gradient-${g}`, x = b(() => e({
23
+ "--np-bg": d?.background,
24
+ "--np-item-text": d?.itemText,
25
+ "--np-item-active-text": d?.itemActiveText,
26
+ "--np-item-selected-bg": d?.itemSelectedBackground,
27
+ "--np-item-hover-bg": d?.itemHoverBackground,
28
+ "--np-item-hover-icon": d?.itemHoverIcon ?? `url(#${_})`,
29
+ "--np-item-active-icon": d?.itemActiveIcon ?? `url(#${v})`,
30
+ "--np-item-active-bg": d?.itemActiveBackground,
31
+ "--np-font-family": f?.fontFamily
32
+ }), [
33
+ d,
34
+ f?.fontFamily,
35
+ _,
36
+ v
37
+ ]);
38
+ return /* @__PURE__ */ w("nav", {
39
+ "aria-label": r.ariaLabel,
31
40
  style: {
32
41
  ...h,
33
- ...g
42
+ ...x
34
43
  },
35
- className: t(k.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m, O.rail),
36
- children: [/* @__PURE__ */ x("div", {
37
- className: "flex flex-col items-center",
38
- children: [o && /* @__PURE__ */ b("a", {
39
- href: o.href ?? "/",
40
- "aria-label": o.ariaLabel,
41
- className: "flex h-16 w-full shrink-0 items-center justify-center",
42
- children: /* @__PURE__ */ b("span", {
43
- style: { backgroundImage: `url(${o.iconUrl})` },
44
- className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
45
- })
46
- }), /* @__PURE__ */ b("div", {
47
- className: "flex flex-col items-center gap-2 p-2",
48
- children: n.map((e) => /* @__PURE__ */ b(d, { children: l(e, /* @__PURE__ */ b(c, {
49
- icon: /* @__PURE__ */ b(e.icon, {
50
- size: r.LG,
51
- stroke: i
52
- }),
53
- "aria-label": e.label,
54
- "aria-current": e.isActive ? "page" : void 0,
55
- tooltipProps: { tooltip: e.label },
56
- tabIndex: -1,
57
- className: t(k.item, "rounded-xl", e.isActive && k.itemActive, O.item)
58
- })) }, e.id))
59
- })]
60
- }), s]
44
+ className: t(M.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", f?.fontClassName, m, j.rail),
45
+ children: [
46
+ /* @__PURE__ */ C("svg", {
47
+ "aria-hidden": !0,
48
+ className: "absolute size-0",
49
+ focusable: "false",
50
+ children: /* @__PURE__ */ w("defs", { children: [/* @__PURE__ */ w("linearGradient", {
51
+ id: _,
52
+ gradientUnits: "userSpaceOnUse",
53
+ x1: "30.2",
54
+ y1: "-2.5",
55
+ x2: "-4.6",
56
+ y2: "25.2",
57
+ children: [/* @__PURE__ */ C("stop", {
58
+ offset: "0",
59
+ stopColor: "#1d4ed8"
60
+ }), /* @__PURE__ */ C("stop", {
61
+ offset: "1",
62
+ stopColor: "#885df2"
63
+ })]
64
+ }), /* @__PURE__ */ w("linearGradient", {
65
+ id: v,
66
+ gradientUnits: "userSpaceOnUse",
67
+ x1: "31.3",
68
+ y1: "-1.7",
69
+ x2: "0.2",
70
+ y2: "20.4",
71
+ children: [/* @__PURE__ */ C("stop", {
72
+ offset: "0",
73
+ stopColor: "#1d4ed8"
74
+ }), /* @__PURE__ */ C("stop", {
75
+ offset: "1",
76
+ stopColor: "#885df2"
77
+ })]
78
+ })] })
79
+ }),
80
+ /* @__PURE__ */ w("div", {
81
+ className: "flex flex-col items-center",
82
+ children: [i && /* @__PURE__ */ C("a", {
83
+ href: i.href ?? "/",
84
+ "aria-label": i.ariaLabel,
85
+ className: "flex h-16 w-full shrink-0 items-center justify-center",
86
+ children: /* @__PURE__ */ C("span", {
87
+ style: { backgroundImage: `url("${i.iconUrl}")` },
88
+ className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
89
+ })
90
+ }), /* @__PURE__ */ C("div", {
91
+ className: "flex flex-col items-center gap-2 p-2",
92
+ children: n.map((e) => {
93
+ let n = !!e.isActive && !!e.activeIcon;
94
+ return /* @__PURE__ */ C(p, { children: c(e, /* @__PURE__ */ C(u, {
95
+ icon: /* @__PURE__ */ C(n && e.activeIcon || e.icon, {
96
+ size: a.LG,
97
+ stroke: o
98
+ }),
99
+ "aria-label": e.label,
100
+ "aria-current": e.isActive ? "page" : void 0,
101
+ tooltipProps: { tooltip: e.label },
102
+ tabIndex: -1,
103
+ className: t(M.item, "rounded-xl", e.isActive && M.itemActive, n && M.itemFilled, e.isActive && !n && M.itemFilledOutline, j.item)
104
+ })) }, e.id);
105
+ })
106
+ })]
107
+ }),
108
+ s
109
+ ]
110
+ });
111
+ }), F = { avatar: "_avatar_4hc9t_4" }, I = h(({ shortName: e, className: r, textClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ C(n, {
112
+ name: e ?? "",
113
+ initials: e ?? "",
114
+ size: 28,
115
+ textClassName: i,
116
+ className: t(F.avatar, r)
117
+ })), L = h(({ profile: e, alt: t }) => {
118
+ let r = e.isFallbackShown || !e.imageUrl;
119
+ return /* @__PURE__ */ C(n, {
120
+ name: e.displayName,
121
+ initials: e.shortName ?? "",
122
+ src: r ? void 0 : e.imageUrl,
123
+ alt: r ? "" : t,
124
+ size: 28,
125
+ textClassName: "dial-tiny-text",
126
+ className: F.avatar,
127
+ onImageError: e.onImageError
61
128
  });
62
- }), M = { avatar: "_avatar_htyg8_1" }, N = p(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ b("div", {
63
- className: t(M.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
64
- children: e
65
- })), P = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(N, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
66
- className: "rounded-full",
67
- src: e.imageUrl,
68
- width: 28,
69
- height: 28,
70
- alt: t,
71
- onError: e.onImageError
72
- })), F = {
73
- wrapper: "_wrapper_1coa8_1",
74
- trigger: "_trigger_1coa8_5",
75
- identityText: "_identityText_1coa8_14",
76
- menuLabel: "_menuLabel_1coa8_18"
77
- }, I = p(({ profile: n, labels: c, groups: d, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
78
- let { colors: g, typography: v, className: y, cssVars: S } = h ?? {}, C = v?.fontClassName ?? "dial-small-text", E = _(() => e({
129
+ }), R = {
130
+ wrapper: "_wrapper_17aqp_1",
131
+ trigger: "_trigger_17aqp_5",
132
+ identityText: "_identityText_17aqp_18",
133
+ menuLabel: "_menuLabel_17aqp_22"
134
+ }, z = h(({ profile: n, labels: r, groups: u, onLogout: d, onSettings: p, isTooltipHidden: m, styles: h }) => {
135
+ let { colors: g, typography: _, className: v, cssVars: y } = h ?? {}, x = _?.fontClassName ?? "dial-small-text", S = b(() => e({
79
136
  "--np-avatar-bg": g?.avatarBackground,
80
137
  "--np-avatar-text": g?.avatarText,
81
138
  "--np-menu-text": g?.text,
82
139
  "--np-trigger-hover-bg": g?.triggerHoverBackground,
83
- "--np-font-family": v?.fontFamily
84
- }), [g, v?.fontFamily]), D = _(() => t(F.menuLabel, C), [C]), O = _(() => {
85
- let e = (d ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
140
+ "--np-font-family": _?.fontFamily
141
+ }), [g, _?.fontFamily]), T = b(() => t(R.menuLabel, x), [x]), E = b(() => {
142
+ let e = (u ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
86
143
  key: e,
87
- label: /* @__PURE__ */ b("span", {
88
- className: D,
144
+ label: /* @__PURE__ */ C("span", {
145
+ className: T,
89
146
  children: t
90
147
  }),
91
148
  icon: n,
92
149
  children: r.map((e) => ({
93
150
  key: e.id,
94
- label: /* @__PURE__ */ b("span", {
95
- className: D,
151
+ label: /* @__PURE__ */ C("span", {
152
+ className: T,
96
153
  children: e.label
97
154
  }),
98
155
  icon: e.icon,
99
- mark: l.Check,
156
+ mark: f.Check,
100
157
  checked: e.isActive,
101
158
  onClick: e.onSelect
102
159
  }))
@@ -104,95 +161,94 @@ var O = {
104
161
  return [
105
162
  {
106
163
  key: "identity",
107
- type: o.PlainText,
108
- label: /* @__PURE__ */ x("div", {
164
+ type: c.PlainText,
165
+ label: /* @__PURE__ */ w("div", {
109
166
  className: "flex h-[40px] min-w-0 items-center gap-3",
110
- children: [/* @__PURE__ */ b(N, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
167
+ children: [/* @__PURE__ */ C(I, { shortName: n.shortName }), /* @__PURE__ */ C(l, {
111
168
  text: n.displayName,
112
- className: t(F.identityText, C, "min-w-0 flex-1 truncate")
169
+ className: t(R.identityText, x, "min-w-0 flex-1 truncate")
113
170
  })]
114
171
  })
115
172
  },
116
173
  ...e,
117
174
  {
118
175
  key: "divider-1",
119
- type: o.Divider
176
+ type: c.Divider
120
177
  },
121
178
  ...p ? [{
122
179
  key: "settings",
123
- label: /* @__PURE__ */ b("span", {
124
- className: D,
125
- children: c.settings
180
+ label: /* @__PURE__ */ C("span", {
181
+ className: T,
182
+ children: r.settings
126
183
  }),
127
- icon: /* @__PURE__ */ b(T, {
128
- size: r.SM,
184
+ icon: /* @__PURE__ */ C(O, {
185
+ size: a.SM,
129
186
  "aria-hidden": !0,
130
- stroke: i
187
+ stroke: o
131
188
  }),
132
189
  onClick: p
133
190
  }] : [],
134
191
  {
135
192
  key: "logout",
136
- label: /* @__PURE__ */ b("span", {
137
- className: D,
138
- children: c.logOut
193
+ label: /* @__PURE__ */ C("span", {
194
+ className: T,
195
+ children: r.logOut
139
196
  }),
140
- icon: /* @__PURE__ */ b(w, {
141
- size: r.SM,
197
+ icon: /* @__PURE__ */ C(D, {
198
+ size: a.SM,
142
199
  "aria-hidden": !0,
143
- stroke: i
200
+ stroke: o
144
201
  }),
145
- onClick: f
202
+ onClick: d
146
203
  }
147
204
  ];
148
205
  }, [
206
+ u,
207
+ x,
208
+ T,
209
+ r.logOut,
210
+ r.settings,
149
211
  d,
150
- C,
151
- D,
152
- c.logOut,
153
- c.settings,
154
- f,
155
212
  p,
156
213
  n.displayName,
157
214
  n.shortName
158
215
  ]);
159
- return /* @__PURE__ */ b("div", {
216
+ return /* @__PURE__ */ C("div", {
160
217
  style: {
161
- ...S,
162
- ...E
218
+ ...y,
219
+ ...S
163
220
  },
164
- className: t(F.wrapper, "flex size-[60px] items-center justify-center", y),
165
- children: /* @__PURE__ */ b(a, {
221
+ className: t(R.wrapper, "flex size-[60px] items-center justify-center", v),
222
+ children: /* @__PURE__ */ C(s, {
166
223
  placement: "top-end",
167
224
  matchReferenceWidth: !1,
168
- items: O,
169
- children: /* @__PURE__ */ b("button", {
170
- type: "button",
171
- className: t(F.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
172
- "aria-label": c.trigger,
173
- children: /* @__PURE__ */ b(u, {
225
+ items: E,
226
+ children: /* @__PURE__ */ C(i, {
227
+ "aria-label": r.trigger,
228
+ tooltipProps: {
174
229
  tooltip: n.email,
175
- hideTooltip: m,
176
- children: /* @__PURE__ */ b(P, {
177
- profile: n,
178
- alt: c.avatarAlt
179
- })
180
- })
230
+ hideTooltip: m
231
+ },
232
+ iconBefore: /* @__PURE__ */ C(L, {
233
+ profile: n,
234
+ alt: r.avatarAlt
235
+ }),
236
+ className: t("size-[44px] gap-0 !rounded-full p-0", R.trigger)
181
237
  })
182
238
  })
183
239
  });
184
- }), L = f(void 0), R = p(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
185
- let [c, l] = v([]);
186
- g(() => {
240
+ }), B = m(void 0), V = h(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
241
+ let [c, l] = x([]);
242
+ v(() => {
187
243
  e || l([]);
188
244
  }, [e]);
189
- let u = m((e) => {
245
+ let u = g((e) => {
190
246
  l((t) => [...t, e]);
191
- }, []), d = m(() => {
247
+ }, []), d = g(() => {
192
248
  l((e) => e.slice(0, -1));
193
- }, []), f = m(() => {
249
+ }, []), f = g(() => {
194
250
  l([]), t();
195
- }, [t]), p = _(() => ({
251
+ }, [t]), p = b(() => ({
196
252
  push: u,
197
253
  pop: d,
198
254
  close: f
@@ -200,195 +256,210 @@ var O = {
200
256
  u,
201
257
  d,
202
258
  f
203
- ]), h = c[c.length - 1];
204
- return /* @__PURE__ */ b(L.Provider, {
259
+ ]), m = c[c.length - 1];
260
+ return /* @__PURE__ */ C(B.Provider, {
205
261
  value: p,
206
- children: /* @__PURE__ */ b(D, {
262
+ children: /* @__PURE__ */ C(A, {
207
263
  isOpen: e,
208
264
  onClose: f,
209
- title: h?.title ?? r,
265
+ title: m?.title ?? r,
210
266
  closeLabel: i,
211
- onBack: h ? d : void 0,
212
- backLabel: h ? a : void 0,
267
+ onBack: m ? d : void 0,
268
+ backLabel: m ? a : void 0,
213
269
  className: o,
214
270
  style: s,
215
- children: h ? h.content : n
271
+ children: m ? m.content : n
216
272
  })
217
273
  });
218
- }), z = () => {
219
- let e = h(L);
274
+ }), H = () => {
275
+ let e = _(B);
220
276
  if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
221
277
  return e;
222
- }, B = {
223
- sheet: "_sheet_1oucc_1",
224
- row: "_row_1oucc_5",
225
- rowActive: "_rowActive_1oucc_17",
226
- rowIcon: "_rowIcon_1oucc_24",
227
- divider: "_divider_1oucc_32",
228
- mutedText: "_mutedText_1oucc_36",
229
- activeIcon: "_activeIcon_1oucc_40"
230
- }, 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", {
231
- type: "button",
278
+ }, U = {
279
+ sheet: "_sheet_1k0ml_1",
280
+ row: "_row_1k0ml_12",
281
+ rowActive: "_rowActive_1k0ml_24",
282
+ rowIcon: "_rowIcon_1k0ml_31",
283
+ divider: "_divider_1k0ml_46",
284
+ mutedText: "_mutedText_1k0ml_50",
285
+ activeIcon: "_activeIcon_1k0ml_54"
286
+ }, W = h(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ C("li", { children: /* @__PURE__ */ C(d, {
287
+ label: e,
288
+ labelClassName: s,
289
+ icon: r && /* @__PURE__ */ C("span", {
290
+ className: U.rowIcon,
291
+ children: r
292
+ }),
293
+ trailing: i,
294
+ mark: f.Highlight,
295
+ selected: o,
232
296
  "aria-current": a ? "true" : void 0,
233
- className: t(B.row, o && B.rowActive, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
234
- onClick: n,
235
- children: [
236
- r && /* @__PURE__ */ b("span", {
237
- className: B.rowIcon,
238
- children: r
239
- }),
240
- /* @__PURE__ */ b("span", {
241
- className: t(s, "flex-1"),
242
- children: e
243
- }),
244
- i
245
- ]
246
- }) })), H = p(({ options: e, textClassName: t }) => {
247
- let { pop: n } = z();
248
- return /* @__PURE__ */ b("ul", {
297
+ className: t("h-auto gap-3 rounded-none px-4 py-[10px]", U.row, o && U.rowActive),
298
+ onClick: n
299
+ }) })), G = h(({ options: e, textClassName: t }) => {
300
+ let { pop: n } = H();
301
+ return /* @__PURE__ */ C("ul", {
249
302
  className: "flex flex-col pb-4",
250
- children: e.map((e) => /* @__PURE__ */ b(V, {
303
+ children: e.map((e) => /* @__PURE__ */ C(W, {
251
304
  label: e.label,
252
305
  icon: e.icon,
253
306
  textClassName: t,
254
307
  isCurrent: e.isActive,
255
- trailing: e.isActive ? /* @__PURE__ */ b(S, {
256
- size: r.SM,
257
- stroke: i,
308
+ trailing: e.isActive ? /* @__PURE__ */ C(T, {
309
+ size: a.SM,
310
+ stroke: o,
258
311
  "aria-hidden": !0,
259
- className: B.activeIcon
312
+ className: U.activeIcon
260
313
  }) : void 0,
261
314
  onClick: () => {
262
315
  e.onSelect(), n();
263
316
  }
264
317
  }, e.id))
265
318
  });
266
- }), U = p(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
267
- let { push: l, close: u } = z(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
268
- return /* @__PURE__ */ x(y, { children: [
269
- /* @__PURE__ */ x("div", {
319
+ }), K = h(({ profile: e, logOutLabel: n, onLogout: i, settingsLabel: a, onSettings: s, groups: c, textClassName: u = "dial-small-text" }) => {
320
+ let { push: d, close: f } = H(), p = (c ?? []).filter(({ options: e }) => e.length > 0);
321
+ return /* @__PURE__ */ w(S, { children: [
322
+ /* @__PURE__ */ w("div", {
270
323
  className: "flex h-[56px] items-center gap-3 px-4 py-2",
271
- children: [/* @__PURE__ */ b(P, {
324
+ children: [/* @__PURE__ */ C(L, {
272
325
  profile: e,
273
326
  alt: ""
274
- }), /* @__PURE__ */ b(s, {
327
+ }), /* @__PURE__ */ C(l, {
275
328
  text: e.displayName,
276
- className: t(B.mutedText, c, "min-w-0 flex-1 truncate")
329
+ className: t(U.mutedText, u, "min-w-0 flex-1 truncate")
277
330
  })]
278
331
  }),
279
- d.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ul", {
332
+ p.length > 0 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("ul", {
280
333
  className: "flex flex-col",
281
- children: d.map((e) => /* @__PURE__ */ b(V, {
334
+ children: p.map((e) => /* @__PURE__ */ C(W, {
282
335
  label: e.label,
283
336
  icon: e.icon,
284
- textClassName: c,
285
- trailing: /* @__PURE__ */ b(C, {
286
- size: n,
287
- stroke: i,
337
+ textClassName: u,
338
+ trailing: /* @__PURE__ */ C(E, {
339
+ size: r,
340
+ stroke: o,
288
341
  "aria-hidden": !0,
289
- className: t(B.rowIcon, "rtl:scale-x-[-1]")
342
+ className: t(U.rowIcon, "rtl:scale-x-[-1]")
290
343
  }),
291
- onClick: () => l({
344
+ onClick: () => d({
292
345
  title: e.label,
293
- content: /* @__PURE__ */ b(H, {
346
+ content: /* @__PURE__ */ C(G, {
294
347
  options: e.options,
295
- textClassName: c
348
+ textClassName: u
296
349
  })
297
350
  })
298
351
  }, e.id))
299
- }), /* @__PURE__ */ b("hr", { className: B.divider })] }),
300
- /* @__PURE__ */ b("ul", {
352
+ }), /* @__PURE__ */ C("hr", { className: U.divider })] }),
353
+ /* @__PURE__ */ w("ul", {
301
354
  className: "flex flex-col pb-4",
302
- children: /* @__PURE__ */ b(V, {
303
- label: r,
304
- textClassName: c,
305
- icon: /* @__PURE__ */ b(w, {
306
- size: n,
307
- stroke: i,
355
+ children: [s && a && /* @__PURE__ */ C(W, {
356
+ label: a,
357
+ textClassName: u,
358
+ icon: /* @__PURE__ */ C(O, {
359
+ size: r,
360
+ stroke: o,
308
361
  "aria-hidden": !0
309
362
  }),
310
363
  onClick: () => {
311
- u(), a();
364
+ f(), s?.();
312
365
  }
313
- })
366
+ }), /* @__PURE__ */ C(W, {
367
+ label: n,
368
+ textClassName: u,
369
+ icon: /* @__PURE__ */ C(D, {
370
+ size: r,
371
+ stroke: o,
372
+ "aria-hidden": !0
373
+ }),
374
+ onClick: () => {
375
+ f(), i();
376
+ }
377
+ })]
314
378
  })
315
379
  ] });
316
- }), W = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
317
- let { push: d, close: f } = z(), p = (e) => {
318
- f(), t(e);
380
+ }), q = h(({ items: e, onSelectItem: t, profileLabel: n, logOutLabel: i, onLogout: a, settingsLabel: s, onSettings: c, profile: l, groups: u, footer: d, textClassName: f }) => {
381
+ let { push: p, close: m } = H(), h = (e) => {
382
+ m(), t(e);
319
383
  };
320
- return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("ul", {
384
+ return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("ul", {
321
385
  className: "flex flex-col pb-4",
322
- children: [e.map((e) => /* @__PURE__ */ b(V, {
323
- label: e.label,
324
- textClassName: u,
325
- isCurrent: e.isActive,
326
- isHighlighted: e.isActive,
327
- icon: /* @__PURE__ */ b(e.icon, {
328
- size: n,
329
- stroke: i
330
- }),
331
- onClick: () => p(e)
332
- }, e.id)), s && /* @__PURE__ */ b(V, {
333
- label: r,
334
- textClassName: u,
335
- icon: /* @__PURE__ */ b(E, {
336
- size: n,
337
- stroke: i,
386
+ children: [e.map((e) => {
387
+ let t = e.isActive && e.activeIcon || e.icon;
388
+ return /* @__PURE__ */ C(W, {
389
+ label: e.label,
390
+ textClassName: f,
391
+ isCurrent: e.isActive,
392
+ isHighlighted: e.isActive,
393
+ icon: /* @__PURE__ */ C(t, {
394
+ size: r,
395
+ stroke: o
396
+ }),
397
+ onClick: () => h(e)
398
+ }, e.id);
399
+ }), l && /* @__PURE__ */ C(W, {
400
+ label: n,
401
+ textClassName: f,
402
+ icon: /* @__PURE__ */ C(k, {
403
+ size: r,
404
+ stroke: o,
338
405
  "aria-hidden": !0
339
406
  }),
340
407
  onClick: () => {
341
- s && d({
342
- title: r,
343
- content: /* @__PURE__ */ b(U, {
344
- profile: s,
345
- groups: c,
346
- logOutLabel: a,
347
- onLogout: o,
348
- textClassName: u
408
+ l && p({
409
+ title: n,
410
+ content: /* @__PURE__ */ C(K, {
411
+ profile: l,
412
+ groups: u,
413
+ logOutLabel: i,
414
+ onLogout: a,
415
+ settingsLabel: s,
416
+ onSettings: c,
417
+ textClassName: f
349
418
  })
350
419
  });
351
420
  }
352
421
  })]
353
- }), l] });
354
- }), G = p(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
355
- let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, g = _(() => e({
356
- "--np-sheet-text": f?.text,
357
- "--np-sheet-item-hover": f?.itemHoverBackground,
358
- "--np-sheet-item-active": f?.itemActiveBackground,
359
- "--np-sheet-row-active-text": f?.activeRowText,
360
- "--np-sheet-row-active-bg": f?.activeRowBackground,
361
- "--np-sheet-row-active-bg-hover": f?.activeRowBackgroundHover,
362
- "--np-sheet-icon": f?.icon,
363
- "--np-sheet-divider": f?.divider,
364
- "--np-avatar-bg": f?.avatarBackground,
365
- "--np-avatar-text": f?.avatarText,
366
- "--np-menu-active-icon": f?.activeIcon,
367
- "--np-font-family": p?.fontFamily
368
- }), [f, p?.fontFamily]);
369
- return /* @__PURE__ */ b(R, {
422
+ }), d] });
423
+ }), J = h(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, onSettings: u, footer: d, styles: f }) => {
424
+ let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, _ = b(() => e({
425
+ "--np-sheet-text": p?.text,
426
+ "--np-sheet-item-hover": p?.itemHoverBackground,
427
+ "--np-sheet-item-active": p?.itemActiveBackground,
428
+ "--np-sheet-row-active-text": p?.activeRowText,
429
+ "--np-sheet-row-active-bg": p?.activeRowBackground,
430
+ "--np-sheet-row-active-bg-hover": p?.activeRowBackgroundHover,
431
+ "--np-sheet-icon": p?.icon,
432
+ "--np-sheet-divider": p?.divider,
433
+ "--np-avatar-bg": p?.avatarBackground,
434
+ "--np-avatar-text": p?.avatarText,
435
+ "--np-menu-active-icon": p?.activeIcon,
436
+ "--np-font-family": m?.fontFamily
437
+ }), [p, m?.fontFamily]);
438
+ return /* @__PURE__ */ C(V, {
370
439
  isOpen: n,
371
440
  onClose: r,
372
441
  title: o.title,
373
442
  closeLabel: o.close,
374
443
  backLabel: o.back,
375
- className: t(B.sheet, m),
444
+ className: t(U.sheet, h),
376
445
  style: {
377
- ...h,
378
- ...g
446
+ ...g,
447
+ ..._
379
448
  },
380
- children: /* @__PURE__ */ b(W, {
449
+ children: /* @__PURE__ */ C(q, {
381
450
  items: i,
382
451
  onSelectItem: a,
383
452
  profileLabel: o.profile,
384
453
  logOutLabel: o.logOut,
385
454
  onLogout: l,
455
+ settingsLabel: o.settings,
456
+ onSettings: u,
386
457
  profile: s,
387
458
  groups: c,
388
- footer: u,
389
- textClassName: p?.fontClassName
459
+ footer: d,
460
+ textClassName: m?.fontClassName
390
461
  })
391
462
  });
392
463
  });
393
464
  //#endregion
394
- 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 };
465
+ export { I as AvatarInitials, j as NAVIGATION_PANEL_CLASS, V as NavigableBottomSheet, q as NavigationMenuPage, P as NavigationPanel, J as NavigationSheet, G as OptionListPage, K as ProfilePage, W as SheetRow, L as UserAvatar, z as UserMenu, H as useSheetNavigation };
package/models/navigation-item.d.ts CHANGED
@@ -15,6 +15,8 @@ export interface NavigationPanelItem {
15
15
  label: string;
16
16
  /** Icon component rendered inside the rail button and the sheet row. */
17
17
  icon: NavigationItemIcon;
18
+ /** Filled icon the rail and the sheet row render in place of `icon` while the item is active, painted with the selected-state fill. When omitted, both fill the outline `icon` itself (fill plus stroke). */
19
+ activeIcon?: NavigationItemIcon;
18
20
  /** Whether this entry points at the page currently on screen. */
19
21
  isActive?: boolean;
20
22
  /** Target URL placed on the rail anchor. The host owns route matching and navigation. */
package/models/navigation-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-item.d.ts","sourceRoot":"","sources":["../../src/models/navigation-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExE,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,EAAE,kBAAkB,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CACnC,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,SAAS,KAChB,SAAS,CAAC"}
1
+ {"version":3,"file":"navigation-item.d.ts","sourceRoot":"","sources":["../../src/models/navigation-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExE,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,EAAE,kBAAkB,CAAC;IACzB,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"}
package/models/navigation-panel-props.d.ts CHANGED
@@ -13,14 +13,18 @@ export interface NavigationPanelLogo {
13
13
  export interface NavigationPanelColors {
14
14
  /** Rail background color. */
15
15
  background?: string;
16
- /** Icon color of an inactive item. */
16
+ /** Icon color of an inactive item. Defaults to `--text-primary`. */
17
17
  itemText?: string;
18
- /** Icon color of the active item. */
18
+ /** Icon color of the active item; also its keyboard-focus ring. */
19
19
  itemActiveText?: string;
20
- /** Background of the active/selected item. */
20
+ /** Background of the active/selected item. Defaults to `--bg-control-accent-alpha-active`. */
21
21
  itemSelectedBackground?: string;
22
- /** Item background on hover. */
22
+ /** Icon paint of the active item: `fill` for an `activeIcon`, `fill` plus `stroke` for an outline `icon` without one. Defaults to a built-in blue-to-violet gradient. */
23
+ itemActiveIcon?: string;
24
+ /** Item background on hover and keyboard focus. Defaults to `transparent` on hover and `--bg-control-accent-alpha-hover` on focus. */
23
25
  itemHoverBackground?: string;
26
+ /** Icon `stroke` paint on hover and keyboard focus. Defaults to a built-in blue-to-violet gradient. */
27
+ itemHoverIcon?: string;
24
28
  /** Item background while pressed. */
25
29
  itemActiveBackground?: string;
26
30
  }
package/models/navigation-panel-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qDAAqD;IACrD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,gEAAgE;IAChE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oFAAoF;IACpF,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
1
+ {"version":3,"file":"navigation-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/navigation-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8FAA8F;IAC9F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yKAAyK;IACzK,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sIAAsI;IACtI,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kDAAkD;AAClD,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qDAAqD;IACrD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,gEAAgE;IAChE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oFAAoF;IACpF,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
package/models/navigation-sheet-props.d.ts CHANGED
@@ -57,6 +57,8 @@ export interface NavigationSheetLabels {
57
57
  profile: string;
58
58
  /** Label of the log-out row. */
59
59
  logOut: string;
60
+ /** Label of the settings row on the profile page; required when `onSettings` is provided. */
61
+ settings?: string;
60
62
  }
61
63
  /** Props accepted by `NavigationSheet`. */
62
64
  export interface NavigationSheetProps {
@@ -76,6 +78,11 @@ export interface NavigationSheetProps {
76
78
  groups?: NavigationMenuGroup[];
77
79
  /** Called when the user taps "Log out"; the host owns the confirmation flow. */
78
80
  onLogout: () => void;
81
+ /**
82
+ * Called when the user taps the profile page's settings row, after the sheet
83
+ * closes; the host performs the navigation. Omit to hide the row.
84
+ */
85
+ onSettings?: () => void;
79
86
  /** Rendered at the end of the root page — typically a footer message. */
80
87
  footer?: ReactNode;
81
88
  /** Style overrides for colors, typography, and class names. */
package/models/navigation-sheet-props.d.ts.map CHANGED
@@ -1 +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;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"}
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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-navigation-panel",
3
3
  "description": "Primary application navigation — desktop nav rail, user menu, and mobile navigation bottom sheet",
4
- "version": "1.2.0-dev.99",
4
+ "version": "1.3.0-dev.5",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -18,12 +18,12 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@tabler/icons-react": "^3.44.0",
21
- "@epam/ai-dial-conversation-input": "1.2.0-dev.99"
21
+ "@epam/ai-dial-conversation-input": "1.3.0-dev.5"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^19.2.8",
25
- "@epam/ai-dial-chat-shared": "1.2.0-dev.99",
26
- "@epam/ai-dial-ui-kit": "^0.15.0-dev.12"
25
+ "@epam/ai-dial-chat-shared": "1.3.0-dev.5",
26
+ "@epam/ai-dial-ui-kit": "^0.15.0"
27
27
  },
28
28
  "repository": {
29
29
  "type": "git",