@epam/ai-dial-navigation-panel 1.3.0-dev.130 → 1.3.0-dev.137

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

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAA2B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsNtC,CAAC"}
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAA2B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6NtC,CAAC"}

package/index.css

@@ -1,3 +1,3 @@
 ._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)}._stopStart_8i550_1{stop-color:var(--np-sidebar-gradient-start,#1d4ed8)}._stopEnd_8i550_5{stop-color:var(--np-sidebar-gradient-end,#885df2)}._sidebar_1w4pz_1{background:var(--np-sidebar-bg,var(--bg-layer-raised,#fcfcfc));font-family:var(--np-sidebar-font-family,inherit)}._sidebarColumn_1w4pz_7{transition:width .2s}@media (prefers-reduced-motion:reduce){._sidebarColumn_1w4pz_7{transition:none}}._item_1w4pz_16{color:var(--np-sidebar-item-text,var(--text-primary,#161b2d));cursor:pointer}._item_1w4pz_16:not(._itemActive_1w4pz_21):hover,._item_1w4pz_16:not(._itemActive_1w4pz_21):focus-visible{background:var(--np-sidebar-item-hover-bg,var(--bg-control-accent-alpha-hover-subtle,#2764d90a))}._item_1w4pz_16:focus-visible{outline:1px solid var(--np-sidebar-focus-outline,var(--stroke-focus,#161b2d));outline-offset:2px}._item_1w4pz_16._itemActive_1w4pz_21{background:var(--np-sidebar-item-selected-bg,var(--bg-control-accent-alpha-active-subtle,#2764d914))}._item_1w4pz_16._itemActive_1w4pz_21 svg{stroke:var(--np-sidebar-item-active-icon,currentColor)}._item_1w4pz_16._itemFilled_1w4pz_38 svg{fill:var(--np-sidebar-item-active-icon,currentColor);stroke:none}._item_1w4pz_16._itemFilledOutline_1w4pz_45 svg{fill:var(--np-sidebar-item-active-icon,currentColor)}._itemIcon_1w4pz_49{color:var(--np-sidebar-item-text,var(--text-primary,#161b2d))}._footer_1w4pz_55{background:var(--np-sidebar-bg,var(--bg-layer-raised,#fcfcfc))}._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_11e9t_1{font-family:var(--np-font-family,inherit)}._trigger_11e9t_5:hover{background:var(--np-trigger-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._trigger_11e9t_5._trigger_11e9t_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}._triggerOpen_11e9t_18{background:var(--np-trigger-open-bg,var(--bg-control-accent-alpha-active-subtle,#2764d914))}._identityText_11e9t_22,._menuLabel_11e9t_26{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))}
 /*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.start-0{inset-inline-start:0}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.\!size-10{width:2.5rem!important;height:2.5rem!important}.size-0{width:0;height:0}.size-6{width:1.5rem;height:1.5rem}.size-10{width:2.5rem;height:2.5rem}.size-10\!{width:2.5rem!important;height:2.5rem!important}.size-\[44px\]{width:44px;height:44px}.size-\[60px\]{width:60px;height:60px}.\!h-10{height:2.5rem!important}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-\[40px\]{height:40px}.h-\[56px\]{height:56px}.h-auto{height:auto}.h-full{height:100%}.\!min-h-0{min-height:0!important}.min-h-0{min-height:0}.min-h-0\!{min-height:0!important}.w-6{width:1.5rem}.w-\[60px\]{width:60px}.w-\[72px\]{width:72px}.w-\[320px\]{width:320px}.w-\[336px\]{width:336px}.w-full{width:100%}.max-w-full{max-width:100%}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.min-w-0\!{min-width:0!important}.min-w-\[116px\]{min-width:116px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded-full{border-radius:3.40282e38px}.rounded-full\!{border-radius:3.40282e38px!important}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.\!p-2{padding:.5rem!important}.p-0{padding:0}.p-2{padding:.5rem}.p-2\!{padding:.5rem!important}.p-4{padding:1rem}.px-4{padding-inline:1rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-\[10px\]{padding-block:10px}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.pe-2{padding-inline-end:.5rem}.pt-3{padding-top:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--tw-shadow-color,var(--shadow-lg,#2764d914));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:4px 9px 16px 1px var(--tw-shadow-color,var(--shadow-sm-2,var(--shadow-sm,#2764d90f))), 0 -2px 4px 2px var(--tw-shadow-color,var(--shadow-sm-1,#2764d90a));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[transform\,visibility\]{transition-property:transform,visibility;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\/toggle\:opacity-0:is(:where(.group\/toggle):hover *){opacity:0}.group-hover\/toggle\:opacity-100:is(:where(.group\/toggle):hover *){opacity:1}}.group-focus-visible\/toggle\:opacity-0:is(:where(.group\/toggle):focus-visible *){opacity:0}.group-focus-visible\/toggle\:opacity-100:is(:where(.group\/toggle):focus-visible *){opacity:1}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.ltr\:-translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rtl\:translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.start-0{inset-inline-start:0}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.\!size-10{width:2.5rem!important;height:2.5rem!important}.size-0{width:0;height:0}.size-6{width:1.5rem;height:1.5rem}.size-10{width:2.5rem;height:2.5rem}.size-10\!{width:2.5rem!important;height:2.5rem!important}.size-\[44px\]{width:44px;height:44px}.size-\[60px\]{width:60px;height:60px}.\!h-10{height:2.5rem!important}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-\[40px\]{height:40px}.h-\[56px\]{height:56px}.h-auto{height:auto}.h-full{height:100%}.\!min-h-0{min-height:0!important}.min-h-0{min-height:0}.min-h-0\!{min-height:0!important}.w-6{width:1.5rem}.w-\[60px\]{width:60px}.w-\[72px\]{width:72px}.w-\[320px\]{width:320px}.w-\[336px\]{width:336px}.w-full{width:100%}.max-w-full{max-width:100%}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.min-w-0\!{min-width:0!important}.min-w-\[116px\]{min-width:116px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded-full{border-radius:3.40282e38px}.rounded-full\!{border-radius:3.40282e38px!important}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.\!p-2{padding:.5rem!important}.p-0{padding:0}.p-2{padding:.5rem}.p-2\!{padding:.5rem!important}.p-4{padding:1rem}.px-4{padding-inline:1rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-\[10px\]{padding-block:10px}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.pe-2{padding-inline-end:.5rem}.pt-3{padding-top:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--tw-shadow-color,var(--shadow-lg,#2764d914));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:4px 9px 16px 1px var(--tw-shadow-color,var(--shadow-sm-2,var(--shadow-sm,#2764d90f))), 0 -2px 4px 2px var(--tw-shadow-color,var(--shadow-sm-1,#2764d90a));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[transform\,visibility\]{transition-property:transform,visibility;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\/toggle\:opacity-0:is(:where(.group\/toggle):hover *){opacity:0}.group-hover\/toggle\:opacity-100:is(:where(.group\/toggle):hover *){opacity:1}}.group-focus-visible\/toggle\:opacity-0:is(:where(.group\/toggle):focus-visible *){opacity:0}.group-focus-visible\/toggle\:opacity-100:is(:where(.group\/toggle):focus-visible *){opacity:1}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.ltr\:-translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rtl\:translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/index.js

@@ -1,28 +1,28 @@
 import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
 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, ElementSize as l, EllipsisTooltip as u, GhostIconButton as d, IconButton as f, MenuItem as p, MenuItemMark as m, Tooltip as h } from "@epam/ai-dial-ui-kit";
-import { Fragment as g, createContext as _, memo as v, useCallback as y, useContext as b, useEffect as x, useId as S, useMemo as C, useRef as w, useState as ee } from "react";
+import { Fragment as g, createContext as _, memo as v, useCallback as y, useContext as b, useEffect as x, useId as ee, useMemo as S, useRef as C, useState as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { IconCheck as O, IconChevronDown as k, IconChevronRight as A, IconChevronUp as te, IconLayoutSidebar as j, IconLogout as M, IconSettings as N, IconUser as P, IconX as F } from "@tabler/icons-react";
-import { BottomSheetShell as I } from "@epam/ai-dial-conversation-input";
+import { IconCheck as O, IconChevronDown as k, IconChevronRight as A, IconChevronUp as te, IconLayoutSidebar as j, IconLogout as ne, IconSettings as M, IconUser as N, IconX as P } from "@tabler/icons-react";
+import { BottomSheetShell as F } from "@epam/ai-dial-conversation-input";
 //#region src/constants/public-class-names.ts
-var L = {
+var I = {
 	rail: "dial-navigation-panel-rail",
 	item: "dial-navigation-panel-item",
 	sidebar: "dial-navigation-panel-sidebar",
 	sidebarItem: "dial-navigation-panel-sidebar-item",
 	sidebarFooter: "dial-navigation-panel-sidebar-footer"
-}, R = {
+}, L = {
 	rail: "_rail_1hxk4_1",
 	item: "_item_1hxk4_6",
 	itemActive: "_itemActive_1hxk4_33",
 	itemFilled: "_itemFilled_1hxk4_38",
 	itemFilledOutline: "_itemFilledOutline_1hxk4_79"
-}, z = (e, t) => /* @__PURE__ */ E("a", {
+}, R = (e, t) => /* @__PURE__ */ E("a", {
 	href: e.href,
 	className: "contents",
 	children: t
-}), B = v(({ items: n, labels: r, logo: i, footer: s, renderLink: c = z, styles: l }) => {
-	let { colors: u, typography: d, className: p, cssVars: m } = l ?? {}, h = S().replace(/[^\w-]/g, ""), _ = `np-hover-gradient-${h}`, v = `np-active-gradient-${h}`, y = C(() => e({
+}), z = v(({ items: n, labels: r, logo: i, footer: s, renderLink: c = R, styles: l }) => {
+	let { colors: u, typography: d, className: p, cssVars: m } = l ?? {}, h = ee().replace(/[^\w-]/g, ""), _ = `np-hover-gradient-${h}`, v = `np-active-gradient-${h}`, y = S(() => e({
 		"--np-bg": u?.background,
 		"--np-item-text": u?.itemText,
 		"--np-item-active-text": u?.itemActiveText,
@@ -44,7 +44,7 @@ var L = {
 			...m,
 			...y
 		},
-		className: t(R.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", d?.fontClassName, p, L.rail),
+		className: t(L.rail, "relative z-10 flex h-full w-[60px] flex-col justify-between shadow-sm", d?.fontClassName, p, I.rail),
 		children: [
 			/* @__PURE__ */ E("svg", {
 				"aria-hidden": !0,
@@ -103,7 +103,7 @@ var L = {
 							"aria-current": e.isActive ? "page" : void 0,
 							tooltipProps: { tooltip: e.label },
 							tabIndex: -1,
-							className: t(R.item, "rounded-xl", e.isActive && R.itemActive, n && R.itemFilled, e.isActive && !n && R.itemFilledOutline, L.item)
+							className: t(L.item, "rounded-xl", e.isActive && L.itemActive, n && L.itemFilled, e.isActive && !n && L.itemFilledOutline, I.item)
 						})) }, e.id);
 					})
 				})]
@@ -111,12 +111,12 @@ var L = {
 			s
 		]
 	});
-}), V = /* @__PURE__ */ function(e) {
+}), B = /* @__PURE__ */ function(e) {
 	return e.Sidebar = "sidebar", e.Drawer = "drawer", e;
-}({}), H = {
+}({}), V = {
 	stopStart: "_stopStart_8i550_1",
 	stopEnd: "_stopEnd_8i550_5"
-}, ne = ({ activeGradientId: e }) => /* @__PURE__ */ E("svg", {
+}, re = ({ activeGradientId: e }) => /* @__PURE__ */ E("svg", {
 	"aria-hidden": !0,
 	className: "absolute size-0",
 	focusable: "false",
@@ -129,13 +129,13 @@ var L = {
 		y2: "20.4",
 		children: [/* @__PURE__ */ E("stop", {
 			offset: "0",
-			className: H.stopStart
+			className: V.stopStart
 		}), /* @__PURE__ */ E("stop", {
 			offset: "1",
-			className: H.stopEnd
+			className: V.stopEnd
 		})]
 	}) })
-}), U = {
+}), H = {
 	sidebar: "_sidebar_1w4pz_1",
 	sidebarColumn: "_sidebarColumn_1w4pz_7",
 	item: "_item_1w4pz_16",
@@ -144,19 +144,19 @@ var L = {
 	itemFilledOutline: "_itemFilledOutline_1w4pz_45",
 	itemIcon: "_itemIcon_1w4pz_49",
 	footer: "_footer_1w4pz_55"
-}, re = (e, t, n) => /* @__PURE__ */ E("a", {
+}, ie = (e, t, n) => /* @__PURE__ */ E("a", {
 	href: e.href,
 	...n,
 	children: t
-}), ie = (e, t) => e ? "w-[320px] max-w-full" : t ? "w-[72px]" : "w-[336px]", ae = (e, n) => e ? t("fixed inset-y-0 start-0 z-50 flex flex-col overflow-hidden shadow-sm outline-none", "transition-[transform,visibility] duration-200 ease-in-out motion-reduce:transition-none", n ? "visible translate-x-0" : "invisible ltr:-translate-x-full rtl:translate-x-full") : t(U.sidebarColumn, "relative z-10 flex h-full shrink-0 flex-col overflow-hidden shadow-sm"), W = v(({ items: n, labels: r, variant: i = V.Sidebar, isCollapsed: s = !1, onToggleCollapse: c, isOpen: u = !1, onClose: f, id: p, logo: m, renderLink: _ = re, children: v, userMenu: y, footerActions: b, styles: ee }) => {
-	let { colors: O, typography: k, className: A, cssVars: te } = ee ?? {}, M = k?.fontClassName ?? "dial-small-text", N = i === V.Drawer, P = !N && s, I = S(), R = p ?? I, z = `np-sidebar-gradient-${I.replace(/[^\w-]/g, "")}`, B = w(null), H = w(null), W = w(u);
+}), ae = (e, t) => e ? "w-[320px] max-w-full" : t ? "w-[72px]" : "w-[336px]", oe = (e, n) => e ? t("fixed inset-y-0 start-0 z-50 flex flex-col overflow-hidden shadow-sm outline-none", "transition-[transform,visibility] duration-200 ease-in-out motion-reduce:transition-none", n ? "visible translate-x-0" : "invisible ltr:-translate-x-full rtl:translate-x-full") : t(H.sidebarColumn, "relative z-10 flex h-full shrink-0 flex-col overflow-hidden shadow-sm"), U = v(({ items: n, labels: r, variant: i = B.Sidebar, isCollapsed: s = !1, onToggleCollapse: c, isOpen: u = !1, onClose: f, id: p, logo: m, renderLink: _ = ie, children: v, userMenu: y, footerActions: b, styles: w }) => {
+	let { colors: O, typography: k, className: A, cssVars: te } = w ?? {}, ne = k?.fontClassName ?? "dial-small-text", M = i === B.Drawer, N = !M && s, F = ee(), L = p ?? F, R = `np-sidebar-gradient-${F.replace(/[^\w-]/g, "")}`, z = C(null), V = C(null), U = C(u);
 	x(() => {
-		let e = W.current;
-		W.current = u, N && (u && !e ? (H.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, B.current?.focus()) : !u && e && (H.current?.focus(), H.current = null));
-	}, [N, u]);
-	let G = (e) => {
+		let e = U.current;
+		U.current = u, M && (u && !e ? (V.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, z.current?.focus()) : !u && e && (V.current?.focus(), V.current = null));
+	}, [M, u]);
+	let W = (e) => {
 		e.currentTarget.contains(e.target) && e.key === "Escape" && f?.();
-	}, K = C(() => e({
+	}, G = S(() => e({
 		"--np-sidebar-bg": O?.background,
 		"--np-sidebar-item-text": O?.itemText,
 		"--np-sidebar-item-hover-bg": O?.itemHoverBackground,
@@ -164,86 +164,86 @@ var L = {
 		"--np-sidebar-focus-outline": O?.focusOutline,
 		"--np-sidebar-gradient-start": O?.itemActiveGradientStart,
 		"--np-sidebar-gradient-end": O?.itemActiveGradientEnd,
-		"--np-sidebar-item-active-icon": O?.itemActiveIcon ?? `url(#${z})`,
+		"--np-sidebar-item-active-icon": O?.itemActiveIcon ?? `url(#${R})`,
 		"--np-sidebar-font-family": k?.fontFamily
 	}), [
 		O,
 		k?.fontFamily,
-		z
-	]), q = P ? r.expand ?? "Expand sidebar" : r.collapse ?? "Collapse sidebar", J = r.toggle ?? "Sidebar", Y = r.close ?? "Close", oe = (e, n) => /* @__PURE__ */ E("span", {
+		R
+	]), K = N ? r.expand ?? "Expand sidebar" : r.collapse ?? "Collapse sidebar", q = r.toggle ?? "Sidebar", J = r.close ?? "Close", Y = (e, n) => /* @__PURE__ */ E("span", {
 		style: { backgroundImage: `url("${e}")` },
 		className: t("bg-contain bg-center bg-no-repeat", n)
 	}), se = () => /* @__PURE__ */ E(d, {
 		icon: /* @__PURE__ */ D("span", {
 			className: "relative block size-6 shrink-0",
-			children: [P && m && oe(m.iconUrl, "absolute inset-0 transition-opacity group-focus-visible/toggle:opacity-0 group-hover/toggle:opacity-0"), /* @__PURE__ */ E(j, {
+			children: [N && m && Y(m.iconUrl, "absolute inset-0 transition-opacity group-focus-visible/toggle:opacity-0 group-hover/toggle:opacity-0"), /* @__PURE__ */ E(j, {
 				size: a.LG,
 				stroke: o,
-				className: t("absolute inset-0 rtl:scale-x-[-1]", P && m && "opacity-0 group-hover/toggle:opacity-100 group-focus-visible/toggle:opacity-100"),
+				className: t("absolute inset-0 rtl:scale-x-[-1]", N && m && "opacity-0 group-hover/toggle:opacity-100 group-focus-visible/toggle:opacity-100"),
 				"aria-hidden": !0
 			})]
 		}),
 		size: l.Large,
-		"aria-label": J,
-		"aria-expanded": !P,
-		"aria-controls": R,
-		tooltipProps: { tooltip: q },
+		"aria-label": q,
+		"aria-expanded": !N,
+		"aria-controls": L,
+		tooltipProps: { tooltip: K },
 		onClick: c,
 		className: "group/toggle size-10! min-h-0! min-w-0! shrink-0 rounded-full! p-2!"
 	}), ce = () => /* @__PURE__ */ E(d, {
-		icon: /* @__PURE__ */ E(F, {
+		icon: /* @__PURE__ */ E(P, {
 			size: a.LG,
 			stroke: o,
 			"aria-hidden": !0
 		}),
 		size: l.Large,
-		"aria-label": Y,
-		tooltipProps: { tooltip: Y },
+		"aria-label": J,
+		tooltipProps: { tooltip: J },
 		onClick: f,
 		className: "size-10! min-h-0! min-w-0! shrink-0 rounded-full! p-2!"
 	}), X = () => m && /* @__PURE__ */ E("a", {
 		href: m.href ?? "/",
 		"aria-label": m.ariaLabel,
-		className: t("flex h-10 items-center", !N && "ps-2"),
-		children: oe(P ? m.iconUrl : m.logoUrl ?? m.iconUrl, P ? "size-6" : "h-6 min-w-[116px]")
+		className: t("flex h-10 items-center", !M && "ps-2"),
+		children: Y(N ? m.iconUrl : m.logoUrl ?? m.iconUrl, N ? "size-6" : "h-6 min-w-[116px]")
 	}), Z = () => /* @__PURE__ */ D("div", {
 		className: "flex shrink-0 items-center justify-between ps-4 pe-2 pt-3 pb-2",
 		children: [X(), f && ce()]
-	}), Q = () => /* @__PURE__ */ D(T, { children: [!(P && c) && X(), c && se()] }), $ = (e) => {
+	}), Q = () => /* @__PURE__ */ D(T, { children: [!(N && c) && X(), c && se()] }), $ = (e) => {
 		let n = !!e.isActive && !!e.activeIcon, r = n && e.activeIcon || e.icon, i = /* @__PURE__ */ E("span", {
-			className: t("flex size-6 shrink-0 items-center justify-center", U.itemIcon),
+			className: t("flex size-6 shrink-0 items-center justify-center", H.itemIcon),
 			children: /* @__PURE__ */ E(r, {
 				size: a.LG,
 				stroke: o
 			})
 		}), s = _(e, /* @__PURE__ */ D(T, { children: [i, /* @__PURE__ */ E("span", {
-			className: P ? "sr-only" : M,
+			className: N ? "sr-only" : ne,
 			children: e.label
 		})] }), {
-			className: t("flex items-center rounded-full p-2 no-underline", P ? "size-10 justify-center" : "h-10 w-full gap-2", U.item, e.isActive && U.itemActive, n && U.itemFilled, e.isActive && !n && U.itemFilledOutline, L.sidebarItem),
+			className: t("flex items-center rounded-full p-2 no-underline", N ? "size-10 justify-center" : "h-10 w-full gap-2", H.item, e.isActive && H.itemActive, n && H.itemFilled, e.isActive && !n && H.itemFilledOutline, I.sidebarItem),
 			"aria-current": e.isActive ? "page" : void 0
 		});
-		return /* @__PURE__ */ E("li", { children: P ? /* @__PURE__ */ E(h, {
+		return /* @__PURE__ */ E("li", { children: N ? /* @__PURE__ */ E(h, {
 			tooltip: e.label,
 			asChild: !0,
 			children: s
 		}) : s }, e.id);
-	}, le = P ? /* @__PURE__ */ D(g, { children: [b, y] }) : /* @__PURE__ */ D(g, { children: [y, b] });
+	}, le = N ? /* @__PURE__ */ D(g, { children: [b, y] }) : /* @__PURE__ */ D(g, { children: [y, b] });
 	return /* @__PURE__ */ D("nav", {
-		ref: B,
-		id: R,
+		ref: z,
+		id: L,
 		"aria-label": r.ariaLabel,
-		tabIndex: N ? -1 : void 0,
-		inert: N && !u,
-		onKeyDown: N ? G : void 0,
+		tabIndex: M ? -1 : void 0,
+		inert: M && !u,
+		onKeyDown: M ? W : void 0,
 		style: {
 			...te,
-			...K
+			...G
 		},
-		className: t(U.sidebar, ae(N, u), ie(N, P), A, L.sidebar),
+		className: t(H.sidebar, oe(M, u), ae(M, N), A, I.sidebar),
 		children: [
-			!O?.itemActiveIcon && /* @__PURE__ */ E(ne, { activeGradientId: z }),
-			N ? /* @__PURE__ */ D("div", {
+			!O?.itemActiveIcon && /* @__PURE__ */ E(re, { activeGradientId: R }),
+			M ? /* @__PURE__ */ D("div", {
 				className: "flex shrink-0 flex-col",
 				children: [Z(), /* @__PURE__ */ E("ul", {
 					className: "m-0 flex list-none flex-col gap-1 p-2",
@@ -260,28 +260,28 @@ var L = {
 				})]
 			}),
 			/* @__PURE__ */ E("div", {
-				inert: P,
-				className: t("min-h-0 flex-1 overflow-hidden", P && "invisible"),
+				inert: N,
+				className: t("min-h-0 flex-1 overflow-hidden", N && "invisible"),
 				children: /* @__PURE__ */ E("div", {
-					className: t("flex h-full flex-col", N ? "w-full" : "w-[336px]"),
+					className: t("flex h-full flex-col", M ? "w-full" : "w-[336px]"),
 					children: v
 				})
 			}),
 			/* @__PURE__ */ E("div", {
-				className: t("flex shrink-0 px-4 py-3 shadow-lg", U.footer, P ? "flex-col items-start gap-2" : "items-center justify-between", L.sidebarFooter),
+				className: t("flex shrink-0 px-4 py-3 shadow-lg", H.footer, N ? "flex-col items-start gap-2" : "items-center justify-between gap-2", I.sidebarFooter),
 				children: le
 			})
 		]
 	});
-}), G = /* @__PURE__ */ function(e) {
+}), W = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Profile = "profile", e.Compact = "compact", e;
-}({}), K = { avatar: "_avatar_4hc9t_4" }, q = v(({ shortName: e, className: r, textClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ E(n, {
+}({}), G = { avatar: "_avatar_4hc9t_4" }, K = v(({ shortName: e, className: r, textClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ E(n, {
 	name: e ?? "",
 	initials: e ?? "",
 	size: 28,
 	textClassName: i,
-	className: t(K.avatar, r)
-})), J = v(({ profile: e, alt: t, size: r = 28 }) => {
+	className: t(G.avatar, r)
+})), q = v(({ profile: e, alt: t, size: r = 28 }) => {
 	let i = e.isFallbackShown || !e.imageUrl;
 	return /* @__PURE__ */ E(n, {
 		name: e.displayName,
@@ -290,35 +290,35 @@ var L = {
 		alt: i ? "" : t,
 		size: r,
 		textClassName: "dial-tiny-text",
-		className: K.avatar,
+		className: G.avatar,
 		onImageError: e.onImageError
 	});
-}), Y = {
+}), J = {
 	wrapper: "_wrapper_11e9t_1",
 	trigger: "_trigger_11e9t_5",
 	triggerOpen: "_triggerOpen_11e9t_18",
 	identityText: "_identityText_11e9t_22",
 	menuLabel: "_menuLabel_11e9t_26"
-}, oe = v(({ profile: n, labels: r, groups: l, onLogout: d, onSettings: f, triggerVariant: p = G.Avatar, isTooltipHidden: h, styles: g }) => {
-	let { colors: _, typography: v, className: y, cssVars: b } = g ?? {}, [x, S] = ee(!1), w = p === G.Profile, O = p === G.Compact, A = w || O, j = v?.fontClassName ?? "dial-small-text", P = C(() => e({
+}, Y = v(({ profile: n, labels: r, groups: l, onLogout: d, onSettings: f, triggerVariant: p = W.Avatar, isTooltipHidden: h, styles: g }) => {
+	let { colors: _, typography: v, className: y, cssVars: b } = g ?? {}, [x, ee] = w(!1), C = p === W.Profile, O = p === W.Compact, A = C || O, j = v?.fontClassName ?? "dial-small-text", N = S(() => e({
 		"--np-avatar-bg": _?.avatarBackground,
 		"--np-avatar-text": _?.avatarText,
 		"--np-menu-text": _?.text,
 		"--np-trigger-hover-bg": _?.triggerHoverBackground,
 		"--np-trigger-open-bg": _?.triggerOpenBackground,
 		"--np-font-family": v?.fontFamily
-	}), [_, v?.fontFamily]), F = C(() => t(Y.menuLabel, j), [j]), I = C(() => {
+	}), [_, v?.fontFamily]), P = S(() => t(J.menuLabel, j), [j]), F = S(() => {
 		let e = (l ?? []).filter(({ options: e }) => e.length > 0).map(({ id: e, label: t, icon: n, options: r }) => ({
 			key: e,
 			label: /* @__PURE__ */ E("span", {
-				className: F,
+				className: P,
 				children: t
 			}),
 			icon: n,
 			children: r.map((e) => ({
 				key: e.id,
 				label: /* @__PURE__ */ E("span", {
-					className: F,
+					className: P,
 					children: e.label
 				}),
 				icon: e.icon,
@@ -333,9 +333,9 @@ var L = {
 				type: c.PlainText,
 				label: /* @__PURE__ */ D("div", {
 					className: "flex h-[40px] min-w-0 items-center gap-3",
-					children: [/* @__PURE__ */ E(q, { shortName: n.shortName }), /* @__PURE__ */ E(u, {
+					children: [/* @__PURE__ */ E(K, { shortName: n.shortName }), /* @__PURE__ */ E(u, {
 						text: n.displayName,
-						className: t(Y.identityText, j, "min-w-0 flex-1 truncate")
+						className: t(J.identityText, j, "min-w-0 flex-1 truncate")
 					})]
 				})
 			},
@@ -347,10 +347,10 @@ var L = {
 			...f ? [{
 				key: "settings",
 				label: /* @__PURE__ */ E("span", {
-					className: F,
+					className: P,
 					children: r.settings
 				}),
-				icon: /* @__PURE__ */ E(N, {
+				icon: /* @__PURE__ */ E(M, {
 					size: a.SM,
 					"aria-hidden": !0,
 					stroke: o
@@ -360,10 +360,10 @@ var L = {
 			{
 				key: "logout",
 				label: /* @__PURE__ */ E("span", {
-					className: F,
+					className: P,
 					children: r.logOut
 				}),
-				icon: /* @__PURE__ */ E(M, {
+				icon: /* @__PURE__ */ E(ne, {
 					size: a.SM,
 					"aria-hidden": !0,
 					stroke: o
@@ -374,26 +374,26 @@ var L = {
 	}, [
 		l,
 		j,
-		F,
+		P,
 		r.logOut,
 		r.settings,
 		d,
 		f,
 		n.displayName,
 		n.shortName
-	]), L = () => {
-		if (!w) return /* @__PURE__ */ E(i, {
+	]), I = () => {
+		if (!C) return /* @__PURE__ */ E(i, {
 			"aria-label": r.trigger,
 			tooltipProps: {
 				tooltip: n.email,
 				hideTooltip: h
 			},
-			iconBefore: /* @__PURE__ */ E(J, {
+			iconBefore: /* @__PURE__ */ E(q, {
 				profile: n,
 				alt: r.avatarAlt,
 				size: O ? 24 : void 0
 			}),
-			className: t(O ? "!size-10 !min-h-0 !min-w-0 gap-0 !rounded-full !border-0 !p-2" : "size-[44px] gap-0 !rounded-full p-0", Y.trigger, O && x && Y.triggerOpen)
+			className: t(O ? "!size-10 !min-h-0 !min-w-0 gap-0 !rounded-full !border-0 !p-2" : "size-[44px] gap-0 !rounded-full p-0", J.trigger, O && x && J.triggerOpen)
 		});
 		let e = x ? te : k;
 		return /* @__PURE__ */ E(i, {
@@ -401,14 +401,14 @@ var L = {
 				tooltip: n.email,
 				hideTooltip: h
 			},
-			iconBefore: /* @__PURE__ */ E(J, {
+			iconBefore: /* @__PURE__ */ E(q, {
 				profile: n,
 				alt: "",
 				size: 24
 			}),
 			label: /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(u, {
 				text: n.displayName,
-				className: t(Y.identityText, j, "min-w-0 truncate")
+				className: t(J.identityText, j, "min-w-0 truncate")
 			}), /* @__PURE__ */ E("span", {
 				className: "sr-only",
 				children: r.trigger
@@ -419,25 +419,26 @@ var L = {
 				"aria-hidden": !0
 			}),
 			textClassName: "min-w-0",
-			className: t("!h-10 !min-h-0 max-w-full !min-w-0 gap-2 !rounded-full !border-0 !p-2", Y.trigger, x && Y.triggerOpen)
+			className: t("!h-10 !min-h-0 max-w-full !min-w-0 gap-2 !rounded-full !border-0 !p-2", J.trigger, x && J.triggerOpen)
 		});
 	};
 	return /* @__PURE__ */ E("div", {
 		style: {
 			...b,
-			...P
+			...N
 		},
-		className: t(Y.wrapper, A ? "flex min-w-0 items-center" : "flex size-[60px] items-center justify-center", y),
+		className: t(J.wrapper, A ? "flex min-w-0 items-center" : "flex size-[60px] items-center justify-center", C && "flex-1", y),
 		children: /* @__PURE__ */ E(s, {
+			className: A ? "max-w-full min-w-0" : void 0,
 			placement: A ? "top-start" : "top-end",
 			matchReferenceWidth: !1,
-			items: I,
-			onOpenChange: S,
-			children: L()
+			items: F,
+			onOpenChange: ee,
+			children: I()
 		})
 	});
 }), se = _(void 0), ce = v(({ isOpen: e, onClose: t, children: n, title: r, closeLabel: i, backLabel: a, className: o, style: s }) => {
-	let [c, l] = ee([]);
+	let [c, l] = w([]);
 	x(() => {
 		e || l([]);
 	}, [e]);
@@ -447,7 +448,7 @@ var L = {
 		l((e) => e.slice(0, -1));
 	}, []), f = y(() => {
 		l([]), t();
-	}, [t]), p = C(() => ({
+	}, [t]), p = S(() => ({
 		push: u,
 		pop: d,
 		close: f
@@ -458,7 +459,7 @@ var L = {
 	]), m = c[c.length - 1];
 	return /* @__PURE__ */ E(se.Provider, {
 		value: p,
-		children: /* @__PURE__ */ E(I, {
+		children: /* @__PURE__ */ E(F, {
 			isOpen: e,
 			onClose: f,
 			title: m?.title ?? r,
@@ -520,7 +521,7 @@ var L = {
 	return /* @__PURE__ */ D(T, { children: [
 		/* @__PURE__ */ D("div", {
 			className: "flex h-[56px] items-center gap-3 px-4 py-2",
-			children: [/* @__PURE__ */ E(J, {
+			children: [/* @__PURE__ */ E(q, {
 				profile: e,
 				alt: ""
 			}), /* @__PURE__ */ E(u, {
@@ -554,7 +555,7 @@ var L = {
 			children: [s && a && /* @__PURE__ */ E(Q, {
 				label: a,
 				textClassName: l,
-				icon: /* @__PURE__ */ E(N, {
+				icon: /* @__PURE__ */ E(M, {
 					size: r,
 					stroke: o,
 					"aria-hidden": !0
@@ -565,7 +566,7 @@ var L = {
 			}), /* @__PURE__ */ E(Q, {
 				label: n,
 				textClassName: l,
-				icon: /* @__PURE__ */ E(M, {
+				icon: /* @__PURE__ */ E(ne, {
 					size: r,
 					stroke: o,
 					"aria-hidden": !0
@@ -598,7 +599,7 @@ var L = {
 		}), l && /* @__PURE__ */ E(Q, {
 			label: n,
 			textClassName: f,
-			icon: /* @__PURE__ */ E(P, {
+			icon: /* @__PURE__ */ E(N, {
 				size: r,
 				stroke: o,
 				"aria-hidden": !0
@@ -620,7 +621,7 @@ var L = {
 		})]
 	}), d] });
 }), de = v(({ isOpen: n, onClose: r, items: i, onSelectItem: a, labels: o, profile: s, groups: c, onLogout: l, onSettings: u, footer: d, styles: f }) => {
-	let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, _ = C(() => e({
+	let { colors: p, typography: m, className: h, cssVars: g } = f ?? {}, _ = S(() => e({
 		"--np-sheet-text": p?.text,
 		"--np-sheet-item-hover": p?.itemHoverBackground,
 		"--np-sheet-item-active": p?.itemActiveBackground,
@@ -661,4 +662,4 @@ var L = {
 	});
 });
 //#endregion
-export { q as AvatarInitials, L as NAVIGATION_PANEL_CLASS, ce as NavigableBottomSheet, ue as NavigationMenuPage, B as NavigationPanel, de as NavigationSheet, W as NavigationSidebar, V as NavigationSidebarVariant, $ as OptionListPage, le as ProfilePage, Q as SheetRow, J as UserAvatar, oe as UserMenu, G as UserMenuTriggerVariant, X as useSheetNavigation };
+export { K as AvatarInitials, I as NAVIGATION_PANEL_CLASS, ce as NavigableBottomSheet, ue as NavigationMenuPage, z as NavigationPanel, de as NavigationSheet, U as NavigationSidebar, B as NavigationSidebarVariant, $ as OptionListPage, le as ProfilePage, Q as SheetRow, q as UserAvatar, Y as UserMenu, W as UserMenuTriggerVariant, X as useSheetNavigation };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-navigation-panel",
   "description": "Primary application navigation — desktop nav rail, user menu, and mobile navigation bottom sheet",
-  "version": "1.3.0-dev.130",
+  "version": "1.3.0-dev.137",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-conversation-input": "1.3.0-dev.130"
+    "@epam/ai-dial-conversation-input": "1.3.0-dev.137"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.130",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.137",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.22"
   },
   "repository": {