@epam/ai-dial-navigation-panel 1.2.0-dev.3 → 1.2.0-dev.303

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 (23) 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/constants/public-class-names.d.ts +7 -0
  12. package/constants/public-class-names.d.ts.map +1 -0
  13. package/index.css +2 -2
  14. package/index.d.ts +1 -0
  15. package/index.d.ts.map +1 -1
  16. package/index.js +315 -240
  17. package/models/navigation-item.d.ts +2 -0
  18. package/models/navigation-item.d.ts.map +1 -1
  19. package/models/navigation-panel-props.d.ts +8 -4
  20. package/models/navigation-panel-props.d.ts.map +1 -1
  21. package/models/navigation-sheet-props.d.ts +7 -0
  22. package/models/navigation-sheet-props.d.ts.map +1 -1
  23. 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;AAKzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAYhF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgFpD,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/constants/public-class-names.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export declare const NAVIGATION_PANEL_CLASS: {
2
+ /** The `nav` rail itself. */
3
+ readonly rail: "dial-navigation-panel-rail";
4
+ /** Every item in the rail, whether or not it is the active one. */
5
+ readonly item: "dial-navigation-panel-item";
6
+ };
7
+ //# sourceMappingURL=public-class-names.d.ts.map
package/constants/public-class-names.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,sBAAsB;IACjC,6BAA6B;;IAE7B,mEAAmE;;CAE3D,CAAC"}
package/index.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*/
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.d.ts CHANGED
@@ -23,4 +23,5 @@ export type { NavigationMenuPageProps } from './components/NavigationSheet/Navig
23
23
  export type { OptionListPageProps } from './components/NavigationSheet/OptionListPage';
24
24
  export type { ProfilePageProps } from './components/NavigationSheet/ProfilePage';
25
25
  export type { SheetRowProps } from './components/NavigationSheet/SheetRow';
26
+ export { NAVIGATION_PANEL_CLASS } from './constants/public-class-names';
26
27
  //# sourceMappingURL=index.d.ts.map
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AACnG,YAAY,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC/F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AACnG,YAAY,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC/F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}
package/index.js CHANGED
@@ -1,98 +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";
7
- var O = {
8
- rail: "_rail_h528m_1",
9
- item: "_item_h528m_6",
10
- itemActive: "_itemActive_h528m_19"
11
- }, k = (e, t) => /* @__PURE__ */ b("a", {
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
+ //#region src/constants/public-class-names.ts
8
+ var j = {
9
+ rail: "dial-navigation-panel-rail",
10
+ item: "dial-navigation-panel-item"
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", {
12
18
  href: e.href,
13
19
  className: "contents",
14
20
  children: t
15
- }), A = p(({ items: n, labels: a, logo: o, footer: s, renderLink: l = k, styles: u }) => {
16
- let { colors: f, typography: p, className: m, cssVars: h } = u ?? {}, g = _(() => e({
17
- "--np-bg": f?.background,
18
- "--np-item-text": f?.itemText,
19
- "--np-item-active-text": f?.itemActiveText,
20
- "--np-item-selected-bg": f?.itemSelectedBackground,
21
- "--np-item-hover-bg": f?.itemHoverBackground,
22
- "--np-item-active-bg": f?.itemActiveBackground,
23
- "--np-font-family": p?.fontFamily
24
- }), [f, p?.fontFamily]);
25
- return /* @__PURE__ */ x("nav", {
26
- "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,
27
40
  style: {
28
41
  ...h,
29
- ...g
42
+ ...x
30
43
  },
31
- className: t(O.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m),
32
- children: [/* @__PURE__ */ x("div", {
33
- className: "flex flex-col items-center",
34
- children: [o && /* @__PURE__ */ b("a", {
35
- href: o.href ?? "/",
36
- "aria-label": o.ariaLabel,
37
- className: "flex h-16 w-full shrink-0 items-center justify-center",
38
- children: /* @__PURE__ */ b("span", {
39
- style: { backgroundImage: `url(${o.iconUrl})` },
40
- className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
41
- })
42
- }), /* @__PURE__ */ b("div", {
43
- className: "flex flex-col items-center gap-2 p-2",
44
- children: n.map((e) => /* @__PURE__ */ b(d, { children: l(e, /* @__PURE__ */ b(c, {
45
- icon: /* @__PURE__ */ b(e.icon, {
46
- size: r.LG,
47
- stroke: i
48
- }),
49
- "aria-label": e.label,
50
- "aria-current": e.isActive ? "page" : void 0,
51
- tooltipProps: { tooltip: e.label },
52
- tabIndex: -1,
53
- className: t(O.item, "rounded-xl", e.isActive && O.itemActive)
54
- })) }, e.id))
55
- })]
56
- }), 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
57
128
  });
58
- }), j = { avatar: "_avatar_htyg8_1" }, M = p(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ b("div", {
59
- className: t(j.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
60
- children: e
61
- })), N = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(M, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
62
- className: "rounded-full",
63
- src: e.imageUrl,
64
- width: 28,
65
- height: 28,
66
- alt: t,
67
- onError: e.onImageError
68
- })), P = {
69
- wrapper: "_wrapper_1coa8_1",
70
- trigger: "_trigger_1coa8_5",
71
- identityText: "_identityText_1coa8_14",
72
- menuLabel: "_menuLabel_1coa8_18"
73
- }, F = p(({ profile: n, labels: c, groups: d, onLogout: f, onSettings: p, isTooltipHidden: m, styles: h }) => {
74
- 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({
75
136
  "--np-avatar-bg": g?.avatarBackground,
76
137
  "--np-avatar-text": g?.avatarText,
77
138
  "--np-menu-text": g?.text,
78
139
  "--np-trigger-hover-bg": g?.triggerHoverBackground,
79
- "--np-font-family": v?.fontFamily
80
- }), [g, v?.fontFamily]), D = _(() => t(P.menuLabel, C), [C]), O = _(() => {
81
- 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 }) => ({
82
143
  key: e,
83
- label: /* @__PURE__ */ b("span", {
84
- className: D,
144
+ label: /* @__PURE__ */ C("span", {
145
+ className: T,
85
146
  children: t
86
147
  }),
87
148
  icon: n,
88
149
  children: r.map((e) => ({
89
150
  key: e.id,
90
- label: /* @__PURE__ */ b("span", {
91
- className: D,
151
+ label: /* @__PURE__ */ C("span", {
152
+ className: T,
92
153
  children: e.label
93
154
  }),
94
155
  icon: e.icon,
95
- mark: l.Check,
156
+ mark: f.Check,
96
157
  checked: e.isActive,
97
158
  onClick: e.onSelect
98
159
  }))
@@ -100,95 +161,94 @@ var O = {
100
161
  return [
101
162
  {
102
163
  key: "identity",
103
- type: o.PlainText,
104
- label: /* @__PURE__ */ x("div", {
164
+ type: c.PlainText,
165
+ label: /* @__PURE__ */ w("div", {
105
166
  className: "flex h-[40px] min-w-0 items-center gap-3",
106
- children: [/* @__PURE__ */ b(M, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
167
+ children: [/* @__PURE__ */ C(I, { shortName: n.shortName }), /* @__PURE__ */ C(l, {
107
168
  text: n.displayName,
108
- className: t(P.identityText, C, "min-w-0 flex-1 truncate")
169
+ className: t(R.identityText, x, "min-w-0 flex-1 truncate")
109
170
  })]
110
171
  })
111
172
  },
112
173
  ...e,
113
174
  {
114
175
  key: "divider-1",
115
- type: o.Divider
176
+ type: c.Divider
116
177
  },
117
178
  ...p ? [{
118
179
  key: "settings",
119
- label: /* @__PURE__ */ b("span", {
120
- className: D,
121
- children: c.settings
180
+ label: /* @__PURE__ */ C("span", {
181
+ className: T,
182
+ children: r.settings
122
183
  }),
123
- icon: /* @__PURE__ */ b(T, {
124
- size: r.SM,
184
+ icon: /* @__PURE__ */ C(O, {
185
+ size: a.SM,
125
186
  "aria-hidden": !0,
126
- stroke: i
187
+ stroke: o
127
188
  }),
128
189
  onClick: p
129
190
  }] : [],
130
191
  {
131
192
  key: "logout",
132
- label: /* @__PURE__ */ b("span", {
133
- className: D,
134
- children: c.logOut
193
+ label: /* @__PURE__ */ C("span", {
194
+ className: T,
195
+ children: r.logOut
135
196
  }),
136
- icon: /* @__PURE__ */ b(w, {
137
- size: r.SM,
197
+ icon: /* @__PURE__ */ C(D, {
198
+ size: a.SM,
138
199
  "aria-hidden": !0,
139
- stroke: i
200
+ stroke: o
140
201
  }),
141
- onClick: f
202
+ onClick: d
142
203
  }
143
204
  ];
144
205
  }, [
206
+ u,
207
+ x,
208
+ T,
209
+ r.logOut,
210
+ r.settings,
145
211
  d,
146
- C,
147
- D,
148
- c.logOut,
149
- c.settings,
150
- f,
151
212
  p,
152
213
  n.displayName,
153
214
  n.shortName
154
215
  ]);
155
- return /* @__PURE__ */ b("div", {
216
+ return /* @__PURE__ */ C("div", {
156
217
  style: {
157
- ...S,
158
- ...E
218
+ ...y,
219
+ ...S
159
220
  },
160
- className: t(P.wrapper, "flex size-[60px] items-center justify-center", y),
161
- children: /* @__PURE__ */ b(a, {
221
+ className: t(R.wrapper, "flex size-[60px] items-center justify-center", v),
222
+ children: /* @__PURE__ */ C(s, {
162
223
  placement: "top-end",
163
224
  matchReferenceWidth: !1,
164
- items: O,
165
- children: /* @__PURE__ */ b("button", {
166
- type: "button",
167
- className: t(P.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
168
- "aria-label": c.trigger,
169
- children: /* @__PURE__ */ b(u, {
225
+ items: E,
226
+ children: /* @__PURE__ */ C(i, {
227
+ "aria-label": r.trigger,
228
+ tooltipProps: {
170
229
  tooltip: n.email,
171
- hideTooltip: m,
172
- children: /* @__PURE__ */ b(N, {
173
- profile: n,
174
- alt: c.avatarAlt
175
- })
176
- })
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)
177
237
  })
178
238
  })
179
239
  });
180
- }), I = f(void 0), L = p(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
181
- let [c, l] = v([]);
182
- 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(() => {
183
243
  e || l([]);
184
244
  }, [e]);
185
- let u = m((e) => {
245
+ let u = g((e) => {
186
246
  l((t) => [...t, e]);
187
- }, []), d = m(() => {
247
+ }, []), d = g(() => {
188
248
  l((e) => e.slice(0, -1));
189
- }, []), f = m(() => {
249
+ }, []), f = g(() => {
190
250
  l([]), t();
191
- }, [t]), p = _(() => ({
251
+ }, [t]), p = b(() => ({
192
252
  push: u,
193
253
  pop: d,
194
254
  close: f
@@ -196,195 +256,210 @@ var O = {
196
256
  u,
197
257
  d,
198
258
  f
199
- ]), h = c[c.length - 1];
200
- return /* @__PURE__ */ b(I.Provider, {
259
+ ]), m = c[c.length - 1];
260
+ return /* @__PURE__ */ C(B.Provider, {
201
261
  value: p,
202
- children: /* @__PURE__ */ b(D, {
262
+ children: /* @__PURE__ */ C(A, {
203
263
  isOpen: e,
204
264
  onClose: f,
205
- title: h?.title ?? r,
265
+ title: m?.title ?? r,
206
266
  closeLabel: i,
207
- onBack: h ? d : void 0,
208
- backLabel: h ? a : void 0,
267
+ onBack: m ? d : void 0,
268
+ backLabel: m ? a : void 0,
209
269
  className: o,
210
270
  style: s,
211
- children: h ? h.content : n
271
+ children: m ? m.content : n
212
272
  })
213
273
  });
214
- }), R = () => {
215
- let e = h(I);
274
+ }), H = () => {
275
+ let e = _(B);
216
276
  if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
217
277
  return e;
218
- }, z = {
219
- sheet: "_sheet_1oucc_1",
220
- row: "_row_1oucc_5",
221
- rowActive: "_rowActive_1oucc_17",
222
- rowIcon: "_rowIcon_1oucc_24",
223
- divider: "_divider_1oucc_32",
224
- mutedText: "_mutedText_1oucc_36",
225
- activeIcon: "_activeIcon_1oucc_40"
226
- }, B = p(({ label: e, onClick: n, icon: r, trailing: i, isCurrent: a = !1, isHighlighted: o = !1, textClassName: s = "dial-small-text" }) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("button", {
227
- 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,
228
296
  "aria-current": a ? "true" : void 0,
229
- className: t(z.row, o && z.rowActive, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
230
- onClick: n,
231
- children: [
232
- r && /* @__PURE__ */ b("span", {
233
- className: z.rowIcon,
234
- children: r
235
- }),
236
- /* @__PURE__ */ b("span", {
237
- className: t(s, "flex-1"),
238
- children: e
239
- }),
240
- i
241
- ]
242
- }) })), V = p(({ options: e, textClassName: t }) => {
243
- let { pop: n } = R();
244
- 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", {
245
302
  className: "flex flex-col pb-4",
246
- children: e.map((e) => /* @__PURE__ */ b(B, {
303
+ children: e.map((e) => /* @__PURE__ */ C(W, {
247
304
  label: e.label,
248
305
  icon: e.icon,
249
306
  textClassName: t,
250
307
  isCurrent: e.isActive,
251
- trailing: e.isActive ? /* @__PURE__ */ b(S, {
252
- size: r.SM,
253
- stroke: i,
308
+ trailing: e.isActive ? /* @__PURE__ */ C(T, {
309
+ size: a.SM,
310
+ stroke: o,
254
311
  "aria-hidden": !0,
255
- className: z.activeIcon
312
+ className: U.activeIcon
256
313
  }) : void 0,
257
314
  onClick: () => {
258
315
  e.onSelect(), n();
259
316
  }
260
317
  }, e.id))
261
318
  });
262
- }), H = p(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
263
- let { push: l, close: u } = R(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
264
- return /* @__PURE__ */ x(y, { children: [
265
- /* @__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", {
266
323
  className: "flex h-[56px] items-center gap-3 px-4 py-2",
267
- children: [/* @__PURE__ */ b(N, {
324
+ children: [/* @__PURE__ */ C(L, {
268
325
  profile: e,
269
326
  alt: ""
270
- }), /* @__PURE__ */ b(s, {
327
+ }), /* @__PURE__ */ C(l, {
271
328
  text: e.displayName,
272
- className: t(z.mutedText, c, "min-w-0 flex-1 truncate")
329
+ className: t(U.mutedText, u, "min-w-0 flex-1 truncate")
273
330
  })]
274
331
  }),
275
- d.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ul", {
332
+ p.length > 0 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("ul", {
276
333
  className: "flex flex-col",
277
- children: d.map((e) => /* @__PURE__ */ b(B, {
334
+ children: p.map((e) => /* @__PURE__ */ C(W, {
278
335
  label: e.label,
279
336
  icon: e.icon,
280
- textClassName: c,
281
- trailing: /* @__PURE__ */ b(C, {
282
- size: n,
283
- stroke: i,
337
+ textClassName: u,
338
+ trailing: /* @__PURE__ */ C(E, {
339
+ size: r,
340
+ stroke: o,
284
341
  "aria-hidden": !0,
285
- className: t(z.rowIcon, "rtl:scale-x-[-1]")
342
+ className: t(U.rowIcon, "rtl:scale-x-[-1]")
286
343
  }),
287
- onClick: () => l({
344
+ onClick: () => d({
288
345
  title: e.label,
289
- content: /* @__PURE__ */ b(V, {
346
+ content: /* @__PURE__ */ C(G, {
290
347
  options: e.options,
291
- textClassName: c
348
+ textClassName: u
292
349
  })
293
350
  })
294
351
  }, e.id))
295
- }), /* @__PURE__ */ b("hr", { className: z.divider })] }),
296
- /* @__PURE__ */ b("ul", {
352
+ }), /* @__PURE__ */ C("hr", { className: U.divider })] }),
353
+ /* @__PURE__ */ w("ul", {
297
354
  className: "flex flex-col pb-4",
298
- children: /* @__PURE__ */ b(B, {
299
- label: r,
300
- textClassName: c,
301
- icon: /* @__PURE__ */ b(w, {
302
- size: n,
303
- 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,
304
361
  "aria-hidden": !0
305
362
  }),
306
363
  onClick: () => {
307
- u(), a();
364
+ f(), s?.();
308
365
  }
309
- })
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
+ })]
310
378
  })
311
379
  ] });
312
- }), U = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
313
- let { push: d, close: f } = R(), p = (e) => {
314
- 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);
315
383
  };
316
- return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("ul", {
384
+ return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("ul", {
317
385
  className: "flex flex-col pb-4",
318
- children: [e.map((e) => /* @__PURE__ */ b(B, {
319
- label: e.label,
320
- textClassName: u,
321
- isCurrent: e.isActive,
322
- isHighlighted: e.isActive,
323
- icon: /* @__PURE__ */ b(e.icon, {
324
- size: n,
325
- stroke: i
326
- }),
327
- onClick: () => p(e)
328
- }, e.id)), s && /* @__PURE__ */ b(B, {
329
- label: r,
330
- textClassName: u,
331
- icon: /* @__PURE__ */ b(E, {
332
- size: n,
333
- 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,
334
405
  "aria-hidden": !0
335
406
  }),
336
407
  onClick: () => {
337
- s && d({
338
- title: r,
339
- content: /* @__PURE__ */ b(H, {
340
- profile: s,
341
- groups: c,
342
- logOutLabel: a,
343
- onLogout: o,
344
- 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
345
418
  })
346
419
  });
347
420
  }
348
421
  })]
349
- }), l] });
350
- }), W = p(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
351
- let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, g = _(() => e({
352
- "--np-sheet-text": f?.text,
353
- "--np-sheet-item-hover": f?.itemHoverBackground,
354
- "--np-sheet-item-active": f?.itemActiveBackground,
355
- "--np-sheet-row-active-text": f?.activeRowText,
356
- "--np-sheet-row-active-bg": f?.activeRowBackground,
357
- "--np-sheet-row-active-bg-hover": f?.activeRowBackgroundHover,
358
- "--np-sheet-icon": f?.icon,
359
- "--np-sheet-divider": f?.divider,
360
- "--np-avatar-bg": f?.avatarBackground,
361
- "--np-avatar-text": f?.avatarText,
362
- "--np-menu-active-icon": f?.activeIcon,
363
- "--np-font-family": p?.fontFamily
364
- }), [f, p?.fontFamily]);
365
- return /* @__PURE__ */ b(L, {
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, {
366
439
  isOpen: n,
367
440
  onClose: r,
368
441
  title: o.title,
369
442
  closeLabel: o.close,
370
443
  backLabel: o.back,
371
- className: t(z.sheet, m),
444
+ className: t(U.sheet, h),
372
445
  style: {
373
- ...h,
374
- ...g
446
+ ...g,
447
+ ..._
375
448
  },
376
- children: /* @__PURE__ */ b(U, {
449
+ children: /* @__PURE__ */ C(q, {
377
450
  items: i,
378
451
  onSelectItem: a,
379
452
  profileLabel: o.profile,
380
453
  logOutLabel: o.logOut,
381
454
  onLogout: l,
455
+ settingsLabel: o.settings,
456
+ onSettings: u,
382
457
  profile: s,
383
458
  groups: c,
384
- footer: u,
385
- textClassName: p?.fontClassName
459
+ footer: d,
460
+ textClassName: m?.fontClassName
386
461
  })
387
462
  });
388
463
  });
389
464
  //#endregion
390
- export { M as AvatarInitials, L as NavigableBottomSheet, U as NavigationMenuPage, A as NavigationPanel, W as NavigationSheet, V as OptionListPage, H as ProfilePage, B as SheetRow, N as UserAvatar, F as UserMenu, R as useSheetNavigation };
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.3",
4
+ "version": "1.2.0-dev.303",
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.3"
21
+ "@epam/ai-dial-conversation-input": "1.2.0-dev.303"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^19.2.8",
25
- "@epam/ai-dial-chat-shared": "1.2.0-dev.3",
26
- "@epam/ai-dial-ui-kit": "^0.14.2"
25
+ "@epam/ai-dial-chat-shared": "1.2.0-dev.303",
26
+ "@epam/ai-dial-ui-kit": "^0.15.0-dev.39"
27
27
  },
28
28
  "repository": {
29
29
  "type": "git",