@stenajs-webui/panels 17.13.0 → 17.13.3

package/dist/index.es.js

@@ -1,1106 +1,981 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("._navBar_1qp30_1{--swui-navbar-background-color: var(--lhds-color-blue-500);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_1x4z8_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-blue-500);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-blue-700 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_1x4z8_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_1x4z8_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_1x4z8_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_1x4z8_1 ._icon_1x4z8_55{color:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_1xy53_1{--swui-nav-bar-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-button-background-color-active: var(--lhds-color-blue-800);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_1xy53_1._selected_1xy53_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_1wchp_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_1wchp_1._hasCount_1wchp_60{width:56px}._navBarNotificationButton_1wchp_1._unread_1wchp_64{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_1wchp_1._unread_1wchp_64._hasCount_1wchp_60 ._icon_1wchp_79{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_4knxd_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_4knxd_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_4knxd_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-600);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_4knxd_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1gxfr_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1gxfr_1._initials_1gxfr_33{width:32px}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:\"\";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_hch18_1{--swui-sidebar-menu-separator-color: var(--lhds-color-blue-700);--swui-sidebar-menu-text-color: var(--swui-white);--swui-sidebar-menu-icon-color: var(--swui-white);--swui-sidebar-menu-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-background-color-hover: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-focus: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-active: var(--lhds-color-blue-600);--swui-sidebar-menu-item-selected: var(--lhds-color-blue-800);--swui-sidebar-menu-content-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) 0;--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-item-selected: var(--swui-sidebar-menu-item-selected);--current-content-padding: var(--swui-sidebar-menu-content-padding);background-color:var(--current-background-color);height:100vh}._sidebarMenu_hch18_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_hch18_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._sidebarMenuCloseButton_1j21u_1{--swui-sidebar-menu-close-button-text-color: var(--lhds-color-ui-50);--swui-sidebar-menu-close-button-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-close-button-background-color-hover: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-focus: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-active: var( --lhds-color-blue-500 );--current-background-color: var( --swui-sidebar-menu-close-button-background-color );display:flex;align-items:center;justify-content:flex-start;line-height:10px;background-color:var(--current-background-color);color:var(--swui-sidebar-menu-close-button-text-color);cursor:pointer;height:var(--swui-sidebar-menu-item-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuCloseButton_1j21u_1:hover{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-hover )}._sidebarMenuCloseButton_1j21u_1:focus{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-focus )}._sidebarMenuCloseButton_1j21u_1:active{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-active )}._sidebarMenuCloseButton_1j21u_1 ._iconWrapper_1j21u_55{justify-content:center;align-items:center;width:var(--swui-sidebar-menu-item-height);height:var(--swui-sidebar-menu-item-height)}._sidebarMenuCloseButton_1j21u_1 ._icon_1j21u_55{color:var(--swui-sidebar-menu-close-button-text-color)}._label_mnp0f_1{font-size:var(--current-text-size, var(--swui-font-size-medium));line-height:var(--current-line-height, var(--swui-line-height-medium));font-weight:var(--swui-button-font-weight);font-family:var(--swui-font-buttons);color:var(--current-text-color)}._icon_mnp0f_9{color:var(--current-text-color);font-size:1.6rem}._spinner_mnp0f_14{color:var(--current-text-color)}._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18{width:var(--swui-sidebar-menu-item-height);margin-right:0}._button_mnp0f_23{border:0;padding:0;background:var(--current-background-color)}[data-collapsed] [aria-expanded=true] ._button_mnp0f_23,._button_mnp0f_23:hover{background:var(--current-background-color-hover)}._button_mnp0f_23:focus{outline:none}._button_mnp0f_23:focus-visible{background:var(--current-background-color-active)}._button_mnp0f_23:active{background:var(--current-background-color-active)}._button_mnp0f_23._selected_mnp0f_45{background:var(--current-item-selected)}._sidebarMenuHeading_kvpq5_1{--swui-sidebar-menu-heading-text-color: var(--lhds-color-ui-300);text-transform:uppercase}._sidebarMenuCollapsible_1jwhs_1{--swui-collapsible-header-text-color: var(--current-text-color);--swui-collapsible-header-background-color: var(--current-background-color);--swui-collapsible-header-background-color-hover: var( --current-background-color-hover );--swui-collapsible-header-background-color-active: var( --current-background-color-active );--swui-collapsible-header-indicator-color: var(--current-text-color);--swui-collapsible-header-indicator-color-collapsed: var( --current-text-color );--swui-collapsible-header-indicator-color-hover: var(--current-text-color);--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 0;--swui-collapsible-header-content-margin: 0;--swui-collapsible-collapsible-link-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4);--swui-collapsible-header-border-color: transparent;--swui-collapsible-min-height: var(--swui-sidebar-menu-item-height)}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { ActionMenu, ActionMenuContext, stenaAngleDown, PrimaryButton, SecondaryButton, FlatButton, stenaBell, Icon, stenaSearch, stenaUser, Banner, Spinner, ButtonContent } from "@stenajs-webui/elements";
-import * as React from "react";
-import { useRef, useMemo, forwardRef, useState } from "react";
-import { useBoolean, Column, Box, Row, Indent, Heading, Clickable, Text, Space, SeparatorLine, exhaustSwitchCaseElseThrow } from "@stenajs-webui/core";
-import { Popover } from "@stenajs-webui/tooltip";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Checkbox, TextInput } from "@stenajs-webui/forms";
-import cx from "classnames";
-import { cssColor } from "@stenajs-webui/theme";
-import { formatDistance } from "date-fns";
-import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
-import { faChevronUp } from "@fortawesome/free-solid-svg-icons/faChevronUp";
-import { CSSTransition } from "react-transition-group";
-import { faInbox } from "@fortawesome/free-solid-svg-icons/faInbox";
-const ActionMenuButton = ({
-  renderItems,
-  placement = "bottom",
-  buttonComponent: Button,
-  rightIcon = stenaAngleDown,
-  portalTarget = "parent",
-  zIndex,
-  menuWidth,
-  menuTop,
-  onClick,
-  disableArrow = false,
-  ...buttonProps
+(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1qp30_1{--swui-navbar-background-color: var(--lhds-color-blue-500);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_1x4z8_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-blue-500);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-blue-700 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_1x4z8_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_1x4z8_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_1x4z8_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_1x4z8_1 ._icon_1x4z8_55{color:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_1xy53_1{--swui-nav-bar-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-button-background-color-active: var(--lhds-color-blue-800);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_1xy53_1._selected_1xy53_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_1wchp_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_1wchp_1._hasCount_1wchp_60{width:56px}._navBarNotificationButton_1wchp_1._unread_1wchp_64{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_1wchp_1._unread_1wchp_64._hasCount_1wchp_60 ._icon_1wchp_79{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_4knxd_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_4knxd_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_4knxd_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-600);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_4knxd_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1gxfr_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-active: var( --lhds-color-blue-800 );--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1gxfr_1._initials_1gxfr_33{width:32px}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_hch18_1{--swui-sidebar-menu-separator-color: var(--lhds-color-blue-700);--swui-sidebar-menu-text-color: var(--swui-white);--swui-sidebar-menu-icon-color: var(--swui-white);--swui-sidebar-menu-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-background-color-hover: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-focus: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-active: var(--lhds-color-blue-600);--swui-sidebar-menu-item-selected: var(--lhds-color-blue-800);--swui-sidebar-menu-content-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) 0;--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-item-selected: var(--swui-sidebar-menu-item-selected);--current-content-padding: var(--swui-sidebar-menu-content-padding);background-color:var(--current-background-color);height:100vh}._sidebarMenu_hch18_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_hch18_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._sidebarMenuCloseButton_1j21u_1{--swui-sidebar-menu-close-button-text-color: var(--lhds-color-ui-50);--swui-sidebar-menu-close-button-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-close-button-background-color-hover: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-focus: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-active: var( --lhds-color-blue-500 );--current-background-color: var( --swui-sidebar-menu-close-button-background-color );display:flex;align-items:center;justify-content:flex-start;line-height:10px;background-color:var(--current-background-color);color:var(--swui-sidebar-menu-close-button-text-color);cursor:pointer;height:var(--swui-sidebar-menu-item-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuCloseButton_1j21u_1:hover{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-hover )}._sidebarMenuCloseButton_1j21u_1:focus{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-focus )}._sidebarMenuCloseButton_1j21u_1:active{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-active )}._sidebarMenuCloseButton_1j21u_1 ._iconWrapper_1j21u_55{justify-content:center;align-items:center;width:var(--swui-sidebar-menu-item-height);height:var(--swui-sidebar-menu-item-height)}._sidebarMenuCloseButton_1j21u_1 ._icon_1j21u_55{color:var(--swui-sidebar-menu-close-button-text-color)}._label_mnp0f_1{font-size:var(--current-text-size, var(--swui-font-size-medium));line-height:var(--current-line-height, var(--swui-line-height-medium));font-weight:var(--swui-button-font-weight);font-family:var(--swui-font-buttons);color:var(--current-text-color)}._icon_mnp0f_9{color:var(--current-text-color);font-size:1.6rem}._spinner_mnp0f_14{color:var(--current-text-color)}._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18{width:var(--swui-sidebar-menu-item-height);margin-right:0}._button_mnp0f_23{border:0;padding:0;background:var(--current-background-color)}[data-collapsed] [aria-expanded=true] ._button_mnp0f_23,._button_mnp0f_23:hover{background:var(--current-background-color-hover)}._button_mnp0f_23:focus{outline:none}._button_mnp0f_23:focus-visible{background:var(--current-background-color-active)}._button_mnp0f_23:active{background:var(--current-background-color-active)}._button_mnp0f_23._selected_mnp0f_45{background:var(--current-item-selected)}._sidebarMenuHeading_kvpq5_1{--swui-sidebar-menu-heading-text-color: var(--lhds-color-ui-300);text-transform:uppercase}._sidebarMenuCollapsible_1jwhs_1{--swui-collapsible-header-text-color: var(--current-text-color);--swui-collapsible-header-background-color: var(--current-background-color);--swui-collapsible-header-background-color-hover: var( --current-background-color-hover );--swui-collapsible-header-background-color-active: var( --current-background-color-active );--swui-collapsible-header-indicator-color: var(--current-text-color);--swui-collapsible-header-indicator-color-collapsed: var( --current-text-color );--swui-collapsible-header-indicator-color-hover: var(--current-text-color);--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 0;--swui-collapsible-header-content-margin: 0;--swui-collapsible-collapsible-link-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4);--swui-collapsible-header-border-color: transparent;--swui-collapsible-min-height: var(--swui-sidebar-menu-item-height)}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { ActionMenu as ne, ActionMenuContext as he, stenaAngleDown as te, PrimaryButton as pe, SecondaryButton as me, FlatButton as D, stenaBell as fe, Icon as R, stenaSearch as ge, stenaUser as be, Banner as ve, Spinner as _e, ButtonContent as Ce } from "@stenajs-webui/elements";
+import * as L from "react";
+import { useRef as Be, useMemo as oe, forwardRef as xe, useState as we } from "react";
+import { useBoolean as U, Column as $, Box as d, Row as p, Indent as b, Heading as Z, Clickable as P, Text as C, Space as w, SeparatorLine as re, exhaustSwitchCaseElseThrow as ae } from "@stenajs-webui/core";
+import { Popover as O } from "@stenajs-webui/tooltip";
+import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import { Checkbox as ie, TextInput as Ne } from "@stenajs-webui/forms";
+import h from "classnames";
+import { cssColor as M } from "@stenajs-webui/theme";
+import { formatDistance as ye } from "date-fns";
+import { faChevronDown as ke } from "@fortawesome/free-solid-svg-icons";
+import { faChevronUp as Me } from "@fortawesome/free-solid-svg-icons/faChevronUp";
+import { CSSTransition as Se } from "react-transition-group";
+import { faInbox as Le } from "@fortawesome/free-solid-svg-icons/faInbox";
+const q = ({
+  renderItems: n,
+  placement: o = "bottom",
+  buttonComponent: t,
+  rightIcon: r = te,
+  portalTarget: a = "parent",
+  zIndex: s,
+  menuWidth: c,
+  menuTop: u,
+  onClick: f,
+  disableArrow: v = !1,
+  ..._
 }) => {
-  const [isOpen, open, close, toggle] = useBoolean(false);
-  const buttonRef = useRef(null);
-  const focusManager = {
+  const [B, x, g, I] = U(!1), N = Be(null), E = {
     name: "focusManager",
-    defaultValue: true,
+    defaultValue: !0,
     fn({
-      popper
+      popper: H
     }) {
-      let restoreFocus = false;
-      const closeOnEscape = (event) => {
-        if (event.key === "Escape") {
-          restoreFocus = true;
-          close();
-        }
-        if (event.key === "Enter" || event.key === " ") {
-          restoreFocus = true;
-        }
+      let j = !1;
+      const K = (S) => {
+        S.key === "Escape" && (j = !0, g()), (S.key === "Enter" || S.key === " ") && (j = !0);
       };
       return {
         onCreate() {
-          popper.addEventListener("keydown", closeOnEscape);
+          H.addEventListener("keydown", K);
         },
         onDestroy() {
-          popper.removeEventListener("keydown", closeOnEscape);
+          H.removeEventListener("keydown", K);
         },
         onMount() {
-          var _a;
-          restoreFocus = false;
-          (_a = popper.querySelector("button:not([disabled]), a[href]")) == null ? void 0 : _a.focus();
+          var S;
+          j = !1, (S = H.querySelector("button:not([disabled]), a[href]")) == null || S.focus();
         },
         onHide() {
-          if (buttonRef.current && restoreFocus) {
-            buttonRef.current.focus();
-          }
+          N.current && j && N.current.focus();
         }
       };
     }
+  }, y = oe(() => ({
+    open: x,
+    close: g
+  }), [x, g]), F = (H) => {
+    f == null || f(H), I();
   };
-  const contextValue = useMemo(() => ({
-    open,
-    close
-  }), [open, close]);
-  const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
-    toggle();
-  };
-  return /* @__PURE__ */ jsx(Popover, {
-    disablePadding: true,
-    visible: isOpen,
-    onClickOutside: close,
-    placement,
-    content: isOpen && /* @__PURE__ */ jsx(ActionMenu, {
+  return /* @__PURE__ */ e(O, {
+    disablePadding: !0,
+    visible: B,
+    onClickOutside: g,
+    placement: o,
+    content: B && /* @__PURE__ */ e(ne, {
       variant: "outlined",
-      width: menuWidth,
-      top: menuTop,
-      trapFocus: true,
-      children: /* @__PURE__ */ jsx(ActionMenuContext.Provider, {
-        value: contextValue,
-        children: renderItems(close)
+      width: c,
+      top: u,
+      trapFocus: !0,
+      children: /* @__PURE__ */ e(he.Provider, {
+        value: y,
+        children: n(g)
       })
     }),
-    arrow: false,
-    appendTo: portalTarget,
-    zIndex,
-    plugins: [focusManager],
-    lazy: true,
-    children: /* @__PURE__ */ jsx(Button, {
-      rightIcon: disableArrow ? void 0 : rightIcon,
-      ...buttonProps,
-      ref: buttonRef,
-      onClick: handleClick
+    arrow: !1,
+    appendTo: a,
+    zIndex: s,
+    plugins: [E],
+    lazy: !0,
+    children: /* @__PURE__ */ e(t, {
+      rightIcon: v ? void 0 : r,
+      ..._,
+      ref: N,
+      onClick: F
     })
   });
-};
-const ActionMenuPrimaryButton = (props) => {
-  return /* @__PURE__ */ jsx(ActionMenuButton, {
-    buttonComponent: PrimaryButton,
-    ...props
-  });
-};
-const ActionMenuSecondaryButton = (props) => {
-  return /* @__PURE__ */ jsx(ActionMenuButton, {
-    buttonComponent: SecondaryButton,
-    ...props
-  });
-};
-const ActionMenuFlatButton = (props) => {
-  return /* @__PURE__ */ jsx(ActionMenuButton, {
-    buttonComponent: FlatButton,
-    ...props
-  });
-};
-const border = `1px solid var(--lhds-color-ui-300)`;
-const CheckboxMenu = ({
-  renderMenu,
-  ...checkboxProps
+}, Vn = (n) => /* @__PURE__ */ e(q, {
+  buttonComponent: pe,
+  ...n
+}), Gn = (n) => /* @__PURE__ */ e(q, {
+  buttonComponent: me,
+  ...n
+}), Ie = (n) => /* @__PURE__ */ e(q, {
+  buttonComponent: D,
+  ...n
+}), Ee = "1px solid var(--lhds-color-ui-300)", Jn = ({
+  renderMenu: n,
+  ...o
 }) => {
-  const [isOpen, open, close] = useBoolean(false);
-  return /* @__PURE__ */ jsx(Popover, {
-    onClickOutside: close,
-    arrow: false,
-    visible: isOpen,
-    disablePadding: true,
-    content: renderMenu ? /* @__PURE__ */ jsx(Column, {
-      children: /* @__PURE__ */ jsx(ActionMenu, {
-        children: renderMenu(close)
+  const [t, r, a] = U(!1);
+  return /* @__PURE__ */ e(O, {
+    onClickOutside: a,
+    arrow: !1,
+    visible: t,
+    disablePadding: !0,
+    content: n ? /* @__PURE__ */ e($, {
+      children: /* @__PURE__ */ e(ne, {
+        children: n(a)
       })
     }) : void 0,
     placement: "bottom-start",
     variant: "outlined",
-    children: /* @__PURE__ */ jsx(Box, {
+    children: /* @__PURE__ */ e(d, {
       display: "inline-block",
-      children: /* @__PURE__ */ jsxs(Row, {
+      children: /* @__PURE__ */ i(p, {
         spacing: 0.5,
-        indent: true,
+        indent: !0,
         alignItems: "center",
-        border,
+        border: Ee,
         borderRadius: "4px",
-        children: [/* @__PURE__ */ jsx(Checkbox, {
-          ...checkboxProps
-        }), /* @__PURE__ */ jsx(Indent, {
+        children: [/* @__PURE__ */ e(ie, {
+          ...o
+        }), /* @__PURE__ */ e(b, {
           num: 0.5
-        }), /* @__PURE__ */ jsx(FlatButton, {
+        }), /* @__PURE__ */ e(D, {
           size: "small",
-          onClick: open,
-          leftIcon: stenaAngleDown
+          onClick: r,
+          leftIcon: te
         })]
       })
     })
   });
-};
-const navBar = "_navBar_1qp30_1";
-var styles$a = {
-  navBar
-};
-const sidebarMenuButton = "_sidebarMenuButton_1x4z8_1";
-const icon$3 = "_icon_1x4z8_55";
-var styles$9 = {
-  sidebarMenuButton,
-  icon: icon$3
-};
-const SvgBars = (props) => /* @__PURE__ */ React.createElement("svg", {
+}, Fe = "_navBar_1qp30_1", He = {
+  navBar: Fe
+}, Ae = "_sidebarMenuButton_1x4z8_1", Re = "_icon_1x4z8_55", Q = {
+  sidebarMenuButton: Ae,
+  icon: Re
+}, $e = (n) => /* @__PURE__ */ L.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: 16,
   height: 16,
   viewBox: "0 0 24 24",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
+  ...n
+}, /* @__PURE__ */ L.createElement("path", {
   fill: "#FFF",
   fillRule: "evenodd",
   d: "M22,5 L2,5 C2.11992373,5 2,4.85076158 2,5 L2,3 C2,3.14923842 2.11992373,3 2,3 L22,3 C21.8800763,3 22,3.14923842 22,3 L22,5 C22,4.85076158 21.8800763,5 22,5 Z M22,13 L2,13 C2.11992373,13 2,12.8507616 2,13 L2,11 C2,11.1492384 2.11992373,11 2,11 L22,11 C21.8800763,11 22,11.1492384 22,11 L22,13 C22,12.8507616 21.8800763,13 22,13 Z M22,21 L2,21 C2.11992373,21 2,20.8507616 2,21 L2,19 C2,19.1492384 2.11992373,19 2,19 L22,19 C21.8800763,19 22,19.1492384 22,19 L22,21 C22,20.8507616 21.8800763,21 22,21 Z"
-}));
-const NavBarSideMenuButton = ({
-  className,
-  onClick
-}) => {
-  return /* @__PURE__ */ jsx("button", {
-    onClick,
-    className: cx(styles$9.sidebarMenuButton, className),
-    children: /* @__PURE__ */ jsx(SvgBars, {
-      className: styles$9.icon
-    })
-  });
-};
-const variantToHeight = {
+})), se = ({
+  className: n,
+  onClick: o
+}) => /* @__PURE__ */ e("button", {
+  onClick: o,
+  className: h(Q.sidebarMenuButton, n),
+  children: /* @__PURE__ */ e($e, {
+    className: Q.icon
+  })
+}), je = {
   compact: 40,
   standard: 48,
   relaxed: 64
-};
-const getNavbarHeight = (variant) => variantToHeight[variant] + "px";
-const NavBar = ({
-  left,
-  className,
-  showMenuButton = false,
-  menuButtonVisibility = "visible",
-  children,
-  right,
-  center,
-  variant = "standard",
-  onClickMenuButton
+}, ce = (n) => je[n] + "px", Kn = ({
+  left: n,
+  className: o,
+  showMenuButton: t = !1,
+  menuButtonVisibility: r = "visible",
+  children: a,
+  right: s,
+  center: c,
+  variant: u = "standard",
+  onClickMenuButton: f
 }) => {
-  const currentFlex = center ? 1 : void 0;
-  const height = getNavbarHeight(variant);
-  return /* @__PURE__ */ jsxs(Row, {
-    height,
-    minHeight: height,
+  const v = c ? 1 : void 0, _ = ce(u);
+  return /* @__PURE__ */ i(p, {
+    height: _,
+    minHeight: _,
     justifyContent: "space-between",
     style: {
-      ["--swui-nav-bar-height"]: height
+      ["--swui-nav-bar-height"]: _
     },
-    className: cx(styles$a.navBar, className),
-    children: [/* @__PURE__ */ jsxs(Row, {
-      flex: currentFlex,
+    className: h(He.navBar, o),
+    children: [/* @__PURE__ */ i(p, {
+      flex: v,
       justifyContent: "flex-start",
       alignItems: "center",
-      children: [showMenuButton ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [menuButtonVisibility === "hidden" ? /* @__PURE__ */ jsx(Box, {
+      children: [t ? /* @__PURE__ */ i(m, {
+        children: [r === "hidden" ? /* @__PURE__ */ e(d, {
           width: "var(--swui-nav-bar-height)"
-        }) : /* @__PURE__ */ jsx(NavBarSideMenuButton, {
-          onClick: onClickMenuButton
-        }), /* @__PURE__ */ jsx(Indent, {})]
-      }) : /* @__PURE__ */ jsx(Indent, {
+        }) : /* @__PURE__ */ e(se, {
+          onClick: f
+        }), /* @__PURE__ */ e(b, {})]
+      }) : /* @__PURE__ */ e(b, {
         num: 2
-      }), left ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [left, /* @__PURE__ */ jsx(Indent, {
+      }), n ? /* @__PURE__ */ i(m, {
+        children: [n, /* @__PURE__ */ e(b, {
           num: 2
         })]
-      }) : /* @__PURE__ */ jsx(Indent, {
+      }) : /* @__PURE__ */ e(b, {
         num: 2
-      }), children && /* @__PURE__ */ jsx(Fragment, {
-        children: /* @__PURE__ */ jsx(Row, {
+      }), a && /* @__PURE__ */ e(m, {
+        children: /* @__PURE__ */ e(p, {
           justifyContent: "center",
           alignItems: "center",
-          children: React.Children.map(children, (child, index) => /* @__PURE__ */ jsxs(Fragment, {
-            children: [index > 0 && /* @__PURE__ */ jsx(Indent, {}), child]
+          children: L.Children.map(a, (B, x) => /* @__PURE__ */ i(m, {
+            children: [x > 0 && /* @__PURE__ */ e(b, {}), B]
           }))
         })
       })]
-    }), center && /* @__PURE__ */ jsx(Row, {
+    }), c && /* @__PURE__ */ e(p, {
       justifyContent: "center",
       alignItems: "center",
-      children: center
-    }), /* @__PURE__ */ jsxs(Row, {
+      children: c
+    }), /* @__PURE__ */ i(p, {
       justifyContent: "flex-end",
       alignItems: "center",
-      flex: currentFlex,
-      children: [right, /* @__PURE__ */ jsx(Indent, {
+      flex: v,
+      children: [s, /* @__PURE__ */ e(b, {
         num: 2
       })]
     })]
   });
-};
-const navBarButton = "_navBarButton_1xy53_1";
-const selected$1 = "_selected_1xy53_36";
-var styles$8 = {
-  navBarButton,
-  selected: selected$1
-};
-const NavBarButton = ({
-  selected: selected2,
-  className,
-  ...buttonProps
+}, De = "_navBarButton_1xy53_1", Pe = "_selected_1xy53_36", X = {
+  navBarButton: De,
+  selected: Pe
+}, Oe = ({
+  selected: n,
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(D, {
+  ...t,
+  className: h(X.navBarButton, n && X.selected, o)
+}), Qn = (n) => /* @__PURE__ */ e(Z, {
+  whiteSpace: "nowrap",
+  color: "#fff",
+  ...n
+}), Xn = ({
+  content: n,
+  children: o,
+  ...t
 }) => {
-  return /* @__PURE__ */ jsx(FlatButton, {
-    ...buttonProps,
-    className: cx(styles$8.navBarButton, selected2 && styles$8.selected, className)
-  });
-};
-const NavBarHeading = (headingProps) => {
-  return /* @__PURE__ */ jsx(Heading, {
-    whiteSpace: "nowrap",
-    color: "#fff",
-    ...headingProps
-  });
-};
-const NavBarPopoverButton = ({
-  content: content2,
-  children,
-  ...navBarButtonProps
-}) => {
-  const [isOpen, open, close] = useBoolean(false);
-  return /* @__PURE__ */ jsx(Popover, {
-    onClickOutside: close,
+  const [r, a, s] = U(!1);
+  return /* @__PURE__ */ e(O, {
+    onClickOutside: s,
     triggerTarget: document.body,
-    visible: isOpen,
-    content: /* @__PURE__ */ jsxs(Fragment, {
-      children: [content2 && content2({
-        close
-      }), children]
+    visible: r,
+    content: /* @__PURE__ */ i(m, {
+      children: [n && n({
+        close: s
+      }), o]
     }),
-    children: /* @__PURE__ */ jsx(NavBarButton, {
-      ...navBarButtonProps,
-      onClick: open
+    children: /* @__PURE__ */ e(Oe, {
+      ...t,
+      onClick: a
     })
   });
-};
-const navBarNotificationButton = "_navBarNotificationButton_1wchp_1";
-const hasCount = "_hasCount_1wchp_60";
-const unread = "_unread_1wchp_64";
-const icon$2 = "_icon_1wchp_79";
-const shake = "_shake_1wchp_1";
-var styles$7 = {
-  navBarNotificationButton,
-  hasCount,
-  unread,
-  icon: icon$2,
-  shake
-};
-const NavBarNotificationButton = ({
-  count,
-  unread: unread2 = false,
-  className,
-  labelClassName,
-  iconClassName,
-  icon: icon2 = stenaBell,
-  ...buttonProps
+}, Te = "_navBarNotificationButton_1wchp_1", We = "_hasCount_1wchp_60", ze = "_unread_1wchp_64", Ue = "_icon_1wchp_79", Ze = "_shake_1wchp_1", A = {
+  navBarNotificationButton: Te,
+  hasCount: We,
+  unread: ze,
+  icon: Ue,
+  shake: Ze
+}, Yn = ({
+  count: n,
+  unread: o = !1,
+  className: t,
+  labelClassName: r,
+  iconClassName: a,
+  icon: s = fe,
+  ...c
 }) => {
-  const hasCount2 = count > 0;
-  return /* @__PURE__ */ jsx(FlatButton, {
-    ...buttonProps,
-    leftIcon: icon2,
-    className: cx({
-      [styles$7.unread]: unread2
+  const u = n > 0;
+  return /* @__PURE__ */ e(D, {
+    ...c,
+    leftIcon: s,
+    className: h({
+      [A.unread]: o
     }, {
-      [styles$7.hasCount]: hasCount2
-    }, styles$7.navBarNotificationButton, className),
-    label: hasCount2 ? String(count) : void 0,
-    labelClassName: cx(labelClassName, styles$7.label),
-    iconClassName: cx(iconClassName, styles$7.icon)
-  });
-};
-const navBarSearchFieldInput = "_navBarSearchFieldInput_4knxd_1";
-const navBarSearchField = "_navBarSearchField_4knxd_1";
-var styles$6 = {
-  navBarSearchFieldInput,
-  navBarSearchField
-};
-const NavBarSearchField = ({
-  placeholder = "Search...",
-  className,
-  wrapperClassName,
-  ...textInputProps
-}) => {
-  return /* @__PURE__ */ jsx(TextInput, {
-    wrapperClassName: cx(styles$6.navBarSearchField, wrapperClassName),
-    className: cx(styles$6.navBarSearchFieldInput, className),
-    placeholder,
-    contentRight: /* @__PURE__ */ jsx(Clickable, {
-      children: /* @__PURE__ */ jsx(Icon, {
-        icon: stenaSearch
-      })
-    }),
-    ...textInputProps
-  });
-};
-const navBarUserButton = "_navBarUserButton_1gxfr_1";
-const initials = "_initials_1gxfr_33";
-var styles$5 = {
-  navBarUserButton,
-  initials
-};
-const NavBarUserButton = ({
-  className,
-  username,
-  initials: initials2,
-  icon: icon2 = stenaUser,
-  iconClassName,
-  ...buttonProps
-}) => {
-  return /* @__PURE__ */ jsx(ActionMenuFlatButton, {
-    ...buttonProps,
-    className: cx({
-      [styles$5.initials]: initials2 != null
-    }, styles$5.navBarUserButton, className),
-    leftIcon: username != null ? icon2 : void 0,
-    label: initials2 != null ? initials2 : username,
-    disableArrow: true
-  });
-};
-const defaultNotificationTheme = {
+      [A.hasCount]: u
+    }, A.navBarNotificationButton, t),
+    label: u ? String(n) : void 0,
+    labelClassName: h(r, A.label),
+    iconClassName: h(a, A.icon)
+  });
+}, qe = "_navBarSearchFieldInput_4knxd_1", Ve = "_navBarSearchField_4knxd_1", Y = {
+  navBarSearchFieldInput: qe,
+  navBarSearchField: Ve
+}, et = ({
+  placeholder: n = "Search...",
+  className: o,
+  wrapperClassName: t,
+  ...r
+}) => /* @__PURE__ */ e(Ne, {
+  wrapperClassName: h(Y.navBarSearchField, t),
+  className: h(Y.navBarSearchFieldInput, o),
+  placeholder: n,
+  contentRight: /* @__PURE__ */ e(P, {
+    children: /* @__PURE__ */ e(R, {
+      icon: ge
+    })
+  }),
+  ...r
+}), Ge = "_navBarUserButton_1gxfr_1", Je = "_initials_1gxfr_33", ee = {
+  navBarUserButton: Ge,
+  initials: Je
+}, nt = ({
+  className: n,
+  username: o,
+  initials: t,
+  icon: r = be,
+  iconClassName: a,
+  ...s
+}) => /* @__PURE__ */ e(Ie, {
+  ...s,
+  className: h({
+    [ee.initials]: t != null
+  }, ee.navBarUserButton, n),
+  leftIcon: o != null ? r : void 0,
+  label: t != null ? t : o,
+  disableArrow: !0
+}), Ke = {
   notificationBg: "#eaeaea",
   notificationHoverBg: "#eeeeee",
   notificationDismissedBg: "#ffffff",
   notificationDismissedHoverBg: "#f4f4f4"
-};
-const Notification = ({
-  onClick,
-  icon: icon2,
-  iconColor,
-  title,
-  text,
-  content: content2,
-  date,
-  dismissed,
-  theme = defaultNotificationTheme
+}, tt = ({
+  onClick: n,
+  icon: o,
+  iconColor: t,
+  title: r,
+  text: a,
+  content: s,
+  date: c,
+  dismissed: u,
+  theme: f = Ke
 }) => {
-  const agoLabel = useMemo(() => {
-    if (date) {
-      return `${formatDistance(date, new Date())} ago`;
-    }
-    return void 0;
-  }, [date]);
-  return /* @__PURE__ */ jsx(Clickable, {
-    onClick,
+  const v = oe(() => {
+    if (c)
+      return `${ye(c, new Date())} ago`;
+  }, [c]);
+  return /* @__PURE__ */ e(P, {
+    onClick: n,
     style: {
       textAlign: "left"
     },
-    children: /* @__PURE__ */ jsx(Box, {
-      background: dismissed ? theme.notificationDismissedBg : theme.notificationBg,
-      hoverBackground: dismissed ? theme.notificationDismissedHoverBg : theme.notificationHoverBg,
-      spacing: true,
-      indent: true,
-      children: /* @__PURE__ */ jsxs(Row, {
+    children: /* @__PURE__ */ e(d, {
+      background: u ? f.notificationDismissedBg : f.notificationBg,
+      hoverBackground: u ? f.notificationDismissedHoverBg : f.notificationHoverBg,
+      spacing: !0,
+      indent: !0,
+      children: /* @__PURE__ */ i(p, {
         width: "250px",
-        children: [icon2 && /* @__PURE__ */ jsx(Row, {
+        children: [o && /* @__PURE__ */ e(p, {
           width: "34px",
           alignItems: "center",
-          children: /* @__PURE__ */ jsx(Icon, {
-            icon: icon2,
-            color: iconColor
+          children: /* @__PURE__ */ e(R, {
+            icon: o,
+            color: t
           })
-        }), /* @__PURE__ */ jsxs(Column, {
+        }), /* @__PURE__ */ i($, {
           flex: 1,
-          children: [title && /* @__PURE__ */ jsxs(Fragment, {
-            children: [/* @__PURE__ */ jsx(Text, {
-              children: title
-            }), /* @__PURE__ */ jsx(Space, {
-              half: true
+          children: [r && /* @__PURE__ */ i(m, {
+            children: [/* @__PURE__ */ e(C, {
+              children: r
+            }), /* @__PURE__ */ e(w, {
+              half: !0
             })]
-          }), text && /* @__PURE__ */ jsxs(Fragment, {
-            children: [/* @__PURE__ */ jsx(Text, {
+          }), a && /* @__PURE__ */ i(m, {
+            children: [/* @__PURE__ */ e(C, {
               size: "small",
-              children: text
-            }), /* @__PURE__ */ jsx(Space, {
-              half: true
+              children: a
+            }), /* @__PURE__ */ e(w, {
+              half: !0
             })]
-          }), content2 && /* @__PURE__ */ jsxs(Fragment, {
-            children: [content2, /* @__PURE__ */ jsx(Space, {
-              half: true
+          }), s && /* @__PURE__ */ i(m, {
+            children: [s, /* @__PURE__ */ e(w, {
+              half: !0
             })]
-          }), /* @__PURE__ */ jsx(Text, {
+          }), /* @__PURE__ */ e(C, {
             size: "small",
-            color: cssColor("--swui-text-disabled-color"),
-            children: agoLabel
+            color: M("--swui-text-disabled-color"),
+            children: v
           })]
         })]
       })
     })
   });
-};
-const collapsible = "_collapsible_1nroa_1";
-const header = "_header_1nroa_46";
-const indicator = "_indicator_1nroa_59";
-const headerText = "_headerText_1nroa_103";
-const label$1 = "_label_1nroa_114";
-const contentLeft = "_contentLeft_1nroa_123";
-const contentRight = "_contentRight_1nroa_124";
-const content = "_content_1nroa_123";
-const groupHeading = "_groupHeading_1nroa_155";
-const contentEnter = "_contentEnter_1nroa_180";
-const contentEnterActive = "_contentEnterActive_1nroa_184";
-const contentExitDone = "_contentExitDone_1nroa_189";
-var styles$4 = {
-  collapsible,
-  header,
-  indicator,
-  headerText,
-  label: label$1,
-  contentLeft,
-  contentRight,
-  content,
-  groupHeading,
-  contentEnter,
-  contentEnterActive,
-  contentExitDone
-};
-const CollapsibleEmptyContent = () => {
-  return /* @__PURE__ */ jsxs(Column, {
-    indent: true,
-    spacing: true,
-    flex: 1,
-    alignItems: "center",
-    children: [/* @__PURE__ */ jsx(Icon, {
-      icon: faInbox,
-      color: cssColor("--lhds-color-ui-500")
-    }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Text, {
-      size: "small",
-      color: cssColor("--lhds-color-ui-500"),
-      children: "No content"
-    })]
-  });
-};
-const CollapsibleContent = ({
-  contentLeft: contentLeft2,
-  contentRight: contentRight2,
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs("div", {
-    className: cx(styles$4.content, className),
-    ...props,
-    children: [contentLeft2 && /* @__PURE__ */ jsx("div", {
-      className: styles$4.contentLeft,
-      children: contentLeft2
-    }), children != null ? children : /* @__PURE__ */ jsx(CollapsibleEmptyContent, {}), contentRight2 && /* @__PURE__ */ jsx("div", {
-      className: styles$4.contentRight,
-      children: contentRight2
-    })]
-  });
-};
-const mapCSSTime = (value) => {
-  const num = parseFloat(value);
-  const match = value.match(/m?s/);
-  switch (match == null ? void 0 : match[0]) {
+}, Qe = "_collapsible_1nroa_1", Xe = "_header_1nroa_46", Ye = "_indicator_1nroa_59", en = "_headerText_1nroa_103", nn = "_label_1nroa_114", tn = "_contentLeft_1nroa_123", on = "_contentRight_1nroa_124", rn = "_content_1nroa_123", an = "_groupHeading_1nroa_155", sn = "_contentEnter_1nroa_180", cn = "_contentEnterActive_1nroa_184", ln = "_contentExitDone_1nroa_189", l = {
+  collapsible: Qe,
+  header: Xe,
+  indicator: Ye,
+  headerText: en,
+  label: nn,
+  contentLeft: tn,
+  contentRight: on,
+  content: rn,
+  groupHeading: an,
+  contentEnter: sn,
+  contentEnterActive: cn,
+  contentExitDone: ln
+}, V = () => /* @__PURE__ */ i($, {
+  indent: !0,
+  spacing: !0,
+  flex: 1,
+  alignItems: "center",
+  children: [/* @__PURE__ */ e(R, {
+    icon: Le,
+    color: M("--lhds-color-ui-500")
+  }), /* @__PURE__ */ e(w, {}), /* @__PURE__ */ e(C, {
+    size: "small",
+    color: M("--lhds-color-ui-500"),
+    children: "No content"
+  })]
+}), G = ({
+  contentLeft: n,
+  contentRight: o,
+  className: t,
+  children: r,
+  ...a
+}) => /* @__PURE__ */ i("div", {
+  className: h(l.content, t),
+  ...a,
+  children: [n && /* @__PURE__ */ e("div", {
+    className: l.contentLeft,
+    children: n
+  }), r != null ? r : /* @__PURE__ */ e(V, {}), o && /* @__PURE__ */ e("div", {
+    className: l.contentRight,
+    children: o
+  })]
+}), dn = (n) => {
+  const o = parseFloat(n), t = n.match(/m?s/);
+  switch (t == null ? void 0 : t[0]) {
     case "s":
-      return num * 1e3;
+      return o * 1e3;
     case "ms":
-      return num;
+      return o;
     default:
       return 0;
   }
-};
-const Collapsible = forwardRef(function Collapsible2({
-  label: label2,
-  contentLeft: contentLeft2,
-  contentRight: contentRight2,
-  collapsed = false,
-  onClick,
-  className,
-  disabled = false,
-  unmountOnCollapse = false,
-  mountOnEnter = true,
-  icon: icon2 = faChevronUp,
-  iconCollapsed = faChevronDown,
-  iconSize = 8,
-  children,
-  autoFocus = false,
-  ...divProps
-}, ref) {
-  const divRef = React.useRef(null);
-  const timeout = divRef.current ? mapCSSTime(getComputedStyle(divRef.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
-  return /* @__PURE__ */ jsxs("div", {
-    className: cx(styles$4.collapsible, className),
-    "aria-expanded": !collapsed,
-    ref: divRef,
-    ...divProps,
-    children: [/* @__PURE__ */ jsxs(Clickable, {
-      disableFocusHighlight: true,
-      disableOpacityOnClick: true,
-      className: styles$4.header,
-      onClick,
-      disabled,
-      autoFocus,
-      ref,
-      children: [contentLeft2 && /* @__PURE__ */ jsx("div", {
-        className: styles$4.contentLeft,
-        children: contentLeft2
-      }), /* @__PURE__ */ jsx("div", {
-        className: styles$4.label,
-        children: /* @__PURE__ */ jsx(Text, {
+}, le = xe(function({
+  label: o,
+  contentLeft: t,
+  contentRight: r,
+  collapsed: a = !1,
+  onClick: s,
+  className: c,
+  disabled: u = !1,
+  unmountOnCollapse: f = !1,
+  mountOnEnter: v = !0,
+  icon: _ = Me,
+  iconCollapsed: B = ke,
+  iconSize: x = 8,
+  children: g,
+  autoFocus: I = !1,
+  ...N
+}, E) {
+  const y = L.useRef(null), F = y.current ? dn(getComputedStyle(y.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
+  return /* @__PURE__ */ i("div", {
+    className: h(l.collapsible, c),
+    "aria-expanded": !a,
+    ref: y,
+    ...N,
+    children: [/* @__PURE__ */ i(P, {
+      disableFocusHighlight: !0,
+      disableOpacityOnClick: !0,
+      className: l.header,
+      onClick: s,
+      disabled: u,
+      autoFocus: I,
+      ref: E,
+      children: [t && /* @__PURE__ */ e("div", {
+        className: l.contentLeft,
+        children: t
+      }), /* @__PURE__ */ e("div", {
+        className: l.label,
+        children: /* @__PURE__ */ e(C, {
           color: "var(--swui-collapsible-header-text-color)",
-          className: styles$4.headerText,
-          children: label2
+          className: l.headerText,
+          children: o
         })
-      }), contentRight2 && /* @__PURE__ */ jsx("div", {
-        className: styles$4.contentRight,
-        children: contentRight2
-      }), /* @__PURE__ */ jsx(Icon, {
-        icon: collapsed ? iconCollapsed : icon2,
-        className: styles$4.indicator,
-        size: iconSize,
-        fixedWidth: true
+      }), r && /* @__PURE__ */ e("div", {
+        className: l.contentRight,
+        children: r
+      }), /* @__PURE__ */ e(R, {
+        icon: a ? B : _,
+        className: l.indicator,
+        size: x,
+        fixedWidth: !0
       })]
-    }), /* @__PURE__ */ jsx(CSSTransition, {
-      in: !collapsed,
+    }), /* @__PURE__ */ e(Se, {
+      in: !a,
       timeout: {
-        enter: timeout
+        enter: F
       },
       classNames: {
-        enter: styles$4.contentEnter,
-        enterActive: styles$4.contentEnterActive,
-        exit: styles$4.contentExit,
-        exitActive: styles$4.contentExitActive,
-        exitDone: styles$4.contentExitDone
+        enter: l.contentEnter,
+        enterActive: l.contentEnterActive,
+        exit: l.contentExit,
+        exitActive: l.contentExitActive,
+        exitDone: l.contentExitDone
       },
-      mountOnEnter,
-      unmountOnExit: unmountOnCollapse,
-      children: /* @__PURE__ */ jsx("div", {
+      mountOnEnter: v,
+      unmountOnExit: f,
+      children: /* @__PURE__ */ e("div", {
         role: "region",
-        children: children != null ? children : /* @__PURE__ */ jsx(CollapsibleContent, {
-          children: /* @__PURE__ */ jsx(CollapsibleEmptyContent, {})
+        children: g != null ? g : /* @__PURE__ */ e(G, {
+          children: /* @__PURE__ */ e(V, {})
         })
       })
     })]
   });
-});
-const CollapsibleWithCheckbox = ({
-  value,
-  onValueChange,
-  onChange,
-  indeterminate,
-  ...collapsibleProps
-}) => {
-  return /* @__PURE__ */ jsx(Collapsible, {
-    contentLeft: /* @__PURE__ */ jsx(Checkbox, {
-      value,
-      indeterminate,
-      onValueChange,
-      onChange,
-      onClick: (ev) => ev.stopPropagation()
-    }),
-    ...collapsibleProps
-  });
-};
-const CollapsibleClickableContent = ({
-  contentLeft: contentLeft2,
-  contentRight: contentRight2,
-  className,
-  onClick,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(Clickable, {
-    disableFocusHighlight: true,
-    disableOpacityOnClick: true,
-    className: cx(styles$4.content, className),
-    onClick,
-    ...props,
-    children: [contentLeft2 && /* @__PURE__ */ jsx("div", {
-      className: styles$4.contentLeft,
-      children: contentLeft2
-    }), children != null ? children : /* @__PURE__ */ jsx(CollapsibleEmptyContent, {}), contentRight2 && /* @__PURE__ */ jsx("div", {
-      className: styles$4.contentRight,
-      children: contentRight2
-    })]
-  });
-};
-const CollapsibleGroupHeading = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(CollapsibleContent, {
-  className: cx(styles$4.groupHeading, className),
-  ...props
-});
-const ErrorPanel = ({
-  text = "Something unexpected happened."
-}) => {
-  return /* @__PURE__ */ jsx(Box, {
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */ jsx(Banner, {
-      variant: "error",
-      headerText: text
-    })
-  });
-};
-const ErrorScreen = (props) => {
-  return /* @__PURE__ */ jsx(Box, {
-    width: "100%",
-    height: "100%",
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */ jsx(ErrorPanel, {
-      ...props
-    })
-  });
-};
-const LoadingPanel = ({
-  text = "Loading..."
-}) => {
-  return /* @__PURE__ */ jsxs(Box, {
-    alignItems: "center",
-    children: [/* @__PURE__ */ jsx(Spinner, {
-      size: "small"
-    }), /* @__PURE__ */ jsx(Space, {
-      num: 4
-    }), /* @__PURE__ */ jsx(Heading, {
-      variant: "h4",
-      children: text
-    })]
-  });
-};
-const LoadingScreen = (props) => {
-  return /* @__PURE__ */ jsx(Box, {
-    width: "100%",
-    height: "100%",
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */ jsx(LoadingPanel, {
-      ...props
-    })
-  });
-};
-const PageHeader = ({
-  renderBreadCrumbs,
-  renderPageHeading,
-  renderTabs,
-  children
-}) => {
-  return /* @__PURE__ */ jsxs(Box, {
-    shadow: "box",
-    background: cssColor("--lhds-color-ui-50"),
-    children: [/* @__PURE__ */ jsxs(Box, {
-      indent: 3,
-      children: [renderBreadCrumbs && /* @__PURE__ */ jsx(Row, {
-        spacing: 1.25,
-        children: renderBreadCrumbs()
-      }), renderPageHeading == null ? void 0 : renderPageHeading(), renderTabs == null ? void 0 : renderTabs()]
-    }), children && /* @__PURE__ */ jsxs(Fragment, {
-      children: [!renderTabs && renderBreadCrumbs && /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(SeparatorLine, {}), children]
-    })]
-  });
-};
-const PageHeaderRow = (props) => /* @__PURE__ */ jsx(Row, {
+}), ot = ({
+  value: n,
+  onValueChange: o,
+  onChange: t,
+  indeterminate: r,
+  ...a
+}) => /* @__PURE__ */ e(le, {
+  contentLeft: /* @__PURE__ */ e(ie, {
+    value: n,
+    indeterminate: r,
+    onValueChange: o,
+    onChange: t,
+    onClick: (s) => s.stopPropagation()
+  }),
+  ...a
+}), rt = ({
+  contentLeft: n,
+  contentRight: o,
+  className: t,
+  onClick: r,
+  children: a,
+  ...s
+}) => /* @__PURE__ */ i(P, {
+  disableFocusHighlight: !0,
+  disableOpacityOnClick: !0,
+  className: h(l.content, t),
+  onClick: r,
+  ...s,
+  children: [n && /* @__PURE__ */ e("div", {
+    className: l.contentLeft,
+    children: n
+  }), a != null ? a : /* @__PURE__ */ e(V, {}), o && /* @__PURE__ */ e("div", {
+    className: l.contentRight,
+    children: o
+  })]
+}), at = ({
+  className: n,
+  ...o
+}) => /* @__PURE__ */ e(G, {
+  className: h(l.groupHeading, n),
+  ...o
+}), un = ({
+  text: n = "Something unexpected happened."
+}) => /* @__PURE__ */ e(d, {
+  justifyContent: "center",
+  alignItems: "center",
+  children: /* @__PURE__ */ e(ve, {
+    variant: "error",
+    headerText: n
+  })
+}), it = (n) => /* @__PURE__ */ e(d, {
+  width: "100%",
+  height: "100%",
+  justifyContent: "center",
+  alignItems: "center",
+  children: /* @__PURE__ */ e(un, {
+    ...n
+  })
+}), hn = ({
+  text: n = "Loading..."
+}) => /* @__PURE__ */ i(d, {
+  alignItems: "center",
+  children: [/* @__PURE__ */ e(_e, {
+    size: "small"
+  }), /* @__PURE__ */ e(w, {
+    num: 4
+  }), /* @__PURE__ */ e(Z, {
+    variant: "h4",
+    children: n
+  })]
+}), st = (n) => /* @__PURE__ */ e(d, {
+  width: "100%",
+  height: "100%",
+  justifyContent: "center",
+  alignItems: "center",
+  children: /* @__PURE__ */ e(hn, {
+    ...n
+  })
+}), ct = ({
+  renderBreadCrumbs: n,
+  renderPageHeading: o,
+  renderTabs: t,
+  children: r
+}) => /* @__PURE__ */ i(d, {
+  shadow: "box",
+  background: M("--lhds-color-ui-50"),
+  children: [/* @__PURE__ */ i(d, {
+    indent: 3,
+    children: [n && /* @__PURE__ */ e(p, {
+      spacing: 1.25,
+      children: n()
+    }), o == null ? void 0 : o(), t == null ? void 0 : t()]
+  }), r && /* @__PURE__ */ i(m, {
+    children: [!t && n && /* @__PURE__ */ e(w, {}), /* @__PURE__ */ e(re, {}), r]
+  })]
+}), lt = (n) => /* @__PURE__ */ e(p, {
   indent: 3,
-  spacing: true,
-  ...props
-});
-const variantToSpacing = {
+  spacing: !0,
+  ...n
+}), pn = {
   compact: 1,
   standard: 1.5,
   relaxed: 2
-};
-const PageHeading = ({
-  heading,
-  variant = "standard",
-  contentLeft: contentLeft2,
-  contentRight: contentRight2
-}) => /* @__PURE__ */ jsxs(Row, {
-  spacing: variantToSpacing[variant],
+}, dt = ({
+  heading: n,
+  variant: o = "standard",
+  contentLeft: t,
+  contentRight: r
+}) => /* @__PURE__ */ i(p, {
+  spacing: pn[o],
   alignItems: "center",
   gap: 2,
-  children: [/* @__PURE__ */ jsx(Heading, {
+  children: [/* @__PURE__ */ e(Z, {
     variant: "h3",
-    children: heading
-  }), /* @__PURE__ */ jsx(Row, {
+    children: n
+  }), /* @__PURE__ */ e(p, {
     alignItems: "center",
-    children: contentLeft2
-  }), /* @__PURE__ */ jsx(Row, {
+    children: t
+  }), /* @__PURE__ */ e(p, {
     style: {
       marginLeft: "auto"
     },
     alignItems: "center",
-    children: contentRight2
+    children: r
   })]
-});
-const sidebarMenu = "_sidebarMenu_hch18_1";
-var styles$3 = {
-  sidebarMenu
-};
-const sidebarMenuCloseButton = "_sidebarMenuCloseButton_1j21u_1";
-const iconWrapper = "_iconWrapper_1j21u_55";
-const icon$1 = "_icon_1j21u_55";
-var styles$2 = {
-  sidebarMenuCloseButton,
-  iconWrapper,
-  icon: icon$1
-};
-const SvgClose = (props) => /* @__PURE__ */ React.createElement("svg", {
+}), mn = "_sidebarMenu_hch18_1", T = {
+  sidebarMenu: mn
+}, fn = "_sidebarMenuCloseButton_1j21u_1", gn = "_iconWrapper_1j21u_55", bn = "_icon_1j21u_55", W = {
+  sidebarMenuCloseButton: fn,
+  iconWrapper: gn,
+  icon: bn
+}, vn = (n) => /* @__PURE__ */ L.createElement("svg", {
   width: "16px",
   height: "16px",
   viewBox: "0 0 16 16",
   xmlns: "http://www.w3.org/2000/svg",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
+  ...n
+}, /* @__PURE__ */ L.createElement("path", {
   d: "M0.928932188,0.928932188 C1.31945648,0.538407896 1.95262146,0.538407896 2.34314575,0.928932188 L2.34314575,0.928932188 L8.00003897,6.58503897 L13.6568542,0.928932188 C14.0473785,0.538407896 14.6805435,0.538407896 15.0710678,0.928932188 C15.4615921,1.31945648 15.4615921,1.95262146 15.0710678,2.34314575 L9.41503897,8.00003897 L15.0710678,13.6568542 C15.4315518,14.0173382 15.4592813,14.5845693 15.1542564,14.9768605 L15.0710678,15.0710678 C14.6805435,15.4615921 14.0473785,15.4615921 13.6568542,15.0710678 L13.6568542,15.0710678 L8.00003897,9.41503897 L2.34314575,15.0710678 C1.95262146,15.4615921 1.31945648,15.4615921 0.928932188,15.0710678 C0.538407896,14.6805435 0.538407896,14.0473785 0.928932188,13.6568542 L6.58503897,8.00003897 L0.928932188,2.34314575 C0.568448227,1.98266179 0.540718691,1.41543073 0.845743582,1.02313953 Z",
   id: "Combined-Shape",
   fill: "#FFFFFF"
-}));
-const SidebarMenuCloseButton = ({
-  className,
-  onClick
-}) => {
-  return /* @__PURE__ */ jsx("button", {
-    onClick,
-    className: cx(styles$2.sidebarMenuCloseButton, className),
-    children: /* @__PURE__ */ jsx(Box, {
-      className: styles$2.iconWrapper,
-      children: /* @__PURE__ */ jsx(SvgClose, {
-        className: styles$2.icon
-      })
+})), _n = ({
+  className: n,
+  onClick: o
+}) => /* @__PURE__ */ e("button", {
+  onClick: o,
+  className: h(W.sidebarMenuCloseButton, n),
+  children: /* @__PURE__ */ e(d, {
+    className: W.iconWrapper,
+    children: /* @__PURE__ */ e(vn, {
+      className: W.icon
     })
-  });
-};
-const SidebarMenuSeparator = (separatorLineProps) => /* @__PURE__ */ jsx(SeparatorLine, {
-  color: cssColor("--lhds-color-blue-600"),
-  ...separatorLineProps
-});
-const SidebarMenu = ({
-  className,
-  children,
-  onCloseClick,
-  collapsed = false,
-  hideCloseButton = false,
-  variant = "standard",
-  ...boxProps
+  })
+}), J = (n) => /* @__PURE__ */ e(re, {
+  color: M("--lhds-color-blue-600"),
+  ...n
+}), Cn = ({
+  className: n,
+  children: o,
+  onCloseClick: t,
+  collapsed: r = !1,
+  hideCloseButton: a = !1,
+  variant: s = "standard",
+  ...c
 }) => {
-  const height = getNavbarHeight(variant);
-  return /* @__PURE__ */ jsxs(Box, {
-    className: cx(styles$3.sidebarMenu, collapsed ? styles$3.collapsed : null, className),
+  const u = ce(s);
+  return /* @__PURE__ */ i(d, {
+    className: h(T.sidebarMenu, r ? T.collapsed : null, n),
     style: {
-      ["--swui-sidebar-menu-item-height"]: height,
-      ["--swui-nav-bar-height"]: height
+      ["--swui-sidebar-menu-item-height"]: u,
+      ["--swui-nav-bar-height"]: u
     },
-    "data-collapsed": collapsed || void 0,
-    ...boxProps,
-    children: [!hideCloseButton && /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx(SidebarMenuCloseButton, {
-        onClick: onCloseClick
-      }), /* @__PURE__ */ jsx(SidebarMenuSeparator, {}), /* @__PURE__ */ jsx(Space, {})]
-    }), /* @__PURE__ */ jsx(Box, {
-      className: styles$3.sidebarMenuContent,
+    "data-collapsed": r || void 0,
+    ...c,
+    children: [!a && /* @__PURE__ */ i(m, {
+      children: [/* @__PURE__ */ e(_n, {
+        onClick: t
+      }), /* @__PURE__ */ e(J, {}), /* @__PURE__ */ e(w, {})]
+    }), /* @__PURE__ */ e(d, {
+      className: T.sidebarMenuContent,
       height: "100%",
       background: "var(--current-background-color)",
-      children: /* @__PURE__ */ jsx(Column, {
+      children: /* @__PURE__ */ e($, {
         flex: 1,
-        children
+        children: o
       })
     })]
   });
-};
-const SidebarRailMenu = ({
-  variant,
-  onClickMenuButton,
-  children
+}, ut = ({
+  variant: n,
+  onClickMenuButton: o,
+  children: t
+}) => /* @__PURE__ */ i(Cn, {
+  collapsed: !0,
+  position: "fixed",
+  left: 0,
+  top: 0,
+  hideCloseButton: !0,
+  variant: n,
+  children: [/* @__PURE__ */ e(se, {
+    onClick: o
+  }), t]
+}), Bn = "_label_mnp0f_1", xn = "_icon_mnp0f_9", wn = "_spinner_mnp0f_14", Nn = "_leftWrapper_mnp0f_18", yn = "_button_mnp0f_23", kn = "_selected_mnp0f_45", k = {
+  label: Bn,
+  icon: xn,
+  spinner: wn,
+  leftWrapper: Nn,
+  button: yn,
+  selected: kn
+}, Mn = ({
+  activeClassName: n,
+  ...o
+}) => /* @__PURE__ */ e("button", {
+  ...o
+}), z = ({
+  className: n,
+  children: o,
+  selected: t,
+  indent: r,
+  label: a,
+  loading: s,
+  left: c,
+  leftIcon: u,
+  right: f,
+  rightIcon: v,
+  success: _,
+  width: B,
+  renderLink: x = Mn,
+  style: g,
+  ...I
 }) => {
-  return /* @__PURE__ */ jsxs(SidebarMenu, {
-    collapsed: true,
-    position: "fixed",
-    left: 0,
-    top: 0,
-    hideCloseButton: true,
-    variant,
-    children: [/* @__PURE__ */ jsx(NavBarSideMenuButton, {
-      onClick: onClickMenuButton
-    }), children]
-  });
-};
-const label = "_label_mnp0f_1";
-const icon = "_icon_mnp0f_9";
-const spinner = "_spinner_mnp0f_14";
-const leftWrapper = "_leftWrapper_mnp0f_18";
-const button = "_button_mnp0f_23";
-const selected = "_selected_mnp0f_45";
-var contentStyles = {
-  label,
-  icon,
-  spinner,
-  leftWrapper,
-  button,
-  selected
-};
-const defaultRenderLink = ({
-  activeClassName,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("button", {
-    ...props
-  });
-};
-const SidebarMenuLink = ({
-  className,
-  children,
-  selected: selected2,
-  indent,
-  label: label2,
-  loading,
-  left,
-  leftIcon,
-  right,
-  rightIcon,
-  success,
-  width,
-  renderLink = defaultRenderLink,
-  style,
-  ...buttonProps
-}) => {
-  const hasContentLeft = left || leftIcon || loading || success;
-  const innerClassName = cx(contentStyles.button, selected2 ? contentStyles.selected : void 0, className);
-  const innerStyle = {
-    ...style,
-    width,
+  const N = c || u || s || _, E = h(k.button, t ? k.selected : void 0, n), y = {
+    ...g,
+    width: B,
     height: "var(--swui-sidebar-menu-item-height)"
-  };
-  const innerChildren = /* @__PURE__ */ jsxs(Row, {
+  }, F = /* @__PURE__ */ i(p, {
     spacing: 1,
     flex: 1,
     alignItems: "center",
-    children: [!hasContentLeft && /* @__PURE__ */ jsx(Indent, {}), indent && /* @__PURE__ */ jsx(Indent, {
+    children: [!N && /* @__PURE__ */ e(b, {}), r && /* @__PURE__ */ e(b, {
       num: 3.5
-    }), /* @__PURE__ */ jsx(ButtonContent, {
-      label: label2,
-      loading,
-      left,
-      leftIcon,
-      right,
-      rightIcon,
-      success,
-      labelClassName: contentStyles.label,
-      spinnerClassName: contentStyles.spinner,
-      iconClassName: cx(contentStyles.icon),
-      leftWrapperClassName: contentStyles.leftWrapper
+    }), /* @__PURE__ */ e(Ce, {
+      label: a,
+      loading: s,
+      left: c,
+      leftIcon: u,
+      right: f,
+      rightIcon: v,
+      success: _,
+      labelClassName: k.label,
+      spinnerClassName: k.spinner,
+      iconClassName: h(k.icon),
+      leftWrapperClassName: k.leftWrapper
     })]
   });
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: renderLink({
-      ...buttonProps,
-      activeClassName: contentStyles.selected,
-      className: innerClassName,
-      children: innerChildren,
-      style: innerStyle
+  return /* @__PURE__ */ e(m, {
+    children: x({
+      ...I,
+      activeClassName: k.selected,
+      className: E,
+      children: F,
+      style: y
     })
   });
-};
-const sidebarMenuHeading = "_sidebarMenuHeading_kvpq5_1";
-var styles$1 = {
-  sidebarMenuHeading
-};
-const SidebarMenuHeading = ({
-  className,
-  label: label2,
-  contentLeft: contentLeft2,
-  contentRight: contentRight2,
-  ...textProps
-}) => {
-  return /* @__PURE__ */ jsx(Box, {
-    spacing: 2,
-    indent: 2,
-    children: /* @__PURE__ */ jsx(CollapsibleContent, {
-      className: styles$1.sidebarMenuHeading,
-      contentLeft: contentLeft2,
-      contentRight: contentRight2,
-      children: /* @__PURE__ */ jsx(Text, {
-        variant: "overline",
-        color: "var(--swui-sidebar-menu-heading-text-color)",
-        ...textProps,
-        children: label2
-      })
+}, Sn = "_sidebarMenuHeading_kvpq5_1", Ln = {
+  sidebarMenuHeading: Sn
+}, de = ({
+  className: n,
+  label: o,
+  contentLeft: t,
+  contentRight: r,
+  ...a
+}) => /* @__PURE__ */ e(d, {
+  spacing: 2,
+  indent: 2,
+  children: /* @__PURE__ */ e(G, {
+    className: Ln.sidebarMenuHeading,
+    contentLeft: t,
+    contentRight: r,
+    children: /* @__PURE__ */ e(C, {
+      variant: "overline",
+      color: "var(--swui-sidebar-menu-heading-text-color)",
+      ...a,
+      children: o
     })
-  });
-};
-const sidebarMenuCollapsible = "_sidebarMenuCollapsible_1jwhs_1";
-var styles = {
-  sidebarMenuCollapsible
-};
-const SidebarMenuCollapsible = ({
-  children,
-  label: label2,
-  leftIcon
+  })
+}), In = "_sidebarMenuCollapsible_1jwhs_1", En = {
+  sidebarMenuCollapsible: In
+}, Fn = ({
+  children: n,
+  label: o,
+  leftIcon: t
 }) => {
-  const [collapsed, setCollapsed] = useState(false);
-  return /* @__PURE__ */ jsx(Box, {
+  const [r, a] = we(!1);
+  return /* @__PURE__ */ e(d, {
     background: "var(--current-background-color)",
-    children: /* @__PURE__ */ jsx(Collapsible, {
-      className: styles.sidebarMenuCollapsible,
-      label: label2,
-      collapsed,
-      onClick: () => setCollapsed(!collapsed),
-      contentLeft: leftIcon ? /* @__PURE__ */ jsx(Box, {
+    children: /* @__PURE__ */ e(le, {
+      className: En.sidebarMenuCollapsible,
+      label: o,
+      collapsed: r,
+      onClick: () => a(!r),
+      contentLeft: t ? /* @__PURE__ */ e(d, {
         width: "var(--swui-sidebar-menu-item-height)",
         alignItems: "center",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsx(Icon, {
-          icon: leftIcon,
+        children: /* @__PURE__ */ e(R, {
+          icon: t,
           size: 16,
           color: "var(--current-text-color)",
-          "data-hover": true
+          "data-hover": !0
         })
-      }) : /* @__PURE__ */ jsx(Indent, {
+      }) : /* @__PURE__ */ e(b, {
         num: 1
       }),
-      children: /* @__PURE__ */ jsx(Column, {
+      children: /* @__PURE__ */ e($, {
         flex: 1,
-        children
+        children: n
       })
     })
   });
-};
-const renderItemsExpanded = (items, indent = false) => {
-  return items.map((item, index) => {
-    switch (item.type) {
-      case "heading":
-        return /* @__PURE__ */ jsx(SidebarMenuHeading, {
-          label: item.label
-        }, index);
-      case "separator":
-        return /* @__PURE__ */ jsx(SidebarMenuSeparator, {}, index);
-      case "link": {
-        const {
-          type,
-          ...linkProps
-        } = item;
-        return /* @__PURE__ */ jsx(SidebarMenuLink, {
-          indent,
-          ...linkProps
-        }, index);
-      }
-      case "grouped":
-        return /* @__PURE__ */ jsx(SidebarMenuCollapsible, {
-          leftIcon: item.leftIcon,
-          label: item.label,
-          children: renderItemsExpanded(item.items, true)
-        }, index);
-      default:
-        return exhaustSwitchCaseElseThrow(item);
+}, ue = (n, o = !1) => n.map((t, r) => {
+  switch (t.type) {
+    case "heading":
+      return /* @__PURE__ */ e(de, {
+        label: t.label
+      }, r);
+    case "separator":
+      return /* @__PURE__ */ e(J, {}, r);
+    case "link": {
+      const {
+        type: a,
+        ...s
+      } = t;
+      return /* @__PURE__ */ e(z, {
+        indent: o,
+        ...s
+      }, r);
     }
-  });
-};
-const renderItemsInRail = (items, {
-  popupMinWidth
-}) => {
-  return items.map((item, index) => {
-    switch (item.type) {
-      case "heading":
-        return null;
-      case "separator":
-        return /* @__PURE__ */ jsx(SidebarMenuSeparator, {}, index);
-      case "link": {
-        const {
-          type,
-          label: label2,
-          ...linkProps
-        } = item;
-        return /* @__PURE__ */ jsx(SidebarMenuLink, {
-          title: label2,
-          width: "var(--swui-sidebar-menu-item-height)",
-          ...linkProps
-        }, index);
-      }
-      case "grouped":
-        return /* @__PURE__ */ jsx("div", {
-          children: /* @__PURE__ */ jsx(Popover, {
-            appendTo: "parent",
-            arrow: false,
-            offset: [0, 0],
-            placement: "right-start",
-            trigger: "focusin mouseenter click",
-            disablePadding: true,
-            lazy: true,
-            content: /* @__PURE__ */ jsxs(Box, {
-              minWidth: popupMinWidth,
-              background: "var(--lhds-color-blue-500)",
-              children: [/* @__PURE__ */ jsx(SidebarMenuHeading, {
-                label: item.label
-              }), renderItemsExpanded(item.items)]
-            }),
-            children: /* @__PURE__ */ jsx(SidebarMenuLink, {
-              title: item.label,
-              width: "var(--swui-sidebar-menu-item-height)",
-              leftIcon: item.leftIcon
-            })
-          })
-        }, index);
-      default:
-        return exhaustSwitchCaseElseThrow(item);
+    case "grouped":
+      return /* @__PURE__ */ e(Fn, {
+        leftIcon: t.leftIcon,
+        label: t.label,
+        children: ue(t.items, !0)
+      }, r);
+    default:
+      return ae(t);
+  }
+}), ht = (n, {
+  popupMinWidth: o
+}) => n.map((t, r) => {
+  switch (t.type) {
+    case "heading":
+      return null;
+    case "separator":
+      return /* @__PURE__ */ e(J, {}, r);
+    case "link": {
+      const {
+        type: a,
+        label: s,
+        ...c
+      } = t;
+      return /* @__PURE__ */ e(z, {
+        title: s,
+        width: "var(--swui-sidebar-menu-item-height)",
+        ...c
+      }, r);
     }
-  });
-};
-const borderTop = `1px solid ${cssColor("--lhds-color-orange-400")}`;
-const SelectedItemsActionsPanel = ({
-  numItemsSelected,
-  label: label2,
-  afterLabelContent,
-  rightContent
-}) => /* @__PURE__ */ jsxs(Row, {
+    case "grouped":
+      return /* @__PURE__ */ e("div", {
+        children: /* @__PURE__ */ e(O, {
+          appendTo: "parent",
+          arrow: !1,
+          offset: [0, 0],
+          placement: "right-start",
+          trigger: "focusin mouseenter click",
+          disablePadding: !0,
+          lazy: !0,
+          content: /* @__PURE__ */ i(d, {
+            minWidth: o,
+            background: "var(--lhds-color-blue-500)",
+            children: [/* @__PURE__ */ e(de, {
+              label: t.label
+            }), ue(t.items)]
+          }),
+          children: /* @__PURE__ */ e(z, {
+            title: t.label,
+            width: "var(--swui-sidebar-menu-item-height)",
+            leftIcon: t.leftIcon
+          })
+        })
+      }, r);
+    default:
+      return ae(t);
+  }
+}), Hn = `1px solid ${M("--lhds-color-orange-400")}`, pt = ({
+  numItemsSelected: n,
+  label: o,
+  afterLabelContent: t,
+  rightContent: r
+}) => /* @__PURE__ */ i(p, {
   indent: 3,
-  spacing: true,
+  spacing: !0,
   minHeight: "56px",
   justifyContent: "space-between",
   alignItems: "center",
-  borderTop,
-  background: cssColor("--lhds-color-orange-50"),
-  children: [/* @__PURE__ */ jsxs(Row, {
+  borderTop: Hn,
+  background: M("--lhds-color-orange-50"),
+  children: [/* @__PURE__ */ i(p, {
     alignItems: "center",
-    children: [numItemsSelected != null || label2 != null ? /* @__PURE__ */ jsx(Fragment, {
-      children: numItemsSelected != null ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(Text, {
+    children: [n != null || o != null ? /* @__PURE__ */ e(m, {
+      children: n != null ? /* @__PURE__ */ i(m, {
+        children: [/* @__PURE__ */ e(C, {
           variant: "bold",
-          children: numItemsSelected
-        }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsxs(Text, {
-          children: ["item", numItemsSelected === 1 ? "" : "s", " selected"]
+          children: n
+        }), /* @__PURE__ */ e(w, {}), /* @__PURE__ */ i(C, {
+          children: ["item", n === 1 ? "" : "s", " selected"]
         })]
-      }) : label2 != null ? /* @__PURE__ */ jsx(Fragment, {
-        children: typeof label2 === "string" ? /* @__PURE__ */ jsx(Text, {
-          children: label2
-        }) : label2
+      }) : o != null ? /* @__PURE__ */ e(m, {
+        children: typeof o == "string" ? /* @__PURE__ */ e(C, {
+          children: o
+        }) : o
       }) : null
-    }) : null, afterLabelContent ? /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx(Indent, {}), /* @__PURE__ */ jsx(Box, {
-        children: afterLabelContent
+    }) : null, t ? /* @__PURE__ */ i(m, {
+      children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(d, {
+        children: t
       })]
     }) : null]
-  }), /* @__PURE__ */ jsx(Box, {
-    children: rightContent
+  }), /* @__PURE__ */ e(d, {
+    children: r
   })]
 });
-export { ActionMenuFlatButton, ActionMenuPrimaryButton, ActionMenuSecondaryButton, CheckboxMenu, Collapsible, CollapsibleClickableContent, CollapsibleContent, CollapsibleEmptyContent, CollapsibleGroupHeading, CollapsibleWithCheckbox, ErrorPanel, ErrorScreen, LoadingPanel, LoadingScreen, NavBar, NavBarButton, NavBarHeading, NavBarNotificationButton, NavBarPopoverButton, NavBarSearchField, NavBarUserButton, Notification, PageHeader, PageHeaderRow, PageHeading, SelectedItemsActionsPanel, SidebarMenu, SidebarMenuCollapsible, SidebarMenuHeading, SidebarMenuLink, SidebarMenuSeparator, SidebarRailMenu, defaultNotificationTheme, defaultRenderLink, mapCSSTime, renderItemsExpanded, renderItemsInRail };
+export {
+  Ie as ActionMenuFlatButton,
+  Vn as ActionMenuPrimaryButton,
+  Gn as ActionMenuSecondaryButton,
+  Jn as CheckboxMenu,
+  le as Collapsible,
+  rt as CollapsibleClickableContent,
+  G as CollapsibleContent,
+  V as CollapsibleEmptyContent,
+  at as CollapsibleGroupHeading,
+  ot as CollapsibleWithCheckbox,
+  un as ErrorPanel,
+  it as ErrorScreen,
+  hn as LoadingPanel,
+  st as LoadingScreen,
+  Kn as NavBar,
+  Oe as NavBarButton,
+  Qn as NavBarHeading,
+  Yn as NavBarNotificationButton,
+  Xn as NavBarPopoverButton,
+  et as NavBarSearchField,
+  nt as NavBarUserButton,
+  tt as Notification,
+  ct as PageHeader,
+  lt as PageHeaderRow,
+  dt as PageHeading,
+  pt as SelectedItemsActionsPanel,
+  Cn as SidebarMenu,
+  Fn as SidebarMenuCollapsible,
+  de as SidebarMenuHeading,
+  z as SidebarMenuLink,
+  J as SidebarMenuSeparator,
+  ut as SidebarRailMenu,
+  Ke as defaultNotificationTheme,
+  Mn as defaultRenderLink,
+  dn as mapCSSTime,
+  ue as renderItemsExpanded,
+  ht as renderItemsInRail
+};
 //# sourceMappingURL=index.es.js.map