@epam/ai-dial-navigation-panel 1.1.0-dev.426 → 1.1.0-dev.430

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 (17) hide show
  1. package/components/NavigationSheet/NavigationMenuPage.d.ts.map +1 -1
  2. package/components/NavigationSheet/NavigationSheet.d.ts.map +1 -1
  3. package/components/NavigationSheet/OptionListPage.d.ts.map +1 -1
  4. package/components/NavigationSheet/SheetRow.d.ts +13 -0
  5. package/components/NavigationSheet/SheetRow.d.ts.map +1 -1
  6. package/components/UserMenu/UserMenu.d.ts.map +1 -1
  7. package/index.css +1 -1
  8. package/index.d.ts +0 -2
  9. package/index.d.ts.map +1 -1
  10. package/index.js +134 -145
  11. package/models/navigation-sheet-props.d.ts +6 -0
  12. package/models/navigation-sheet-props.d.ts.map +1 -1
  13. package/models/user-menu-props.d.ts +0 -2
  14. package/models/user-menu-props.d.ts.map +1 -1
  15. package/package.json +3 -3
  16. package/components/common/MenuItemLabel.d.ts +0 -15
  17. package/components/common/MenuItemLabel.d.ts.map +0 -1
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,CAuE1D,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,qEAAqE;IACrE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAyE1D,CAAC"}
package/components/NavigationSheet/NavigationSheet.d.ts.map 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,CAuDpD,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,CA0DpD,CAAC"}
package/components/NavigationSheet/OptionListPage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OptionListPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/OptionListPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAIzE,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,4EAA4E;IAC5E,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+BlD,CAAC"}
1
+ {"version":3,"file":"OptionListPage.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationSheet/OptionListPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAIzE,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,4EAA4E;IAC5E,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkClD,CAAC"}
package/components/NavigationSheet/SheetRow.d.ts CHANGED
@@ -9,6 +9,19 @@ export interface SheetRowProps {
9
9
  icon?: ReactNode;
10
10
  /** Trailing content such as a chevron or a check mark. */
11
11
  trailing?: ReactNode;
12
+ /**
13
+ * Whether the row is the current one of its set — the open destination, or
14
+ * the applied value of a settings group. Marks the row `aria-current="true"`.
15
+ * Defaults to `false`.
16
+ */
17
+ isCurrent?: boolean;
18
+ /**
19
+ * Whether to draw the accent in-navigation highlight. Set it alongside
20
+ * `isCurrent` for a navigation destination; leave it off for a value list,
21
+ * where the design marks the choice with a trailing check instead of a tint.
22
+ * Defaults to `false`.
23
+ */
24
+ isHighlighted?: boolean;
12
25
  /** CSS class controlling the label's type scale. Defaults to `'dial-small-text'`. */
13
26
  textClassName?: string;
14
27
  }
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,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAiBtC,CAAC"}
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"}
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":"AAWA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuItC,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,CA0ItC,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_15lbd_1{background:var(--np-avatar-bg,var(--bg-control-accent,#1d4ed8));color:var(--np-avatar-text,var(--text-control-permanent,#fcfcfc))}._label_15lbd_6{color:var(--np-menu-text,var(--text-primary,#161b2d))}._activeIcon_15lbd_10{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}._wrapper_1nw3p_1{font-family:var(--np-font-family,inherit)}._trigger_1nw3p_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_1nw3p_5:focus-visible{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924));outline:1px solid var(--np-focus-outline,var(--stroke-focus-black,#161b2d));outline-offset:-1px}._identityText_1nw3p_14{color:var(--np-menu-text,var(--text-primary,#161b2d))}._sheet_3xav0_1{font-family:var(--np-font-family,inherit)}._row_3xav0_5{color:var(--np-sheet-text,var(--text-primary,#161b2d))}._row_3xav0_5:hover,._row_3xav0_5:focus-visible{background:var(--np-sheet-item-hover,var(--bg-control-accent-alpha-hover,#2764d924))}._row_3xav0_5:active{background:var(--np-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}._rowIcon_3xav0_15{color:var(--np-sheet-icon,var(--text-secondary,#57647a))}._divider_3xav0_19{border-color:var(--np-sheet-divider,var(--stroke-secondary,#d1dbea))}._mutedText_3xav0_23{color:var(--np-sheet-muted-text,var(--text-secondary,#57647a))}._activeIcon_3xav0_27{color:var(--np-menu-active-icon,var(--text-accent,#1d4ed8))}
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
2
  /*$vite$:1*/
package/index.d.ts CHANGED
@@ -7,7 +7,6 @@ export { ProfilePage } from './components/NavigationSheet/ProfilePage';
7
7
  export { OptionListPage } from './components/NavigationSheet/OptionListPage';
8
8
  export { SheetRow } from './components/NavigationSheet/SheetRow';
9
9
  export { AvatarInitials } from './components/common/AvatarInitials';
10
- export { MenuItemLabel } from './components/common/MenuItemLabel';
11
10
  export { UserAvatar } from './components/common/UserAvatar';
12
11
  export { useSheetNavigation } from './hooks/useSheetNavigation';
13
12
  export type { NavigationItemIcon, NavigationLinkRenderer, NavigationPanelItem, } from './models/navigation-item';
@@ -18,7 +17,6 @@ export type { SheetNavigation, SheetPage } from './models/sheet-navigation';
18
17
  export type { UserMenuColors, UserMenuLabels, UserMenuProps, UserMenuStyles, UserMenuTypography, } from './models/user-menu-props';
19
18
  export type { NavigationUserProfile } from './models/user-profile';
20
19
  export type { AvatarInitialsProps } from './components/common/AvatarInitials';
21
- export type { MenuItemLabelProps } from './components/common/MenuItemLabel';
22
20
  export type { UserAvatarProps } from './components/common/UserAvatar';
23
21
  export type { NavigableBottomSheetProps } from './components/NavigationSheet/NavigableBottomSheet';
24
22
  export type { NavigationMenuPageProps } from './components/NavigationSheet/NavigationMenuPage';
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,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AACnG,YAAY,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC/F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC"}
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"}
package/index.js CHANGED
@@ -1,19 +1,19 @@
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, Tooltip as l } from "@epam/ai-dial-ui-kit";
3
- import { Fragment as u, createContext as d, memo as f, useCallback as p, useContext as m, useEffect as h, useMemo as g, useState as _ } from "react";
4
- import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
5
- import { IconCheck as x, IconChevronRight as S, IconLogout as C, IconSettings as w, IconUser as T } from "@tabler/icons-react";
6
- import { BottomSheetShell as E } from "@epam/ai-dial-conversation-input";
7
- var D = {
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
8
  rail: "_rail_h528m_1",
9
9
  item: "_item_h528m_6",
10
10
  itemActive: "_itemActive_h528m_19"
11
- }, O = (e, t) => /* @__PURE__ */ y("a", {
11
+ }, k = (e, t) => /* @__PURE__ */ b("a", {
12
12
  href: e.href,
13
13
  className: "contents",
14
14
  children: t
15
- }), k = f(({ items: n, labels: a, logo: o, footer: s, renderLink: l = O, styles: d }) => {
16
- let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, _ = g(() => e({
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
17
  "--np-bg": f?.background,
18
18
  "--np-item-text": f?.itemText,
19
19
  "--np-item-active-text": f?.itemActiveText,
@@ -22,27 +22,27 @@ var D = {
22
22
  "--np-item-active-bg": f?.itemActiveBackground,
23
23
  "--np-font-family": p?.fontFamily
24
24
  }), [f, p?.fontFamily]);
25
- return /* @__PURE__ */ b("nav", {
25
+ return /* @__PURE__ */ x("nav", {
26
26
  "aria-label": a.ariaLabel,
27
27
  style: {
28
28
  ...h,
29
- ..._
29
+ ...g
30
30
  },
31
- className: t(D.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", p?.fontClassName, m),
32
- children: [/* @__PURE__ */ b("div", {
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
33
  className: "flex flex-col items-center",
34
- children: [o && /* @__PURE__ */ y("a", {
34
+ children: [o && /* @__PURE__ */ b("a", {
35
35
  href: o.href ?? "/",
36
36
  "aria-label": o.ariaLabel,
37
37
  className: "flex h-16 w-full shrink-0 items-center justify-center",
38
- children: /* @__PURE__ */ y("span", {
38
+ children: /* @__PURE__ */ b("span", {
39
39
  style: { backgroundImage: `url(${o.iconUrl})` },
40
40
  className: "h-6 w-6 bg-contain bg-center bg-no-repeat"
41
41
  })
42
- }), /* @__PURE__ */ y("div", {
42
+ }), /* @__PURE__ */ b("div", {
43
43
  className: "flex flex-col items-center gap-2 p-2",
44
- children: n.map((e) => /* @__PURE__ */ y(u, { children: l(e, /* @__PURE__ */ y(c, {
45
- icon: /* @__PURE__ */ y(e.icon, {
44
+ children: n.map((e) => /* @__PURE__ */ b(d, { children: l(e, /* @__PURE__ */ b(c, {
45
+ icon: /* @__PURE__ */ b(e.icon, {
46
46
  size: r.LG,
47
47
  stroke: i
48
48
  }),
@@ -50,36 +50,15 @@ var D = {
50
50
  "aria-current": e.isActive ? "page" : void 0,
51
51
  tooltipProps: { tooltip: e.label },
52
52
  tabIndex: -1,
53
- className: t(D.item, "rounded-xl", e.isActive && D.itemActive)
53
+ className: t(O.item, "rounded-xl", e.isActive && O.itemActive)
54
54
  })) }, e.id))
55
55
  })]
56
56
  }), s]
57
57
  });
58
- }), A = {
59
- avatar: "_avatar_15lbd_1",
60
- label: "_label_15lbd_6",
61
- activeIcon: "_activeIcon_15lbd_10"
62
- }, j = f(({ shortName: e, className: n, textClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ y("div", {
63
- className: t(A.avatar, "flex size-[28px] flex-shrink-0 items-center justify-center rounded-full", r, n),
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),
64
60
  children: e
65
- })), M = f(({ label: e, isActive: n, icon: a, textClassName: o = "dial-small-text" }) => {
66
- let s = /* @__PURE__ */ y("span", {
67
- className: t(A.label, "truncate", o),
68
- children: e
69
- });
70
- return /* @__PURE__ */ b("span", {
71
- className: "flex items-center justify-between gap-4",
72
- children: [a ? /* @__PURE__ */ b("span", {
73
- className: "flex items-center gap-2",
74
- children: [a, s]
75
- }) : s, n && /* @__PURE__ */ y(x, {
76
- size: r.SM,
77
- "aria-hidden": !0,
78
- className: A.activeIcon,
79
- stroke: i
80
- })]
81
- });
82
- }), N = f(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ y(j, { shortName: e.shortName }) : /* @__PURE__ */ y("img", {
61
+ })), N = p(({ profile: e, alt: t }) => e.isFallbackShown || !e.imageUrl ? /* @__PURE__ */ b(M, { shortName: e.shortName }) : /* @__PURE__ */ b("img", {
83
62
  className: "rounded-full",
84
63
  src: e.imageUrl,
85
64
  width: 28,
@@ -87,33 +66,34 @@ var D = {
87
66
  alt: t,
88
67
  onError: e.onImageError
89
68
  })), P = {
90
- wrapper: "_wrapper_1nw3p_1",
91
- trigger: "_trigger_1nw3p_5",
92
- identityText: "_identityText_1nw3p_14"
93
- }, F = f(({ profile: n, labels: c, groups: u, onLogout: d, onSettings: f, isTooltipHidden: p, styles: m }) => {
94
- let { colors: h, typography: _, className: v, cssVars: x } = m ?? {}, S = _?.fontClassName ?? "dial-small-text", T = g(() => e({
95
- "--np-avatar-bg": h?.avatarBackground,
96
- "--np-avatar-text": h?.avatarText,
97
- "--np-menu-text": h?.text,
98
- "--np-menu-active-icon": h?.activeIcon,
99
- "--np-trigger-hover-bg": h?.triggerHoverBackground,
100
- "--np-font-family": _?.fontFamily
101
- }), [h, _?.fontFamily]), E = g(() => {
102
- let e = (u ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
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({
75
+ "--np-avatar-bg": g?.avatarBackground,
76
+ "--np-avatar-text": g?.avatarText,
77
+ "--np-menu-text": g?.text,
78
+ "--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 }) => ({
103
82
  key: e,
104
- label: /* @__PURE__ */ y("span", {
105
- className: S,
83
+ label: /* @__PURE__ */ b("span", {
84
+ className: D,
106
85
  children: t
107
86
  }),
108
87
  icon: n,
109
88
  children: r.map((e) => ({
110
89
  key: e.id,
111
- label: /* @__PURE__ */ y(M, {
112
- label: e.label,
113
- isActive: e.isActive,
114
- icon: e.icon,
115
- textClassName: S
90
+ label: /* @__PURE__ */ b("span", {
91
+ className: D,
92
+ children: e.label
116
93
  }),
94
+ icon: e.icon,
95
+ mark: l.Check,
96
+ checked: e.isActive,
117
97
  onClick: e.onSelect
118
98
  }))
119
99
  }));
@@ -121,11 +101,11 @@ var D = {
121
101
  {
122
102
  key: "identity",
123
103
  type: o.PlainText,
124
- label: /* @__PURE__ */ b("div", {
104
+ label: /* @__PURE__ */ x("div", {
125
105
  className: "flex h-[40px] min-w-0 items-center gap-3",
126
- children: [/* @__PURE__ */ y(j, { shortName: n.shortName }), /* @__PURE__ */ y(s, {
106
+ children: [/* @__PURE__ */ b(M, { shortName: n.shortName }), /* @__PURE__ */ b(s, {
127
107
  text: n.displayName,
128
- className: t(P.identityText, S, "min-w-0 flex-1 truncate")
108
+ className: t(P.identityText, C, "min-w-0 flex-1 truncate")
129
109
  })]
130
110
  })
131
111
  },
@@ -134,61 +114,62 @@ var D = {
134
114
  key: "divider-1",
135
115
  type: o.Divider
136
116
  },
137
- ...f ? [{
117
+ ...p ? [{
138
118
  key: "settings",
139
- label: /* @__PURE__ */ y("span", {
140
- className: S,
119
+ label: /* @__PURE__ */ b("span", {
120
+ className: D,
141
121
  children: c.settings
142
122
  }),
143
- icon: /* @__PURE__ */ y(w, {
123
+ icon: /* @__PURE__ */ b(T, {
144
124
  size: r.SM,
145
125
  "aria-hidden": !0,
146
126
  stroke: i
147
127
  }),
148
- onClick: f
128
+ onClick: p
149
129
  }] : [],
150
130
  {
151
131
  key: "logout",
152
- label: /* @__PURE__ */ y("span", {
153
- className: S,
132
+ label: /* @__PURE__ */ b("span", {
133
+ className: D,
154
134
  children: c.logOut
155
135
  }),
156
- icon: /* @__PURE__ */ y(C, {
136
+ icon: /* @__PURE__ */ b(w, {
157
137
  size: r.SM,
158
138
  "aria-hidden": !0,
159
139
  stroke: i
160
140
  }),
161
- onClick: d
141
+ onClick: f
162
142
  }
163
143
  ];
164
144
  }, [
165
- u,
166
- S,
145
+ d,
146
+ C,
147
+ D,
167
148
  c.logOut,
168
149
  c.settings,
169
- d,
170
150
  f,
151
+ p,
171
152
  n.displayName,
172
153
  n.shortName
173
154
  ]);
174
- return /* @__PURE__ */ y("div", {
155
+ return /* @__PURE__ */ b("div", {
175
156
  style: {
176
- ...x,
177
- ...T
157
+ ...S,
158
+ ...E
178
159
  },
179
- className: t(P.wrapper, "flex size-[60px] items-center justify-center", v),
180
- children: /* @__PURE__ */ y(a, {
160
+ className: t(P.wrapper, "flex size-[60px] items-center justify-center", y),
161
+ children: /* @__PURE__ */ b(a, {
181
162
  placement: "top-end",
182
163
  matchReferenceWidth: !1,
183
- items: E,
184
- children: /* @__PURE__ */ y("button", {
164
+ items: O,
165
+ children: /* @__PURE__ */ b("button", {
185
166
  type: "button",
186
167
  className: t(P.trigger, "flex size-[44px] items-center justify-center rounded-full border border-transparent"),
187
168
  "aria-label": c.trigger,
188
- children: /* @__PURE__ */ y(l, {
169
+ children: /* @__PURE__ */ b(u, {
189
170
  tooltip: n.email,
190
- hideTooltip: p,
191
- children: /* @__PURE__ */ y(N, {
171
+ hideTooltip: m,
172
+ children: /* @__PURE__ */ b(N, {
192
173
  profile: n,
193
174
  alt: c.avatarAlt
194
175
  })
@@ -196,18 +177,18 @@ var D = {
196
177
  })
197
178
  })
198
179
  });
199
- }), I = d(void 0), L = f(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
200
- let [c, l] = _([]);
201
- h(() => {
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(() => {
202
183
  e || l([]);
203
184
  }, [e]);
204
- let u = p((e) => {
185
+ let u = m((e) => {
205
186
  l((t) => [...t, e]);
206
- }, []), d = p(() => {
187
+ }, []), d = m(() => {
207
188
  l((e) => e.slice(0, -1));
208
- }, []), f = p(() => {
189
+ }, []), f = m(() => {
209
190
  l([]), t();
210
- }, [t]), m = g(() => ({
191
+ }, [t]), p = _(() => ({
211
192
  push: u,
212
193
  pop: d,
213
194
  close: f
@@ -215,56 +196,59 @@ var D = {
215
196
  u,
216
197
  d,
217
198
  f
218
- ]), v = c[c.length - 1];
219
- return /* @__PURE__ */ y(I.Provider, {
220
- value: m,
221
- children: /* @__PURE__ */ y(E, {
199
+ ]), h = c[c.length - 1];
200
+ return /* @__PURE__ */ b(I.Provider, {
201
+ value: p,
202
+ children: /* @__PURE__ */ b(D, {
222
203
  isOpen: e,
223
204
  onClose: f,
224
- title: v?.title ?? r,
205
+ title: h?.title ?? r,
225
206
  closeLabel: i,
226
- onBack: v ? d : void 0,
227
- backLabel: v ? a : void 0,
207
+ onBack: h ? d : void 0,
208
+ backLabel: h ? a : void 0,
228
209
  className: o,
229
210
  style: s,
230
- children: v ? v.content : n
211
+ children: h ? h.content : n
231
212
  })
232
213
  });
233
214
  }), R = () => {
234
- let e = m(I);
215
+ let e = h(I);
235
216
  if (!e) throw Error("useSheetNavigation must be used within a NavigableBottomSheet");
236
217
  return e;
237
218
  }, z = {
238
- sheet: "_sheet_3xav0_1",
239
- row: "_row_3xav0_5",
240
- rowIcon: "_rowIcon_3xav0_15",
241
- divider: "_divider_3xav0_19",
242
- mutedText: "_mutedText_3xav0_23",
243
- activeIcon: "_activeIcon_3xav0_27"
244
- }, B = f(({ label: e, onClick: n, icon: r, trailing: i, textClassName: a = "dial-small-text" }) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b("button", {
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", {
245
227
  type: "button",
246
- className: t(z.row, "flex w-full items-center gap-3 px-4 py-[10px] text-start"),
228
+ "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"),
247
230
  onClick: n,
248
231
  children: [
249
- r && /* @__PURE__ */ y("span", {
232
+ r && /* @__PURE__ */ b("span", {
250
233
  className: z.rowIcon,
251
234
  children: r
252
235
  }),
253
- /* @__PURE__ */ y("span", {
254
- className: t(a, "flex-1"),
236
+ /* @__PURE__ */ b("span", {
237
+ className: t(s, "flex-1"),
255
238
  children: e
256
239
  }),
257
240
  i
258
241
  ]
259
- }) })), V = f(({ options: e, textClassName: t }) => {
242
+ }) })), V = p(({ options: e, textClassName: t }) => {
260
243
  let { pop: n } = R();
261
- return /* @__PURE__ */ y("ul", {
244
+ return /* @__PURE__ */ b("ul", {
262
245
  className: "flex flex-col pb-4",
263
- children: e.map((e) => /* @__PURE__ */ y(B, {
246
+ children: e.map((e) => /* @__PURE__ */ b(B, {
264
247
  label: e.label,
265
248
  icon: e.icon,
266
249
  textClassName: t,
267
- trailing: e.isActive ? /* @__PURE__ */ y(x, {
250
+ isCurrent: e.isActive,
251
+ trailing: e.isActive ? /* @__PURE__ */ b(S, {
268
252
  size: r.SM,
269
253
  stroke: i,
270
254
  "aria-hidden": !0,
@@ -275,26 +259,26 @@ var D = {
275
259
  }
276
260
  }, e.id))
277
261
  });
278
- }), H = f(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
262
+ }), H = p(({ profile: e, logOutLabel: r, onLogout: a, groups: o, textClassName: c = "dial-small-text" }) => {
279
263
  let { push: l, close: u } = R(), d = (o ?? []).filter(({ options: e }) => e.length > 0);
280
- return /* @__PURE__ */ b(v, { children: [
281
- /* @__PURE__ */ b("div", {
264
+ return /* @__PURE__ */ x(y, { children: [
265
+ /* @__PURE__ */ x("div", {
282
266
  className: "flex h-[56px] items-center gap-3 px-4 py-2",
283
- children: [/* @__PURE__ */ y(N, {
267
+ children: [/* @__PURE__ */ b(N, {
284
268
  profile: e,
285
269
  alt: ""
286
- }), /* @__PURE__ */ y(s, {
270
+ }), /* @__PURE__ */ b(s, {
287
271
  text: e.displayName,
288
272
  className: t(z.mutedText, c, "min-w-0 flex-1 truncate")
289
273
  })]
290
274
  }),
291
- d.length > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("ul", {
275
+ d.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("ul", {
292
276
  className: "flex flex-col",
293
- children: d.map((e) => /* @__PURE__ */ y(B, {
277
+ children: d.map((e) => /* @__PURE__ */ b(B, {
294
278
  label: e.label,
295
279
  icon: e.icon,
296
280
  textClassName: c,
297
- trailing: /* @__PURE__ */ y(S, {
281
+ trailing: /* @__PURE__ */ b(C, {
298
282
  size: n,
299
283
  stroke: i,
300
284
  "aria-hidden": !0,
@@ -302,19 +286,19 @@ var D = {
302
286
  }),
303
287
  onClick: () => l({
304
288
  title: e.label,
305
- content: /* @__PURE__ */ y(V, {
289
+ content: /* @__PURE__ */ b(V, {
306
290
  options: e.options,
307
291
  textClassName: c
308
292
  })
309
293
  })
310
294
  }, e.id))
311
- }), /* @__PURE__ */ y("hr", { className: z.divider })] }),
312
- /* @__PURE__ */ y("ul", {
295
+ }), /* @__PURE__ */ b("hr", { className: z.divider })] }),
296
+ /* @__PURE__ */ b("ul", {
313
297
  className: "flex flex-col pb-4",
314
- children: /* @__PURE__ */ y(B, {
298
+ children: /* @__PURE__ */ b(B, {
315
299
  label: r,
316
300
  textClassName: c,
317
- icon: /* @__PURE__ */ y(C, {
301
+ icon: /* @__PURE__ */ b(w, {
318
302
  size: n,
319
303
  stroke: i,
320
304
  "aria-hidden": !0
@@ -325,24 +309,26 @@ var D = {
325
309
  })
326
310
  })
327
311
  ] });
328
- }), U = f(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
312
+ }), U = p(({ items: e, onSelectItem: t, profileLabel: r, logOutLabel: a, onLogout: o, profile: s, groups: c, footer: l, textClassName: u }) => {
329
313
  let { push: d, close: f } = R(), p = (e) => {
330
314
  f(), t(e);
331
315
  };
332
- return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("ul", {
316
+ return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("ul", {
333
317
  className: "flex flex-col pb-4",
334
- children: [e.map((e) => /* @__PURE__ */ y(B, {
318
+ children: [e.map((e) => /* @__PURE__ */ b(B, {
335
319
  label: e.label,
336
320
  textClassName: u,
337
- icon: /* @__PURE__ */ y(e.icon, {
321
+ isCurrent: e.isActive,
322
+ isHighlighted: e.isActive,
323
+ icon: /* @__PURE__ */ b(e.icon, {
338
324
  size: n,
339
325
  stroke: i
340
326
  }),
341
327
  onClick: () => p(e)
342
- }, e.id)), s && /* @__PURE__ */ y(B, {
328
+ }, e.id)), s && /* @__PURE__ */ b(B, {
343
329
  label: r,
344
330
  textClassName: u,
345
- icon: /* @__PURE__ */ y(T, {
331
+ icon: /* @__PURE__ */ b(E, {
346
332
  size: n,
347
333
  stroke: i,
348
334
  "aria-hidden": !0
@@ -350,7 +336,7 @@ var D = {
350
336
  onClick: () => {
351
337
  s && d({
352
338
  title: r,
353
- content: /* @__PURE__ */ y(H, {
339
+ content: /* @__PURE__ */ b(H, {
354
340
  profile: s,
355
341
  groups: c,
356
342
  logOutLabel: a,
@@ -361,11 +347,14 @@ var D = {
361
347
  }
362
348
  })]
363
349
  }), l] });
364
- }), W = f(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, footer: u, styles: d }) => {
365
- let { colors: f, typography: p, className: m, cssVars: h } = d ?? {}, _ = g(() => e({
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({
366
352
  "--np-sheet-text": f?.text,
367
353
  "--np-sheet-item-hover": f?.itemHoverBackground,
368
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,
369
358
  "--np-sheet-icon": f?.icon,
370
359
  "--np-sheet-divider": f?.divider,
371
360
  "--np-avatar-bg": f?.avatarBackground,
@@ -373,7 +362,7 @@ var D = {
373
362
  "--np-menu-active-icon": f?.activeIcon,
374
363
  "--np-font-family": p?.fontFamily
375
364
  }), [f, p?.fontFamily]);
376
- return /* @__PURE__ */ y(L, {
365
+ return /* @__PURE__ */ b(L, {
377
366
  isOpen: n,
378
367
  onClose: r,
379
368
  title: o.title,
@@ -382,9 +371,9 @@ var D = {
382
371
  className: t(z.sheet, m),
383
372
  style: {
384
373
  ...h,
385
- ..._
374
+ ...g
386
375
  },
387
- children: /* @__PURE__ */ y(U, {
376
+ children: /* @__PURE__ */ b(U, {
388
377
  items: i,
389
378
  onSelectItem: a,
390
379
  profileLabel: o.profile,
@@ -398,4 +387,4 @@ var D = {
398
387
  });
399
388
  });
400
389
  //#endregion
401
- export { j as AvatarInitials, M as MenuItemLabel, L as NavigableBottomSheet, U as NavigationMenuPage, k as NavigationPanel, W as NavigationSheet, V as OptionListPage, H as ProfilePage, B as SheetRow, N as UserAvatar, F as UserMenu, R as useSheetNavigation };
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 };
package/models/navigation-sheet-props.d.ts CHANGED
@@ -10,6 +10,12 @@ export interface NavigationSheetColors {
10
10
  itemHoverBackground?: string;
11
11
  /** Row background while pressed. */
12
12
  itemActiveBackground?: string;
13
+ /** Label and icon color of the row whose destination is open. */
14
+ activeRowText?: string;
15
+ /** Background of the row whose destination is open. */
16
+ activeRowBackground?: string;
17
+ /** Background of the row whose destination is open, on hover. */
18
+ activeRowBackgroundHover?: string;
13
19
  /** Row leading-icon color. */
14
20
  icon?: string;
15
21
  /** Divider color between row groups. */
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,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;CAChB;AAED,2CAA2C;AAC3C,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,4EAA4E;IAC5E,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,sEAAsE;IACtE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC"}
package/models/user-menu-props.d.ts CHANGED
@@ -9,8 +9,6 @@ export interface UserMenuColors {
9
9
  avatarText?: string;
10
10
  /** Menu label text color. */
11
11
  text?: string;
12
- /** Check-mark color marking the active option. */
13
- activeIcon?: string;
14
12
  /** Trigger background on hover. */
15
13
  triggerHoverBackground?: string;
16
14
  }
package/models/user-menu-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}
1
+ {"version":3,"file":"user-menu-props.d.ts","sourceRoot":"","sources":["../../src/models/user-menu-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,OAAO,EAAE,qBAAqB,CAAC;IAC/B,oEAAoE;IACpE,MAAM,EAAE,cAAc,CAAC;IACvB,oFAAoF;IACpF,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}
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.1.0-dev.426",
4
+ "version": "1.1.0-dev.430",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -19,8 +19,8 @@
19
19
  "peerDependencies": {
20
20
  "react": "^19.0.0",
21
21
  "@tabler/icons-react": "^3.44.0",
22
- "@epam/ai-dial-chat-shared": "1.1.0-dev.426",
23
- "@epam/ai-dial-conversation-input": "1.1.0-dev.426",
22
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.430",
23
+ "@epam/ai-dial-conversation-input": "1.1.0-dev.430",
24
24
  "@epam/ai-dial-ui-kit": "*"
25
25
  },
26
26
  "repository": {
package/components/common/MenuItemLabel.d.ts DELETED
@@ -1,15 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- /** Props for `MenuItemLabel`. */
3
- export interface MenuItemLabelProps {
4
- /** Translated option label. */
5
- label: string;
6
- /** Whether the option is the applied value; renders a trailing check mark. */
7
- isActive: boolean;
8
- /** Optional leading icon. */
9
- icon?: ReactNode;
10
- /** CSS class controlling the label's type scale. Defaults to `'dial-small-text'`. */
11
- textClassName?: string;
12
- }
13
- /** Dropdown row label with an optional leading icon and an active check mark. */
14
- export declare const MenuItemLabel: FC<MenuItemLabelProps>;
15
- //# sourceMappingURL=MenuItemLabel.d.ts.map
package/components/common/MenuItemLabel.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemLabel.d.ts","sourceRoot":"","sources":["../../../src/components/common/MenuItemLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6BhD,CAAC"}