@openfin/ui-library 0.30.11 → 0.30.12-alpha.1751036514

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,13 +1,15 @@
-import React, { Dispatch, 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.NamedExoticComponent<React.PropsWithChildren<ContentMenuColumnProps>>;
+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,7 @@ 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.
      */

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),c=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,d]=(0,a.useState)([]),[f,p]=(0,a.useState)(),h=(0,a.useRef)(null),[b,g]=(0,a.useState)({}),m=(0,a.useCallback)((()=>{h.current&&h.current.scrollTo({left:h.current.scrollWidth,behavior:"smooth"})}),[]),v=(0,a.useCallback)(((e,t)=>{g(e&&t?{label:e,element:t}:{})}),[]);return(0,a.useEffect)((()=>{if(l){const n=(0,t.findPathToItemWithId)({id:"",children:e},[],l);if(n)return d(n),void p(`content-menu-item-${l}`)}p(void 0)}),[l]),(0,a.useEffect)((()=>{m()}),[s]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.default,{label:b.label,element:b.element}),(0,o.jsx)(u,{id:"content-menu",ref:h,onScroll:()=>v(),children:(0,o.jsx)(i.ContentMenuColumn,{entries:e,depth:0,path:s,targetItemId:f,setCurrentlySelectedPath:d,handleClickItem:n,handleBookmarkItem:r,toggleTooltip:v})})]})};const u=(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,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.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContentMenuColumn=void 0;const s=n(4848),c=l(n(2770)),u=n(6418),d=i(n(2015)),f=n(8307);t.ContentMenuColumn=d.default.memo((function e({entries:t,depth:n,path:r,targetItemId:o,setCurrentlySelectedPath:a,handleClickItem:i,handleBookmarkItem:l,toggleTooltip:c}){const u=(0,d.useRef)(null),b=r[n],g=b?t.find((e=>e.id===b)):void 0;(0,d.useEffect)((()=>{if(o&&g){const e=document.getElementById(`content-menu-item-${g.id}`);if(e&&u.current){const t=e.getBoundingClientRect().top-u.current.children[0].getBoundingClientRect().top;u.current.scrollTo({top:t,behavior:"smooth"})}}}),[o]);const m=(0,d.useCallback)((e=>{a((t=>e?(t[n]=e,t.slice(0,n+1)):t.slice(0,n)))}),[]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p,{ref:u,children:t.length>0?(0,s.jsx)("div",{children:t.map((e=>(0,s.jsx)(f.ContentMenuItem,{entry:e,active:"folder"===e.type&&e.id===b,handleClick:(e,t)=>{"folder"===e.type?m(e.id):i(e,t)},handleBookmark:l,toggleTooltip:c},e.id)))}):(0,s.jsx)(h,{children:"No content available."})}),g&&"folder"===g.type&&(0,s.jsx)(e,{entries:g.children,depth:n+1,path:r,targetItemId:o,setCurrentlySelectedPath:a,handleClickItem:i,handleBookmarkItem:l,toggleTooltip:c})]})}));const p=(0,c.default)(u.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};
@@ -265,7 +265,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
 
   border-right: 1px solid ${({theme:e})=>e.palette.background5};
   background-color: transparent;
-`,h=c.default.div`
+`,d=a.default.div`
   height: 100%;
 
   display: flex;
@@ -273,9 +273,9 @@ 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(2015),f=n(5699),p=n(2094);t.ContentMenuItem=({entry:e,active:n,handleClick:r,handleBookmark:o,toggleTooltip:a})=>{var i;const{label:s,type:p}=e,m=(0,d.useRef)(null),v=(0,d.useCallback)((()=>{"item"===e.type&&"desktop"===e.itemData.appType&&a("Launch Desktop App",m.current)}),[e]);return(0,l.jsxs)(t.ContentMenuItemContainer,{id:`content-menu-item-${e.id}`,onClick:t=>r(e,t),onMouseEnter:v,onMouseLeave:()=>a(),active:n,ref:m,children:["item"===p&&(0,l.jsx)(f.IconWithFallback,{iconUrl:e.icon}),(0,l.jsx)(h,{size:"base",weight:"normal",children:s}),(0,l.jsxs)(b,{children:[(0,l.jsx)(g,{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===(i=e.itemData)||void 0===i?void 0:i.appType)&&(0,l.jsx)(c.MenuItemRightIcon,{icon:"ArrowTopRightIcon"}),"folder"===p&&(0,l.jsx)(c.MenuItemRightIcon,{icon:"ChevronRightIcon","data-testid":`content-menu-item-${e.id}-chevron-icon`})]})]})};const h=(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};
-`,b=(0,s.default)(p.Box)`
+`,m=(0,c.default)(b.Box)`
   margin-left: auto;
   justify-self: end;
   gap: ${({theme:e})=>e.px.small};
@@ -285,26 +285,35 @@ 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
     height: ${({theme:e})=>e.px.large};
     width: ${({theme:e})=>e.px.large};
   }
-`,g=(0,s.default)(p.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};
 
-    ${g} {
-      display: block;
+    ${v} {
+      opacity: 1;
     }
 
-    ${g} + ${c.MenuItemIconContainer} {
+    ${v} + ${u.MenuItemIconContainer} {
       margin-left: unset;
     }
   }
@@ -492,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;
@@ -515,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;
 
@@ -1140,31 +1156,31 @@ 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
     appearance: none;
     margin: 0;
   }
-`},3982: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(8373),t)},8373: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.RadioGroup=void 0;const l=n(4848),s=i(n(2015)),c=i(n(2770)),u=n(2094),d=n(5963),f=n(5311),p=n(3679);t.RadioGroup=({direction:e="column",label:t,disabled:n,labelSide:r="right",gap:o="small",message:a,helperText:i,name:c,children:u,validationErrorMessage:d,onChange:y,value:C})=>{const[_,O]=s.useState(C),w=e=>{O(e.target.value),y&&y(e)};return s.useEffect((()=>{O(C)}),[C]),(0,l.jsxs)(b,{children:[(0,l.jsxs)(h,{children:[(0,l.jsx)(x,{weight:"bold",children:t}),i&&(0,l.jsx)(g,{children:i})]}),(0,l.jsx)(m,{direction:e,labelSide:r,gap:o,children:s.Children.map(u,(e=>{const t=e;return t.type===f.RadioInput?s.cloneElement(t,{name:c,labelSide:r,disabled:n,onChange:w,checked:t.props.value===_}):t}))}),!_&&d&&(0,l.jsx)(p.ValidationError,{children:d}),a?(0,l.jsx)(v,{disabled:n,children:a}):null]})};const h=(0,c.default)(u.Box)`
+`},3982: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(8373),t)},8373: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.RadioGroup=void 0;const s=n(4848),c=i(n(2015)),u=i(n(2770)),d=n(2094),f=n(5963),p=n(5311),h=n(3679);t.RadioGroup=e=>{var t,n,r,{direction:o="column",label:a,disabled:i,labelSide:u="right",gap:d="small",message:f,helperText:C,name:_,children:O,validationErrorMessage:w,onChange:j,value:P}=e,k=l(e,["direction","label","disabled","labelSide","gap","message","helperText","name","children","validationErrorMessage","onChange","value"]);const[S,M]=c.useState(P),$=e=>{M(e.target.value),j&&j(e)};return c.useEffect((()=>{M(P)}),[P]),(0,s.jsxs)(g,{children:[(0,s.jsxs)(b,{children:[(0,s.jsx)(y,{weight:"bold",id:`${_}-label`,children:a}),C&&(0,s.jsx)(m,{id:`${_}-desc`,children:C})]}),(0,s.jsx)(v,{direction:o,labelSide:u,gap:d,role:"radiogroup","aria-label":null!==(t=k["aria-label"])&&void 0!==t?t:a,"aria-labelledby":(null!==(n=k["aria-labelledby"])&&void 0!==n?n:!k["aria-label"])?`${_}-label`:void 0,"aria-describedby":null!==(r=k["aria-describedby"])&&void 0!==r?r:`${_}-desc`,children:c.Children.map(O,(e=>{const t=e;return t.type===p.RadioInput?c.cloneElement(t,{name:_,labelSide:u,disabled:i,onChange:$,checked:t.props.value===S}):t}))}),!S&&w&&(0,s.jsx)(h.ValidationError,{children:w}),f?(0,s.jsx)(x,{disabled:i,children:f}):null]})};const b=(0,u.default)(d.Box)`
   display: flex;
   flex-direction: column;
   margin-bottom: ${({theme:e})=>e.px.small};
-`,b=(0,c.default)(u.Box)`
+`,g=(0,u.default)(d.Box)`
   display: flex;
   flex-direction: column;
-`,g=(0,c.default)(d.Text)`
+`,m=(0,u.default)(f.Text)`
   size: ${({theme:e})=>e.fontSize.base};
   color: ${({theme:e})=>e.palette.textHelp};
-`,m=(0,c.default)(u.Box)`
+`,v=(0,u.default)(d.Box)`
   display: flex;
   flex-direction: ${e=>e.direction};
   align-items: ${e=>{switch(e.labelSide){case"left":return"end";case"right":return"start";default:return"center"}}};
   width: fit-content;
-`,v=(0,c.default)(d.Text)`
+`,x=(0,u.default)(f.Text)`
   color: ${({theme:e})=>e.palette.inputPlaceholder};
   margin-top: ${({theme:e})=>e.px.base};
 
-  ${({disabled:e})=>e&&c.css`
+  ${({disabled:e})=>e&&u.css`
       color: ${({theme:e})=>e.palette.inputDisabled};
     `}
-`,x=(0,c.default)(d.Text)`
+`,y=(0,u.default)(f.Text)`
   text-transform: capitalize;
-`},6942: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(5311),t)},5311: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.RadioInput=void 0;const s=n(4848),c=n(5963),u=i(n(2015)),d=i(n(2770)),f=n(2094),p=n(5917);t.RadioInput=u.forwardRef(((e,t)=>{var{disabled:n,id:r,label:o,labelSide:a,icon:i}=e,c=l(e,["disabled","id","label","labelSide","icon"]);return(0,s.jsx)(h,{children:(0,s.jsxs)(m,{as:"label",htmlFor:r,labelSide:a,disabled:n,children:[(0,s.jsx)(g,Object.assign({ref:t,type:"radio",disabled:n},c)),(0,s.jsx)(b,{}),!!i&&(0,s.jsx)(p.Icon,{icon:i}),o||""]})})})),t.RadioInput.displayName="RadioInput";const h=(0,d.default)(f.Box)`
+`},6942: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(5311),t)},5311: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.RadioInput=void 0;const s=n(4848),c=n(5963),u=i(n(2015)),d=i(n(2770)),f=n(2094),p=n(5917);t.RadioInput=u.forwardRef(((e,t)=>{var n,r,{disabled:o,id:a,label:i,labelSide:c,icon:u}=e,d=l(e,["disabled","id","label","labelSide","icon"]);return(0,s.jsx)(h,{children:(0,s.jsxs)(m,{as:"label",htmlFor:a,labelSide:c,disabled:o,children:[(0,s.jsx)(g,Object.assign({ref:t,type:"radio",disabled:o,"aria-label":null!==(r=null!==(n=d["aria-label"])&&void 0!==n?n:i)&&void 0!==r?r:`${d.value}`},d)),(0,s.jsx)(b,{}),!!u&&(0,s.jsx)(p.Icon,{icon:u}),i||""]})})})),t.RadioInput.displayName="RadioInput";const h=(0,d.default)(f.Box)`
   display: flex;
   flex-direction: column;
 `,b=d.default.div`

package/package.json

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