@openfin/ui-library 0.30.10 → 0.30.11-alpha.1750869671

package/dist/components/controls/Menus/ContentMenu/ContentMenu.d.ts

@@ -1,4 +1,5 @@
-import React, { MouseEvent } from 'react';
+import React from 'react';
+import { ContentMenuItemSelectEvent } from './ContentMenuItem/ContentMenuItem';
 export type ContentMenuEntry = {
     bookmarked?: boolean;
 } & ({
@@ -21,7 +22,7 @@ export interface ContentMenuProps {
     /**
      * Callback to handle a click on a content menu item.
      */
-    handleClickItem: (entry: ContentMenuEntry, mouseEvent: MouseEvent) => void;
+    handleClickItem: (entry: ContentMenuEntry, mouseEvent: ContentMenuItemSelectEvent) => void;
     /**
      * Callback to handle a click on the bookmark icon of a content menu item.
      */

package/dist/components/controls/Menus/ContentMenu/ContentMenuColumn/ContentMenuColumn.d.ts

@@ -1,12 +1,15 @@
-import React, { Dispatch, PropsWithChildren, SetStateAction, MouseEvent } from 'react';
+import React, { Dispatch, PropsWithChildren, SetStateAction } from 'react';
 import { ContentMenuEntry } from '../ContentMenu';
+import { ContentMenuItemSelectEvent } from '../ContentMenuItem/ContentMenuItem';
 export interface ContentMenuColumnProps {
     entries: ContentMenuEntry[];
+    parentEntry: ContentMenuEntry | null;
     depth: number;
     path: string[];
     targetItemId: string | undefined;
     setCurrentlySelectedPath: Dispatch<SetStateAction<string[]>>;
-    handleClickItem: (entry: ContentMenuEntry, mouseEvent: MouseEvent) => void;
+    handleClickItem: (entry: ContentMenuEntry, mouseEvent: ContentMenuItemSelectEvent) => void;
     handleBookmarkItem: (entry: ContentMenuEntry) => void;
+    toggleTooltip: (label?: string, element?: HTMLDivElement) => void;
 }
 export declare const ContentMenuColumn: React.FC<PropsWithChildren<ContentMenuColumnProps>>;

package/dist/components/controls/Menus/ContentMenu/ContentMenuContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ContentMenuContext: React.Context<{
+    focusedContentItemId: string | null;
+    setFocusedContentItemId: (id: string) => void;
+}>;

package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/ContentMenuItem.d.ts

@@ -1,6 +1,7 @@
 import { ContentMenuEntry } from '../ContentMenu';
 import React, { MouseEvent } from 'react';
-export interface ContentMenuItemProps {
+export type ContentMenuItemSelectEvent = Pick<MouseEvent, 'ctrlKey' | 'metaKey' | 'shiftKey'>;
+export interface ContentMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Object representing the content menu item entry.
      */
@@ -13,7 +14,11 @@ export interface ContentMenuItemProps {
     /**
      * Callback to handle a click on the content menu item.
      */
-    handleClick: (entry: ContentMenuEntry, mouseEvent: MouseEvent) => void;
+    handleClick: (entry: ContentMenuEntry, mouseEvent: ContentMenuItemSelectEvent) => void;
+    /**
+     * Callback to toggle a tooltip for the content menu item.
+     */
+    toggleTooltip: (label?: string, element?: HTMLDivElement) => void;
     /**
      * Callback to handle a click on the bookmark icon of the content menu item.
      */

package/dist/components/controls/Menus/ContentMenu/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TooltipProps {
+    label?: string;
+    element?: HTMLDivElement;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/components/controls/Menus/common.d.ts

@@ -35,6 +35,9 @@ export declare const MenuItemIconContainer: import("styled-components").StyledCo
 } & {
     side: "left" | "right";
 }, never>;
+export declare const MenuItemIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    side: "left" | "right";
+}, never>;
 export declare const MenuItemRightIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../elements/Icon").IconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     enabled?: boolean;
 }, never>;

package/dist/index.js

@@ -245,7 +245,7 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
       opacity: unset;
     }
   }
-`},5825:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4947),t),o(n(6588),t)},6368:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenu=t.findPathToItemWithId=void 0;const o=n(4848),a=n(2015),i=n(1255),l=r(n(2770)),s=n(2094);t.findPathToItemWithId=(e,n,r)=>{if(e.id===r)return n;if(e.children)for(let o=0;o<e.children.length;++o){const a=e.children[o];n.push(a.id);const i=(0,t.findPathToItemWithId)(a,n,r);if(i)return i;n.pop()}},t.ContentMenu=({structure:e,handleClickItem:n,handleBookmarkItem:r,targetId:l})=>{const[s,u]=(0,a.useState)([]),[d,f]=(0,a.useState)(),p=(0,a.useRef)(null),h=(0,a.useCallback)((()=>{p.current&&p.current.scrollTo({left:p.current.scrollWidth,behavior:"smooth"})}),[]);return(0,a.useEffect)((()=>{if(l){const n=(0,t.findPathToItemWithId)({id:"",children:e},[],l);if(n)return u(n),void f(`content-menu-item-${l}`)}f(void 0)}),[l]),(0,a.useEffect)((()=>{h()}),[s]),(0,o.jsx)(c,{ref:p,children:(0,o.jsx)(i.ContentMenuColumn,{entries:e,depth:0,path:s,targetItemId:d,setCurrentlySelectedPath:u,handleClickItem:n,handleBookmarkItem:r})})};const c=(0,l.default)(s.Box)`
+`},5825:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4947),t),o(n(6588),t)},6368:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenu=t.findPathToItemWithId=void 0;const o=n(4848),a=n(2015),i=n(1255),l=r(n(2770)),s=n(2094),c=n(467),u=r(n(5823));t.findPathToItemWithId=(e,n,r)=>{if(e.id===r)return n;if(e.children)for(let o=0;o<e.children.length;++o){const a=e.children[o];n.push(a.id);const i=(0,t.findPathToItemWithId)(a,n,r);if(i)return i;n.pop()}},t.ContentMenu=({structure:e,handleClickItem:n,handleBookmarkItem:r,targetId:l})=>{const[s,f]=(0,a.useState)([]),[p,h]=(0,a.useState)(),b=(0,a.useRef)(null),[g,m]=(0,a.useState)({}),v=(0,a.useCallback)((()=>{b.current&&b.current.scrollTo({left:b.current.scrollWidth,behavior:"smooth"})}),[]),x=(0,a.useCallback)(((e,t)=>{m(e&&t?{label:e,element:t}:{})}),[]);(0,a.useEffect)((()=>{if(l){const n=(0,t.findPathToItemWithId)({id:"",children:e},[],l);if(n)return f(n),void h(`content-menu-item-${l}`)}h(void 0)}),[l]),(0,a.useEffect)((()=>{v()}),[s]);const[y,C]=(0,a.useState)(null);return(0,a.useEffect)((()=>{var t,n;C(null!==(n=null===(t=null==e?void 0:e[0])||void 0===t?void 0:t.id)&&void 0!==n?n:null)}),e),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(u.default,{label:g.label,element:g.element}),(0,o.jsx)(d,{ref:b,role:"tree",onScroll:()=>x(),children:(0,o.jsx)(c.ContentMenuContext.Provider,{value:{focusedContentItemId:y,setFocusedContentItemId:e=>C(e)},children:(0,o.jsx)(i.ContentMenuColumn,{entries:e,depth:0,path:s,targetItemId:p,setCurrentlySelectedPath:f,handleClickItem:n,handleBookmarkItem:r,parentEntry:null,toggleTooltip:x})})})]})};const d=(0,l.default)(s.Box)`
   height: 100%;
   width: 100%;
 
@@ -254,7 +254,7 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
 
   overflow-x: auto;
   overflow-y: hidden;
-`},1255:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuColumn=void 0;const o=n(4848),a=r(n(2770)),i=n(6418),l=n(2015),s=n(8307);t.ContentMenuColumn=({entries:e,depth:n,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:d,handleBookmarkItem:f})=>{const p=(0,l.useRef)(null),h=r[n],b=h?e.find((e=>e.id===h)):void 0;(0,l.useEffect)((()=>{if(a&&b){const e=document.getElementById(`content-menu-item-${b.id}`);if(e&&p.current){const t=e.getBoundingClientRect().top-p.current.children[0].getBoundingClientRect().top;p.current.scrollTo({top:t,behavior:"smooth"})}}}),[a]);const g=(0,l.useCallback)((e=>{i((t=>e?(t[n]=e,t.slice(0,n+1)):t.slice(0,n)))}),[]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c,{ref:p,children:e.length>0?(0,o.jsx)("div",{children:e.map((e=>(0,o.jsx)(s.ContentMenuItem,{entry:e,active:"folder"===e.type&&e.id===h,handleClick:(e,t)=>{"folder"===e.type?g(e.id):d(e,t)},handleBookmark:f},e.id)))}):(0,o.jsx)(u,{children:"No content available."})}),b&&"folder"===b.type&&(0,o.jsx)(t.ContentMenuColumn,{entries:b.children,depth:n+1,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:d,handleBookmarkItem:f})]})};const c=(0,a.default)(i.MenuFrame).attrs({className:"content-menu-column-frame"})`
+`},1255:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuColumn=void 0;const o=n(4848),a=r(n(2770)),i=n(6418),l=n(2015),s=n(8307),c=n(467);t.ContentMenuColumn=({entries:e,depth:n,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:f,handleBookmarkItem:p,parentEntry:h,toggleTooltip:b})=>{const g=(0,l.useRef)(null),m=r[n],v=m?e.find((e=>e.id===m)):void 0,{setFocusedContentItemId:x}=(0,l.useContext)(c.ContentMenuContext);(0,l.useEffect)((()=>{if(a&&v){const e=document.getElementById(`content-menu-item-${v.id}`);if(e&&g.current){const t=e.getBoundingClientRect().top-g.current.children[0].getBoundingClientRect().top;g.current.scrollTo({top:t,behavior:"smooth"})}}}),[a]);const y=(0,l.useCallback)((e=>{i((t=>e.id?(t[n]=e.id,t.slice(0,n+1)):t.slice(0,n))),e.children.length&&x(e.children[0].id)}),[]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(u,{ref:g,role:"group",children:e.length>0?(0,o.jsx)("div",{children:e.map((t=>(0,o.jsx)(s.ContentMenuItem,{entry:t,role:"treeitem","aria-level":n+1,active:"folder"===t.type&&t.id===m,"aria-expanded":"folder"===t.type?!(!v||v.id!==t.id):void 0,handleClick:(e,t)=>{"folder"===e.type?y(e):f(e,t)},handleBookmark:p,onKeyDown:n=>((t,n)=>{const r=e.indexOf(n);switch(t.key){case"ArrowUp":{t.preventDefault();const n=e[r-1];n&&x(n.id);break}case"ArrowDown":{t.preventDefault();const n=e[r+1];n&&x(n.id);break}case"ArrowLeft":h&&(t.preventDefault(),x(h.id));break;case"Enter":case" ":case"ArrowRight":if(t.currentTarget!==t.target)return;if(t.preventDefault(),"folder"===n.type)y(n),n.children.length&&x(n.children[0].id);else if("ArrowRight"!==t.key){const e={ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey};f(n,e)}}})(n,t),toggleTooltip:b},t.id)))}):(0,o.jsx)(d,{children:"No content available."})}),v&&"folder"===v.type&&(0,o.jsx)(t.ContentMenuColumn,{entries:v.children,depth:n+1,path:r,targetItemId:a,setCurrentlySelectedPath:i,handleClickItem:f,handleBookmarkItem:p,parentEntry:v,toggleTooltip:b})]})};const u=(0,a.default)(i.MenuFrame).attrs({className:"content-menu-column-frame"})`
   height: 100%;
   width: 241px;
   padding: ${({theme:e})=>e.px.xsmall};
@@ -264,7 +264,8 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   flex-shrink: 0;
 
   border-right: 1px solid ${({theme:e})=>e.palette.background5};
-`,u=a.default.div`
+  background-color: transparent;
+`,d=a.default.div`
   height: 100%;
 
   display: flex;
@@ -272,36 +273,47 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   align-items: center;
 
   user-select: none;
-`},8307:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),i=0;i<n.length;i++)"default"!==n[i]&&o(t,e,n[i]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItemContainer=t.ContentMenuItem=void 0;const l=n(4848),s=i(n(2770)),c=n(6418),u=n(5917),d=n(5699),f=n(2094);t.ContentMenuItem=({entry:e,active:n,handleClick:r,handleBookmark:o})=>{var a;const{label:i,type:s}=e;return(0,l.jsxs)(t.ContentMenuItemContainer,{id:`content-menu-item-${e.id}`,onClick:t=>r(e,t),active:n,children:["item"===s&&(0,l.jsx)(d.IconWithFallback,{iconUrl:e.icon}),(0,l.jsx)(p,{size:"base",weight:"normal",children:i}),(0,l.jsxs)(h,{side:"right",children:[(0,l.jsx)(b,{bookmarked:e.bookmarked,onClick:t=>{null==t||t.stopPropagation(),o&&o(e)},"data-testid":`content-menu-item-${e.id}-bookmark-icon`,children:e.bookmarked?(0,l.jsx)(u.Icon,{icon:"StarFilledIcon"}):(0,l.jsx)(u.Icon,{icon:"StarIcon"})}),"item"===e.type&&"desktop"===(null===(a=e.itemData)||void 0===a?void 0:a.appType)&&(0,l.jsx)(u.Icon,{icon:"ArrowTopRightIcon"})]}),"folder"===s&&(0,l.jsx)(c.MenuItemIconContainer,{side:"right","data-testid":`content-menu-item-${e.id}-chevron-icon`,children:(0,l.jsx)(c.MenuItemRightIcon,{icon:"ChevronRightIcon"})})]})};const p=(0,s.default)(c.MenuItemText)`
+`},467:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuContext=void 0;const o=r(n(2015));t.ContentMenuContext=o.default.createContext({focusedContentItemId:null,setFocusedContentItemId:()=>{}})},8307:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),i=0;i<n.length;i++)"default"!==n[i]&&o(t,e,n[i]);return a(t,e),t}),l=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuItemContainer=t.ContentMenuItem=void 0;const s=n(4848),c=i(n(2770)),u=n(6418),d=n(5917),f=n(2015),p=n(5699),h=n(467),b=n(2094);t.ContentMenuItem=e=>{var n,{entry:r,active:o,handleClick:a,handleBookmark:i,toggleTooltip:c}=e,b=l(e,["entry","active","handleClick","handleBookmark","toggleTooltip"]);const{label:x,type:y}=r,C=(0,f.useRef)(null),{focusedContentItemId:_}=(0,f.useContext)(h.ContentMenuContext);(0,f.useEffect)((()=>{var e;r.id===_&&(null===(e=C.current)||void 0===e||e.focus())}),[_]);const O=(0,f.useCallback)((()=>{"item"===r.type&&"desktop"===r.itemData.appType&&C.current&&c("Launch Desktop App",C.current)}),[r]);return(0,s.jsxs)(t.ContentMenuItemContainer,Object.assign({id:`content-menu-item-${r.id}`,onClick:e=>a(r,e),onMouseEnter:O,onMouseLeave:()=>c(),active:o,tabIndex:_===r.id?0:-1,ref:C},b,{children:["item"===y&&(0,s.jsx)(p.IconWithFallback,{iconUrl:r.icon}),(0,s.jsx)(g,{size:"base",weight:"normal",children:x}),(0,s.jsxs)(m,{children:[(0,s.jsx)(v,{bookmarked:r.bookmarked,role:"button",onClick:e=>{var t;null==e||e.stopPropagation(),i&&i(r),null===(t=C.current)||void 0===t||t.focus()},"data-testid":`content-menu-item-${r.id}-bookmark-icon`,tabIndex:_===r.id?0:-1,children:r.bookmarked?(0,s.jsx)(d.Icon,{icon:"StarFilledIcon"}):(0,s.jsx)(d.Icon,{icon:"StarIcon"})}),"item"===r.type&&"desktop"===(null===(n=r.itemData)||void 0===n?void 0:n.appType)&&(0,s.jsx)(u.MenuItemRightIcon,{icon:"ArrowTopRightIcon"}),"folder"===y&&(0,s.jsx)(u.MenuItemRightIcon,{icon:"ChevronRightIcon","data-testid":`content-menu-item-${r.id}-chevron-icon`})]})]}))};const g=(0,c.default)(u.MenuItemText)`
   padding-right: ${({theme:e})=>e.px.large};
-`,h=(0,s.default)(c.MenuItemIconContainer)`
+`,m=(0,c.default)(b.Box)`
+  margin-left: auto;
+  justify-self: end;
+  gap: ${({theme:e})=>e.px.small};
+  padding-right: ${({theme:e})=>e.px.small};
+
   svg {
     height: ${({theme:e})=>e.px.large};
     width: ${({theme:e})=>e.px.large};
   }
-  display: flex;
-  flex-direction: row;
-  gap: ${({theme:e})=>e.px.small};
-`,b=(0,s.default)(f.Box)`
-  ${({bookmarked:e})=>e?s.css`
-          & + ${c.MenuItemIconContainer} {
+`,v=(0,c.default)(b.Box)`
+  ${({bookmarked:e})=>e?c.css`
+          & + ${u.MenuItemIconContainer} {
             margin-left: unset;
           }
-        `:s.css`
+        `:c.css`
           display: none;
         `};
-`;t.ContentMenuItemContainer=(0,s.default)(c.MenuItemInnerContainer).attrs((({active:e})=>({className:["content-menu-item-container",e?"content-menu-item-container-active":""].filter(Boolean).join(" ")})))`
-  ${({theme:e,active:t})=>t&&s.css`
+`;t.ContentMenuItemContainer=(0,c.default)(u.MenuItemInnerContainer).attrs((({active:e})=>({className:["content-menu-item-container",e?"content-menu-item-container-active":""].filter(Boolean).join(" ")})))`
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: solid 1px ${({theme:e})=>e.palette.statusActive};
+    border-radius: ${({theme:e})=>e.radius.small};
+  }
+
+  ${({theme:e,active:t})=>t&&c.css`
       background-color: ${e.palette.background3};
     `}
   &:hover {
     background-color: ${({theme:e})=>e.palette.background2};
 
-    ${b} {
-      display: block;
+    ${v} {
+      opacity: 1;
     }
 
-    ${b} + ${c.MenuItemIconContainer} {
+    ${v} + ${u.MenuItemIconContainer} {
       margin-left: unset;
     }
   }
@@ -323,7 +335,58 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   border-radius: ${({theme:e})=>e.radius.small};
 
   user-select: none;
-`},1491:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useImageLoader=void 0;const r=n(2015);t.useImageLoader=e=>{const[t,n]=(0,r.useState)("loading");return(0,r.useEffect)((()=>{if(!e)return void n("error");n("loading");const t=new Image,r=()=>{n("success")},o=()=>{n("error")};return t.addEventListener("load",r),t.addEventListener("error",o),t.src=e,()=>{t.removeEventListener("load",r),t.removeEventListener("error",o)}}),[e]),t}},4810:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(6368),t)},244:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CustomContextMenu=t.CONTEXT_MENU_ANIMATION_DURATION=t.PRIOR_CONTEXT_MENU_CLASS=t.BASE_CONTEXT_MENU=t.ACTIVE_CONTEXT_MENU_CLASS=t.CONTEXT_MENU_FRAME_ID=void 0;const o=n(4848),a=n(2015),i=r(n(2770)),l=n(9005),s=n(68),c=n(6972),u=n(8666),d=n(3247),f=n(8429),p=n(6418);t.CONTEXT_MENU_FRAME_ID="context_menu_frame",t.ACTIVE_CONTEXT_MENU_CLASS="active_context_menu",t.BASE_CONTEXT_MENU="base_context_menu",t.PRIOR_CONTEXT_MENU_CLASS="previous_context_menu",t.CONTEXT_MENU_ANIMATION_DURATION=200,t.CustomContextMenu=({menuTemplate:e,onClick:n,icon:r,onMenuResize:i,onContextMenuReady:p,isWindows:g=!0})=>{var m;const v=(0,a.useRef)(null),[x,y]=(0,a.useState)(!1),[C,_]=(0,a.useState)({width:160,height:160}),[O,w]=(0,a.useState)(0),[j,P]=(0,a.useState)([]),[k,S]=(0,a.useState)(),[M,$]=(0,a.useState)([]),[I,D]=(0,a.useState)(e.map((e=>e.label||""))),[B,E]=(0,a.useState)(-1);(0,a.useEffect)((()=>{D(e.map((e=>e.label||""))),E(I.findIndex((e=>e===k)))}),[e]);const{width:T,height:F}=(0,s.useResizeContextMenu)(k),{handleNavigateToSubmenu:L,handleNavigateBackToParent:z,handleNavigateToBase:H}=(0,u.useContextMenuNavigation)(O,w,M,$,k,S,_,E,j,i);return(0,a.useEffect)((()=>{P((0,c.getMenuNavigationOrder)(e)),S(t.BASE_CONTEXT_MENU),$([]),_({width:T,height:F})}),[e]),(0,d.useContextMenuKeyboardNavigation)(null===(m=j.find((e=>e.parentLabel===k)))||void 0===m?void 0:m.menuTemplate,M,k,B,E,n,L,z,H),(0,a.useEffect)((()=>{v.current&&(x||(p&&p(),y(!0)))}),[v.current]),(0,o.jsx)(h,{id:t.CONTEXT_MENU_FRAME_ID,transitionSpeed:O,isWindows:g,children:j.map((({parentLabel:e,menuTemplate:a})=>(0,o.jsx)("div",{ref:e===k?v:void 0,children:(0,o.jsxs)(b,{className:(0,c.getClassName)(e,k,M),activeMenuWidth:C.width,transitionSpeed:O,id:e,children:[e!==t.BASE_CONTEXT_MENU?(0,o.jsx)(l.CustomContextMenuItem,{type:"submenuHeader",label:e,onBack:()=>z(e,"click"),onClose:H,showShouldHomeButton:M.slice(2).includes(e)||M.length>=2&&k===e,selected:-1===B},`${e}-submenu-header`):r&&(0,o.jsx)(f.RootMenuHeader,{icon:r}),a.map(((t,r)=>(0,o.jsx)(l.CustomContextMenuItem,Object.assign({onClick:e=>{t.hasSubMenu?L(t.label||""):n(e),E(-2)}},t,{selected:B===r}),`${e}-${t.label}-${r}`)))]})},e)))})};const h=i.default.div`
+`},1491:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useImageLoader=void 0;const r=n(2015);t.useImageLoader=e=>{const[t,n]=(0,r.useState)("loading");return(0,r.useEffect)((()=>{if(!e)return void n("error");n("loading");const t=new Image,r=()=>{n("success")},o=()=>{n("error")};return t.addEventListener("load",r),t.addEventListener("error",o),t.src=e,()=>{t.removeEventListener("load",r),t.removeEventListener("error",o)}}),[e]),t}},5823:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),i=0;i<n.length;i++)"default"!==n[i]&&o(t,e,n[i]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0});const l=n(4848),s=n(2015),c=i(n(2770)),u=n(5963);t.default=({label:e,element:t})=>{const n=(0,s.useRef)(null),[r,o]=(0,s.useState)({}),[a,i]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{if(t&&n.current){const{top:e,left:r,height:a,width:l}=t.getBoundingClientRect(),s=r+l/2,{height:c,width:u}=n.current.getBoundingClientRect(),d=e-c-12,f=d>0?d:e+a+12;o({top:f,left:s-u/2,arrowUp:d!==f}),i(!0)}else o({}),i(!1)}),[a,t]),(0,l.jsx)(d,{ref:n,left:r.left,top:r.top,arrowUp:r.arrowUp,children:(0,l.jsx)(u.Text,{children:e})})};const d=c.default.div`
+  pointer-events: none;
+  position: fixed;
+  z-index: 1;
+  top: ${({top:e})=>`${null!=e?e:-99999}px`};
+  left: ${({left:e})=>`${null!=e?e:-99999}px`};
+
+  padding: ${({theme:e})=>e.px.small};
+  border: 1px solid ${({theme:e})=>e.palette.background4};
+  border-radius: ${({theme:e})=>e.px.xsmall};
+
+  background: ${({theme:e})=>e.palette.background1};
+  box-shadow: 0px 0px 10px ${({theme:e})=>`rgb(from ${e.palette.textDefault} r g b / 10%)`};
+
+  &:before {
+    pointer-events: none;
+    content: '';
+    display: block;
+    position: absolute;
+    left: calc(50% - 10px);
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+
+    ${({arrowUp:e})=>e?c.css`
+            bottom: 100%;
+            border-bottom-color: ${({theme:e})=>e.palette.background4};
+          `:c.css`
+            top: 100%;
+            border-top-color: ${({theme:e})=>e.palette.background4};
+          `}
+  }
+
+  &:after {
+    pointer-events: none;
+    content: '';
+    display: block;
+    position: absolute;
+    left: calc(50% - 9px);
+    width: 0;
+    height: 0;
+    border: 9px solid transparent;
+
+    ${({arrowUp:e})=>e?c.css`
+            bottom: 100%;
+            border-bottom-color: ${({theme:e})=>e.palette.background1};
+          `:c.css`
+            top: 100%;
+            border-top-color: ${({theme:e})=>e.palette.background1};
+          `}
+  }
+`},4810:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(6368),t)},244:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CustomContextMenu=t.CONTEXT_MENU_ANIMATION_DURATION=t.PRIOR_CONTEXT_MENU_CLASS=t.BASE_CONTEXT_MENU=t.ACTIVE_CONTEXT_MENU_CLASS=t.CONTEXT_MENU_FRAME_ID=void 0;const o=n(4848),a=n(2015),i=r(n(2770)),l=n(9005),s=n(68),c=n(6972),u=n(8666),d=n(3247),f=n(8429),p=n(6418);t.CONTEXT_MENU_FRAME_ID="context_menu_frame",t.ACTIVE_CONTEXT_MENU_CLASS="active_context_menu",t.BASE_CONTEXT_MENU="base_context_menu",t.PRIOR_CONTEXT_MENU_CLASS="previous_context_menu",t.CONTEXT_MENU_ANIMATION_DURATION=200,t.CustomContextMenu=({menuTemplate:e,onClick:n,icon:r,onMenuResize:i,onContextMenuReady:p,isWindows:g=!0})=>{var m;const v=(0,a.useRef)(null),[x,y]=(0,a.useState)(!1),[C,_]=(0,a.useState)({width:160,height:160}),[O,w]=(0,a.useState)(0),[j,P]=(0,a.useState)([]),[k,S]=(0,a.useState)(),[M,$]=(0,a.useState)([]),[I,D]=(0,a.useState)(e.map((e=>e.label||""))),[B,E]=(0,a.useState)(-1);(0,a.useEffect)((()=>{D(e.map((e=>e.label||""))),E(I.findIndex((e=>e===k)))}),[e]);const{width:T,height:F}=(0,s.useResizeContextMenu)(k),{handleNavigateToSubmenu:L,handleNavigateBackToParent:z,handleNavigateToBase:H}=(0,u.useContextMenuNavigation)(O,w,M,$,k,S,_,E,j,i);return(0,a.useEffect)((()=>{P((0,c.getMenuNavigationOrder)(e)),S(t.BASE_CONTEXT_MENU),$([]),_({width:T,height:F})}),[e]),(0,d.useContextMenuKeyboardNavigation)(null===(m=j.find((e=>e.parentLabel===k)))||void 0===m?void 0:m.menuTemplate,M,k,B,E,n,L,z,H),(0,a.useEffect)((()=>{v.current&&(x||(p&&p(),y(!0)))}),[v.current]),(0,o.jsx)(h,{id:t.CONTEXT_MENU_FRAME_ID,transitionSpeed:O,isWindows:g,children:j.map((({parentLabel:e,menuTemplate:a})=>(0,o.jsx)("div",{ref:e===k?v:void 0,children:(0,o.jsxs)(b,{className:(0,c.getClassName)(e,k,M),activeMenuWidth:C.width,transitionSpeed:O,id:e,children:[e!==t.BASE_CONTEXT_MENU?(0,o.jsx)(l.CustomContextMenuItem,{type:"submenuHeader",label:e,onBack:()=>z(e,"click"),onClose:H,showShouldHomeButton:M.slice(2).includes(e)||M.length>=2&&k===e,selected:-1===B},`${e}-submenu-header`):r&&(0,o.jsx)(f.RootMenuHeader,{icon:r}),a.map(((t,r)=>(0,o.jsx)(l.CustomContextMenuItem,Object.assign({onClick:e=>{t.hasSubMenu?L(t.label||""):n(e),E(-2)}},t,{selected:B===r}),`${e}-${t.label}-${r}`)))]})},e)))})};const h=i.default.div`
   position: relative;
   min-width: fit-content;
   min-height: fit-content;
@@ -438,7 +501,7 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   justify-content: flex-start;
   border-radius: ${({theme:e})=>e.radius.small};
   background-color: ${({theme:e,selected:t,enabled:n})=>"false"!==n&&t?e.palette.background3:"transparent"};
-`},759:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(244),t)},3247:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useContextMenuKeyboardNavigation=void 0;const r=n(2015),o=n(244);t.useContextMenuKeyboardNavigation=(e,t,n,a,i,l,s,c,u)=>{const d=t=>{var n,r,o;return"separator"===(null===(n=e[t])||void 0===n?void 0:n.type)||!1===(null===(r=e[t])||void 0===r?void 0:r.enabled)||!1===(null===(o=e[t])||void 0===o?void 0:o.visible)},f=(0,r.useCallback)((()=>{i((t=>{let n=t;do{if(n===(null==e?void 0:e.length)-1)break;n+=1}while(d(n));return d(n)?t:n}))}),[i,e]),p=(0,r.useCallback)((()=>{i((e=>{let t=e;do{if(n===o.BASE_CONTEXT_MENU&&0===t||-1===t)break;t-=1}while(d(t));return t}))}),[i,e]),h=(0,r.useCallback)((()=>{i(n===o.BASE_CONTEXT_MENU?0:-1)}),[i,n]),b=(0,r.useCallback)((()=>{i((t=>{for(let n=e.length-1;n>=t;n--)if(!d(n))return n;return t}))}),[null==e?void 0:e.length,i]),g=(0,r.useCallback)((()=>{var t,r;if(null===(t=e[a])||void 0===t?void 0:t.hasSubMenu)s((null===(r=e[a])||void 0===r?void 0:r.label)||"");else{if(-1===a)return void c(n,"keyboard");l(e[a].data)}i(-1)}),[i,l,s,e,a,c,n]),m=(0,r.useCallback)((()=>{var t,n;(null===(t=e[a])||void 0===t?void 0:t.hasSubMenu)&&(s((null===(n=e[a])||void 0===n?void 0:n.label)||""),i(-1))}),[i,s,e,a]),v=(0,r.useCallback)((()=>{(t.slice(1).includes(n)||(null==t?void 0:t.length)>=1)&&c(n,"keyboard")}),[c,t,n]),x=(0,r.useCallback)((()=>{t.slice(2).includes(n)||(null==t?void 0:t.length)>=2?u():l({type:"close"})}),[u,t,n]);(0,r.useEffect)((()=>{const e=e=>{switch(e.key){case"ArrowDown":f();break;case"ArrowUp":p();break;case"Home":case"PageUp":h();break;case"End":case"PageDown":b();break;case"Enter":g();break;case"ArrowRight":m();break;case"ArrowLeft":v();break;case"Escape":x()}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[f,p,h,b,g,m,v,x])}},8666:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useContextMenuNavigation=void 0;const r=n(2015),o=n(244);t.useContextMenuNavigation=(e,t,n,a,i,l,s,c,u,d)=>{const f=(0,r.useCallback)((e=>{const t=document.getElementById(e),n=null==t?void 0:t.getBoundingClientRect();return{height:(null==n?void 0:n.height)||0,width:(null==n?void 0:n.width)||0}}),[]);return{handleNavigateToSubmenu:(0,r.useCallback)((r=>{const{height:c,width:u}=f(r);d&&d(c,u),e||t(o.CONTEXT_MENU_ANIMATION_DURATION),s({width:u,height:c}),l(r),a([...n,i])}),[i,n,a,d,t,f]),handleNavigateBackToParent:(0,r.useCallback)(((e,t="click")=>{if(d){const e=1===n.length?o.BASE_CONTEXT_MENU:n[n.length-1],{height:t,width:r}=f(e);d(t,r)}const r=n,i=r.pop(),s=u.find((e=>e.parentLabel===i));l(i),a(r),c("keyboard"===t?(null==s?void 0:s.menuTemplate.findIndex((t=>t.label===e)))||0:-1)}),[n,a,c,f,d,u]),handleNavigateToBase:(0,r.useCallback)((()=>{if(d){const{height:e,width:t}=f(o.BASE_CONTEXT_MENU);d(e,t)}l(o.BASE_CONTEXT_MENU),a([]),c(-1)}),[l,a,c,f,d])}}},68:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useResizeContextMenu=void 0;const r=n(2015),o=n(244);t.useResizeContextMenu=e=>{const[t,n]=(0,r.useState)({height:160,width:160});return(0,r.useEffect)((()=>{const t=document.getElementById(e),r=document.getElementById(o.CONTEXT_MENU_FRAME_ID);if(!t)return;const a=new ResizeObserver((e=>{for(const t of e){const{width:e,height:o}=t.target.getBoundingClientRect();r&&(r.style.height=`${o}px`,r.style.width=`${e}px`,n({width:e,height:o}))}}));return a.observe(t),()=>{a.unobserve(t)}}),[e]),t}},6972:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getMenuNavigationOrder=t.getClassName=void 0;const r=n(244);t.getClassName=(e,t,n)=>t===e?r.ACTIVE_CONTEXT_MENU_CLASS:n.includes(e)?r.PRIOR_CONTEXT_MENU_CLASS:"",t.getMenuNavigationOrder=e=>{if(!e)return[];const t=[{parentLabel:r.BASE_CONTEXT_MENU,template:e}],n=[];for(;t.length;){const{template:e,parentLabel:r}=t.pop();e.forEach((({submenu:n,label:r},o)=>{n&&(t.push({parentLabel:r||"",template:n}),delete e[o].submenu,e[o].hasSubMenu=!0)})),n.push({parentLabel:r,menuTemplate:e})}return n}},6418:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MenuItemText=t.MenuItemRightIcon=t.MenuItemIconContainer=t.MenuItemInnerContainer=t.MenuItemContainer=t.MenuFrame=void 0;const o=r(n(2770)),a=n(2094),i=n(5917),l=n(5963);t.MenuFrame=(0,o.default)(a.Box)`
+`},759:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(244),t)},3247:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useContextMenuKeyboardNavigation=void 0;const r=n(2015),o=n(244);t.useContextMenuKeyboardNavigation=(e,t,n,a,i,l,s,c,u)=>{const d=t=>{var n,r,o;return"separator"===(null===(n=e[t])||void 0===n?void 0:n.type)||!1===(null===(r=e[t])||void 0===r?void 0:r.enabled)||!1===(null===(o=e[t])||void 0===o?void 0:o.visible)},f=(0,r.useCallback)((()=>{i((t=>{let n=t;do{if(n===(null==e?void 0:e.length)-1)break;n+=1}while(d(n));return d(n)?t:n}))}),[i,e]),p=(0,r.useCallback)((()=>{i((e=>{let t=e;do{if(n===o.BASE_CONTEXT_MENU&&0===t||-1===t)break;t-=1}while(d(t));return t}))}),[i,e]),h=(0,r.useCallback)((()=>{i(n===o.BASE_CONTEXT_MENU?0:-1)}),[i,n]),b=(0,r.useCallback)((()=>{i((t=>{for(let n=e.length-1;n>=t;n--)if(!d(n))return n;return t}))}),[null==e?void 0:e.length,i]),g=(0,r.useCallback)((()=>{var t,r;if(null===(t=e[a])||void 0===t?void 0:t.hasSubMenu)s((null===(r=e[a])||void 0===r?void 0:r.label)||"");else{if(-1===a)return void c(n,"keyboard");l(e[a].data)}i(-1)}),[i,l,s,e,a,c,n]),m=(0,r.useCallback)((()=>{var t,n;(null===(t=e[a])||void 0===t?void 0:t.hasSubMenu)&&(s((null===(n=e[a])||void 0===n?void 0:n.label)||""),i(-1))}),[i,s,e,a]),v=(0,r.useCallback)((()=>{(t.slice(1).includes(n)||(null==t?void 0:t.length)>=1)&&c(n,"keyboard")}),[c,t,n]),x=(0,r.useCallback)((()=>{t.slice(2).includes(n)||(null==t?void 0:t.length)>=2?u():l({type:"close"})}),[u,t,n]);(0,r.useEffect)((()=>{const e=e=>{switch(e.key){case"ArrowDown":f();break;case"ArrowUp":p();break;case"Home":case"PageUp":h();break;case"End":case"PageDown":b();break;case"Enter":g();break;case"ArrowRight":m();break;case"ArrowLeft":v();break;case"Escape":x()}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[f,p,h,b,g,m,v,x])}},8666:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useContextMenuNavigation=void 0;const r=n(2015),o=n(244);t.useContextMenuNavigation=(e,t,n,a,i,l,s,c,u,d)=>{const f=(0,r.useCallback)((e=>{const t=document.getElementById(e),n=null==t?void 0:t.getBoundingClientRect();return{height:(null==n?void 0:n.height)||0,width:(null==n?void 0:n.width)||0}}),[]);return{handleNavigateToSubmenu:(0,r.useCallback)((r=>{const{height:c,width:u}=f(r);d&&d(c,u),e||t(o.CONTEXT_MENU_ANIMATION_DURATION),s({width:u,height:c}),l(r),a([...n,i])}),[i,n,a,d,t,f]),handleNavigateBackToParent:(0,r.useCallback)(((e,t="click")=>{if(d){const e=1===n.length?o.BASE_CONTEXT_MENU:n[n.length-1],{height:t,width:r}=f(e);d(t,r)}const r=n,i=r.pop(),s=u.find((e=>e.parentLabel===i));l(i),a(r),c("keyboard"===t?(null==s?void 0:s.menuTemplate.findIndex((t=>t.label===e)))||0:-1)}),[n,a,c,f,d,u]),handleNavigateToBase:(0,r.useCallback)((()=>{if(d){const{height:e,width:t}=f(o.BASE_CONTEXT_MENU);d(e,t)}l(o.BASE_CONTEXT_MENU),a([]),c(-1)}),[l,a,c,f,d])}}},68:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useResizeContextMenu=void 0;const r=n(2015),o=n(244);t.useResizeContextMenu=e=>{const[t,n]=(0,r.useState)({height:160,width:160});return(0,r.useEffect)((()=>{const t=document.getElementById(e),r=document.getElementById(o.CONTEXT_MENU_FRAME_ID);if(!t)return;const a=new ResizeObserver((e=>{for(const t of e){const{width:e,height:o}=t.target.getBoundingClientRect();r&&(r.style.height=`${o}px`,r.style.width=`${e}px`,n({width:e,height:o}))}}));return a.observe(t),()=>{a.unobserve(t)}}),[e]),t}},6972:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getMenuNavigationOrder=t.getClassName=void 0;const r=n(244);t.getClassName=(e,t,n)=>t===e?r.ACTIVE_CONTEXT_MENU_CLASS:n.includes(e)?r.PRIOR_CONTEXT_MENU_CLASS:"",t.getMenuNavigationOrder=e=>{if(!e)return[];const t=[{parentLabel:r.BASE_CONTEXT_MENU,template:e}],n=[];for(;t.length;){const{template:e,parentLabel:r}=t.pop();e.forEach((({submenu:n,label:r},o)=>{n&&(t.push({parentLabel:r||"",template:n}),delete e[o].submenu,e[o].hasSubMenu=!0)})),n.push({parentLabel:r,menuTemplate:e})}return n}},6418:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MenuItemText=t.MenuItemRightIcon=t.MenuItemIconButton=t.MenuItemIconContainer=t.MenuItemInnerContainer=t.MenuItemContainer=t.MenuFrame=void 0;const o=r(n(2770)),a=n(2094),i=n(5917),l=n(5963);t.MenuFrame=(0,o.default)(a.Box)`
   display: flex;
   flex-direction: column;
   position: absolute;
@@ -461,8 +524,15 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
     background-color: ${({theme:e,enabled:t})=>"false"!==t?e.palette.background3:"transparent"};
   }
 `,t.MenuItemIconContainer=(0,o.default)(a.Box)`
-  margin-left: ${({side:e})=>"right"===e?"auto":0};
-  padding: ${({theme:e,side:t})=>"right"===t?`0 ${e.px.small} 0 0`:`0 0 0 ${e.px.small}`};
+  margin-left: ${({side:e,theme:t})=>"right"===e?"auto":t.px.small};
+  margin-right: ${({side:e,theme:t})=>"right"===e?t.px.small:0};
+`,t.MenuItemIconButton=o.default.button`
+  margin-left: ${({side:e,theme:t})=>"right"===e?"auto":t.px.small};
+  margin-right: ${({side:e,theme:t})=>"right"===e?t.px.small:0};
+
+  border: none;
+  background: none;
+  color: inherit;
 `,t.MenuItemRightIcon=(0,o.default)(i.Icon)`
   margin-left: auto;
 
@@ -1348,7 +1418,7 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   -webkit-app-region: drag;
 `,u=o.css`
   -webkit-app-region: no-drag;
-`;t.Mixins={noSelect:a,textOverflow:i,scrollbar:{[r.Size.base]:l,[r.Size.small]:s},appRegion:{drag:c,noDrag:u}}},5939:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Palette=void 0,t.Palette={background1:"background1",background2:"background2",background3:"background3",background4:"background4",background5:"background5",background6:"background6",brandPrimary:"brandPrimary",brandSecondary:"brandSecondary",brandPrimaryActive:"brandPrimaryActive",brandPrimaryHover:"brandPrimaryHover",brandPrimaryFocused:"brandPrimaryFocused",brandPrimaryText:"brandPrimaryText",brandSecondaryActive:"brandSecondaryActive",brandSecondaryHover:"brandSecondaryHover",brandSecondaryFocused:"brandSecondaryFocused",brandSecondaryText:"brandSecondaryText",inputBackground:"inputBackground",inputColor:"inputColor",inputPlaceholder:"inputPlaceholder",inputDisabled:"inputDisabled",inputFocused:"inputFocused",inputBorder:"inputBorder",statusSuccess:"statusSuccess",statusWarning:"statusWarning",statusCritical:"statusCritical",statusActive:"statusActive",textDefault:"textDefault",textHelp:"textHelp",textInactive:"textInactive",borderNeutral:"borderNeutral",contentBackground1:"contentBackground1",contentBackground2:"contentBackground2",contentBackground3:"contentBackground3",contentBackground4:"contentBackground4",contentBackground5:"contentBackground5",linkDefault:"linkDefault",linkHover:"linkHover"}},5241:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},4322:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4207),t)},4207:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OpenFinDarkTheme=t.OpenFinLightTheme=void 0;const r=n(5939),o=n(2317),a=n(6893),i={[r.Palette.brandPrimary]:o.Color.openFin,[r.Palette.brandPrimaryActive]:o.Color.openFinActive,[r.Palette.brandPrimaryHover]:o.Color.openFinHover,[r.Palette.brandPrimaryFocused]:o.Color.white,[r.Palette.brandPrimaryText]:o.Color.white,[r.Palette.statusSuccess]:o.Color.functional1,[r.Palette.statusWarning]:o.Color.functional10,[r.Palette.statusCritical]:o.Color.functional7,[r.Palette.statusActive]:o.Color.functional3,[r.Palette.borderNeutral]:o.Color.silverGray,[r.Palette.contentBackground1]:o.Color.openFin,[r.Palette.contentBackground2]:"#000000",[r.Palette.contentBackground3]:"#000000",[r.Palette.contentBackground4]:"#000000",[r.Palette.contentBackground5]:"#000000",[r.Palette.linkDefault]:o.Color.functional4,[r.Palette.linkHover]:o.Color.functional5};t.OpenFinLightTheme=(0,a.createTheme)(Object.assign(Object.assign({},i),{[r.Palette.background1]:o.Color.white,[r.Palette.background2]:o.Color.lightGray1,[r.Palette.background3]:o.Color.lightGray2,[r.Palette.background4]:o.Color.lightGray3,[r.Palette.background5]:o.Color.lightGray3,[r.Palette.background6]:o.Color.lightGray5,[r.Palette.brandSecondary]:o.Color.lightGray4,[r.Palette.brandSecondaryActive]:o.Color.lightGray4Active,[r.Palette.brandSecondaryHover]:o.Color.lightGray4Hover,[r.Palette.brandSecondaryFocused]:o.Color.darkGray5,[r.Palette.brandSecondaryText]:o.Color.darkGray5,[r.Palette.inputBackground]:o.Color.lightGray3,[r.Palette.inputColor]:o.Color.darkGray5,[r.Palette.inputPlaceholder]:o.Color.darkGray2,[r.Palette.inputDisabled]:o.Color.neutralGray,[r.Palette.inputFocused]:o.Color.lightGray5,[r.Palette.inputBorder]:o.Color.neutralGray,[r.Palette.textDefault]:o.Color.darkGray5,[r.Palette.textHelp]:o.Color.neutralGray,[r.Palette.textInactive]:o.Color.neutralGray})),t.OpenFinDarkTheme=(0,a.createTheme)(Object.assign(Object.assign({},i),{[r.Palette.background1]:o.Color.darkGray6,[r.Palette.background2]:o.Color.darkGray5,[r.Palette.background3]:o.Color.darkGray4,[r.Palette.background4]:o.Color.darkGray3,[r.Palette.background5]:o.Color.darkGray2,[r.Palette.background6]:o.Color.darkGray1,[r.Palette.brandSecondary]:o.Color.darkGray2,[r.Palette.brandSecondaryActive]:o.Color.darkGray2Active,[r.Palette.brandSecondaryHover]:o.Color.darkGray2Hover,[r.Palette.brandSecondaryFocused]:o.Color.white,[r.Palette.brandSecondaryText]:o.Color.white,[r.Palette.inputBackground]:o.Color.darkGray1,[r.Palette.inputColor]:o.Color.white,[r.Palette.inputPlaceholder]:o.Color.lightGray5,[r.Palette.inputDisabled]:o.Color.neutralGray,[r.Palette.inputFocused]:o.Color.lightGray5,[r.Palette.inputBorder]:o.Color.neutralGray,[r.Palette.textDefault]:o.Color.white,[r.Palette.textHelp]:o.Color.lightGray5,[r.Palette.textInactive]:o.Color.neutralGray}))},2268:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ThemeProvider=void 0;const r=n(4848),o=n(2015),a=n(2770),i=n(2762),l=n(5007),s=n(4901),c=n(3092);t.ThemeProvider=({children:e,themes:t,scheme:n=i.ColorScheme.system,fonts:u=c.Fonts})=>{const d=(0,l.useTheme)({themes:t,scheme:n}),f=(0,o.useMemo)((()=>(0,r.jsx)(s.GlobalFonts,{fonts:u})),[u]);return(0,r.jsxs)(r.Fragment,{children:[f,(0,r.jsx)(a.ThemeProvider,{theme:d,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.GlobalStyles,{}),e]})})]})}},8543:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4901),t),o(n(5014),t),o(n(532),t)},357:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContactStatusIcon=void 0;const o=n(4848),a=r(n(2770)),i=n(5823),l={available:(0,o.jsx)(i.CheckSVG,{}),away:(0,o.jsx)(i.BusySVG,{}),"do-not-disturb":(0,o.jsx)(i.DoNotDisturbSVG,{}),offline:(0,o.jsx)(i.OfflineSVG,{}),busy:null};t.ContactStatusIcon=({onlineStatus:e})=>e?(0,o.jsx)(s,{onlineStatus:e,children:l[e]||null}):null;const s=a.default.div`
+`;t.Mixins={noSelect:a,textOverflow:i,scrollbar:{[r.Size.base]:l,[r.Size.small]:s},appRegion:{drag:c,noDrag:u}}},5939:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Palette=void 0,t.Palette={background1:"background1",background2:"background2",background3:"background3",background4:"background4",background5:"background5",background6:"background6",brandPrimary:"brandPrimary",brandSecondary:"brandSecondary",brandPrimaryActive:"brandPrimaryActive",brandPrimaryHover:"brandPrimaryHover",brandPrimaryFocused:"brandPrimaryFocused",brandPrimaryText:"brandPrimaryText",brandSecondaryActive:"brandSecondaryActive",brandSecondaryHover:"brandSecondaryHover",brandSecondaryFocused:"brandSecondaryFocused",brandSecondaryText:"brandSecondaryText",inputBackground:"inputBackground",inputColor:"inputColor",inputPlaceholder:"inputPlaceholder",inputDisabled:"inputDisabled",inputFocused:"inputFocused",inputBorder:"inputBorder",statusSuccess:"statusSuccess",statusWarning:"statusWarning",statusCritical:"statusCritical",statusActive:"statusActive",textDefault:"textDefault",textHelp:"textHelp",textInactive:"textInactive",borderNeutral:"borderNeutral",contentBackground1:"contentBackground1",contentBackground2:"contentBackground2",contentBackground3:"contentBackground3",contentBackground4:"contentBackground4",contentBackground5:"contentBackground5",linkDefault:"linkDefault",linkHover:"linkHover"}},5241:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},4322:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4207),t)},4207:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OpenFinDarkTheme=t.OpenFinLightTheme=void 0;const r=n(5939),o=n(2317),a=n(6893),i={[r.Palette.brandPrimary]:o.Color.openFin,[r.Palette.brandPrimaryActive]:o.Color.openFinActive,[r.Palette.brandPrimaryHover]:o.Color.openFinHover,[r.Palette.brandPrimaryFocused]:o.Color.white,[r.Palette.brandPrimaryText]:o.Color.white,[r.Palette.statusSuccess]:o.Color.functional1,[r.Palette.statusWarning]:o.Color.functional10,[r.Palette.statusCritical]:o.Color.functional7,[r.Palette.statusActive]:o.Color.functional3,[r.Palette.borderNeutral]:o.Color.silverGray,[r.Palette.contentBackground1]:o.Color.openFin,[r.Palette.contentBackground2]:"#000000",[r.Palette.contentBackground3]:"#000000",[r.Palette.contentBackground4]:"#000000",[r.Palette.contentBackground5]:"#000000",[r.Palette.linkDefault]:o.Color.functional4,[r.Palette.linkHover]:o.Color.functional5};t.OpenFinLightTheme=(0,a.createTheme)(Object.assign(Object.assign({},i),{[r.Palette.background1]:o.Color.white,[r.Palette.background2]:o.Color.lightGray1,[r.Palette.background3]:o.Color.lightGray2,[r.Palette.background4]:o.Color.lightGray3,[r.Palette.background5]:o.Color.lightGray3,[r.Palette.background6]:o.Color.lightGray5,[r.Palette.brandSecondary]:o.Color.lightGray4,[r.Palette.brandSecondaryActive]:o.Color.lightGray4Active,[r.Palette.brandSecondaryHover]:o.Color.lightGray4Hover,[r.Palette.brandSecondaryFocused]:o.Color.darkGray5,[r.Palette.brandSecondaryText]:o.Color.darkGray5,[r.Palette.inputBackground]:o.Color.lightGray3,[r.Palette.inputColor]:o.Color.darkGray5,[r.Palette.inputPlaceholder]:o.Color.darkGray2,[r.Palette.inputDisabled]:o.Color.neutralGray,[r.Palette.inputFocused]:o.Color.lightGray5,[r.Palette.inputBorder]:o.Color.neutralGray,[r.Palette.textDefault]:o.Color.darkGray5,[r.Palette.textHelp]:o.Color.neutralGray,[r.Palette.textInactive]:o.Color.neutralGray})),t.OpenFinDarkTheme=(0,a.createTheme)(Object.assign(Object.assign({},i),{[r.Palette.background1]:o.Color.darkGray6,[r.Palette.background2]:o.Color.darkGray5,[r.Palette.background3]:o.Color.darkGray4,[r.Palette.background4]:o.Color.darkGray3,[r.Palette.background5]:o.Color.darkGray2,[r.Palette.background6]:o.Color.darkGray1,[r.Palette.brandSecondary]:o.Color.darkGray2,[r.Palette.brandSecondaryActive]:o.Color.darkGray2Active,[r.Palette.brandSecondaryHover]:o.Color.darkGray2Hover,[r.Palette.brandSecondaryFocused]:o.Color.white,[r.Palette.brandSecondaryText]:o.Color.white,[r.Palette.inputBackground]:o.Color.darkGray1,[r.Palette.inputColor]:o.Color.white,[r.Palette.inputPlaceholder]:o.Color.lightGray5,[r.Palette.inputDisabled]:o.Color.neutralGray,[r.Palette.inputFocused]:o.Color.lightGray5,[r.Palette.inputBorder]:o.Color.neutralGray,[r.Palette.textDefault]:o.Color.white,[r.Palette.textHelp]:o.Color.lightGray5,[r.Palette.textInactive]:o.Color.neutralGray}))},2268:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ThemeProvider=void 0;const r=n(4848),o=n(2015),a=n(2770),i=n(2762),l=n(5007),s=n(4901),c=n(3092);t.ThemeProvider=({children:e,themes:t,scheme:n=i.ColorScheme.system,fonts:u=c.Fonts})=>{const d=(0,l.useTheme)({themes:t,scheme:n}),f=(0,o.useMemo)((()=>(0,r.jsx)(s.GlobalFonts,{fonts:u})),[u]);return(0,r.jsxs)(r.Fragment,{children:[f,(0,r.jsx)(a.ThemeProvider,{theme:d,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.GlobalStyles,{}),e]})})]})}},8543:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(4901),t),o(n(5014),t),o(n(532),t)},357:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContactStatusIcon=void 0;const o=n(4848),a=r(n(2770)),i=n(8204),l={available:(0,o.jsx)(i.CheckSVG,{}),away:(0,o.jsx)(i.BusySVG,{}),"do-not-disturb":(0,o.jsx)(i.DoNotDisturbSVG,{}),offline:(0,o.jsx)(i.OfflineSVG,{}),busy:null};t.ContactStatusIcon=({onlineStatus:e})=>e?(0,o.jsx)(s,{onlineStatus:e,children:l[e]||null}):null;const s=a.default.div`
   border: 1.6px solid ${({theme:e})=>e.palette.background1};
 
   background: ${({onlineStatus:e})=>"busy"===e?"#C21313":"white"};
@@ -1366,7 +1436,7 @@ var e={1193:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(1601),o=n.n(r),a=n(6
   right: -7.02%;
   top: 77.12%;
   bottom: -4.24%;
-`},5823:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OfflineSVG=t.DoNotDisturbSVG=t.BusySVG=t.CheckSVG=void 0;const r=n(4848);t.CheckSVG=()=>(0,r.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0C8.73438 0 9.4401 0.0963542 10.1172 0.289063C10.7943 0.481771 11.4297 0.752604 12.0234 1.10156C12.6172 1.45052 13.1563 1.86979 13.6406 2.35938C14.1302 2.84375 14.5495 3.38281 14.8984 3.97656C15.2474 4.57031 15.5182 5.20573 15.7109 5.88281C15.9036 6.5599 16 7.26563 16 8C16 8.72917 15.9036 9.4349 15.7109 10.1172C15.5182 10.7943 15.2474 11.4297 14.8984 12.0234C14.5495 12.6172 14.1302 13.1589 13.6406 13.6484C13.1563 14.1328 12.6172 14.5495 12.0234 14.8984C11.4297 15.2474 10.7917 15.5182 10.1094 15.7109C9.43229 15.9036 8.72917 16 8 16C7.27083 16 6.5651 15.9036 5.88281 15.7109C5.20573 15.5182 4.57031 15.2474 3.97656 14.8984C3.38281 14.5495 2.84115 14.1328 2.35156 13.6484C1.86719 13.1589 1.45052 12.6172 1.10156 12.0234C0.752604 11.4297 0.481771 10.7943 0.289063 10.1172C0.0963542 9.4349 0 8.72917 0 8C0 7.27083 0.0963542 6.56771 0.289063 5.89063C0.481771 5.20833 0.752604 4.57031 1.10156 3.97656C1.45052 3.38281 1.86719 2.84375 2.35156 2.35938C2.84115 1.86979 3.38281 1.45052 3.97656 1.10156C4.57031 0.752604 5.20573 0.481771 5.88281 0.289063C6.5651 0.0963542 7.27083 0 8 0ZM10.6328 5.6875C10.4245 5.6875 10.2474 5.76042 10.1016 5.90625L7.27344 8.75L6.26563 7.75C6.11979 7.60417 5.94531 7.53125 5.74219 7.53125C5.64323 7.53125 5.54948 7.55208 5.46094 7.59375C5.3724 7.63542 5.29167 7.69271 5.21875 7.76563C5.15104 7.83333 5.09635 7.91146 5.05469 8C5.01302 8.08854 4.99219 8.18229 4.99219 8.28125C4.99219 8.48958 5.0651 8.66667 5.21094 8.8125L6.74219 10.3438C6.88802 10.4896 7.0651 10.5625 7.27344 10.5625C7.48177 10.5625 7.65885 10.4896 7.80469 10.3438L11.1641 6.96875C11.3099 6.82292 11.3828 6.64583 11.3828 6.4375C11.3828 6.33854 11.362 6.24479 11.3203 6.15625C11.2786 6.06771 11.2214 5.98958 11.1484 5.92188C11.0807 5.84896 11.0026 5.79167 10.9141 5.75C10.8255 5.70833 10.7318 5.6875 10.6328 5.6875Z",fill:"#207735"})}),t.BusySVG=()=>(0,r.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0.790237C8.73438 0.790237 9.4401 0.886592 10.1172 1.0793C10.7943 1.27201 11.4297 1.54284 12.0234 1.8918C12.6172 2.24076 13.1563 2.66003 13.6406 3.14961C14.1302 3.63399 14.5495 4.17305 14.8984 4.7668C15.2474 5.36055 15.5182 5.99597 15.7109 6.67305C15.9036 7.35013 16 8.05586 16 8.79024C16 9.5194 15.9036 10.2251 15.7109 10.9074C15.5182 11.5845 15.2474 12.2199 14.8984 12.8137C14.5495 13.4074 14.1302 13.9491 13.6406 14.4387C13.1563 14.9231 12.6172 15.3397 12.0234 15.6887C11.4297 16.0376 10.7917 16.3085 10.1094 16.5012C9.43229 16.6939 8.72917 16.7902 8 16.7902C7.27083 16.7902 6.5651 16.6939 5.88281 16.5012C5.20573 16.3085 4.57031 16.0376 3.97656 15.6887C3.38281 15.3397 2.84115 14.9231 2.35156 14.4387C1.86719 13.9491 1.45052 13.4074 1.10156 12.8137C0.752604 12.2199 0.481771 11.5845 0.289063 10.9074C0.0963542 10.2251 0 9.5194 0 8.79024C0 8.06107 0.0963542 7.35795 0.289063 6.68086C0.481771 5.99857 0.752604 5.36055 1.10156 4.7668C1.45052 4.17305 1.86719 3.63399 2.35156 3.14961C2.84115 2.66003 3.38281 2.24076 3.97656 1.8918C4.57031 1.54284 5.20573 1.27201 5.88281 1.0793C6.5651 0.886592 7.27083 0.790237 8 0.790237ZM7.32031 4.04805C7.21094 4.04805 7.10677 4.07149 7.00781 4.11836C6.91406 4.16003 6.82813 4.21992 6.75 4.29805C6.67708 4.37097 6.61719 4.4569 6.57031 4.55586C6.52865 4.64961 6.50781 4.75117 6.50781 4.86055V9.19649C6.50781 9.30586 6.52865 9.41263 6.57031 9.5168C6.61198 9.62097 6.67188 9.71211 6.75 9.79024L9.1875 12.2121C9.34896 12.3736 9.54167 12.4543 9.76563 12.4543C9.875 12.4543 9.97917 12.4335 10.0781 12.3918C10.1771 12.3449 10.263 12.285 10.3359 12.2121C10.4089 12.134 10.4661 12.0454 10.5078 11.9465C10.5547 11.8475 10.5781 11.7434 10.5781 11.634C10.5781 11.5298 10.5547 11.4283 10.5078 11.3293C10.4661 11.2251 10.4089 11.1366 10.3359 11.0637L8.13281 8.87618V4.86055C8.13281 4.75117 8.10938 4.64701 8.0625 4.54805C8.02083 4.44909 7.96354 4.36315 7.89063 4.29024C7.81771 4.21732 7.73177 4.16003 7.63281 4.11836C7.53385 4.07149 7.42969 4.04805 7.32031 4.04805Z",fill:"#FE9F4D"})}),t.DoNotDisturbSVG=()=>(0,r.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0.590256C8.73438 0.590256 9.4401 0.68661 10.1172 0.879318C10.7943 1.07203 11.4297 1.34286 12.0234 1.69182C12.6172 2.04078 13.1562 2.46005 13.6406 2.94963C14.1302 3.43401 14.5495 3.97307 14.8984 4.56682C15.2474 5.16057 15.5182 5.79598 15.7109 6.47307C15.9036 7.15015 16 7.85588 16 8.59026C16 9.31942 15.9036 10.0252 15.7109 10.7074C15.5182 11.3845 15.2474 12.0199 14.8984 12.6137C14.5495 13.2074 14.1302 13.7491 13.6406 14.2387C13.1562 14.7231 12.6172 15.1397 12.0234 15.4887C11.4297 15.8377 10.7917 16.1085 10.1094 16.3012C9.43229 16.4939 8.72917 16.5903 8 16.5903C7.27083 16.5903 6.5651 16.4939 5.88281 16.3012C5.20573 16.1085 4.57031 15.8377 3.97656 15.4887C3.38281 15.1397 2.84115 14.7231 2.35156 14.2387C1.86719 13.7491 1.45052 13.2074 1.10156 12.6137C0.752604 12.0199 0.481771 11.3845 0.289062 10.7074C0.0963542 10.0252 0 9.31942 0 8.59026C0 7.86109 0.0963542 7.15796 0.289062 6.48088C0.481771 5.79859 0.752604 5.16057 1.10156 4.56682C1.45052 3.97307 1.86719 3.43401 2.35156 2.94963C2.84115 2.46005 3.38281 2.04078 3.97656 1.69182C4.57031 1.34286 5.20573 1.07203 5.88281 0.879318C6.5651 0.68661 7.27083 0.590256 8 0.590256ZM5.47656 7.74651C5.36719 7.74651 5.26042 7.76994 5.15625 7.81682C5.05729 7.86369 4.96875 7.92619 4.89062 8.00432C4.8125 8.08244 4.75 8.17359 4.70312 8.27776C4.65625 8.37671 4.63281 8.48088 4.63281 8.59026C4.63281 8.69963 4.65625 8.8064 4.70312 8.91057C4.75 9.00953 4.8125 9.09807 4.89062 9.17619C4.96875 9.25432 5.05729 9.31682 5.15625 9.36369C5.26042 9.41057 5.36719 9.43401 5.47656 9.43401H10.5234C10.6328 9.43401 10.737 9.41057 10.8359 9.36369C10.9401 9.31682 11.0312 9.25432 11.1094 9.17619C11.1875 9.09807 11.25 9.00953 11.2969 8.91057C11.3438 8.8064 11.3672 8.69963 11.3672 8.59026C11.3672 8.48088 11.3438 8.37671 11.2969 8.27776C11.25 8.17359 11.1875 8.08244 11.1094 8.00432C11.0312 7.92619 10.9401 7.86369 10.8359 7.81682C10.737 7.76994 10.6328 7.74651 10.5234 7.74651H5.47656Z",fill:"#C21313"})}),t.OfflineSVG=()=>(0,r.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0.990252C8.73438 0.990252 9.4401 1.08661 10.1172 1.27931C10.7943 1.47202 11.4297 1.74286 12.0234 2.09181C12.6172 2.44077 13.1562 2.86004 13.6406 3.34963C14.1302 3.834 14.5495 4.37306 14.8984 4.96681C15.2474 5.56056 15.5182 6.19598 15.7109 6.87306C15.9036 7.55015 16 8.25588 16 8.99025C16 9.71942 15.9036 10.4251 15.7109 11.1074C15.5182 11.7845 15.2474 12.4199 14.8984 13.0137C14.5495 13.6074 14.1302 14.1491 13.6406 14.6387C13.1562 15.1231 12.6172 15.5397 12.0234 15.8887C11.4297 16.2376 10.7917 16.5085 10.1094 16.7012C9.43229 16.8939 8.72917 16.9903 8 16.9903C7.27083 16.9903 6.5651 16.8939 5.88281 16.7012C5.20573 16.5085 4.57031 16.2376 3.97656 15.8887C3.38281 15.5397 2.84115 15.1231 2.35156 14.6387C1.86719 14.1491 1.45052 13.6074 1.10156 13.0137C0.752604 12.4199 0.481771 11.7845 0.289062 11.1074C0.0963542 10.4251 0 9.71942 0 8.99025C0 8.26109 0.0963542 7.55796 0.289062 6.88088C0.481771 6.19859 0.752604 5.56056 1.10156 4.96681C1.45052 4.37306 1.86719 3.834 2.35156 3.34963C2.84115 2.86004 3.38281 2.44077 3.97656 2.09181C4.57031 1.74286 5.20573 1.47202 5.88281 1.27931C6.5651 1.08661 7.27083 0.990252 8 0.990252ZM8 2.67775C7.42188 2.67775 6.86458 2.75327 6.32812 2.90431C5.79167 3.05536 5.28906 3.2689 4.82031 3.54494C4.35156 3.82098 3.92448 4.15171 3.53906 4.53713C3.15885 4.91734 2.83073 5.34181 2.55469 5.81056C2.27865 6.27931 2.0651 6.78192 1.91406 7.31838C1.76302 7.85484 1.6875 8.41213 1.6875 8.99025C1.6875 9.56838 1.76302 10.1257 1.91406 10.6621C2.0651 11.1986 2.27865 11.7012 2.55469 12.1699C2.83073 12.6387 3.15885 13.0658 3.53906 13.4512C3.92448 13.8314 4.35156 14.1595 4.82031 14.4356C5.28906 14.7116 5.79167 14.9251 6.32812 15.0762C6.86458 15.2272 7.42188 15.3028 8 15.3028C8.57812 15.3028 9.13542 15.2272 9.67188 15.0762C10.2083 14.9251 10.7109 14.7116 11.1797 14.4356C11.6484 14.1595 12.0729 13.8314 12.4531 13.4512C12.8385 13.0658 13.1693 12.6387 13.4453 12.1699C13.7214 11.7012 13.9349 11.1986 14.0859 10.6621C14.237 10.1257 14.3125 9.56838 14.3125 8.99025C14.3125 8.41213 14.237 7.85484 14.0859 7.31838C13.9349 6.78192 13.7214 6.27931 13.4453 5.81056C13.1693 5.34181 12.8385 4.91734 12.4531 4.53713C12.0729 4.15171 11.6484 3.82098 11.1797 3.54494C10.7109 3.2689 10.2083 3.05536 9.67188 2.90431C9.13542 2.75327 8.57812 2.67775 8 2.67775Z",fill:"#979797"})})},818:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),i=0;i<n.length;i++)"default"!==n[i]&&o(t,e,n[i]);return a(t,e),t}),l=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContactCard=void 0;const c=n(4848),u=i(n(2015)),d=s(n(2770)),f=n(9916),p=n(904),h=n(357),b=n(9543);t.ContactCard=e=>{var{name:t,title:n,photoUrl:r,useInitials:o=!1,details:a,onlineStatus:i}=e,s=l(e,["name","title","photoUrl","useInitials","details","onlineStatus"]);const d=r||o,f=(0,u.useMemo)((()=>(0,p.getInitials)(t)),[t]),k=(0,u.useMemo)((()=>(0,b.generateColorFromString)(t)),[t]),S=(0,u.createRef)();return(0,u.useEffect)((()=>{var e;null===(e=S.current)||void 0===e||e.scrollTo(0,0)})),(0,c.jsxs)(g,Object.assign({},s,{children:[(0,c.jsxs)(m,{children:[d&&(0,c.jsxs)(v,{iconColor:k,children:[r?(0,c.jsx)(y,{alt:n,src:r}):(0,c.jsx)(x,{children:f}),(0,c.jsx)(h.ContactStatusIcon,{onlineStatus:i})]}),(0,c.jsxs)(C,{children:[(0,c.jsxs)(_,{children:[" ",t," "]}),n&&(0,c.jsxs)(O,{children:[" ",n," "]})]})]}),(0,c.jsx)(j,{}),(0,c.jsx)(w,{ref:S,children:(null==a?void 0:a.length)>0?a.map(((e,n)=>(0,c.jsxs)(u.default.Fragment,{children:[(0,c.jsx)(P,{definitions:e}),n<a.length-1&&(0,c.jsx)(j,{padding:!0})]},`${t}-details-${n}`))):(0,c.jsx)("p",{children:"No information available."})})]}))};const g=d.default.div`
+`},8204:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OfflineSVG=t.DoNotDisturbSVG=t.BusySVG=t.CheckSVG=void 0;const r=n(4848);t.CheckSVG=()=>(0,r.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0C8.73438 0 9.4401 0.0963542 10.1172 0.289063C10.7943 0.481771 11.4297 0.752604 12.0234 1.10156C12.6172 1.45052 13.1563 1.86979 13.6406 2.35938C14.1302 2.84375 14.5495 3.38281 14.8984 3.97656C15.2474 4.57031 15.5182 5.20573 15.7109 5.88281C15.9036 6.5599 16 7.26563 16 8C16 8.72917 15.9036 9.4349 15.7109 10.1172C15.5182 10.7943 15.2474 11.4297 14.8984 12.0234C14.5495 12.6172 14.1302 13.1589 13.6406 13.6484C13.1563 14.1328 12.6172 14.5495 12.0234 14.8984C11.4297 15.2474 10.7917 15.5182 10.1094 15.7109C9.43229 15.9036 8.72917 16 8 16C7.27083 16 6.5651 15.9036 5.88281 15.7109C5.20573 15.5182 4.57031 15.2474 3.97656 14.8984C3.38281 14.5495 2.84115 14.1328 2.35156 13.6484C1.86719 13.1589 1.45052 12.6172 1.10156 12.0234C0.752604 11.4297 0.481771 10.7943 0.289063 10.1172C0.0963542 9.4349 0 8.72917 0 8C0 7.27083 0.0963542 6.56771 0.289063 5.89063C0.481771 5.20833 0.752604 4.57031 1.10156 3.97656C1.45052 3.38281 1.86719 2.84375 2.35156 2.35938C2.84115 1.86979 3.38281 1.45052 3.97656 1.10156C4.57031 0.752604 5.20573 0.481771 5.88281 0.289063C6.5651 0.0963542 7.27083 0 8 0ZM10.6328 5.6875C10.4245 5.6875 10.2474 5.76042 10.1016 5.90625L7.27344 8.75L6.26563 7.75C6.11979 7.60417 5.94531 7.53125 5.74219 7.53125C5.64323 7.53125 5.54948 7.55208 5.46094 7.59375C5.3724 7.63542 5.29167 7.69271 5.21875 7.76563C5.15104 7.83333 5.09635 7.91146 5.05469 8C5.01302 8.08854 4.99219 8.18229 4.99219 8.28125C4.99219 8.48958 5.0651 8.66667 5.21094 8.8125L6.74219 10.3438C6.88802 10.4896 7.0651 10.5625 7.27344 10.5625C7.48177 10.5625 7.65885 10.4896 7.80469 10.3438L11.1641 6.96875C11.3099 6.82292 11.3828 6.64583 11.3828 6.4375C11.3828 6.33854 11.362 6.24479 11.3203 6.15625C11.2786 6.06771 11.2214 5.98958 11.1484 5.92188C11.0807 5.84896 11.0026 5.79167 10.9141 5.75C10.8255 5.70833 10.7318 5.6875 10.6328 5.6875Z",fill:"#207735"})}),t.BusySVG=()=>(0,r.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0.790237C8.73438 0.790237 9.4401 0.886592 10.1172 1.0793C10.7943 1.27201 11.4297 1.54284 12.0234 1.8918C12.6172 2.24076 13.1563 2.66003 13.6406 3.14961C14.1302 3.63399 14.5495 4.17305 14.8984 4.7668C15.2474 5.36055 15.5182 5.99597 15.7109 6.67305C15.9036 7.35013 16 8.05586 16 8.79024C16 9.5194 15.9036 10.2251 15.7109 10.9074C15.5182 11.5845 15.2474 12.2199 14.8984 12.8137C14.5495 13.4074 14.1302 13.9491 13.6406 14.4387C13.1563 14.9231 12.6172 15.3397 12.0234 15.6887C11.4297 16.0376 10.7917 16.3085 10.1094 16.5012C9.43229 16.6939 8.72917 16.7902 8 16.7902C7.27083 16.7902 6.5651 16.6939 5.88281 16.5012C5.20573 16.3085 4.57031 16.0376 3.97656 15.6887C3.38281 15.3397 2.84115 14.9231 2.35156 14.4387C1.86719 13.9491 1.45052 13.4074 1.10156 12.8137C0.752604 12.2199 0.481771 11.5845 0.289063 10.9074C0.0963542 10.2251 0 9.5194 0 8.79024C0 8.06107 0.0963542 7.35795 0.289063 6.68086C0.481771 5.99857 0.752604 5.36055 1.10156 4.7668C1.45052 4.17305 1.86719 3.63399 2.35156 3.14961C2.84115 2.66003 3.38281 2.24076 3.97656 1.8918C4.57031 1.54284 5.20573 1.27201 5.88281 1.0793C6.5651 0.886592 7.27083 0.790237 8 0.790237ZM7.32031 4.04805C7.21094 4.04805 7.10677 4.07149 7.00781 4.11836C6.91406 4.16003 6.82813 4.21992 6.75 4.29805C6.67708 4.37097 6.61719 4.4569 6.57031 4.55586C6.52865 4.64961 6.50781 4.75117 6.50781 4.86055V9.19649C6.50781 9.30586 6.52865 9.41263 6.57031 9.5168C6.61198 9.62097 6.67188 9.71211 6.75 9.79024L9.1875 12.2121C9.34896 12.3736 9.54167 12.4543 9.76563 12.4543C9.875 12.4543 9.97917 12.4335 10.0781 12.3918C10.1771 12.3449 10.263 12.285 10.3359 12.2121C10.4089 12.134 10.4661 12.0454 10.5078 11.9465C10.5547 11.8475 10.5781 11.7434 10.5781 11.634C10.5781 11.5298 10.5547 11.4283 10.5078 11.3293C10.4661 11.2251 10.4089 11.1366 10.3359 11.0637L8.13281 8.87618V4.86055C8.13281 4.75117 8.10938 4.64701 8.0625 4.54805C8.02083 4.44909 7.96354 4.36315 7.89063 4.29024C7.81771 4.21732 7.73177 4.16003 7.63281 4.11836C7.53385 4.07149 7.42969 4.04805 7.32031 4.04805Z",fill:"#FE9F4D"})}),t.DoNotDisturbSVG=()=>(0,r.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0.590256C8.73438 0.590256 9.4401 0.68661 10.1172 0.879318C10.7943 1.07203 11.4297 1.34286 12.0234 1.69182C12.6172 2.04078 13.1562 2.46005 13.6406 2.94963C14.1302 3.43401 14.5495 3.97307 14.8984 4.56682C15.2474 5.16057 15.5182 5.79598 15.7109 6.47307C15.9036 7.15015 16 7.85588 16 8.59026C16 9.31942 15.9036 10.0252 15.7109 10.7074C15.5182 11.3845 15.2474 12.0199 14.8984 12.6137C14.5495 13.2074 14.1302 13.7491 13.6406 14.2387C13.1562 14.7231 12.6172 15.1397 12.0234 15.4887C11.4297 15.8377 10.7917 16.1085 10.1094 16.3012C9.43229 16.4939 8.72917 16.5903 8 16.5903C7.27083 16.5903 6.5651 16.4939 5.88281 16.3012C5.20573 16.1085 4.57031 15.8377 3.97656 15.4887C3.38281 15.1397 2.84115 14.7231 2.35156 14.2387C1.86719 13.7491 1.45052 13.2074 1.10156 12.6137C0.752604 12.0199 0.481771 11.3845 0.289062 10.7074C0.0963542 10.0252 0 9.31942 0 8.59026C0 7.86109 0.0963542 7.15796 0.289062 6.48088C0.481771 5.79859 0.752604 5.16057 1.10156 4.56682C1.45052 3.97307 1.86719 3.43401 2.35156 2.94963C2.84115 2.46005 3.38281 2.04078 3.97656 1.69182C4.57031 1.34286 5.20573 1.07203 5.88281 0.879318C6.5651 0.68661 7.27083 0.590256 8 0.590256ZM5.47656 7.74651C5.36719 7.74651 5.26042 7.76994 5.15625 7.81682C5.05729 7.86369 4.96875 7.92619 4.89062 8.00432C4.8125 8.08244 4.75 8.17359 4.70312 8.27776C4.65625 8.37671 4.63281 8.48088 4.63281 8.59026C4.63281 8.69963 4.65625 8.8064 4.70312 8.91057C4.75 9.00953 4.8125 9.09807 4.89062 9.17619C4.96875 9.25432 5.05729 9.31682 5.15625 9.36369C5.26042 9.41057 5.36719 9.43401 5.47656 9.43401H10.5234C10.6328 9.43401 10.737 9.41057 10.8359 9.36369C10.9401 9.31682 11.0312 9.25432 11.1094 9.17619C11.1875 9.09807 11.25 9.00953 11.2969 8.91057C11.3438 8.8064 11.3672 8.69963 11.3672 8.59026C11.3672 8.48088 11.3438 8.37671 11.2969 8.27776C11.25 8.17359 11.1875 8.08244 11.1094 8.00432C11.0312 7.92619 10.9401 7.86369 10.8359 7.81682C10.737 7.76994 10.6328 7.74651 10.5234 7.74651H5.47656Z",fill:"#C21313"})}),t.OfflineSVG=()=>(0,r.jsx)("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8 0.990252C8.73438 0.990252 9.4401 1.08661 10.1172 1.27931C10.7943 1.47202 11.4297 1.74286 12.0234 2.09181C12.6172 2.44077 13.1562 2.86004 13.6406 3.34963C14.1302 3.834 14.5495 4.37306 14.8984 4.96681C15.2474 5.56056 15.5182 6.19598 15.7109 6.87306C15.9036 7.55015 16 8.25588 16 8.99025C16 9.71942 15.9036 10.4251 15.7109 11.1074C15.5182 11.7845 15.2474 12.4199 14.8984 13.0137C14.5495 13.6074 14.1302 14.1491 13.6406 14.6387C13.1562 15.1231 12.6172 15.5397 12.0234 15.8887C11.4297 16.2376 10.7917 16.5085 10.1094 16.7012C9.43229 16.8939 8.72917 16.9903 8 16.9903C7.27083 16.9903 6.5651 16.8939 5.88281 16.7012C5.20573 16.5085 4.57031 16.2376 3.97656 15.8887C3.38281 15.5397 2.84115 15.1231 2.35156 14.6387C1.86719 14.1491 1.45052 13.6074 1.10156 13.0137C0.752604 12.4199 0.481771 11.7845 0.289062 11.1074C0.0963542 10.4251 0 9.71942 0 8.99025C0 8.26109 0.0963542 7.55796 0.289062 6.88088C0.481771 6.19859 0.752604 5.56056 1.10156 4.96681C1.45052 4.37306 1.86719 3.834 2.35156 3.34963C2.84115 2.86004 3.38281 2.44077 3.97656 2.09181C4.57031 1.74286 5.20573 1.47202 5.88281 1.27931C6.5651 1.08661 7.27083 0.990252 8 0.990252ZM8 2.67775C7.42188 2.67775 6.86458 2.75327 6.32812 2.90431C5.79167 3.05536 5.28906 3.2689 4.82031 3.54494C4.35156 3.82098 3.92448 4.15171 3.53906 4.53713C3.15885 4.91734 2.83073 5.34181 2.55469 5.81056C2.27865 6.27931 2.0651 6.78192 1.91406 7.31838C1.76302 7.85484 1.6875 8.41213 1.6875 8.99025C1.6875 9.56838 1.76302 10.1257 1.91406 10.6621C2.0651 11.1986 2.27865 11.7012 2.55469 12.1699C2.83073 12.6387 3.15885 13.0658 3.53906 13.4512C3.92448 13.8314 4.35156 14.1595 4.82031 14.4356C5.28906 14.7116 5.79167 14.9251 6.32812 15.0762C6.86458 15.2272 7.42188 15.3028 8 15.3028C8.57812 15.3028 9.13542 15.2272 9.67188 15.0762C10.2083 14.9251 10.7109 14.7116 11.1797 14.4356C11.6484 14.1595 12.0729 13.8314 12.4531 13.4512C12.8385 13.0658 13.1693 12.6387 13.4453 12.1699C13.7214 11.7012 13.9349 11.1986 14.0859 10.6621C14.237 10.1257 14.3125 9.56838 14.3125 8.99025C14.3125 8.41213 14.237 7.85484 14.0859 7.31838C13.9349 6.78192 13.7214 6.27931 13.4453 5.81056C13.1693 5.34181 12.8385 4.91734 12.4531 4.53713C12.0729 4.15171 11.6484 3.82098 11.1797 3.54494C10.7109 3.2689 10.2083 3.05536 9.67188 2.90431C9.13542 2.75327 8.57812 2.67775 8 2.67775Z",fill:"#979797"})})},818:function(e,t,n){var r,o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||(r=function(e){return r=Object.getOwnPropertyNames||function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[t.length]=n);return t},r(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n=r(e),i=0;i<n.length;i++)"default"!==n[i]&&o(t,e,n[i]);return a(t,e),t}),l=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContactCard=void 0;const c=n(4848),u=i(n(2015)),d=s(n(2770)),f=n(9916),p=n(904),h=n(357),b=n(9543);t.ContactCard=e=>{var{name:t,title:n,photoUrl:r,useInitials:o=!1,details:a,onlineStatus:i}=e,s=l(e,["name","title","photoUrl","useInitials","details","onlineStatus"]);const d=r||o,f=(0,u.useMemo)((()=>(0,p.getInitials)(t)),[t]),k=(0,u.useMemo)((()=>(0,b.generateColorFromString)(t)),[t]),S=(0,u.createRef)();return(0,u.useEffect)((()=>{var e;null===(e=S.current)||void 0===e||e.scrollTo(0,0)})),(0,c.jsxs)(g,Object.assign({},s,{children:[(0,c.jsxs)(m,{children:[d&&(0,c.jsxs)(v,{iconColor:k,children:[r?(0,c.jsx)(y,{alt:n,src:r}):(0,c.jsx)(x,{children:f}),(0,c.jsx)(h.ContactStatusIcon,{onlineStatus:i})]}),(0,c.jsxs)(C,{children:[(0,c.jsxs)(_,{children:[" ",t," "]}),n&&(0,c.jsxs)(O,{children:[" ",n," "]})]})]}),(0,c.jsx)(j,{}),(0,c.jsx)(w,{ref:S,children:(null==a?void 0:a.length)>0?a.map(((e,n)=>(0,c.jsxs)(u.default.Fragment,{children:[(0,c.jsx)(P,{definitions:e}),n<a.length-1&&(0,c.jsx)(j,{padding:!0})]},`${t}-details-${n}`))):(0,c.jsx)("p",{children:"No information available."})})]}))};const g=d.default.div`
   display: flex;
   flex-direction: column;
   height: 100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openfin/ui-library",
   "description": "OpenFin UI Component Library",
-  "version": "0.30.10",
+  "version": "0.30.11-alpha.1750869671",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {