npm - @stenajs-webui/panels - Versions diffs - 17.34.0 → 18.0.0 - Mend

@stenajs-webui/panels 17.34.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +13 -0
package/dist/components/notifications/Notification.d.ts +3 -13
package/dist/components/notifications/NotificationHeader.d.ts +21 -0
package/dist/components/notifications/Toast.d.ts +10 -0
package/dist/index.d.ts +1 -1
package/dist/index.es.js +556 -518
package/dist/index.es.js.map +1 -1
package/dist/index.js +2 -2
package/dist/index.js.map +1 -1
package/dist/storybook-helpers/storybook-controls.d.ts +25 -0
package/package.json +7 -7
package/dist/components/notifications/NotificationTheme.d.ts +0 -7

package/dist/index.es.js CHANGED Viewed

@@ -1,495 +1,533 @@
-(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, stenaUserCircle 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";
+(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}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._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 re, ActionMenuContext as me, stenaAngleDown as oe, PrimaryButton as be, SecondaryButton as ge, FlatButton as $, stenaBell as fe, Icon as A, stenaSearch as _e, stenaUserCircle as ve, stenaTimes as Ce, Banner as xe, Spinner as Be, ButtonContent as Ne } from "@stenajs-webui/elements";
+import * as I from "react";
+import { useRef as we, useMemo as ye, forwardRef as ke, useState as Me } from "react";
+import { useBoolean as U, Column as L, Box as c, Row as p, Indent as g, Heading as Z, Clickable as q, Txt as X, Space as k, Text as S, SeparatorLine as ae, exhaustSwitchCaseElseThrow as ie } from "@stenajs-webui/core";
+import { Popover as T } 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 = ({
+import { Checkbox as se, TextInput as Se } from "@stenajs-webui/forms";
+import d from "classnames";
+import { cssColor as B } from "@stenajs-webui/theme";
+import { faChevronDown as Ie } from "@fortawesome/free-solid-svg-icons";
+import { faChevronUp as Le } from "@fortawesome/free-solid-svg-icons/faChevronUp";
+import { CSSTransition as Ee } from "react-transition-group";
+import { faInbox as Fe } from "@fortawesome/free-solid-svg-icons/faInbox";
+const V = ({
   renderItems: n,
-  placement: o = "bottom",
+  placement: r = "bottom",
   buttonComponent: t,
-  rightIcon: r = te,
+  rightIcon: o = oe,
   portalTarget: a = "parent",
   zIndex: s,
-  menuWidth: c,
-  menuTop: u,
-  onClick: f,
+  menuWidth: u,
+  menuTop: h,
+  onClick: _,
   disableArrow: v = !1,
-  ..._
+  ...f
 }) => {
-  const [B, x, g, I] = U(!1), N = Be(null), E = {
+  const [C, x, b, E] = U(!1), N = we(null), F = {
     name: "focusManager",
     defaultValue: !0,
     fn({
       popper: H
     }) {
-      let j = !1;
-      const K = (S) => {
-        S.key === "Escape" && (j = !0, g()), (S.key === "Enter" || S.key === " ") && (j = !0);
+      let P = !1;
+      const Q = (M) => {
+        M.key === "Escape" && (P = !0, b()), (M.key === "Enter" || M.key === " ") && (P = !0);
       };
       return {
         onCreate() {
-          H.addEventListener("keydown", K);
+          H.addEventListener("keydown", Q);
         },
         onDestroy() {
-          H.removeEventListener("keydown", K);
+          H.removeEventListener("keydown", Q);
         },
         onMount() {
-          var S;
-          j = !1, (S = H.querySelector("button:not([disabled]), a[href]")) == null || S.focus();
+          var M;
+          P = !1, (M = H.querySelector("button:not([disabled]), a[href]")) == null || M.focus();
         },
         onHide() {
-          N.current && j && N.current.focus();
+          N.current && P && N.current.focus();
         }
       };
     }
-  }, y = oe(() => ({
+  }, w = ye(() => ({
     open: x,
-    close: g
-  }), [x, g]), F = (H) => {
-    f == null || f(H), I();
+    close: b
+  }), [x, b]), j = (H) => {
+    _ == null || _(H), E();
   };
-  return /* @__PURE__ */ e(O, {
+  return /* @__PURE__ */ e(T, {
     disablePadding: !0,
-    visible: B,
-    onClickOutside: g,
-    placement: o,
-    content: B && /* @__PURE__ */ e(ne, {
+    visible: C,
+    onClickOutside: b,
+    placement: r,
+    content: C && /* @__PURE__ */ e(re, {
       variant: "outlined",
-      width: c,
-      top: u,
+      width: u,
+      top: h,
       trapFocus: !0,
-      children: /* @__PURE__ */ e(he.Provider, {
-        value: y,
-        children: n(g)
+      children: /* @__PURE__ */ e(me.Provider, {
+        value: w,
+        children: n(b)
       })
     }),
     arrow: !1,
     appendTo: a,
     zIndex: s,
-    plugins: [E],
+    plugins: [F],
     lazy: !0,
     children: /* @__PURE__ */ e(t, {
-      rightIcon: v ? void 0 : r,
-      ..._,
+      rightIcon: v ? void 0 : o,
+      ...f,
       ref: N,
-      onClick: F
+      onClick: j
     })
   });
-}, Vn = (n) => /* @__PURE__ */ e(q, {
-  buttonComponent: pe,
+}, Kn = (n) => /* @__PURE__ */ e(V, {
+  buttonComponent: be,
   ...n
-}), Gn = (n) => /* @__PURE__ */ e(q, {
-  buttonComponent: me,
+}), Qn = (n) => /* @__PURE__ */ e(V, {
+  buttonComponent: ge,
   ...n
-}), Ie = (n) => /* @__PURE__ */ e(q, {
-  buttonComponent: D,
+}), je = (n) => /* @__PURE__ */ e(V, {
+  buttonComponent: $,
   ...n
-}), Ee = "1px solid var(--lhds-color-ui-300)", Jn = ({
+}), He = "1px solid var(--lhds-color-ui-300)", Xn = ({
   renderMenu: n,
-  ...o
+  ...r
 }) => {
-  const [t, r, a] = U(!1);
-  return /* @__PURE__ */ e(O, {
+  const [t, o, a] = U(!1);
+  return /* @__PURE__ */ e(T, {
     onClickOutside: a,
     arrow: !1,
     visible: t,
     disablePadding: !0,
-    content: n ? /* @__PURE__ */ e($, {
-      children: /* @__PURE__ */ e(ne, {
+    content: n ? /* @__PURE__ */ e(L, {
+      children: /* @__PURE__ */ e(re, {
         children: n(a)
       })
     }) : void 0,
     placement: "bottom-start",
     variant: "outlined",
-    children: /* @__PURE__ */ e(d, {
+    children: /* @__PURE__ */ e(c, {
       display: "inline-block",
       children: /* @__PURE__ */ i(p, {
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: Ee,
+        border: He,
         borderRadius: "4px",
-        children: [/* @__PURE__ */ e(ie, {
-          ...o
-        }), /* @__PURE__ */ e(b, {
+        children: [/* @__PURE__ */ e(se, {
+          ...r
+        }), /* @__PURE__ */ e(g, {
           num: 0.5
-        }), /* @__PURE__ */ e(D, {
+        }), /* @__PURE__ */ e($, {
           size: "small",
-          onClick: r,
-          leftIcon: te
+          onClick: o,
+          leftIcon: oe
         })]
       })
     })
   });
-}, Fe = "_navBar_1qp30_1", He = {
-  navBar: Fe
-}, Ae = "_sidebarMenuButton_1x4z8_1", Re = "_icon_1x4z8_55", Q = {
+}, Re = "_navBar_1qp30_1", $e = {
+  navBar: Re
+}, Ae = "_sidebarMenuButton_1x4z8_1", Pe = "_icon_1x4z8_55", Y = {
   sidebarMenuButton: Ae,
-  icon: Re
-}, $e = (n) => /* @__PURE__ */ L.createElement("svg", {
+  icon: Pe
+}, Te = (n) => /* @__PURE__ */ I.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: 16,
   height: 16,
   viewBox: "0 0 24 24",
   ...n
-}, /* @__PURE__ */ L.createElement("path", {
+}, /* @__PURE__ */ I.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"
-})), se = ({
+})), ce = ({
   className: n,
-  onClick: o
+  onClick: r
 }) => /* @__PURE__ */ e("button", {
-  onClick: o,
-  className: h(Q.sidebarMenuButton, n),
-  children: /* @__PURE__ */ e($e, {
-    className: Q.icon
+  onClick: r,
+  className: d(Y.sidebarMenuButton, n),
+  children: /* @__PURE__ */ e(Te, {
+    className: Y.icon
   })
-}), je = {
+}), Oe = {
   compact: 40,
   standard: 48,
   relaxed: 64
-}, ce = (n) => je[n] + "px", Kn = ({
+}, le = (n) => Oe[n] + "px", Yn = ({
   left: n,
-  className: o,
+  className: r,
   showMenuButton: t = !1,
-  menuButtonVisibility: r = "visible",
+  menuButtonVisibility: o = "visible",
   children: a,
   right: s,
-  center: c,
-  variant: u = "standard",
-  onClickMenuButton: f
+  center: u,
+  variant: h = "standard",
+  onClickMenuButton: _
 }) => {
-  const v = c ? 1 : void 0, _ = ce(u);
+  const v = u ? 1 : void 0, f = le(h);
   return /* @__PURE__ */ i(p, {
-    height: _,
-    minHeight: _,
+    height: f,
+    minHeight: f,
     justifyContent: "space-between",
     style: {
-      ["--swui-nav-bar-height"]: _
+      ["--swui-nav-bar-height"]: f
     },
-    className: h(He.navBar, o),
+    className: d($e.navBar, r),
     children: [/* @__PURE__ */ i(p, {
       flex: v,
       justifyContent: "flex-start",
       alignItems: "center",
       children: [t ? /* @__PURE__ */ i(m, {
-        children: [r === "hidden" ? /* @__PURE__ */ e(d, {
+        children: [o === "hidden" ? /* @__PURE__ */ e(c, {
           width: "var(--swui-nav-bar-height)"
-        }) : /* @__PURE__ */ e(se, {
-          onClick: f
-        }), /* @__PURE__ */ e(b, {})]
-      }) : /* @__PURE__ */ e(b, {
+        }) : /* @__PURE__ */ e(ce, {
+          onClick: _
+        }), /* @__PURE__ */ e(g, {})]
+      }) : /* @__PURE__ */ e(g, {
         num: 2
       }), n ? /* @__PURE__ */ i(m, {
-        children: [n, /* @__PURE__ */ e(b, {
+        children: [n, /* @__PURE__ */ e(g, {
           num: 2
         })]
-      }) : /* @__PURE__ */ e(b, {
+      }) : /* @__PURE__ */ e(g, {
         num: 2
       }), a && /* @__PURE__ */ e(m, {
         children: /* @__PURE__ */ e(p, {
           justifyContent: "center",
           alignItems: "center",
-          children: L.Children.map(a, (B, x) => /* @__PURE__ */ i(m, {
-            children: [x > 0 && /* @__PURE__ */ e(b, {}), B]
+          children: I.Children.map(a, (C, x) => /* @__PURE__ */ i(m, {
+            children: [x > 0 && /* @__PURE__ */ e(g, {}), C]
           }))
         })
       })]
-    }), c && /* @__PURE__ */ e(p, {
+    }), u && /* @__PURE__ */ e(p, {
       justifyContent: "center",
       alignItems: "center",
-      children: c
+      children: u
     }), /* @__PURE__ */ i(p, {
       justifyContent: "flex-end",
       alignItems: "center",
       flex: v,
-      children: [s, /* @__PURE__ */ e(b, {
+      children: [s, /* @__PURE__ */ e(g, {
         num: 2
       })]
     })]
   });
-}, De = "_navBarButton_1xy53_1", Pe = "_selected_1xy53_36", X = {
-  navBarButton: De,
-  selected: Pe
-}, Oe = ({
+}, We = "_navBarButton_1xy53_1", ze = "_selected_1xy53_36", ee = {
+  navBarButton: We,
+  selected: ze
+}, De = ({
   selected: n,
-  className: o,
+  className: r,
   ...t
-}) => /* @__PURE__ */ e(D, {
+}) => /* @__PURE__ */ e($, {
   ...t,
-  className: h(X.navBarButton, n && X.selected, o)
-}), Qn = (n) => /* @__PURE__ */ e(Z, {
+  className: d(ee.navBarButton, n && ee.selected, r)
+}), et = (n) => /* @__PURE__ */ e(Z, {
   whiteSpace: "nowrap",
   color: "#fff",
   ...n
-}), Xn = ({
+}), nt = ({
   content: n,
-  children: o,
+  children: r,
   ...t
 }) => {
-  const [r, a, s] = U(!1);
-  return /* @__PURE__ */ e(O, {
+  const [o, a, s] = U(!1);
+  return /* @__PURE__ */ e(T, {
     onClickOutside: s,
     triggerTarget: document.body,
-    visible: r,
+    visible: o,
     content: /* @__PURE__ */ i(m, {
       children: [n && n({
         close: s
-      }), o]
+      }), r]
     }),
-    children: /* @__PURE__ */ e(Oe, {
+    children: /* @__PURE__ */ e(De, {
       ...t,
       onClick: a
     })
   });
-}, 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 = ({
+}, Ue = "_navBarNotificationButton_1wchp_1", Ze = "_hasCount_1wchp_60", qe = "_unread_1wchp_64", Ve = "_icon_1wchp_79", Ge = "_shake_1wchp_1", R = {
+  navBarNotificationButton: Ue,
+  hasCount: Ze,
+  unread: qe,
+  icon: Ve,
+  shake: Ge
+}, tt = ({
   count: n,
-  unread: o = !1,
+  unread: r = !1,
   className: t,
-  labelClassName: r,
+  labelClassName: o,
   iconClassName: a,
   icon: s = fe,
-  ...c
+  ...u
 }) => {
-  const u = n > 0;
-  return /* @__PURE__ */ e(D, {
-    ...c,
+  const h = n > 0;
+  return /* @__PURE__ */ e($, {
+    ...u,
     leftIcon: s,
-    className: h({
-      [A.unread]: o
+    className: d({
+      [R.unread]: r
     }, {
-      [A.hasCount]: u
-    }, A.navBarNotificationButton, t),
-    label: u ? String(n) : void 0,
-    labelClassName: h(r, A.label),
-    iconClassName: h(a, A.icon)
+      [R.hasCount]: h
+    }, R.navBarNotificationButton, t),
+    label: h ? String(n) : void 0,
+    labelClassName: d(o, R.label),
+    iconClassName: d(a, R.icon)
   });
-}, qe = "_navBarSearchFieldInput_4knxd_1", Ve = "_navBarSearchField_4knxd_1", Y = {
-  navBarSearchFieldInput: qe,
-  navBarSearchField: Ve
-}, et = ({
+}, Je = "_navBarSearchFieldInput_4knxd_1", Ke = "_navBarSearchField_4knxd_1", ne = {
+  navBarSearchFieldInput: Je,
+  navBarSearchField: Ke
+}, rt = ({
   placeholder: n = "Search...",
-  className: o,
+  className: r,
   wrapperClassName: t,
-  ...r
-}) => /* @__PURE__ */ e(Ne, {
-  wrapperClassName: h(Y.navBarSearchField, t),
-  className: h(Y.navBarSearchFieldInput, o),
+  ...o
+}) => /* @__PURE__ */ e(Se, {
+  wrapperClassName: d(ne.navBarSearchField, t),
+  className: d(ne.navBarSearchFieldInput, r),
   placeholder: n,
-  contentRight: /* @__PURE__ */ e(P, {
-    children: /* @__PURE__ */ e(R, {
-      icon: ge
+  contentRight: /* @__PURE__ */ e(q, {
+    children: /* @__PURE__ */ e(A, {
+      icon: _e
     })
   }),
-  ...r
-}), Ge = "_navBarUserButton_1gxfr_1", Je = "_initials_1gxfr_33", ee = {
-  navBarUserButton: Ge,
-  initials: Je
-}, nt = ({
+  ...o
+}), Qe = "_navBarUserButton_1gxfr_1", Xe = "_initials_1gxfr_33", te = {
+  navBarUserButton: Qe,
+  initials: Xe
+}, ot = ({
   className: n,
-  username: o,
+  username: r,
   initials: t,
-  icon: r = be,
+  icon: o = ve,
   iconClassName: a,
   ...s
-}) => /* @__PURE__ */ e(Ie, {
+}) => /* @__PURE__ */ e(je, {
   ...s,
-  className: h({
-    [ee.initials]: t != null
-  }, ee.navBarUserButton, n),
-  leftIcon: o != null ? r : void 0,
-  label: t != null ? t : o,
+  className: d({
+    [te.initials]: t != null
+  }, te.navBarUserButton, n),
+  leftIcon: r != null ? o : void 0,
+  label: t != null ? t : r,
   disableArrow: !0
-}), Ke = {
-  notificationBg: "#eaeaea",
-  notificationHoverBg: "#eeeeee",
-  notificationDismissedBg: "#ffffff",
-  notificationDismissedHoverBg: "#f4f4f4"
-}, tt = ({
-  onClick: n,
-  icon: o,
-  iconColor: t,
-  title: r,
-  text: a,
-  content: s,
-  date: c,
-  dismissed: u,
-  theme: f = Ke
-}) => {
-  const v = oe(() => {
-    if (c)
-      return `${ye(c, new Date())} ago`;
-  }, [c]);
-  return /* @__PURE__ */ e(P, {
-    onClick: n,
+}), de = ({
+  text: n,
+  timestamp: r,
+  icon: t,
+  iconAriaLabel: o,
+  iconColor: a,
+  contentLeft: s,
+  contentRight: u,
+  onClose: h
+}) => /* @__PURE__ */ i(p, {
+  alignItems: "flex-start",
+  indent: !0,
+  spacing: !0,
+  children: [/* @__PURE__ */ i(p, {
+    indent: 2,
+    spacing: !0,
+    gap: 2,
+    flex: 1,
+    alignItems: "flex-start",
+    children: [s && /* @__PURE__ */ e(c, {
+      minHeight: 20,
+      justifyContent: "center",
+      children: s
+    }), !s && t && /* @__PURE__ */ e(A, {
+      icon: t,
+      size: 20,
+      color: a,
+      "aria-label": o
+    }), /* @__PURE__ */ i(c, {
+      minHeight: 20,
+      justifyContent: "center",
+      flex: 1,
+      gap: 0.5,
+      children: [/* @__PURE__ */ e(X, {
+        variant: "bold",
+        children: n
+      }), r && /* @__PURE__ */ e(X, {
+        size: "small",
+        color: B("--lhds-color-ui-600"),
+        children: r
+      })]
+    }), u]
+  }), h && /* @__PURE__ */ e(c, {
+    flex: "none",
+    justifyContent: "center",
     style: {
-      textAlign: "left"
+      height: "calc(20px + 2 * var(--swui-metrics-spacing))"
     },
-    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: [o && /* @__PURE__ */ e(p, {
-          width: "34px",
-          alignItems: "center",
-          children: /* @__PURE__ */ e(R, {
-            icon: o,
-            color: t
-          })
-        }), /* @__PURE__ */ i($, {
-          flex: 1,
-          children: [r && /* @__PURE__ */ i(m, {
-            children: [/* @__PURE__ */ e(C, {
-              children: r
-            }), /* @__PURE__ */ e(w, {
-              half: !0
-            })]
-          }), a && /* @__PURE__ */ i(m, {
-            children: [/* @__PURE__ */ e(C, {
-              size: "small",
-              children: a
-            }), /* @__PURE__ */ e(w, {
-              half: !0
-            })]
-          }), s && /* @__PURE__ */ i(m, {
-            children: [s, /* @__PURE__ */ e(w, {
-              half: !0
-            })]
-          }), /* @__PURE__ */ e(C, {
-            size: "small",
-            color: M("--swui-text-disabled-color"),
-            children: v
-          })]
-        })]
-      })
+    children: /* @__PURE__ */ e($, {
+      leftIcon: Ce,
+      onClick: h,
+      "aria-label": "Close"
     })
-  });
-}, 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($, {
+  })]
+}), at = ({
+  children: n,
+  background: r,
+  ...t
+}) => /* @__PURE__ */ i(L, {
+  background: r,
+  children: [/* @__PURE__ */ e(de, {
+    ...t
+  }), n && /* @__PURE__ */ i(L, {
+    indent: 3,
+    children: [n, /* @__PURE__ */ e(k, {
+      num: 2
+    })]
+  })]
+}), Ye = "_clickable_1ijxc_1", en = "_nonClickable_1ijxc_27", O = {
+  clickable: Ye,
+  nonClickable: en
+}, it = ({
+  onClick: n,
+  onClickAriaLabel: r,
+  children: t,
+  width: o = 264,
+  maxWidth: a,
+  ...s
+}) => /* @__PURE__ */ i(c, {
+  borderRadius: 8,
+  background: B("--lhds-color-ui-50"),
+  shadow: "popover",
+  width: o,
+  maxWidth: a,
+  role: "alert",
+  position: "relative",
+  children: [/* @__PURE__ */ e(c, {
+    className: d({
+      [O.nonClickable]: n
+    }),
+    children: /* @__PURE__ */ e(de, {
+      ...s
+    })
+  }), t && /* @__PURE__ */ i(c, {
+    indent: 3,
+    className: d({
+      [O.nonClickable]: n
+    }),
+    children: [t, /* @__PURE__ */ e(k, {
+      num: 2
+    })]
+  }), n && /* @__PURE__ */ e("button", {
+    onClick: n,
+    className: O.clickable,
+    "aria-label": r
+  })]
+}), nn = "_collapsible_1nroa_1", tn = "_header_1nroa_46", rn = "_indicator_1nroa_59", on = "_headerText_1nroa_103", an = "_label_1nroa_114", sn = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", dn = "_groupHeading_1nroa_155", un = "_contentEnter_1nroa_180", hn = "_contentEnterActive_1nroa_184", pn = "_contentExitDone_1nroa_189", l = {
+  collapsible: nn,
+  header: tn,
+  indicator: rn,
+  headerText: on,
+  label: an,
+  contentLeft: sn,
+  contentRight: cn,
+  content: ln,
+  groupHeading: dn,
+  contentEnter: un,
+  contentEnterActive: hn,
+  contentExitDone: pn
+}, G = () => /* @__PURE__ */ i(L, {
   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, {
+  children: [/* @__PURE__ */ e(A, {
+    icon: Fe,
+    color: B("--lhds-color-ui-500")
+  }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(S, {
     size: "small",
-    color: M("--lhds-color-ui-500"),
+    color: B("--lhds-color-ui-500"),
     children: "No content"
   })]
-}), G = ({
+}), J = ({
   contentLeft: n,
-  contentRight: o,
+  contentRight: r,
   className: t,
-  children: r,
+  children: o,
   ...a
 }) => /* @__PURE__ */ i("div", {
-  className: h(l.content, t),
+  className: d(l.content, t),
   ...a,
   children: [n && /* @__PURE__ */ e("div", {
     className: l.contentLeft,
     children: n
-  }), r != null ? r : /* @__PURE__ */ e(V, {}), o && /* @__PURE__ */ e("div", {
+  }), o != null ? o : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
     className: l.contentRight,
-    children: o
+    children: r
   })]
-}), dn = (n) => {
-  const o = parseFloat(n), t = n.match(/m?s/);
+}), mn = (n) => {
+  const r = parseFloat(n), t = n.match(/m?s/);
   switch (t == null ? void 0 : t[0]) {
     case "s":
-      return o * 1e3;
+      return r * 1e3;
     case "ms":
-      return o;
+      return r;
     default:
       return 0;
   }
-}, le = xe(function({
-  label: o,
+}, ue = ke(function({
+  label: r,
   contentLeft: t,
-  contentRight: r,
+  contentRight: o,
   collapsed: a = !1,
   onClick: s,
-  className: c,
-  disabled: u = !1,
-  unmountOnCollapse: f = !1,
+  className: u,
+  disabled: h = !1,
+  unmountOnCollapse: _ = !1,
   mountOnEnter: v = !0,
-  icon: _ = Me,
-  iconCollapsed: B = ke,
+  icon: f = Le,
+  iconCollapsed: C = Ie,
   iconSize: x = 8,
-  children: g,
-  autoFocus: I = !1,
+  children: b,
+  autoFocus: E = !1,
   ...N
-}, E) {
-  const y = L.useRef(null), F = y.current ? dn(getComputedStyle(y.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
+}, F) {
+  const w = I.useRef(null), j = w.current ? mn(getComputedStyle(w.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
   return /* @__PURE__ */ i("div", {
-    className: h(l.collapsible, c),
+    className: d(l.collapsible, u),
     "aria-expanded": !a,
-    ref: y,
+    ref: w,
     ...N,
-    children: [/* @__PURE__ */ i(P, {
+    children: [/* @__PURE__ */ i(q, {
       disableFocusHighlight: !0,
       disableOpacityOnClick: !0,
       className: l.header,
       onClick: s,
-      disabled: u,
-      autoFocus: I,
-      ref: E,
+      disabled: h,
+      autoFocus: E,
+      ref: F,
       children: [t && /* @__PURE__ */ e("div", {
         className: l.contentLeft,
         children: t
       }), /* @__PURE__ */ e("div", {
         className: l.label,
-        children: /* @__PURE__ */ e(C, {
+        children: /* @__PURE__ */ e(S, {
           color: "var(--swui-collapsible-header-text-color)",
           className: l.headerText,
-          children: o
+          children: r
         })
-      }), r && /* @__PURE__ */ e("div", {
+      }), o && /* @__PURE__ */ e("div", {
         className: l.contentRight,
-        children: r
-      }), /* @__PURE__ */ e(R, {
-        icon: a ? B : _,
+        children: o
+      }), /* @__PURE__ */ e(A, {
+        icon: a ? C : f,
         className: l.indicator,
         size: x,
         fixedWidth: !0
       })]
-    }), /* @__PURE__ */ e(Se, {
+    }), /* @__PURE__ */ e(Ee, {
       in: !a,
       timeout: {
-        enter: F
+        enter: j
       },
       classNames: {
         enter: l.contentEnter,
@@ -499,125 +537,125 @@ const q = ({
         exitDone: l.contentExitDone
       },
       mountOnEnter: v,
-      unmountOnExit: f,
+      unmountOnExit: _,
       children: /* @__PURE__ */ e("div", {
         role: "region",
-        children: g != null ? g : /* @__PURE__ */ e(G, {
-          children: /* @__PURE__ */ e(V, {})
+        children: b != null ? b : /* @__PURE__ */ e(J, {
+          children: /* @__PURE__ */ e(G, {})
         })
       })
     })]
   });
-}), ot = ({
+}), st = ({
   value: n,
-  onValueChange: o,
+  onValueChange: r,
   onChange: t,
-  indeterminate: r,
+  indeterminate: o,
   ...a
-}) => /* @__PURE__ */ e(le, {
-  contentLeft: /* @__PURE__ */ e(ie, {
+}) => /* @__PURE__ */ e(ue, {
+  contentLeft: /* @__PURE__ */ e(se, {
     value: n,
-    indeterminate: r,
-    onValueChange: o,
+    indeterminate: o,
+    onValueChange: r,
     onChange: t,
     onClick: (s) => s.stopPropagation()
   }),
   ...a
-}), rt = ({
+}), ct = ({
   contentLeft: n,
-  contentRight: o,
+  contentRight: r,
   className: t,
-  onClick: r,
+  onClick: o,
   children: a,
   ...s
-}) => /* @__PURE__ */ i(P, {
+}) => /* @__PURE__ */ i(q, {
   disableFocusHighlight: !0,
   disableOpacityOnClick: !0,
-  className: h(l.content, t),
-  onClick: r,
+  className: d(l.content, t),
+  onClick: o,
   ...s,
   children: [n && /* @__PURE__ */ e("div", {
     className: l.contentLeft,
     children: n
-  }), a != null ? a : /* @__PURE__ */ e(V, {}), o && /* @__PURE__ */ e("div", {
+  }), a != null ? a : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
     className: l.contentRight,
-    children: o
+    children: r
   })]
-}), at = ({
+}), lt = ({
   className: n,
-  ...o
-}) => /* @__PURE__ */ e(G, {
-  className: h(l.groupHeading, n),
-  ...o
-}), un = ({
+  ...r
+}) => /* @__PURE__ */ e(J, {
+  className: d(l.groupHeading, n),
+  ...r
+}), bn = ({
   text: n = "Something unexpected happened."
-}) => /* @__PURE__ */ e(d, {
+}) => /* @__PURE__ */ e(c, {
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(ve, {
+  children: /* @__PURE__ */ e(xe, {
     variant: "error",
     headerText: n
   })
-}), it = (n) => /* @__PURE__ */ e(d, {
+}), dt = (n) => /* @__PURE__ */ e(c, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(un, {
+  children: /* @__PURE__ */ e(bn, {
     ...n
   })
-}), hn = ({
+}), gn = ({
   text: n = "Loading..."
-}) => /* @__PURE__ */ i(d, {
+}) => /* @__PURE__ */ i(c, {
   alignItems: "center",
-  children: [/* @__PURE__ */ e(_e, {
+  children: [/* @__PURE__ */ e(Be, {
     size: "small"
-  }), /* @__PURE__ */ e(w, {
+  }), /* @__PURE__ */ e(k, {
     num: 4
   }), /* @__PURE__ */ e(Z, {
     variant: "h4",
     children: n
   })]
-}), st = (n) => /* @__PURE__ */ e(d, {
+}), ut = (n) => /* @__PURE__ */ e(c, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(hn, {
+  children: /* @__PURE__ */ e(gn, {
     ...n
   })
-}), ct = ({
+}), ht = ({
   renderBreadCrumbs: n,
-  renderPageHeading: o,
+  renderPageHeading: r,
   renderTabs: t,
-  children: r
-}) => /* @__PURE__ */ i(d, {
+  children: o
+}) => /* @__PURE__ */ i(c, {
   shadow: "box",
-  background: M("--lhds-color-ui-50"),
-  children: [/* @__PURE__ */ i(d, {
+  background: B("--lhds-color-ui-50"),
+  children: [/* @__PURE__ */ i(c, {
     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]
+    }), r == null ? void 0 : r(), t == null ? void 0 : t()]
+  }), o && /* @__PURE__ */ i(m, {
+    children: [!t && n && /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(ae, {}), o]
   })]
-}), lt = (n) => /* @__PURE__ */ e(p, {
+}), pt = (n) => /* @__PURE__ */ e(p, {
   indent: 3,
   spacing: !0,
   ...n
-}), pn = {
+}), fn = {
   compact: 1,
   standard: 1.5,
   relaxed: 2
-}, dt = ({
+}, mt = ({
   heading: n,
-  variant: o = "standard",
+  variant: r = "standard",
   contentLeft: t,
-  contentRight: r
+  contentRight: o
 }) => /* @__PURE__ */ i(p, {
-  spacing: pn[o],
+  spacing: fn[r],
   alignItems: "center",
   gap: 2,
   children: [/* @__PURE__ */ e(Z, {
@@ -631,253 +669,253 @@ const q = ({
       marginLeft: "auto"
     },
     alignItems: "center",
-    children: r
+    children: o
   })]
-}), 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", {
+}), _n = "_sidebarMenu_hch18_1", W = {
+  sidebarMenu: _n
+}, vn = "_sidebarMenuCloseButton_1j21u_1", Cn = "_iconWrapper_1j21u_55", xn = "_icon_1j21u_55", z = {
+  sidebarMenuCloseButton: vn,
+  iconWrapper: Cn,
+  icon: xn
+}, Bn = (n) => /* @__PURE__ */ I.createElement("svg", {
   width: "16px",
   height: "16px",
   viewBox: "0 0 16 16",
   xmlns: "http://www.w3.org/2000/svg",
   ...n
-}, /* @__PURE__ */ L.createElement("path", {
+}, /* @__PURE__ */ I.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"
-})), _n = ({
+})), Nn = ({
   className: n,
-  onClick: o
+  onClick: r
 }) => /* @__PURE__ */ e("button", {
-  onClick: o,
-  className: h(W.sidebarMenuCloseButton, n),
-  children: /* @__PURE__ */ e(d, {
-    className: W.iconWrapper,
-    children: /* @__PURE__ */ e(vn, {
-      className: W.icon
+  onClick: r,
+  className: d(z.sidebarMenuCloseButton, n),
+  children: /* @__PURE__ */ e(c, {
+    className: z.iconWrapper,
+    children: /* @__PURE__ */ e(Bn, {
+      className: z.icon
     })
   })
-}), J = (n) => /* @__PURE__ */ e(re, {
-  color: M("--lhds-color-blue-600"),
+}), K = (n) => /* @__PURE__ */ e(ae, {
+  color: B("--lhds-color-blue-600"),
   ...n
-}), Cn = ({
+}), wn = ({
   className: n,
-  children: o,
+  children: r,
   onCloseClick: t,
-  collapsed: r = !1,
+  collapsed: o = !1,
   hideCloseButton: a = !1,
   variant: s = "standard",
-  ...c
+  ...u
 }) => {
-  const u = ce(s);
-  return /* @__PURE__ */ i(d, {
-    className: h(T.sidebarMenu, r ? T.collapsed : null, n),
+  const h = le(s);
+  return /* @__PURE__ */ i(c, {
+    className: d(W.sidebarMenu, o ? W.collapsed : null, n),
     style: {
-      ["--swui-sidebar-menu-item-height"]: u,
-      ["--swui-nav-bar-height"]: u
+      ["--swui-sidebar-menu-item-height"]: h,
+      ["--swui-nav-bar-height"]: h
     },
-    "data-collapsed": r || void 0,
-    ...c,
+    "data-collapsed": o || void 0,
+    ...u,
     children: [!a && /* @__PURE__ */ i(m, {
-      children: [/* @__PURE__ */ e(_n, {
+      children: [/* @__PURE__ */ e(Nn, {
         onClick: t
-      }), /* @__PURE__ */ e(J, {}), /* @__PURE__ */ e(w, {})]
-    }), /* @__PURE__ */ e(d, {
-      className: T.sidebarMenuContent,
+      }), /* @__PURE__ */ e(K, {}), /* @__PURE__ */ e(k, {})]
+    }), /* @__PURE__ */ e(c, {
+      className: W.sidebarMenuContent,
       height: "100%",
       background: "var(--current-background-color)",
-      children: /* @__PURE__ */ e($, {
+      children: /* @__PURE__ */ e(L, {
         flex: 1,
-        children: o
+        children: r
       })
     })]
   });
-}, ut = ({
+}, bt = ({
   variant: n,
-  onClickMenuButton: o,
+  onClickMenuButton: r,
   children: t
-}) => /* @__PURE__ */ i(Cn, {
+}) => /* @__PURE__ */ i(wn, {
   collapsed: !0,
   position: "fixed",
   left: 0,
   top: 0,
   hideCloseButton: !0,
   variant: n,
-  children: [/* @__PURE__ */ e(se, {
-    onClick: o
+  children: [/* @__PURE__ */ e(ce, {
+    onClick: r
   }), 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 = ({
+}), yn = "_label_mnp0f_1", kn = "_icon_mnp0f_9", Mn = "_spinner_mnp0f_14", Sn = "_leftWrapper_mnp0f_18", In = "_button_mnp0f_23", Ln = "_selected_mnp0f_45", y = {
+  label: yn,
+  icon: kn,
+  spinner: Mn,
+  leftWrapper: Sn,
+  button: In,
+  selected: Ln
+}, En = ({
   activeClassName: n,
-  ...o
+  ...r
 }) => /* @__PURE__ */ e("button", {
-  ...o
-}), z = ({
+  ...r
+}), D = ({
   className: n,
-  children: o,
+  children: r,
   selected: t,
-  indent: r,
+  indent: o,
   label: a,
   loading: s,
-  left: c,
-  leftIcon: u,
-  right: f,
+  left: u,
+  leftIcon: h,
+  right: _,
   rightIcon: v,
-  success: _,
-  width: B,
-  renderLink: x = Mn,
-  style: g,
-  ...I
+  success: f,
+  width: C,
+  renderLink: x = En,
+  style: b,
+  ...E
 }) => {
-  const N = c || u || s || _, E = h(k.button, t ? k.selected : void 0, n), y = {
-    ...g,
-    width: B,
+  const N = u || h || s || f, F = d(y.button, t ? y.selected : void 0, n), w = {
+    ...b,
+    width: C,
     height: "var(--swui-sidebar-menu-item-height)"
-  }, F = /* @__PURE__ */ i(p, {
+  }, j = /* @__PURE__ */ i(p, {
     spacing: 1,
     flex: 1,
     alignItems: "center",
-    children: [!N && /* @__PURE__ */ e(b, {}), r && /* @__PURE__ */ e(b, {
+    children: [!N && /* @__PURE__ */ e(g, {}), o && /* @__PURE__ */ e(g, {
       num: 3.5
-    }), /* @__PURE__ */ e(Ce, {
+    }), /* @__PURE__ */ e(Ne, {
       label: a,
       loading: s,
-      left: c,
-      leftIcon: u,
-      right: f,
+      left: u,
+      leftIcon: h,
+      right: _,
       rightIcon: v,
-      success: _,
-      labelClassName: k.label,
-      spinnerClassName: k.spinner,
-      iconClassName: h(k.icon),
-      leftWrapperClassName: k.leftWrapper
+      success: f,
+      labelClassName: y.label,
+      spinnerClassName: y.spinner,
+      iconClassName: d(y.icon),
+      leftWrapperClassName: y.leftWrapper
     })]
   });
   return /* @__PURE__ */ e(m, {
     children: x({
-      ...I,
-      activeClassName: k.selected,
-      className: E,
-      children: F,
-      style: y
+      ...E,
+      activeClassName: y.selected,
+      className: F,
+      children: j,
+      style: w
     })
   });
-}, Sn = "_sidebarMenuHeading_kvpq5_1", Ln = {
-  sidebarMenuHeading: Sn
-}, de = ({
+}, Fn = "_sidebarMenuHeading_kvpq5_1", jn = {
+  sidebarMenuHeading: Fn
+}, he = ({
   className: n,
-  label: o,
+  label: r,
   contentLeft: t,
-  contentRight: r,
+  contentRight: o,
   ...a
-}) => /* @__PURE__ */ e(d, {
+}) => /* @__PURE__ */ e(c, {
   spacing: 2,
   indent: 2,
-  children: /* @__PURE__ */ e(G, {
-    className: Ln.sidebarMenuHeading,
+  children: /* @__PURE__ */ e(J, {
+    className: jn.sidebarMenuHeading,
     contentLeft: t,
-    contentRight: r,
-    children: /* @__PURE__ */ e(C, {
+    contentRight: o,
+    children: /* @__PURE__ */ e(S, {
       variant: "overline",
       color: "var(--swui-sidebar-menu-heading-text-color)",
       ...a,
-      children: o
+      children: r
     })
   })
-}), In = "_sidebarMenuCollapsible_1jwhs_1", En = {
-  sidebarMenuCollapsible: In
-}, Fn = ({
+}), Hn = "_sidebarMenuCollapsible_1jwhs_1", Rn = {
+  sidebarMenuCollapsible: Hn
+}, $n = ({
   children: n,
-  label: o,
+  label: r,
   leftIcon: t
 }) => {
-  const [r, a] = we(!1);
-  return /* @__PURE__ */ e(d, {
+  const [o, a] = Me(!1);
+  return /* @__PURE__ */ e(c, {
     background: "var(--current-background-color)",
-    children: /* @__PURE__ */ e(le, {
-      className: En.sidebarMenuCollapsible,
-      label: o,
-      collapsed: r,
-      onClick: () => a(!r),
-      contentLeft: t ? /* @__PURE__ */ e(d, {
+    children: /* @__PURE__ */ e(ue, {
+      className: Rn.sidebarMenuCollapsible,
+      label: r,
+      collapsed: o,
+      onClick: () => a(!o),
+      contentLeft: t ? /* @__PURE__ */ e(c, {
         width: "var(--swui-sidebar-menu-item-height)",
         alignItems: "center",
         justifyContent: "center",
-        children: /* @__PURE__ */ e(R, {
+        children: /* @__PURE__ */ e(A, {
           icon: t,
           size: 16,
           color: "var(--current-text-color)",
           "data-hover": !0
         })
-      }) : /* @__PURE__ */ e(b, {
+      }) : /* @__PURE__ */ e(g, {
         num: 1
       }),
-      children: /* @__PURE__ */ e($, {
+      children: /* @__PURE__ */ e(L, {
         flex: 1,
         children: n
       })
     })
   });
-}, ue = (n, o = !1) => n.map((t, r) => {
+}, pe = (n, r = !1) => n.map((t, o) => {
   switch (t.type) {
     case "heading":
-      return /* @__PURE__ */ e(de, {
+      return /* @__PURE__ */ e(he, {
         label: t.label
-      }, r);
+      }, o);
     case "separator":
-      return /* @__PURE__ */ e(J, {}, r);
+      return /* @__PURE__ */ e(K, {}, o);
     case "link": {
       const {
         type: a,
         ...s
       } = t;
-      return /* @__PURE__ */ e(z, {
-        indent: o,
+      return /* @__PURE__ */ e(D, {
+        indent: r,
         ...s
-      }, r);
+      }, o);
     }
     case "grouped":
-      return /* @__PURE__ */ e(Fn, {
+      return /* @__PURE__ */ e($n, {
         leftIcon: t.leftIcon,
         label: t.label,
-        children: ue(t.items, !0)
-      }, r);
+        children: pe(t.items, !0)
+      }, o);
     default:
-      return ae(t);
+      return ie(t);
   }
-}), ht = (n, {
-  popupMinWidth: o
-}) => n.map((t, r) => {
+}), gt = (n, {
+  popupMinWidth: r
+}) => n.map((t, o) => {
   switch (t.type) {
     case "heading":
       return null;
     case "separator":
-      return /* @__PURE__ */ e(J, {}, r);
+      return /* @__PURE__ */ e(K, {}, o);
     case "link": {
       const {
         type: a,
         label: s,
-        ...c
+        ...u
       } = t;
-      return /* @__PURE__ */ e(z, {
+      return /* @__PURE__ */ e(D, {
         title: s,
         width: "var(--swui-sidebar-menu-item-height)",
-        ...c
-      }, r);
+        ...u
+      }, o);
     }
     case "grouped":
       return /* @__PURE__ */ e("div", {
-        children: /* @__PURE__ */ e(O, {
+        children: /* @__PURE__ */ e(T, {
           appendTo: "parent",
           arrow: !1,
           offset: [0, 0],
@@ -885,97 +923,97 @@ const q = ({
           trigger: "focusin mouseenter click",
           disablePadding: !0,
           lazy: !0,
-          content: /* @__PURE__ */ i(d, {
-            minWidth: o,
+          content: /* @__PURE__ */ i(c, {
+            minWidth: r,
             background: "var(--lhds-color-blue-500)",
-            children: [/* @__PURE__ */ e(de, {
+            children: [/* @__PURE__ */ e(he, {
               label: t.label
-            }), ue(t.items)]
+            }), pe(t.items)]
           }),
-          children: /* @__PURE__ */ e(z, {
+          children: /* @__PURE__ */ e(D, {
             title: t.label,
             width: "var(--swui-sidebar-menu-item-height)",
             leftIcon: t.leftIcon
           })
         })
-      }, r);
+      }, o);
     default:
-      return ae(t);
+      return ie(t);
   }
-}), Hn = `1px solid ${M("--lhds-color-orange-400")}`, pt = ({
+}), An = `1px solid ${B("--lhds-color-orange-400")}`, ft = ({
   numItemsSelected: n,
-  label: o,
+  label: r,
   afterLabelContent: t,
-  rightContent: r
+  rightContent: o
 }) => /* @__PURE__ */ i(p, {
   indent: 3,
   spacing: !0,
   minHeight: "56px",
   justifyContent: "space-between",
   alignItems: "center",
-  borderTop: Hn,
-  background: M("--lhds-color-orange-50"),
+  borderTop: An,
+  background: B("--lhds-color-orange-50"),
   children: [/* @__PURE__ */ i(p, {
     alignItems: "center",
-    children: [n != null || o != null ? /* @__PURE__ */ e(m, {
+    children: [n != null || r != null ? /* @__PURE__ */ e(m, {
       children: n != null ? /* @__PURE__ */ i(m, {
-        children: [/* @__PURE__ */ e(C, {
+        children: [/* @__PURE__ */ e(S, {
           variant: "bold",
           children: n
-        }), /* @__PURE__ */ e(w, {}), /* @__PURE__ */ i(C, {
+        }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ i(S, {
           children: ["item", n === 1 ? "" : "s", " selected"]
         })]
-      }) : o != null ? /* @__PURE__ */ e(m, {
-        children: typeof o == "string" ? /* @__PURE__ */ e(C, {
-          children: o
-        }) : o
+      }) : r != null ? /* @__PURE__ */ e(m, {
+        children: typeof r == "string" ? /* @__PURE__ */ e(S, {
+          children: r
+        }) : r
       }) : null
     }) : null, t ? /* @__PURE__ */ i(m, {
-      children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(d, {
+      children: [/* @__PURE__ */ e(g, {}), /* @__PURE__ */ e(c, {
         children: t
       })]
     }) : null]
-  }), /* @__PURE__ */ e(d, {
-    children: r
+  }), /* @__PURE__ */ e(c, {
+    children: o
   })]
 });
 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
+  je as ActionMenuFlatButton,
+  Kn as ActionMenuPrimaryButton,
+  Qn as ActionMenuSecondaryButton,
+  Xn as CheckboxMenu,
+  ue as Collapsible,
+  ct as CollapsibleClickableContent,
+  J as CollapsibleContent,
+  G as CollapsibleEmptyContent,
+  lt as CollapsibleGroupHeading,
+  st as CollapsibleWithCheckbox,
+  bn as ErrorPanel,
+  dt as ErrorScreen,
+  gn as LoadingPanel,
+  ut as LoadingScreen,
+  Yn as NavBar,
+  De as NavBarButton,
+  et as NavBarHeading,
+  tt as NavBarNotificationButton,
+  nt as NavBarPopoverButton,
+  rt as NavBarSearchField,
+  ot as NavBarUserButton,
+  at as Notification,
+  ht as PageHeader,
+  pt as PageHeaderRow,
+  mt as PageHeading,
+  ft as SelectedItemsActionsPanel,
+  wn as SidebarMenu,
+  $n as SidebarMenuCollapsible,
+  he as SidebarMenuHeading,
+  D as SidebarMenuLink,
+  K as SidebarMenuSeparator,
+  bt as SidebarRailMenu,
+  it as Toast,
+  En as defaultRenderLink,
+  mn as mapCSSTime,
+  pe as renderItemsExpanded,
+  gt as renderItemsInRail
 };
 //# sourceMappingURL=index.es.js.map