@stenajs-webui/panels 19.0.0-next.5 → 19.0.0-next.7

package/dist/index.es.js

@@ -1,447 +1,434 @@
-(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)}._sidebarMenuButton_d43s4_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-ui-100 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-ui-200 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-ui-200 );--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_d43s4_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_d43s4_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_d43s4_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_d43s4_1 ._icon_d43s4_55 path{fill:var(--swui-nav-bar-side-menu-button-text-color)}._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_17zoz_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-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_17zoz_1._hasCount_17zoz_58{width:56px}._navBarNotificationButton_17zoz_1._unread_17zoz_62{--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_17zoz_1._unread_17zoz_62._hasCount_17zoz_58 ._icon_17zoz_77{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_17zoz_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_17zoz_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_17zoz_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_17zoz_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 de, stenaAngleDown as Z, PrimaryButton as he, SecondaryButton as pe, FlatButton as x, Icon as E, stenaHamburger as me, stenaBellFilled as ge, stenaSearch as fe, stenaUserCircle as be, stenaTimes as ee, Banner as _e, Spinner as ve, StenaFlag as Ce, MenuButtonLink as Be, MenuButton as xe } from "@stenajs-webui/elements";
-import * as ne from "react";
-import { useRef as ye, useMemo as Ne, forwardRef as ke, useState as Se } from "react";
-import { useBoolean as L, Column as M, Box as l, Row as d, Indent as b, Heading as D, Clickable as U, Txt as G, Space as v, Text as B, SeparatorLine as te, exhaustSwitchCaseElseThrow as oe } from "@stenajs-webui/core";
+(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 de, stenaAngleDown as $, PrimaryButton as ue, SecondaryButton as he, FlatButton as _, stenaHamburger as pe, stenaBellFilled as ge, Icon as F, stenaSearch as me, stenaUserCircle as fe, stenaTimes as Z, stenaMail as be, stenaAngleUp as ve, Banner as _e, Spinner as Ce, CircledIcon as xe, StenaFlag as Be, MenuButtonLink as ye, MenuButton as ke } from "@stenajs-webui/elements";
+import * as ee from "react";
+import { useRef as Ne, useMemo as Ie, forwardRef as we, useState as Se } 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 ne, exhaustSwitchCaseElseThrow as te } from "@stenajs-webui/core";
 import { Popover as R } from "@stenajs-webui/tooltip";
-import { jsx as e, jsxs as c, Fragment as m } from "react/jsx-runtime";
-import { Checkbox as re, TextInput as we } from "@stenajs-webui/forms";
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
+import { Checkbox as re, TextInput as je } from "@stenajs-webui/forms";
 import h from "classnames";
-import { cssColor as _ } from "@stenajs-webui/theme";
-import { faChevronDown as Ie } from "@fortawesome/free-solid-svg-icons";
-import { faChevronUp as Me } from "@fortawesome/free-solid-svg-icons/faChevronUp";
+import { cssColor as f } from "@stenajs-webui/theme";
 import { CSSTransition as Ee } from "react-transition-group";
-import { faInbox as Fe } from "@fortawesome/free-solid-svg-icons/faInbox";
-const V = ({
+const W = ({
   renderItems: n,
   placement: t = "bottom",
-  buttonComponent: o,
-  rightIcon: r = Z,
-  portalTarget: a = "parent",
-  zIndex: i,
+  buttonComponent: r,
+  rightIcon: a = $,
+  portalTarget: l = "parent",
+  zIndex: c,
   menuWidth: u,
   menuTop: p,
-  onClick: f,
+  onClick: v,
   disableArrow: y = !1,
-  ...N
+  ...A
 }) => {
-  const [F, j, g, A] = L(!1), k = ye(null), H = {
+  const [j, E, g, H] = D(!1), k = Ne(null), P = {
     name: "focusManager",
     defaultValue: !0,
     fn({
-      popper: w
+      popper: I
     }) {
-      let z = !1;
-      const q = (C) => {
-        C.key === "Escape" && (z = !0, g()), (C.key === "Enter" || C.key === " ") && (z = !0);
+      let M = !1;
+      const G = (C) => {
+        C.key === "Escape" && (M = !0, g()), (C.key === "Enter" || C.key === " ") && (M = !0);
       };
       return {
         onCreate() {
-          w.addEventListener("keydown", q);
+          I.addEventListener("keydown", G);
         },
         onDestroy() {
-          w.removeEventListener("keydown", q);
+          I.removeEventListener("keydown", G);
         },
         onMount() {
           var C;
-          z = !1, (C = w.querySelector("button:not([disabled]), a[href]")) == null || C.focus();
+          M = !1, (C = I.querySelector("button:not([disabled]), a[href]")) == null || C.focus();
         },
         onHide() {
-          k.current && z && k.current.focus();
+          k.current && M && k.current.focus();
         }
       };
     }
-  }, S = Ne(() => ({
-    open: j,
+  }, N = Ie(() => ({
+    open: E,
     close: g
-  }), [j, g]), P = (w) => {
-    f == null || f(w), A();
+  }), [E, g]), z = (I) => {
+    v == null || v(I), H();
   };
   return /* @__PURE__ */ e(R, {
     disablePadding: !0,
-    visible: F,
+    visible: j,
     onClickOutside: g,
     placement: t,
-    content: F && /* @__PURE__ */ e(Y, {
+    content: j && /* @__PURE__ */ e(Y, {
       width: u,
       top: p,
       trapFocus: !0,
       children: /* @__PURE__ */ e(de.Provider, {
-        value: S,
+        value: N,
         children: n(g)
       })
     }),
     arrow: !1,
-    appendTo: a,
-    zIndex: i,
-    plugins: [H],
+    appendTo: l,
+    zIndex: c,
+    plugins: [P],
     lazy: !0,
-    children: /* @__PURE__ */ e(o, {
-      rightIcon: y ? void 0 : r,
-      ...N,
+    children: /* @__PURE__ */ e(r, {
+      rightIcon: y ? void 0 : a,
+      ...A,
       ref: k,
-      onClick: P
+      onClick: z
     })
   });
-}, An = (n) => /* @__PURE__ */ e(V, {
-  buttonComponent: he,
+}, Sn = (n) => /* @__PURE__ */ e(W, {
+  buttonComponent: ue,
   ...n
-}), Hn = (n) => /* @__PURE__ */ e(V, {
-  buttonComponent: pe,
+}), jn = (n) => /* @__PURE__ */ e(W, {
+  buttonComponent: he,
   ...n
-}), je = (n) => /* @__PURE__ */ e(V, {
-  buttonComponent: x,
+}), Me = (n) => /* @__PURE__ */ e(W, {
+  buttonComponent: _,
   ...n
-}), ze = "1px solid var(--lhds-color-ui-300)", Pn = ({
+}), Fe = "1px solid var(--lhds-color-ui-300)", En = ({
   renderMenu: n,
   ...t
 }) => {
-  const [o, r, a] = L(!1);
+  const [r, a, l] = D(!1);
   return /* @__PURE__ */ e(R, {
-    onClickOutside: a,
+    onClickOutside: l,
     arrow: !1,
-    visible: o,
+    visible: r,
     disablePadding: !0,
-    content: n ? /* @__PURE__ */ e(M, {
+    content: n ? /* @__PURE__ */ e(S, {
       children: /* @__PURE__ */ e(Y, {
-        children: n(a)
+        children: n(l)
       })
     }) : void 0,
     placement: "bottom-start",
-    children: /* @__PURE__ */ e(l, {
+    children: /* @__PURE__ */ e(d, {
       display: "inline-block",
-      children: /* @__PURE__ */ c(d, {
+      children: /* @__PURE__ */ o(i, {
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: ze,
+        border: Fe,
         borderRadius: "4px",
         children: [/* @__PURE__ */ e(re, {
           ...t
-        }), /* @__PURE__ */ e(b, {
-          num: 0.5
         }), /* @__PURE__ */ e(x, {
+          num: 0.5
+        }), /* @__PURE__ */ e(_, {
           size: "small",
-          onClick: r,
-          leftIcon: Z
+          onClick: a,
+          leftIcon: $
         })]
       })
     })
   });
 }, Re = "_navBar_kzibd_1", Ae = {
   navBar: Re
-}, He = "_sidebarMenuButton_d43s4_1", Pe = "_icon_d43s4_55", J = {
-  sidebarMenuButton: He,
-  icon: Pe
 }, ae = ({
   className: n,
   onClick: t
-}) => /* @__PURE__ */ e("button", {
-  onClick: t,
-  className: h(J.sidebarMenuButton, n),
-  children: /* @__PURE__ */ e(E, {
-    className: J.icon,
-    icon: me
-  })
-}), Tn = ({
+}) => /* @__PURE__ */ e(_, {
+  leftIcon: pe,
+  className: n,
+  onClick: t
+}), Mn = ({
   left: n,
   className: t,
-  showMenuButton: o = !1,
-  menuButtonVisibility: r = "visible",
+  showMenuButton: r = !1,
   children: a,
-  right: i,
-  center: u,
-  onClickMenuButton: p
+  right: l,
+  center: c,
+  onClickMenuButton: u
 }) => {
-  const f = u ? 1 : void 0;
-  return /* @__PURE__ */ c(d, {
+  const p = c ? 1 : void 0;
+  return /* @__PURE__ */ o(i, {
     justifyContent: "space-between",
     className: h(Ae.navBar, t),
-    children: [/* @__PURE__ */ c(d, {
-      flex: f,
+    children: [/* @__PURE__ */ o(i, {
+      flex: p,
       justifyContent: "flex-start",
       alignItems: "center",
-      children: [o ? /* @__PURE__ */ c(m, {
-        children: [r === "hidden" ? /* @__PURE__ */ e(l, {
-          width: "var(--swui-nav-bar-height)"
-        }) : /* @__PURE__ */ e(ae, {
-          onClick: p
-        }), /* @__PURE__ */ e(b, {})]
-      }) : /* @__PURE__ */ e(b, {
-        num: 2
-      }), n ? /* @__PURE__ */ c(m, {
-        children: [n, /* @__PURE__ */ e(b, {
+      children: [/* @__PURE__ */ o(i, {
+        width: "86px",
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(x, {}), r && /* @__PURE__ */ e(ae, {
+          onClick: u
+        })]
+      }), n && /* @__PURE__ */ o(m, {
+        children: [n, /* @__PURE__ */ e(x, {
           num: 2
         })]
-      }) : /* @__PURE__ */ e(b, {
-        num: 2
       }), a && /* @__PURE__ */ e(m, {
-        children: /* @__PURE__ */ e(d, {
+        children: /* @__PURE__ */ e(i, {
           justifyContent: "center",
           alignItems: "center",
-          children: ne.Children.map(a, (y, N) => /* @__PURE__ */ c(m, {
-            children: [N > 0 && /* @__PURE__ */ e(b, {}), y]
+          children: ee.Children.map(a, (v, y) => /* @__PURE__ */ o(m, {
+            children: [y > 0 && /* @__PURE__ */ e(x, {}), v]
           }))
         })
       })]
-    }), u && /* @__PURE__ */ e(d, {
+    }), c && /* @__PURE__ */ e(i, {
       justifyContent: "center",
       alignItems: "center",
-      children: u
-    }), /* @__PURE__ */ c(d, {
+      children: c
+    }), /* @__PURE__ */ o(i, {
       justifyContent: "flex-end",
       alignItems: "center",
-      flex: f,
-      children: [i, /* @__PURE__ */ e(b, {
+      flex: p,
+      children: [l, /* @__PURE__ */ e(x, {
         num: 2
       })]
     })]
   });
-}, Te = "_navBarButton_18iz9_1", Oe = "_selected_18iz9_36", K = {
-  navBarButton: Te,
-  selected: Oe
-}, $e = ({
+}, He = "_navBarButton_18iz9_1", Pe = "_selected_18iz9_36", K = {
+  navBarButton: He,
+  selected: Pe
+}, ze = ({
   selected: n,
   className: t,
-  ...o
-}) => /* @__PURE__ */ e(x, {
-  ...o,
+  ...r
+}) => /* @__PURE__ */ e(_, {
+  ...r,
   className: h(K.navBarButton, n && K.selected, t)
-}), On = (n) => /* @__PURE__ */ e(D, {
+}), Fn = (n) => /* @__PURE__ */ e(U, {
   whiteSpace: "nowrap",
-  color: "#fff",
+  variant: "h4",
+  as: "h1",
   ...n
-}), $n = ({
+}), Rn = ({
   content: n,
   children: t,
-  ...o
+  ...r
 }) => {
-  const [r, , a, i] = L(!1);
+  const [a, , l, c] = D(!1);
   return /* @__PURE__ */ e(R, {
-    onClickOutside: a,
+    onClickOutside: l,
     triggerTarget: document.body,
-    visible: r,
-    content: /* @__PURE__ */ c(m, {
+    visible: a,
+    content: /* @__PURE__ */ o(m, {
       children: [n && n({
-        close: a
+        close: l
       }), t]
     }),
-    children: /* @__PURE__ */ e($e, {
-      ...o,
-      onClick: i
+    children: /* @__PURE__ */ e(ze, {
+      ...r,
+      onClick: c
     })
   });
-}, Le = "_navBarNotificationButton_17zoz_1", De = "_hasCount_17zoz_58", Ue = "_unread_17zoz_62", Ve = "_icon_17zoz_77", We = "_shake_17zoz_1", I = {
-  navBarNotificationButton: Le,
-  hasCount: De,
-  unread: Ue,
-  icon: Ve,
-  shake: We
-}, Ln = ({
+}, 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
+}, An = ({
   count: n,
   unread: t = !1,
-  className: o,
-  labelClassName: r,
-  iconClassName: a,
-  icon: i = ge,
+  className: r,
+  labelClassName: a,
+  iconClassName: l,
+  icon: c = ge,
   ...u
 }) => {
   const p = n > 0;
-  return /* @__PURE__ */ e(x, {
+  return /* @__PURE__ */ e(_, {
     ...u,
-    leftIcon: i,
-    className: h(t && I.unread, p && I.hasCount, I.navBarNotificationButton, o),
+    leftIcon: c,
+    className: h(t && w.unread, p && w.hasCount, w.navBarNotificationButton, r),
     label: p ? String(n) : void 0,
-    labelClassName: h(r, I.label),
-    iconClassName: h(a, I.icon)
+    labelClassName: h(a, w.label),
+    iconClassName: h(l, w.icon)
   });
-}, qe = "_navBarSearchFieldInput_rcj0j_1", Ge = "_navBarSearchField_rcj0j_1", Q = {
-  navBarSearchFieldInput: qe,
-  navBarSearchField: Ge
-}, Dn = ({
+}, Ue = "_navBarSearchFieldInput_rcj0j_1", Ve = "_navBarSearchField_rcj0j_1", Q = {
+  navBarSearchFieldInput: Ue,
+  navBarSearchField: Ve
+}, Hn = ({
   placeholder: n = "Search...",
   className: t,
-  wrapperClassName: o,
-  ...r
-}) => /* @__PURE__ */ e(we, {
-  wrapperClassName: h(Q.navBarSearchField, o),
+  wrapperClassName: r,
+  ...a
+}) => /* @__PURE__ */ e(je, {
+  wrapperClassName: h(Q.navBarSearchField, r),
   className: h(Q.navBarSearchFieldInput, t),
   placeholder: n,
-  contentRight: /* @__PURE__ */ e(U, {
-    children: /* @__PURE__ */ e(E, {
-      icon: fe
+  contentRight: /* @__PURE__ */ e(V, {
+    children: /* @__PURE__ */ e(F, {
+      icon: me
     })
   }),
-  ...r
-}), Je = "_navBarUserButton_1cwhm_1", Ke = "_initials_1cwhm_31", X = {
-  navBarUserButton: Je,
-  initials: Ke
-}, Un = ({
+  ...a
+}), We = "_navBarUserButton_1cwhm_1", qe = "_initials_1cwhm_31", X = {
+  navBarUserButton: We,
+  initials: qe
+}, Pn = ({
   className: n,
   username: t,
-  initials: o,
-  icon: r = be,
-  iconClassName: a,
-  ...i
-}) => /* @__PURE__ */ e(je, {
-  ...i,
+  initials: r,
+  icon: a = fe,
+  iconClassName: l,
+  ...c
+}) => /* @__PURE__ */ e(Me, {
+  ...c,
   className: h({
-    [X.initials]: o != null
+    [X.initials]: r != null
   }, X.navBarUserButton, n),
-  leftIcon: t != null ? r : void 0,
-  label: o != null ? o : t,
+  leftIcon: t != null ? a : void 0,
+  label: r != null ? r : t,
   disableArrow: !0
-}), ce = ({
+}), oe = ({
   text: n,
   timestamp: t,
-  icon: o,
-  iconAriaLabel: r,
-  iconColor: a,
-  contentLeft: i,
+  icon: r,
+  iconAriaLabel: a,
+  iconColor: l,
+  contentLeft: c,
   contentRight: u,
   onClose: p
-}) => /* @__PURE__ */ c(d, {
+}) => /* @__PURE__ */ o(i, {
   alignItems: "flex-start",
   indent: !0,
   spacing: !0,
-  children: [/* @__PURE__ */ c(d, {
+  children: [/* @__PURE__ */ o(i, {
     indent: 2,
     spacing: !0,
     gap: 2,
     flex: 1,
     alignItems: "flex-start",
-    children: [i && /* @__PURE__ */ e(l, {
+    children: [c && /* @__PURE__ */ e(d, {
       minHeight: 20,
       justifyContent: "center",
-      children: i
-    }), !i && o && /* @__PURE__ */ e(E, {
-      icon: o,
+      children: c
+    }), !c && r && /* @__PURE__ */ e(F, {
+      icon: r,
       size: 20,
-      color: a,
-      "aria-label": r
-    }), /* @__PURE__ */ c(l, {
+      color: l,
+      "aria-label": a
+    }), /* @__PURE__ */ o(d, {
       minHeight: 20,
       justifyContent: "center",
       flex: 1,
       gap: 0.5,
-      children: [/* @__PURE__ */ e(G, {
+      children: [/* @__PURE__ */ e(J, {
         variant: "bold",
         children: n
-      }), t && /* @__PURE__ */ e(G, {
+      }), t && /* @__PURE__ */ e(J, {
         size: "small",
-        color: _("--lhds-color-ui-600"),
+        color: f("--lhds-color-ui-600"),
         children: t
       })]
     }), u]
-  }), p && /* @__PURE__ */ e(l, {
+  }), p && /* @__PURE__ */ e(d, {
     flex: "none",
     justifyContent: "center",
     style: {
       height: "calc(20px + 2 * var(--swui-metrics-spacing))"
     },
-    children: /* @__PURE__ */ e(x, {
-      leftIcon: ee,
+    children: /* @__PURE__ */ e(_, {
+      leftIcon: Z,
       onClick: p,
       "aria-label": "Close"
     })
   })]
-}), Vn = ({
+}), zn = ({
   children: n,
   ...t
-}) => /* @__PURE__ */ c(M, {
+}) => /* @__PURE__ */ o(S, {
   background: "var(--lhds-color-ui-50)",
   borderRadius: "var(--swui-border-radius)",
-  children: [/* @__PURE__ */ e(ce, {
+  children: [/* @__PURE__ */ e(oe, {
     ...t
-  }), n && /* @__PURE__ */ c(M, {
+  }), n && /* @__PURE__ */ o(S, {
     indent: 3,
-    children: [n, /* @__PURE__ */ e(v, {
+    children: [n, /* @__PURE__ */ e(b, {
       num: 2
     })]
   })]
-}), Qe = "_clickable_1ijxc_1", Xe = "_nonClickable_1ijxc_27", T = {
-  clickable: Qe,
-  nonClickable: Xe
-}, Wn = ({
+}), Ge = "_clickable_1ijxc_1", Je = "_nonClickable_1ijxc_27", O = {
+  clickable: Ge,
+  nonClickable: Je
+}, On = ({
   onClick: n,
   onClickAriaLabel: t,
-  children: o,
-  width: r = 264,
-  maxWidth: a,
-  ...i
-}) => /* @__PURE__ */ c(l, {
+  children: r,
+  width: a = 264,
+  maxWidth: l,
+  ...c
+}) => /* @__PURE__ */ o(d, {
   borderRadius: 8,
-  background: _("--lhds-color-ui-50"),
+  background: f("--lhds-color-ui-50"),
   shadow: "popover",
-  width: r,
-  maxWidth: a,
+  width: a,
+  maxWidth: l,
   role: "alert",
   position: "relative",
-  children: [/* @__PURE__ */ e(l, {
+  children: [/* @__PURE__ */ e(d, {
     className: h({
-      [T.nonClickable]: n
+      [O.nonClickable]: n
     }),
-    children: /* @__PURE__ */ e(ce, {
-      ...i
+    children: /* @__PURE__ */ e(oe, {
+      ...c
     })
-  }), o && /* @__PURE__ */ c(l, {
+  }), r && /* @__PURE__ */ o(d, {
     indent: 3,
     className: h({
-      [T.nonClickable]: n
+      [O.nonClickable]: n
     }),
-    children: [o, /* @__PURE__ */ e(v, {
+    children: [r, /* @__PURE__ */ e(b, {
       num: 2
     })]
   }), n && /* @__PURE__ */ e("button", {
     onClick: n,
-    className: T.clickable,
+    className: O.clickable,
     "aria-label": t
   })]
-}), Ye = "_collapsible_1nroa_1", Ze = "_header_1nroa_46", en = "_indicator_1nroa_59", nn = "_headerText_1nroa_103", tn = "_label_1nroa_114", on = "_contentLeft_1nroa_123", rn = "_contentRight_1nroa_124", an = "_content_1nroa_123", cn = "_groupHeading_1nroa_155", ln = "_contentEnter_1nroa_180", sn = "_contentEnterActive_1nroa_184", un = "_contentExitDone_1nroa_189", s = {
-  collapsible: Ye,
-  header: Ze,
-  indicator: en,
-  headerText: nn,
-  label: tn,
-  contentLeft: on,
-  contentRight: rn,
-  content: an,
-  groupHeading: cn,
-  contentEnter: ln,
-  contentEnterActive: sn,
-  contentExitDone: un
-}, W = () => /* @__PURE__ */ c(M, {
+}), 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__ */ o(S, {
   indent: !0,
   spacing: !0,
   flex: 1,
   alignItems: "center",
-  children: [/* @__PURE__ */ e(E, {
-    icon: Fe,
-    color: _("--lhds-color-ui-500")
-  }), /* @__PURE__ */ e(v, {}), /* @__PURE__ */ e(B, {
+  children: [/* @__PURE__ */ e(F, {
+    icon: be,
+    color: f("--lhds-color-ui-500")
+  }), /* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(B, {
     size: "small",
-    color: _("--lhds-color-ui-500"),
+    color: f("--lhds-color-ui-500"),
     children: "No content"
   })]
-}), ie = ({
+}), le = ({
   contentLeft: n,
   contentRight: t,
-  className: o,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ c("div", {
-  className: h(s.content, o),
-  ...a,
+  className: r,
+  children: a,
+  ...l
+}) => /* @__PURE__ */ o("div", {
+  className: h(s.content, r),
+  ...l,
   children: [n && /* @__PURE__ */ e("div", {
     className: s.contentLeft,
     children: n
-  }), r != null ? r : /* @__PURE__ */ e(W, {}), t && /* @__PURE__ */ e("div", {
+  }), a != null ? a : /* @__PURE__ */ e(q, {}), t && /* @__PURE__ */ e("div", {
     className: s.contentRight,
     children: t
   })]
-}), dn = (n) => {
-  const t = parseFloat(n), o = n.match(/m?s/);
-  switch (o == null ? void 0 : o[0]) {
+}), cn = (n) => {
+  const t = parseFloat(n), r = n.match(/m?s/);
+  switch (r == null ? void 0 : r[0]) {
     case "s":
       return t * 1e3;
     case "ms":
@@ -449,40 +436,40 @@ const V = ({
     default:
       return 0;
   }
-}, hn = ke(function({
+}, sn = we(function({
   label: t,
-  contentLeft: o,
-  contentRight: r,
-  collapsed: a = !1,
-  onClick: i,
+  contentLeft: r,
+  contentRight: a,
+  collapsed: l = !1,
+  onClick: c,
   className: u,
   disabled: p = !1,
-  unmountOnCollapse: f = !1,
+  unmountOnCollapse: v = !1,
   mountOnEnter: y = !0,
-  icon: N = Me,
-  iconCollapsed: F = Ie,
-  iconSize: j = 8,
+  icon: A = ve,
+  iconCollapsed: j = $,
+  iconSize: E = 16,
   children: g,
-  autoFocus: A = !1,
+  autoFocus: H = !1,
   ...k
-}, H) {
-  const S = ne.useRef(null), P = S.current ? dn(getComputedStyle(S.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
-  return /* @__PURE__ */ c("div", {
+}, P) {
+  const N = ee.useRef(null), z = N.current ? cn(getComputedStyle(N.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
+  return /* @__PURE__ */ o("div", {
     className: h(s.collapsible, u),
-    "aria-expanded": !a,
-    ref: S,
+    "aria-expanded": !l,
+    ref: N,
     ...k,
-    children: [/* @__PURE__ */ c(U, {
+    children: [/* @__PURE__ */ o(V, {
       disableFocusHighlight: !0,
       disableOpacityOnClick: !0,
       className: s.header,
-      onClick: i,
+      onClick: c,
       disabled: p,
-      autoFocus: A,
-      ref: H,
-      children: [o && /* @__PURE__ */ e("div", {
+      autoFocus: H,
+      ref: P,
+      children: [r && /* @__PURE__ */ e("div", {
         className: s.contentLeft,
-        children: o
+        children: r
       }), /* @__PURE__ */ e("div", {
         className: s.label,
         children: /* @__PURE__ */ e(B, {
@@ -490,19 +477,19 @@ const V = ({
           className: s.headerText,
           children: t
         })
-      }), r && /* @__PURE__ */ e("div", {
+      }), a && /* @__PURE__ */ e("div", {
         className: s.contentRight,
-        children: r
-      }), /* @__PURE__ */ e(E, {
-        icon: a ? F : N,
+        children: a
+      }), /* @__PURE__ */ e(F, {
+        icon: l ? j : A,
         className: s.indicator,
-        size: j,
+        size: E,
         fixedWidth: !0
       })]
     }), /* @__PURE__ */ e(Ee, {
-      in: !a,
+      in: !l,
       timeout: {
-        enter: P
+        enter: z
       },
       classNames: {
         enter: s.contentEnter,
@@ -512,197 +499,207 @@ const V = ({
         exitDone: s.contentExitDone
       },
       mountOnEnter: y,
-      unmountOnExit: f,
+      unmountOnExit: v,
       children: /* @__PURE__ */ e("div", {
         role: "region",
-        children: g != null ? g : /* @__PURE__ */ e(ie, {
-          children: /* @__PURE__ */ e(W, {})
+        children: g != null ? g : /* @__PURE__ */ e(le, {
+          children: /* @__PURE__ */ e(q, {})
         })
       })
     })]
   });
-}), qn = ({
+}), Tn = ({
   value: n,
   onValueChange: t,
-  onChange: o,
-  indeterminate: r,
-  checkboxDisabled: a,
-  ...i
-}) => /* @__PURE__ */ e(hn, {
+  onChange: r,
+  indeterminate: a,
+  checkboxDisabled: l,
+  ...c
+}) => /* @__PURE__ */ e(sn, {
   contentLeft: /* @__PURE__ */ e(re, {
     value: n,
-    indeterminate: r,
+    indeterminate: a,
     onValueChange: t,
-    onChange: o,
-    disabled: a,
+    onChange: r,
+    disabled: l,
     onClick: (u) => u.stopPropagation()
   }),
-  ...i
-}), Gn = ({
+  ...c
+}), Ln = ({
   contentLeft: n,
   contentRight: t,
-  className: o,
-  onClick: r,
-  children: a,
-  ...i
-}) => /* @__PURE__ */ c(U, {
+  className: r,
+  onClick: a,
+  children: l,
+  ...c
+}) => /* @__PURE__ */ o(V, {
   disableFocusHighlight: !0,
   disableOpacityOnClick: !0,
-  className: h(s.content, o),
-  onClick: r,
-  ...i,
+  className: h(s.content, r),
+  onClick: a,
+  ...c,
   children: [n && /* @__PURE__ */ e("div", {
     className: s.contentLeft,
     children: n
-  }), a != null ? a : /* @__PURE__ */ e(W, {}), t && /* @__PURE__ */ e("div", {
+  }), l != null ? l : /* @__PURE__ */ e(q, {}), t && /* @__PURE__ */ e("div", {
     className: s.contentRight,
     children: t
   })]
-}), Jn = ({
+}), $n = ({
   className: n,
   ...t
-}) => /* @__PURE__ */ e(ie, {
+}) => /* @__PURE__ */ e(le, {
   className: h(s.groupHeading, n),
   ...t
-}), pn = ({
+}), dn = ({
   text: n = "Something unexpected happened."
-}) => /* @__PURE__ */ e(l, {
+}) => /* @__PURE__ */ e(d, {
   justifyContent: "center",
   alignItems: "center",
   children: /* @__PURE__ */ e(_e, {
     variant: "error",
     headerText: n
   })
-}), Kn = (n) => /* @__PURE__ */ e(l, {
+}), Dn = (n) => /* @__PURE__ */ e(d, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(pn, {
+  children: /* @__PURE__ */ e(dn, {
     ...n
   })
-}), mn = ({
+}), un = ({
   text: n = "Loading..."
-}) => /* @__PURE__ */ c(l, {
+}) => /* @__PURE__ */ o(d, {
   alignItems: "center",
-  children: [/* @__PURE__ */ e(ve, {
+  children: [/* @__PURE__ */ e(Ce, {
     size: "small"
-  }), /* @__PURE__ */ e(v, {
+  }), /* @__PURE__ */ e(b, {
     num: 4
-  }), /* @__PURE__ */ e(D, {
+  }), /* @__PURE__ */ e(U, {
     variant: "h4",
     children: n
   })]
-}), Qn = (n) => /* @__PURE__ */ e(l, {
+}), Un = (n) => /* @__PURE__ */ e(d, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(mn, {
+  children: /* @__PURE__ */ e(un, {
     ...n
   })
-}), Xn = ({
+}), Vn = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
-  renderTabs: o,
-  children: r
-}) => /* @__PURE__ */ c(l, {
+  renderTabs: r,
+  children: a
+}) => /* @__PURE__ */ o(d, {
   shadow: "box",
-  background: _("--lhds-color-ui-50"),
-  children: [/* @__PURE__ */ c(l, {
+  background: f("--lhds-color-ui-50"),
+  gap: 2,
+  children: [/* @__PURE__ */ o(d, {
     indent: 3,
-    children: [n && /* @__PURE__ */ e(d, {
-      spacing: 1.25,
-      children: n()
-    }), t == null ? void 0 : t(), o == null ? void 0 : o()]
-  }), r && /* @__PURE__ */ c(m, {
-    children: [!o && n && /* @__PURE__ */ e(v, {}), /* @__PURE__ */ e(te, {}), r]
+    children: [n && /* @__PURE__ */ o(i, {
+      spacing: 1,
+      alignItems: "center",
+      children: [/* @__PURE__ */ e(i, {
+        width: "64px",
+        height: "16px"
+      }), n()]
+    }), t == null ? void 0 : t(), r == null ? void 0 : r()]
+  }), a && /* @__PURE__ */ o(m, {
+    children: [!r && n && /* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(ne, {}), a]
   })]
-}), Yn = (n) => /* @__PURE__ */ e(d, {
+}), Wn = (n) => /* @__PURE__ */ e(i, {
   indent: 3,
   spacing: !0,
   ...n
-}), gn = {
-  compact: 1,
-  standard: 1.5,
-  relaxed: 2
-}, Zn = ({
-  heading: n,
-  headingLevel: t = "h1",
-  variant: o = "standard",
-  contentLeft: r,
-  contentRight: a
-}) => /* @__PURE__ */ c(d, {
-  spacing: gn[o],
+}), qn = ({
+  icon: n,
+  heading: t,
+  headingLevel: r = "h2",
+  contentLeft: a,
+  contentRight: l
+}) => /* @__PURE__ */ o(i, {
   alignItems: "center",
   gap: 2,
-  children: [/* @__PURE__ */ e(D, {
-    variant: "h3",
-    as: t,
-    children: n
-  }), /* @__PURE__ */ e(d, {
+  height: "64px",
+  children: [/* @__PURE__ */ o(i, {
     alignItems: "center",
-    children: r
-  }), /* @__PURE__ */ e(d, {
+    children: [/* @__PURE__ */ e(i, {
+      width: "64px",
+      alignItems: "center",
+      children: n && /* @__PURE__ */ e(xe, {
+        icon: n
+      })
+    }), /* @__PURE__ */ e(U, {
+      variant: "h3",
+      as: r,
+      children: t
+    })]
+  }), /* @__PURE__ */ e(i, {
+    alignItems: "center",
+    children: a
+  }), /* @__PURE__ */ e(i, {
     style: {
       marginLeft: "auto"
     },
     alignItems: "center",
-    children: a
+    children: l
   })]
-}), fn = "_sidebarMenu_tg9i7_1", O = {
-  sidebarMenu: fn
-}, bn = "_stenaFlag_108h7_1", _n = {
-  stenaFlag: bn
-}, vn = ({
+}), hn = "_sidebarMenu_tg9i7_1", T = {
+  sidebarMenu: hn
+}, pn = "_stenaFlag_108h7_1", gn = {
+  stenaFlag: pn
+}, mn = ({
   onClick: n
-}) => /* @__PURE__ */ c(d, {
+}) => /* @__PURE__ */ o(i, {
   justifyContent: "space-between",
   alignItems: "center",
   flex: 1,
   indent: 1,
   minHeight: "48px",
-  children: [/* @__PURE__ */ e(x, {
-    leftIcon: ee,
+  children: [/* @__PURE__ */ e(_, {
+    leftIcon: Z,
     onClick: n,
     variant: "danger"
-  }), /* @__PURE__ */ e(Ce, {
-    className: _n.stenaFlag
+  }), /* @__PURE__ */ e(Be, {
+    className: gn.stenaFlag
   })]
-}), Cn = ({
+}), fn = ({
   className: n,
   children: t,
-  onCloseClick: o,
-  collapsed: r = !1,
-  variant: a = "standard",
-  ...i
-}) => /* @__PURE__ */ c(l, {
+  onCloseClick: r,
+  collapsed: a = !1,
+  variant: l = "standard",
+  ...c
+}) => /* @__PURE__ */ o(d, {
   indent: 1,
-  className: h(O.sidebarMenu, r ? O.collapsed : null, n),
+  className: h(T.sidebarMenu, a ? T.collapsed : null, n),
   style: {
     ["--swui-sidebar-menu-item-height"]: "40px"
   },
-  "data-collapsed": r || void 0,
-  ...i,
-  children: [/* @__PURE__ */ e(v, {
+  "data-collapsed": a || void 0,
+  ...c,
+  children: [/* @__PURE__ */ e(b, {
     num: 1
-  }), /* @__PURE__ */ e(vn, {
-    onClick: o
-  }), /* @__PURE__ */ e(l, {
-    className: O.sidebarMenuContent,
+  }), /* @__PURE__ */ e(mn, {
+    onClick: r
+  }), /* @__PURE__ */ e(d, {
+    className: T.sidebarMenuContent,
     height: "100%",
     background: "var(--current-background-color)",
-    children: /* @__PURE__ */ e(M, {
+    children: /* @__PURE__ */ e(S, {
       flex: 1,
       gap: 1,
       children: t
     })
   })]
-}), et = ({
+}), Gn = ({
   variant: n,
   onClickMenuButton: t,
-  children: o
-}) => /* @__PURE__ */ c(Cn, {
+  children: r
+}) => /* @__PURE__ */ o(fn, {
   collapsed: !0,
   position: "fixed",
   left: 0,
@@ -710,87 +707,87 @@ const V = ({
   variant: n,
   children: [/* @__PURE__ */ e(ae, {
     onClick: t
-  }), o]
-}), $ = (n) => /* @__PURE__ */ e(Be, {
+  }), r]
+}), L = (n) => /* @__PURE__ */ e(ye, {
   ...n
-}), le = ({
+}), ce = ({
   label: n
-}) => /* @__PURE__ */ c(l, {
+}) => /* @__PURE__ */ o(d, {
   height: "32px",
   justifyContent: "center",
   indent: 1,
-  children: [/* @__PURE__ */ e(v, {}), /* @__PURE__ */ e(B, {
+  children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(B, {
     variant: "overline",
     size: "smaller",
     children: n
   })]
-}), se = (n) => /* @__PURE__ */ e(te, {
-  color: _("--lhds-color-ui-400"),
+}), ie = (n) => /* @__PURE__ */ e(ne, {
+  color: f("--lhds-color-ui-400"),
   ...n
-}), Bn = ({
+}), bn = ({
   children: n,
   label: t,
-  leftIcon: o,
-  className: r,
-  initialExpand: a = !1
+  leftIcon: r,
+  className: a,
+  initialExpand: l = !1
 }) => {
-  const [i, u] = Se(a);
-  return /* @__PURE__ */ e(xe, {
+  const [c, u] = Se(l);
+  return /* @__PURE__ */ e(ke, {
     label: t,
-    onClick: () => u(!i),
-    leftIcon: o,
-    className: r,
+    onClick: () => u(!c),
+    leftIcon: r,
+    className: a,
     expandable: !0,
-    expanded: i,
-    selected: i,
+    expanded: c,
+    selected: c,
     children: n
   });
-}, ue = (n) => n.map((t, o) => {
+}, se = (n) => n.map((t, r) => {
   switch (t.type) {
     case "heading":
-      return /* @__PURE__ */ e(le, {
+      return /* @__PURE__ */ e(ce, {
         label: t.label
-      }, o);
+      }, r);
     case "separator":
-      return /* @__PURE__ */ e(se, {}, o);
+      return /* @__PURE__ */ e(ie, {}, r);
     case "link": {
       const {
-        type: r,
-        ...a
+        type: a,
+        ...l
       } = t;
-      return /* @__PURE__ */ e($, {
-        ...a
-      }, o);
+      return /* @__PURE__ */ e(L, {
+        ...l
+      }, r);
     }
     case "grouped":
-      return /* @__PURE__ */ e(Bn, {
+      return /* @__PURE__ */ e(bn, {
         leftIcon: t.leftIcon,
         label: t.label,
         initialExpand: !0,
-        children: ue(t.items)
-      }, o);
+        children: se(t.items)
+      }, r);
     default:
-      return oe(t);
+      return te(t);
   }
-}), nt = (n, {
+}), Jn = (n, {
   popupMinWidth: t
-}) => n.map((o, r) => {
-  switch (o.type) {
+}) => n.map((r, a) => {
+  switch (r.type) {
     case "heading":
       return null;
     case "separator":
-      return /* @__PURE__ */ e(se, {}, r);
+      return /* @__PURE__ */ e(ie, {}, a);
     case "link": {
       const {
-        type: a,
-        label: i,
+        type: l,
+        label: c,
         ...u
-      } = o;
-      return /* @__PURE__ */ e($, {
-        title: i,
-        label: i,
+      } = r;
+      return /* @__PURE__ */ e(L, {
+        title: c,
+        label: c,
         ...u
-      }, r);
+      }, a);
     }
     case "grouped":
       return /* @__PURE__ */ e("div", {
@@ -802,44 +799,44 @@ const V = ({
           trigger: "focusin mouseenter click",
           disablePadding: !0,
           lazy: !0,
-          content: /* @__PURE__ */ c(l, {
+          content: /* @__PURE__ */ o(d, {
             minWidth: t,
             background: "var(--lhds-color-blue-500)",
-            children: [/* @__PURE__ */ e(le, {
-              label: o.label
-            }), ue(o.items)]
+            children: [/* @__PURE__ */ e(ce, {
+              label: r.label
+            }), se(r.items)]
           }),
-          children: /* @__PURE__ */ e($, {
-            title: o.label,
-            label: o.label,
-            leftIcon: o.leftIcon
+          children: /* @__PURE__ */ e(L, {
+            title: r.label,
+            label: r.label,
+            leftIcon: r.leftIcon
           })
         })
-      }, r);
+      }, a);
     default:
-      return oe(o);
+      return te(r);
   }
-}), xn = `1px solid ${_("--lhds-color-orange-400")}`, tt = ({
+}), vn = `1px solid ${f("--lhds-color-orange-400")}`, Kn = ({
   numItemsSelected: n,
   label: t,
-  afterLabelContent: o,
-  rightContent: r
-}) => /* @__PURE__ */ c(d, {
+  afterLabelContent: r,
+  rightContent: a
+}) => /* @__PURE__ */ o(i, {
   indent: 3,
   spacing: !0,
   minHeight: "56px",
   justifyContent: "space-between",
   alignItems: "center",
-  borderTop: xn,
-  background: _("--lhds-color-orange-50"),
-  children: [/* @__PURE__ */ c(d, {
+  borderTop: vn,
+  background: f("--lhds-color-orange-50"),
+  children: [/* @__PURE__ */ o(i, {
     alignItems: "center",
     children: [n != null || t != null ? /* @__PURE__ */ e(m, {
-      children: n != null ? /* @__PURE__ */ c(m, {
+      children: n != null ? /* @__PURE__ */ o(m, {
         children: [/* @__PURE__ */ e(B, {
           variant: "bold",
           children: n
-        }), /* @__PURE__ */ e(v, {}), /* @__PURE__ */ c(B, {
+        }), /* @__PURE__ */ e(b, {}), /* @__PURE__ */ o(B, {
           children: ["item", n === 1 ? "" : "s", " selected"]
         })]
       }) : t != null ? /* @__PURE__ */ e(m, {
@@ -847,51 +844,51 @@ const V = ({
           children: t
         }) : t
       }) : null
-    }) : null, o ? /* @__PURE__ */ c(m, {
-      children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(l, {
-        children: o
+    }) : null, r ? /* @__PURE__ */ o(m, {
+      children: [/* @__PURE__ */ e(x, {}), /* @__PURE__ */ e(d, {
+        children: r
       })]
     }) : null]
-  }), /* @__PURE__ */ e(l, {
-    children: r
+  }), /* @__PURE__ */ e(d, {
+    children: a
   })]
 });
 export {
-  je as ActionMenuFlatButton,
-  An as ActionMenuPrimaryButton,
-  Hn as ActionMenuSecondaryButton,
-  Pn as CheckboxMenu,
-  hn as Collapsible,
-  Gn as CollapsibleClickableContent,
-  ie as CollapsibleContent,
-  W as CollapsibleEmptyContent,
-  Jn as CollapsibleGroupHeading,
-  qn as CollapsibleWithCheckbox,
-  pn as ErrorPanel,
-  Kn as ErrorScreen,
-  mn as LoadingPanel,
-  Qn as LoadingScreen,
-  Tn as NavBar,
-  $e as NavBarButton,
-  On as NavBarHeading,
-  Ln as NavBarNotificationButton,
-  $n as NavBarPopoverButton,
-  Dn as NavBarSearchField,
-  Un as NavBarUserButton,
-  Vn as Notification,
-  Xn as PageHeader,
-  Yn as PageHeaderRow,
-  Zn as PageHeading,
-  tt as SelectedItemsActionsPanel,
-  Cn as SidebarMenu,
-  Bn as SidebarMenuCollapsible,
-  le as SidebarMenuHeading,
-  $ as SidebarMenuLink,
-  se as SidebarMenuSeparator,
-  et as SidebarRailMenu,
-  Wn as Toast,
-  dn as mapCSSTime,
-  ue as renderItemsExpanded,
-  nt as renderItemsInRail
+  Me as ActionMenuFlatButton,
+  Sn as ActionMenuPrimaryButton,
+  jn as ActionMenuSecondaryButton,
+  En as CheckboxMenu,
+  sn as Collapsible,
+  Ln as CollapsibleClickableContent,
+  le 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,
+  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,
+  ce as SidebarMenuHeading,
+  L as SidebarMenuLink,
+  ie as SidebarMenuSeparator,
+  Gn as SidebarRailMenu,
+  On as Toast,
+  cn as mapCSSTime,
+  se as renderItemsExpanded,
+  Jn as renderItemsInRail
 };
 //# sourceMappingURL=index.es.js.map