@stenajs-webui/panels 19.0.0-next.8 → 19.0.0-next.9

package/dist/index.es.js

@@ -1,19 +1,19 @@
-(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--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 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--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_18iz9_1._selected_18iz9_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_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--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-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--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_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_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_8ej1j_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_rcj0j_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_rcj0j_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_rcj0j_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-50);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_rcj0j_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_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--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_1cwhm_1._initials_1cwhm_31{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_tg9i7_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--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-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100vh}._sidebarMenu_tg9i7_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_tg9i7_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { ActionMenu as Y, ActionMenuContext as se, stenaAngleDown as $, PrimaryButton as de, SecondaryButton as ue, FlatButton as _, stenaHamburger as he, stenaBellFilled as pe, Icon as F, stenaSearch as ge, stenaUserCircle as me, stenaTimes as Z, stenaMail as fe, stenaAngleUp as be, Banner as ve, Spinner as _e, CircledIcon as Ce, StenaFlag as xe, MenuButtonLink as Be, MenuButton as ye } from "@stenajs-webui/elements";
-import * as ee from "react";
-import { useRef as ke, useMemo as Ne, forwardRef as Ie, useState as we } from "react";
-import { useBoolean as D, Column as S, Box as d, Row as i, Indent as x, Heading as U, Clickable as V, Txt as J, Space as b, Text as B, SeparatorLine as Se, exhaustSwitchCaseElseThrow as ne } from "@stenajs-webui/core";
-import { Popover as R } from "@stenajs-webui/tooltip";
+(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--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 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--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_18iz9_1._selected_18iz9_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_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--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-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--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_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_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_8ej1j_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_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_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-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--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_1cwhm_1._initials_1cwhm_31{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_tg9i7_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--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-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100vh}._sidebarMenu_tg9i7_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_tg9i7_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { ActionMenu as X, ActionMenuContext as se, stenaAngleDown as L, PrimaryButton as de, SecondaryButton as ue, FlatButton as _, stenaHamburger as he, stenaBellFilled as pe, stenaUserCircle as ge, Icon as $, stenaTimes as Y, stenaMail as me, stenaAngleUp as fe, Banner as be, Spinner as ve, CircledIcon as _e, StenaFlag as Ce, MenuButtonLink as xe, MenuButton as Be } from "@stenajs-webui/elements";
+import * as Z from "react";
+import { useRef as ye, useMemo as ke, forwardRef as Ne, useState as Ie } from "react";
+import { useBoolean as D, Column as S, Box as d, Row as i, Indent as x, Heading as U, Txt as G, Space as b, Text as B, Clickable as ee, SeparatorLine as we, exhaustSwitchCaseElseThrow as ne } from "@stenajs-webui/core";
+import { Popover as F } from "@stenajs-webui/tooltip";
 import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import { Checkbox as te, TextInput as je } from "@stenajs-webui/forms";
+import { Checkbox as te, TextInput as Se } from "@stenajs-webui/forms";
 import h from "classnames";
 import { cssColor as f } from "@stenajs-webui/theme";
-import { CSSTransition as Ee } from "react-transition-group";
-const W = ({
+import { CSSTransition as je } from "react-transition-group";
+const V = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: r,
-  rightIcon: a = $,
+  rightIcon: a = L,
   portalTarget: o = "parent",
   zIndex: c,
   menuWidth: u,
@@ -22,22 +22,22 @@ const W = ({
   disableArrow: y = !1,
   ...A
 }) => {
-  const [j, E, g, H] = D(!1), k = ke(null), P = {
+  const [j, E, g, R] = D(!1), k = ye(null), H = {
     name: "focusManager",
     defaultValue: !0,
     fn({
       popper: I
     }) {
       let M = !1;
-      const G = (C) => {
+      const q = (C) => {
         C.key === "Escape" && (M = !0, g()), (C.key === "Enter" || C.key === " ") && (M = !0);
       };
       return {
         onCreate() {
-          I.addEventListener("keydown", G);
+          I.addEventListener("keydown", q);
         },
         onDestroy() {
-          I.removeEventListener("keydown", G);
+          I.removeEventListener("keydown", q);
         },
         onMount() {
           var C;
@@ -48,18 +48,18 @@ const W = ({
         }
       };
     }
-  }, N = Ne(() => ({
+  }, N = ke(() => ({
     open: E,
     close: g
-  }), [E, g]), z = (I) => {
-    v == null || v(I), H();
+  }), [E, g]), P = (I) => {
+    v == null || v(I), R();
   };
-  return /* @__PURE__ */ e(R, {
+  return /* @__PURE__ */ e(F, {
     disablePadding: !0,
     visible: j,
     onClickOutside: g,
     placement: t,
-    content: j && /* @__PURE__ */ e(Y, {
+    content: j && /* @__PURE__ */ e(X, {
       width: u,
       top: p,
       trapFocus: !0,
@@ -71,36 +71,36 @@ const W = ({
     arrow: !1,
     appendTo: o,
     zIndex: c,
-    plugins: [P],
+    plugins: [H],
     lazy: !0,
     children: /* @__PURE__ */ e(r, {
       rightIcon: y ? void 0 : a,
       ...A,
       ref: k,
-      onClick: z
+      onClick: P
     })
   });
-}, Sn = (n) => /* @__PURE__ */ e(W, {
+}, wn = (n) => /* @__PURE__ */ e(V, {
   buttonComponent: de,
   ...n
-}), jn = (n) => /* @__PURE__ */ e(W, {
+}), Sn = (n) => /* @__PURE__ */ e(V, {
   buttonComponent: ue,
   ...n
-}), Me = (n) => /* @__PURE__ */ e(W, {
+}), Ee = (n) => /* @__PURE__ */ e(V, {
   buttonComponent: _,
   ...n
-}), Fe = "1px solid var(--lhds-color-ui-300)", En = ({
+}), Me = "1px solid var(--lhds-color-ui-300)", jn = ({
   renderMenu: n,
   ...t
 }) => {
   const [r, a, o] = D(!1);
-  return /* @__PURE__ */ e(R, {
+  return /* @__PURE__ */ e(F, {
     onClickOutside: o,
     arrow: !1,
     visible: r,
     disablePadding: !0,
     content: n ? /* @__PURE__ */ e(S, {
-      children: /* @__PURE__ */ e(Y, {
+      children: /* @__PURE__ */ e(X, {
         children: n(o)
       })
     }) : void 0,
@@ -111,7 +111,7 @@ const W = ({
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: Fe,
+        border: Me,
         borderRadius: "4px",
         children: [/* @__PURE__ */ e(te, {
           ...t
@@ -120,13 +120,13 @@ const W = ({
         }), /* @__PURE__ */ e(_, {
           size: "small",
           onClick: a,
-          leftIcon: $
+          leftIcon: L
         })]
       })
     })
   });
-}, Re = "_navBar_kzibd_1", Ae = {
-  navBar: Re
+}, Fe = "_navBar_kzibd_1", Ae = {
+  navBar: Fe
 }, re = ({
   className: n,
   onClick: t
@@ -134,7 +134,7 @@ const W = ({
   leftIcon: he,
   className: n,
   onClick: t
-}), Mn = ({
+}), En = ({
   left: n,
   className: t,
   showMenuButton: r = !1,
@@ -165,7 +165,7 @@ const W = ({
         children: /* @__PURE__ */ e(i, {
           justifyContent: "center",
           alignItems: "center",
-          children: ee.Children.map(a, (v, y) => /* @__PURE__ */ l(m, {
+          children: Z.Children.map(a, (v, y) => /* @__PURE__ */ l(m, {
             children: [y > 0 && /* @__PURE__ */ e(x, {}), v]
           }))
         })
@@ -183,28 +183,28 @@ const W = ({
       })]
     })]
   });
-}, He = "_navBarButton_18iz9_1", Pe = "_selected_18iz9_36", K = {
-  navBarButton: He,
-  selected: Pe
-}, ze = ({
+}, Re = "_navBarButton_18iz9_1", He = "_selected_18iz9_36", J = {
+  navBarButton: Re,
+  selected: He
+}, Pe = ({
   selected: n,
   className: t,
   ...r
 }) => /* @__PURE__ */ e(_, {
   ...r,
-  className: h(K.navBarButton, n && K.selected, t)
-}), Fn = (n) => /* @__PURE__ */ e(U, {
+  className: h(J.navBarButton, n && J.selected, t)
+}), Mn = (n) => /* @__PURE__ */ e(U, {
   whiteSpace: "nowrap",
   variant: "h4",
   as: "h1",
   ...n
-}), Rn = ({
+}), Fn = ({
   content: n,
   children: t,
   ...r
 }) => {
   const [a, , o, c] = D(!1);
-  return /* @__PURE__ */ e(R, {
+  return /* @__PURE__ */ e(F, {
     onClickOutside: o,
     triggerTarget: document.body,
     visible: a,
@@ -213,17 +213,17 @@ const W = ({
         close: o
       }), t]
     }),
-    children: /* @__PURE__ */ e(ze, {
+    children: /* @__PURE__ */ e(Pe, {
       ...r,
       onClick: c
     })
   });
-}, Oe = "_navBarNotificationButton_8ej1j_1", Te = "_unread_8ej1j_54", Le = "_hasCount_8ej1j_68", $e = "_icon_8ej1j_69", De = "_shake_8ej1j_1", w = {
-  navBarNotificationButton: Oe,
-  unread: Te,
-  hasCount: Le,
-  icon: $e,
-  shake: De
+}, ze = "_navBarNotificationButton_8ej1j_1", Oe = "_unread_8ej1j_54", Te = "_hasCount_8ej1j_68", Le = "_icon_8ej1j_69", $e = "_shake_8ej1j_1", w = {
+  navBarNotificationButton: ze,
+  unread: Oe,
+  hasCount: Te,
+  icon: Le,
+  shake: $e
 }, An = ({
   count: n,
   unread: t = !1,
@@ -242,39 +242,34 @@ const W = ({
     labelClassName: h(a, w.label),
     iconClassName: h(o, w.icon)
   });
-}, Ue = "_navBarSearchFieldInput_rcj0j_1", Ve = "_navBarSearchField_rcj0j_1", Q = {
-  navBarSearchFieldInput: Ue,
-  navBarSearchField: Ve
-}, Hn = ({
-  placeholder: n = "Search...",
+}, De = "_navBarSearchFieldInput_16tw5_1", Ue = "_navBarSearchField_16tw5_1", K = {
+  navBarSearchFieldInput: De,
+  navBarSearchField: Ue
+}, Rn = ({
+  placeholder: n = "Search",
   className: t,
   wrapperClassName: r,
   ...a
-}) => /* @__PURE__ */ e(je, {
-  wrapperClassName: h(Q.navBarSearchField, r),
-  className: h(Q.navBarSearchFieldInput, t),
+}) => /* @__PURE__ */ e(Se, {
+  wrapperClassName: h(K.navBarSearchField, r),
+  className: h(K.navBarSearchFieldInput, t),
   placeholder: n,
-  contentRight: /* @__PURE__ */ e(V, {
-    children: /* @__PURE__ */ e(F, {
-      icon: ge
-    })
-  }),
   ...a
-}), We = "_navBarUserButton_1cwhm_1", qe = "_initials_1cwhm_31", X = {
-  navBarUserButton: We,
-  initials: qe
-}, Pn = ({
+}), Ve = "_navBarUserButton_1cwhm_1", We = "_initials_1cwhm_31", Q = {
+  navBarUserButton: Ve,
+  initials: We
+}, Hn = ({
   className: n,
   username: t,
   initials: r,
-  icon: a = me,
+  icon: a = ge,
   iconClassName: o,
   ...c
-}) => /* @__PURE__ */ e(Me, {
+}) => /* @__PURE__ */ e(Ee, {
   ...c,
   className: h({
-    [X.initials]: r != null
-  }, X.navBarUserButton, n),
+    [Q.initials]: r != null
+  }, Q.navBarUserButton, n),
   leftIcon: t != null ? a : void 0,
   label: r != null ? r : t,
   disableArrow: !0
@@ -301,7 +296,7 @@ const W = ({
       minHeight: 20,
       justifyContent: "center",
       children: c
-    }), !c && r && /* @__PURE__ */ e(F, {
+    }), !c && r && /* @__PURE__ */ e($, {
       icon: r,
       size: 20,
       color: o,
@@ -311,10 +306,10 @@ const W = ({
       justifyContent: "center",
       flex: 1,
       gap: 0.5,
-      children: [/* @__PURE__ */ e(J, {
+      children: [/* @__PURE__ */ e(G, {
         variant: "bold",
         children: n
-      }), t && /* @__PURE__ */ e(J, {
+      }), t && /* @__PURE__ */ e(G, {
         size: "small",
         color: f("--lhds-color-ui-600"),
         children: t
@@ -327,12 +322,12 @@ const W = ({
       height: "calc(20px + 2 * var(--swui-metrics-spacing))"
     },
     children: /* @__PURE__ */ e(_, {
-      leftIcon: Z,
+      leftIcon: Y,
       onClick: p,
       "aria-label": "Close"
     })
   })]
-}), zn = ({
+}), Pn = ({
   children: n,
   ...t
 }) => /* @__PURE__ */ l(S, {
@@ -346,10 +341,10 @@ const W = ({
       num: 2
     })]
   })]
-}), Ge = "_clickable_1ijxc_1", Je = "_nonClickable_1ijxc_27", O = {
-  clickable: Ge,
-  nonClickable: Je
-}, On = ({
+}), qe = "_clickable_1ijxc_1", Ge = "_nonClickable_1ijxc_27", z = {
+  clickable: qe,
+  nonClickable: Ge
+}, zn = ({
   onClick: n,
   onClickAriaLabel: t,
   children: r,
@@ -366,7 +361,7 @@ const W = ({
   position: "relative",
   children: [/* @__PURE__ */ e(d, {
     className: h({
-      [O.nonClickable]: n
+      [z.nonClickable]: n
     }),
     children: /* @__PURE__ */ e(ae, {
       ...c
@@ -374,36 +369,36 @@ const W = ({
   }), r && /* @__PURE__ */ l(d, {
     indent: 3,
     className: h({
-      [O.nonClickable]: n
+      [z.nonClickable]: n
     }),
     children: [r, /* @__PURE__ */ e(b, {
       num: 2
     })]
   }), n && /* @__PURE__ */ e("button", {
     onClick: n,
-    className: O.clickable,
+    className: z.clickable,
     "aria-label": t
   })]
-}), Ke = "_collapsible_1nroa_1", Qe = "_header_1nroa_46", Xe = "_indicator_1nroa_59", Ye = "_headerText_1nroa_103", Ze = "_label_1nroa_114", en = "_contentLeft_1nroa_123", nn = "_contentRight_1nroa_124", tn = "_content_1nroa_123", rn = "_groupHeading_1nroa_155", an = "_contentEnter_1nroa_180", on = "_contentEnterActive_1nroa_184", ln = "_contentExitDone_1nroa_189", s = {
-  collapsible: Ke,
-  header: Qe,
-  indicator: Xe,
-  headerText: Ye,
-  label: Ze,
-  contentLeft: en,
-  contentRight: nn,
-  content: tn,
-  groupHeading: rn,
-  contentEnter: an,
-  contentEnterActive: on,
-  contentExitDone: ln
-}, q = () => /* @__PURE__ */ l(S, {
+}), Je = "_collapsible_1nroa_1", Ke = "_header_1nroa_46", Qe = "_indicator_1nroa_59", Xe = "_headerText_1nroa_103", Ye = "_label_1nroa_114", Ze = "_contentLeft_1nroa_123", en = "_contentRight_1nroa_124", nn = "_content_1nroa_123", tn = "_groupHeading_1nroa_155", rn = "_contentEnter_1nroa_180", an = "_contentEnterActive_1nroa_184", on = "_contentExitDone_1nroa_189", s = {
+  collapsible: Je,
+  header: Ke,
+  indicator: Qe,
+  headerText: Xe,
+  label: Ye,
+  contentLeft: Ze,
+  contentRight: en,
+  content: nn,
+  groupHeading: tn,
+  contentEnter: rn,
+  contentEnterActive: an,
+  contentExitDone: on
+}, W = () => /* @__PURE__ */ l(S, {
   indent: !0,
   spacing: !0,
   flex: 1,
   alignItems: "center",
-  children: [/* @__PURE__ */ e(F, {
-    icon: fe,
+  children: [/* @__PURE__ */ e($, {
+    icon: me,
     color: f("--lhds-color-ui-500")
   }), /* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(B, {
     size: "small",
@@ -422,11 +417,11 @@ const W = ({
   children: [n && /* @__PURE__ */ e("div", {
     className: s.contentLeft,
     children: n
-  }), a != null ? a : /* @__PURE__ */ e(q, {}), t && /* @__PURE__ */ e("div", {
+  }), a != null ? a : /* @__PURE__ */ e(W, {}), t && /* @__PURE__ */ e("div", {
     className: s.contentRight,
     children: t
   })]
-}), cn = (n) => {
+}), ln = (n) => {
   const t = parseFloat(n), r = n.match(/m?s/);
   switch (r == null ? void 0 : r[0]) {
     case "s":
@@ -436,7 +431,7 @@ const W = ({
     default:
       return 0;
   }
-}, sn = Ie(function({
+}, cn = Ne(function({
   label: t,
   contentLeft: r,
   contentRight: a,
@@ -446,27 +441,27 @@ const W = ({
   disabled: p = !1,
   unmountOnCollapse: v = !1,
   mountOnEnter: y = !0,
-  icon: A = be,
-  iconCollapsed: j = $,
+  icon: A = fe,
+  iconCollapsed: j = L,
   iconSize: E = 16,
   children: g,
-  autoFocus: H = !1,
+  autoFocus: R = !1,
   ...k
-}, P) {
-  const N = ee.useRef(null), z = N.current ? cn(getComputedStyle(N.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
+}, H) {
+  const N = Z.useRef(null), P = N.current ? ln(getComputedStyle(N.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
   return /* @__PURE__ */ l("div", {
     className: h(s.collapsible, u),
     "aria-expanded": !o,
     ref: N,
     ...k,
-    children: [/* @__PURE__ */ l(V, {
+    children: [/* @__PURE__ */ l(ee, {
       disableFocusHighlight: !0,
       disableOpacityOnClick: !0,
       className: s.header,
       onClick: c,
       disabled: p,
-      autoFocus: H,
-      ref: P,
+      autoFocus: R,
+      ref: H,
       children: [r && /* @__PURE__ */ e("div", {
         className: s.contentLeft,
         children: r
@@ -480,16 +475,16 @@ const W = ({
       }), a && /* @__PURE__ */ e("div", {
         className: s.contentRight,
         children: a
-      }), /* @__PURE__ */ e(F, {
+      }), /* @__PURE__ */ e($, {
         icon: o ? j : A,
         className: s.indicator,
         size: E,
         fixedWidth: !0
       })]
-    }), /* @__PURE__ */ e(Ee, {
+    }), /* @__PURE__ */ e(je, {
       in: !o,
       timeout: {
-        enter: z
+        enter: P
       },
       classNames: {
         enter: s.contentEnter,
@@ -503,19 +498,19 @@ const W = ({
       children: /* @__PURE__ */ e("div", {
         role: "region",
         children: g != null ? g : /* @__PURE__ */ e(oe, {
-          children: /* @__PURE__ */ e(q, {})
+          children: /* @__PURE__ */ e(W, {})
         })
       })
     })]
   });
-}), Tn = ({
+}), On = ({
   value: n,
   onValueChange: t,
   onChange: r,
   indeterminate: a,
   checkboxDisabled: o,
   ...c
-}) => /* @__PURE__ */ e(sn, {
+}) => /* @__PURE__ */ e(cn, {
   contentLeft: /* @__PURE__ */ e(te, {
     value: n,
     indeterminate: a,
@@ -525,14 +520,14 @@ const W = ({
     onClick: (u) => u.stopPropagation()
   }),
   ...c
-}), Ln = ({
+}), Tn = ({
   contentLeft: n,
   contentRight: t,
   className: r,
   onClick: a,
   children: o,
   ...c
-}) => /* @__PURE__ */ l(V, {
+}) => /* @__PURE__ */ l(ee, {
   disableFocusHighlight: !0,
   disableOpacityOnClick: !0,
   className: h(s.content, r),
@@ -541,38 +536,38 @@ const W = ({
   children: [n && /* @__PURE__ */ e("div", {
     className: s.contentLeft,
     children: n
-  }), o != null ? o : /* @__PURE__ */ e(q, {}), t && /* @__PURE__ */ e("div", {
+  }), o != null ? o : /* @__PURE__ */ e(W, {}), t && /* @__PURE__ */ e("div", {
     className: s.contentRight,
     children: t
   })]
-}), $n = ({
+}), Ln = ({
   className: n,
   ...t
 }) => /* @__PURE__ */ e(oe, {
   className: h(s.groupHeading, n),
   ...t
-}), dn = ({
+}), sn = ({
   text: n = "Something unexpected happened."
 }) => /* @__PURE__ */ e(d, {
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(ve, {
+  children: /* @__PURE__ */ e(be, {
     variant: "error",
     headerText: n
   })
-}), Dn = (n) => /* @__PURE__ */ e(d, {
+}), $n = (n) => /* @__PURE__ */ e(d, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(dn, {
+  children: /* @__PURE__ */ e(sn, {
     ...n
   })
-}), un = ({
+}), dn = ({
   text: n = "Loading..."
 }) => /* @__PURE__ */ l(d, {
   alignItems: "center",
-  children: [/* @__PURE__ */ e(_e, {
+  children: [/* @__PURE__ */ e(ve, {
     size: "small"
   }), /* @__PURE__ */ e(b, {
     num: 4
@@ -580,15 +575,15 @@ const W = ({
     variant: "h4",
     children: n
   })]
-}), Un = (n) => /* @__PURE__ */ e(d, {
+}), Dn = (n) => /* @__PURE__ */ e(d, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(un, {
+  children: /* @__PURE__ */ e(dn, {
     ...n
   })
-}), Vn = ({
+}), Un = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: r,
@@ -608,11 +603,11 @@ const W = ({
       }), n()]
     }), t == null ? void 0 : t(), r && /* @__PURE__ */ e(b, {}), r == null ? void 0 : r()]
   }), a]
-}), Wn = (n) => /* @__PURE__ */ e(i, {
+}), Vn = (n) => /* @__PURE__ */ e(i, {
   indent: 3,
   spacing: !0,
   ...n
-}), qn = ({
+}), Wn = ({
   icon: n,
   heading: t,
   headingLevel: r = "h2",
@@ -627,7 +622,7 @@ const W = ({
     children: [/* @__PURE__ */ e(i, {
       width: "64px",
       alignItems: "center",
-      children: n && /* @__PURE__ */ e(Ce, {
+      children: n && /* @__PURE__ */ e(_e, {
         icon: n
       })
     }), /* @__PURE__ */ e(U, {
@@ -645,11 +640,11 @@ const W = ({
     alignItems: "center",
     children: o
   })]
-}), hn = "_sidebarMenu_tg9i7_1", T = {
-  sidebarMenu: hn
-}, pn = "_stenaFlag_108h7_1", gn = {
-  stenaFlag: pn
-}, mn = ({
+}), un = "_sidebarMenu_tg9i7_1", O = {
+  sidebarMenu: un
+}, hn = "_stenaFlag_108h7_1", pn = {
+  stenaFlag: hn
+}, gn = ({
   onClick: n
 }) => /* @__PURE__ */ l(i, {
   justifyContent: "space-between",
@@ -658,13 +653,13 @@ const W = ({
   indent: 1,
   minHeight: "48px",
   children: [/* @__PURE__ */ e(_, {
-    leftIcon: Z,
+    leftIcon: Y,
     onClick: n,
     variant: "danger"
-  }), /* @__PURE__ */ e(xe, {
-    className: gn.stenaFlag
+  }), /* @__PURE__ */ e(Ce, {
+    className: pn.stenaFlag
   })]
-}), fn = ({
+}), mn = ({
   className: n,
   children: t,
   onCloseClick: r,
@@ -673,7 +668,7 @@ const W = ({
   ...c
 }) => /* @__PURE__ */ l(d, {
   indent: 1,
-  className: h(T.sidebarMenu, a ? T.collapsed : null, n),
+  className: h(O.sidebarMenu, a ? O.collapsed : null, n),
   style: {
     ["--swui-sidebar-menu-item-height"]: "40px"
   },
@@ -681,10 +676,10 @@ const W = ({
   ...c,
   children: [/* @__PURE__ */ e(b, {
     num: 1
-  }), /* @__PURE__ */ e(mn, {
+  }), /* @__PURE__ */ e(gn, {
     onClick: r
   }), /* @__PURE__ */ e(d, {
-    className: T.sidebarMenuContent,
+    className: O.sidebarMenuContent,
     height: "100%",
     background: "var(--current-background-color)",
     children: /* @__PURE__ */ e(S, {
@@ -693,11 +688,11 @@ const W = ({
       children: t
     })
   })]
-}), Gn = ({
+}), qn = ({
   variant: n,
   onClickMenuButton: t,
   children: r
-}) => /* @__PURE__ */ l(fn, {
+}) => /* @__PURE__ */ l(mn, {
   collapsed: !0,
   position: "fixed",
   left: 0,
@@ -706,7 +701,7 @@ const W = ({
   children: [/* @__PURE__ */ e(re, {
     onClick: t
   }), r]
-}), L = (n) => /* @__PURE__ */ e(Be, {
+}), T = (n) => /* @__PURE__ */ e(xe, {
   ...n
 }), le = ({
   label: n
@@ -719,18 +714,18 @@ const W = ({
     size: "smaller",
     children: n
   })]
-}), ce = (n) => /* @__PURE__ */ e(Se, {
+}), ce = (n) => /* @__PURE__ */ e(we, {
   color: f("--lhds-color-ui-400"),
   ...n
-}), bn = ({
+}), fn = ({
   children: n,
   label: t,
   leftIcon: r,
   className: a,
   initialExpand: o = !1
 }) => {
-  const [c, u] = we(o);
-  return /* @__PURE__ */ e(ye, {
+  const [c, u] = Ie(o);
+  return /* @__PURE__ */ e(Be, {
     label: t,
     onClick: () => u(!c),
     leftIcon: r,
@@ -753,12 +748,12 @@ const W = ({
         type: a,
         ...o
       } = t;
-      return /* @__PURE__ */ e(L, {
+      return /* @__PURE__ */ e(T, {
         ...o
       }, r);
     }
     case "grouped":
-      return /* @__PURE__ */ e(bn, {
+      return /* @__PURE__ */ e(fn, {
         leftIcon: t.leftIcon,
         label: t.label,
         initialExpand: !0,
@@ -767,7 +762,7 @@ const W = ({
     default:
       return ne(t);
   }
-}), Jn = (n, {
+}), Gn = (n, {
   popupMinWidth: t
 }) => n.map((r, a) => {
   switch (r.type) {
@@ -781,7 +776,7 @@ const W = ({
         label: c,
         ...u
       } = r;
-      return /* @__PURE__ */ e(L, {
+      return /* @__PURE__ */ e(T, {
         title: c,
         label: c,
         ...u
@@ -789,7 +784,7 @@ const W = ({
     }
     case "grouped":
       return /* @__PURE__ */ e("div", {
-        children: /* @__PURE__ */ e(R, {
+        children: /* @__PURE__ */ e(F, {
           appendTo: "parent",
           arrow: !1,
           offset: [0, 0],
@@ -804,7 +799,7 @@ const W = ({
               label: r.label
             }), ie(r.items)]
           }),
-          children: /* @__PURE__ */ e(L, {
+          children: /* @__PURE__ */ e(T, {
             title: r.label,
             label: r.label,
             leftIcon: r.leftIcon
@@ -814,7 +809,7 @@ const W = ({
     default:
       return ne(r);
   }
-}), vn = `1px solid ${f("--lhds-color-orange-400")}`, Kn = ({
+}), bn = `1px solid ${f("--lhds-color-orange-400")}`, Jn = ({
   numItemsSelected: n,
   label: t,
   afterLabelContent: r,
@@ -825,7 +820,7 @@ const W = ({
   minHeight: "56px",
   justifyContent: "space-between",
   alignItems: "center",
-  borderTop: vn,
+  borderTop: bn,
   background: f("--lhds-color-orange-50"),
   children: [/* @__PURE__ */ l(i, {
     alignItems: "center",
@@ -852,41 +847,41 @@ const W = ({
   })]
 });
 export {
-  Me as ActionMenuFlatButton,
-  Sn as ActionMenuPrimaryButton,
-  jn as ActionMenuSecondaryButton,
-  En as CheckboxMenu,
-  sn as Collapsible,
-  Ln as CollapsibleClickableContent,
+  Ee as ActionMenuFlatButton,
+  wn as ActionMenuPrimaryButton,
+  Sn as ActionMenuSecondaryButton,
+  jn as CheckboxMenu,
+  cn as Collapsible,
+  Tn as CollapsibleClickableContent,
   oe as CollapsibleContent,
-  q as CollapsibleEmptyContent,
-  $n as CollapsibleGroupHeading,
-  Tn as CollapsibleWithCheckbox,
-  dn as ErrorPanel,
-  Dn as ErrorScreen,
-  un as LoadingPanel,
-  Un as LoadingScreen,
-  Mn as NavBar,
-  ze as NavBarButton,
-  Fn as NavBarHeading,
+  W as CollapsibleEmptyContent,
+  Ln as CollapsibleGroupHeading,
+  On as CollapsibleWithCheckbox,
+  sn as ErrorPanel,
+  $n as ErrorScreen,
+  dn as LoadingPanel,
+  Dn as LoadingScreen,
+  En as NavBar,
+  Pe as NavBarButton,
+  Mn as NavBarHeading,
   An as NavBarNotificationButton,
-  Rn as NavBarPopoverButton,
-  Hn as NavBarSearchField,
-  Pn as NavBarUserButton,
-  zn as Notification,
-  Vn as PageHeader,
-  Wn as PageHeaderRow,
-  qn as PageHeading,
-  Kn as SelectedItemsActionsPanel,
-  fn as SidebarMenu,
-  bn as SidebarMenuCollapsible,
+  Fn as NavBarPopoverButton,
+  Rn as NavBarSearchField,
+  Hn as NavBarUserButton,
+  Pn as Notification,
+  Un as PageHeader,
+  Vn as PageHeaderRow,
+  Wn as PageHeading,
+  Jn as SelectedItemsActionsPanel,
+  mn as SidebarMenu,
+  fn as SidebarMenuCollapsible,
   le as SidebarMenuHeading,
-  L as SidebarMenuLink,
+  T as SidebarMenuLink,
   ce as SidebarMenuSeparator,
-  Gn as SidebarRailMenu,
-  On as Toast,
-  cn as mapCSSTime,
+  qn as SidebarRailMenu,
+  zn as Toast,
+  ln as mapCSSTime,
   ie as renderItemsExpanded,
-  Jn as renderItemsInRail
+  Gn as renderItemsInRail
 };
 //# sourceMappingURL=index.es.js.map