@stenajs-webui/panels 19.0.0-next.2 → 19.0.0-next.3

package/dist/index.es.js

@@ -1,108 +1,108 @@
-(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1bafw_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 );background-color:var(--swui-navbar-background-color)}._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 he, stenaAngleDown as ee, PrimaryButton as pe, SecondaryButton as me, FlatButton as k, stenaBellFilled as ge, Icon as z, stenaSearch as fe, stenaUserCircle as be, stenaTimes as ne, Banner as ve, Spinner as _e, StenaFlag as Ce, MenuButtonLink as Be, MenuButton as xe } from "@stenajs-webui/elements";
-import * as L from "react";
-import { useRef as ye, useMemo as Ne, forwardRef as we, useState as ke } from "react";
-import { useBoolean as D, Column as F, Box as l, Row as u, Indent as b, Heading as U, Clickable as V, Txt as G, Space as f, Text as w, 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)}._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";
 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 Se } from "@stenajs-webui/forms";
+import { Checkbox as re, TextInput as we } from "@stenajs-webui/forms";
 import h from "classnames";
-import { cssColor as v } from "@stenajs-webui/theme";
+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 { CSSTransition as Ee } from "react-transition-group";
 import { faInbox as Fe } from "@fortawesome/free-solid-svg-icons/faInbox";
-const W = ({
+const V = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: o,
-  rightIcon: r = ee,
+  rightIcon: r = Z,
   portalTarget: a = "parent",
   zIndex: i,
-  menuWidth: s,
+  menuWidth: u,
   menuTop: p,
-  onClick: _,
-  disableArrow: B = !1,
-  ...C
+  onClick: f,
+  disableArrow: y = !1,
+  ...N
 }) => {
-  const [x, y, g, H] = D(!1), S = ye(null), A = {
+  const [F, j, g, A] = L(!1), k = ye(null), H = {
     name: "focusManager",
     defaultValue: !0,
     fn({
-      popper: M
+      popper: w
     }) {
-      let j = !1;
-      const q = (N) => {
-        N.key === "Escape" && (j = !0, g()), (N.key === "Enter" || N.key === " ") && (j = !0);
+      let z = !1;
+      const q = (C) => {
+        C.key === "Escape" && (z = !0, g()), (C.key === "Enter" || C.key === " ") && (z = !0);
       };
       return {
         onCreate() {
-          M.addEventListener("keydown", q);
+          w.addEventListener("keydown", q);
         },
         onDestroy() {
-          M.removeEventListener("keydown", q);
+          w.removeEventListener("keydown", q);
         },
         onMount() {
-          var N;
-          j = !1, (N = M.querySelector("button:not([disabled]), a[href]")) == null || N.focus();
+          var C;
+          z = !1, (C = w.querySelector("button:not([disabled]), a[href]")) == null || C.focus();
         },
         onHide() {
-          S.current && j && S.current.focus();
+          k.current && z && k.current.focus();
         }
       };
     }
-  }, I = Ne(() => ({
-    open: y,
+  }, S = Ne(() => ({
+    open: j,
     close: g
-  }), [y, g]), P = (M) => {
-    _ == null || _(M), H();
+  }), [j, g]), P = (w) => {
+    f == null || f(w), A();
   };
   return /* @__PURE__ */ e(R, {
     disablePadding: !0,
-    visible: x,
+    visible: F,
     onClickOutside: g,
     placement: t,
-    content: x && /* @__PURE__ */ e(Y, {
-      width: s,
+    content: F && /* @__PURE__ */ e(Y, {
+      width: u,
       top: p,
       trapFocus: !0,
-      children: /* @__PURE__ */ e(he.Provider, {
-        value: I,
+      children: /* @__PURE__ */ e(de.Provider, {
+        value: S,
         children: n(g)
       })
     }),
     arrow: !1,
     appendTo: a,
     zIndex: i,
-    plugins: [A],
+    plugins: [H],
     lazy: !0,
     children: /* @__PURE__ */ e(o, {
-      rightIcon: B ? void 0 : r,
-      ...C,
-      ref: S,
+      rightIcon: y ? void 0 : r,
+      ...N,
+      ref: k,
       onClick: P
     })
   });
-}, An = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: pe,
+}, An = (n) => /* @__PURE__ */ e(V, {
+  buttonComponent: he,
   ...n
-}), Pn = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: me,
+}), Hn = (n) => /* @__PURE__ */ e(V, {
+  buttonComponent: pe,
   ...n
-}), je = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: k,
+}), je = (n) => /* @__PURE__ */ e(V, {
+  buttonComponent: x,
   ...n
-}), Le = "1px solid var(--lhds-color-ui-300)", Tn = ({
+}), ze = "1px solid var(--lhds-color-ui-300)", Pn = ({
   renderMenu: n,
   ...t
 }) => {
-  const [o, r, a] = D(!1);
+  const [o, r, a] = L(!1);
   return /* @__PURE__ */ e(R, {
     onClickOutside: a,
     arrow: !1,
     visible: o,
     disablePadding: !0,
-    content: n ? /* @__PURE__ */ e(F, {
+    content: n ? /* @__PURE__ */ e(M, {
       children: /* @__PURE__ */ e(Y, {
         children: n(a)
       })
@@ -110,81 +110,62 @@ const W = ({
     placement: "bottom-start",
     children: /* @__PURE__ */ e(l, {
       display: "inline-block",
-      children: /* @__PURE__ */ c(u, {
+      children: /* @__PURE__ */ c(d, {
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: Le,
+        border: ze,
         borderRadius: "4px",
         children: [/* @__PURE__ */ e(re, {
           ...t
         }), /* @__PURE__ */ e(b, {
           num: 0.5
-        }), /* @__PURE__ */ e(k, {
+        }), /* @__PURE__ */ e(x, {
           size: "small",
           onClick: r,
-          leftIcon: ee
+          leftIcon: Z
         })]
       })
     })
   });
-}, ze = "_navBar_1bafw_1", Re = {
-  navBar: ze
-}, He = "_sidebarMenuButton_d43s4_1", Ae = "_icon_d43s4_55", J = {
+}, Re = "_navBar_kzibd_1", Ae = {
+  navBar: Re
+}, He = "_sidebarMenuButton_d43s4_1", Pe = "_icon_d43s4_55", J = {
   sidebarMenuButton: He,
-  icon: Ae
-}, Pe = (n) => /* @__PURE__ */ L.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 16,
-  height: 16,
-  viewBox: "0 0 24 24",
-  ...n
-}, /* @__PURE__ */ L.createElement("path", {
-  fill: "#FFF",
-  fillRule: "evenodd",
-  d: "M22,5 L2,5 C2.11992373,5 2,4.85076158 2,5 L2,3 C2,3.14923842 2.11992373,3 2,3 L22,3 C21.8800763,3 22,3.14923842 22,3 L22,5 C22,4.85076158 21.8800763,5 22,5 Z M22,13 L2,13 C2.11992373,13 2,12.8507616 2,13 L2,11 C2,11.1492384 2.11992373,11 2,11 L22,11 C21.8800763,11 22,11.1492384 22,11 L22,13 C22,12.8507616 21.8800763,13 22,13 Z M22,21 L2,21 C2.11992373,21 2,20.8507616 2,21 L2,19 C2,19.1492384 2.11992373,19 2,19 L22,19 C21.8800763,19 22,19.1492384 22,19 L22,21 C22,20.8507616 21.8800763,21 22,21 Z"
-})), ae = ({
+  icon: Pe
+}, ae = ({
   className: n,
   onClick: t
 }) => /* @__PURE__ */ e("button", {
   onClick: t,
   className: h(J.sidebarMenuButton, n),
-  children: /* @__PURE__ */ e(Pe, {
-    className: J.icon
+  children: /* @__PURE__ */ e(E, {
+    className: J.icon,
+    icon: me
   })
-}), Te = {
-  compact: 32,
-  standard: 40,
-  relaxed: 64
-}, ce = (n) => Te[n] + "px", On = ({
+}), Tn = ({
   left: n,
   className: t,
   showMenuButton: o = !1,
   menuButtonVisibility: r = "visible",
   children: a,
   right: i,
-  center: s,
-  variant: p = "standard",
-  onClickMenuButton: _
+  center: u,
+  onClickMenuButton: p
 }) => {
-  const B = s ? 1 : void 0, C = ce(p);
-  return /* @__PURE__ */ c(u, {
-    height: C,
-    minHeight: C,
+  const f = u ? 1 : void 0;
+  return /* @__PURE__ */ c(d, {
     justifyContent: "space-between",
-    style: {
-      ["--swui-nav-bar-height"]: C
-    },
-    className: h(Re.navBar, t),
-    children: [/* @__PURE__ */ c(u, {
-      flex: B,
+    className: h(Ae.navBar, t),
+    children: [/* @__PURE__ */ c(d, {
+      flex: f,
       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: _
+          onClick: p
         }), /* @__PURE__ */ e(b, {})]
       }) : /* @__PURE__ */ e(b, {
         num: 2
@@ -195,47 +176,47 @@ const W = ({
       }) : /* @__PURE__ */ e(b, {
         num: 2
       }), a && /* @__PURE__ */ e(m, {
-        children: /* @__PURE__ */ e(u, {
+        children: /* @__PURE__ */ e(d, {
           justifyContent: "center",
           alignItems: "center",
-          children: L.Children.map(a, (x, y) => /* @__PURE__ */ c(m, {
-            children: [y > 0 && /* @__PURE__ */ e(b, {}), x]
+          children: ne.Children.map(a, (y, N) => /* @__PURE__ */ c(m, {
+            children: [N > 0 && /* @__PURE__ */ e(b, {}), y]
           }))
         })
       })]
-    }), s && /* @__PURE__ */ e(u, {
+    }), u && /* @__PURE__ */ e(d, {
       justifyContent: "center",
       alignItems: "center",
-      children: s
-    }), /* @__PURE__ */ c(u, {
+      children: u
+    }), /* @__PURE__ */ c(d, {
       justifyContent: "flex-end",
       alignItems: "center",
-      flex: B,
+      flex: f,
       children: [i, /* @__PURE__ */ e(b, {
         num: 2
       })]
     })]
   });
-}, Oe = "_navBarButton_18iz9_1", $e = "_selected_18iz9_36", K = {
-  navBarButton: Oe,
-  selected: $e
-}, De = ({
+}, Te = "_navBarButton_18iz9_1", Oe = "_selected_18iz9_36", K = {
+  navBarButton: Te,
+  selected: Oe
+}, $e = ({
   selected: n,
   className: t,
   ...o
-}) => /* @__PURE__ */ e(k, {
+}) => /* @__PURE__ */ e(x, {
   ...o,
   className: h(K.navBarButton, n && K.selected, t)
-}), $n = (n) => /* @__PURE__ */ e(U, {
+}), On = (n) => /* @__PURE__ */ e(D, {
   whiteSpace: "nowrap",
   color: "#fff",
   ...n
-}), Dn = ({
+}), $n = ({
   content: n,
   children: t,
   ...o
 }) => {
-  const [r, , a, i] = D(!1);
+  const [r, , a, i] = L(!1);
   return /* @__PURE__ */ e(R, {
     onClickOutside: a,
     triggerTarget: document.body,
@@ -245,57 +226,57 @@ const W = ({
         close: a
       }), t]
     }),
-    children: /* @__PURE__ */ e(De, {
+    children: /* @__PURE__ */ e($e, {
       ...o,
       onClick: i
     })
   });
-}, Ue = "_navBarNotificationButton_17zoz_1", Ve = "_hasCount_17zoz_58", We = "_unread_17zoz_62", Ze = "_icon_17zoz_77", qe = "_shake_17zoz_1", E = {
-  navBarNotificationButton: Ue,
-  hasCount: Ve,
-  unread: We,
-  icon: Ze,
-  shake: qe
-}, Un = ({
+}, 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 = ({
   count: n,
   unread: t = !1,
   className: o,
   labelClassName: r,
   iconClassName: a,
   icon: i = ge,
-  ...s
+  ...u
 }) => {
   const p = n > 0;
-  return /* @__PURE__ */ e(k, {
-    ...s,
+  return /* @__PURE__ */ e(x, {
+    ...u,
     leftIcon: i,
-    className: h(t && E.unread, p && E.hasCount, E.navBarNotificationButton, o),
+    className: h(t && I.unread, p && I.hasCount, I.navBarNotificationButton, o),
     label: p ? String(n) : void 0,
-    labelClassName: h(r, E.label),
-    iconClassName: h(a, E.icon)
+    labelClassName: h(r, I.label),
+    iconClassName: h(a, I.icon)
   });
-}, Ge = "_navBarSearchFieldInput_rcj0j_1", Je = "_navBarSearchField_rcj0j_1", Q = {
-  navBarSearchFieldInput: Ge,
-  navBarSearchField: Je
-}, Vn = ({
+}, qe = "_navBarSearchFieldInput_rcj0j_1", Ge = "_navBarSearchField_rcj0j_1", Q = {
+  navBarSearchFieldInput: qe,
+  navBarSearchField: Ge
+}, Dn = ({
   placeholder: n = "Search...",
   className: t,
   wrapperClassName: o,
   ...r
-}) => /* @__PURE__ */ e(Se, {
+}) => /* @__PURE__ */ e(we, {
   wrapperClassName: h(Q.navBarSearchField, o),
   className: h(Q.navBarSearchFieldInput, t),
   placeholder: n,
-  contentRight: /* @__PURE__ */ e(V, {
-    children: /* @__PURE__ */ e(z, {
+  contentRight: /* @__PURE__ */ e(U, {
+    children: /* @__PURE__ */ e(E, {
       icon: fe
     })
   }),
   ...r
-}), Ke = "_navBarUserButton_1cwhm_1", Qe = "_initials_1cwhm_31", X = {
-  navBarUserButton: Ke,
-  initials: Qe
-}, Wn = ({
+}), Je = "_navBarUserButton_1cwhm_1", Ke = "_initials_1cwhm_31", X = {
+  navBarUserButton: Je,
+  initials: Ke
+}, Un = ({
   className: n,
   username: t,
   initials: o,
@@ -310,20 +291,20 @@ const W = ({
   leftIcon: t != null ? r : void 0,
   label: o != null ? o : t,
   disableArrow: !0
-}), ie = ({
+}), ce = ({
   text: n,
   timestamp: t,
   icon: o,
   iconAriaLabel: r,
   iconColor: a,
   contentLeft: i,
-  contentRight: s,
+  contentRight: u,
   onClose: p
-}) => /* @__PURE__ */ c(u, {
+}) => /* @__PURE__ */ c(d, {
   alignItems: "flex-start",
   indent: !0,
   spacing: !0,
-  children: [/* @__PURE__ */ c(u, {
+  children: [/* @__PURE__ */ c(d, {
     indent: 2,
     spacing: !0,
     gap: 2,
@@ -333,7 +314,7 @@ const W = ({
       minHeight: 20,
       justifyContent: "center",
       children: i
-    }), !i && o && /* @__PURE__ */ e(z, {
+    }), !i && o && /* @__PURE__ */ e(E, {
       icon: o,
       size: 20,
       color: a,
@@ -348,40 +329,40 @@ const W = ({
         children: n
       }), t && /* @__PURE__ */ e(G, {
         size: "small",
-        color: v("--lhds-color-ui-600"),
+        color: _("--lhds-color-ui-600"),
         children: t
       })]
-    }), s]
+    }), u]
   }), p && /* @__PURE__ */ e(l, {
     flex: "none",
     justifyContent: "center",
     style: {
       height: "calc(20px + 2 * var(--swui-metrics-spacing))"
     },
-    children: /* @__PURE__ */ e(k, {
-      leftIcon: ne,
+    children: /* @__PURE__ */ e(x, {
+      leftIcon: ee,
       onClick: p,
       "aria-label": "Close"
     })
   })]
-}), Zn = ({
+}), Vn = ({
   children: n,
   ...t
-}) => /* @__PURE__ */ c(F, {
+}) => /* @__PURE__ */ c(M, {
   background: "var(--lhds-color-ui-50)",
   borderRadius: "var(--swui-border-radius)",
-  children: [/* @__PURE__ */ e(ie, {
+  children: [/* @__PURE__ */ e(ce, {
     ...t
-  }), n && /* @__PURE__ */ c(F, {
+  }), n && /* @__PURE__ */ c(M, {
     indent: 3,
-    children: [n, /* @__PURE__ */ e(f, {
+    children: [n, /* @__PURE__ */ e(v, {
       num: 2
     })]
   })]
-}), Xe = "_clickable_1ijxc_1", Ye = "_nonClickable_1ijxc_27", T = {
-  clickable: Xe,
-  nonClickable: Ye
-}, qn = ({
+}), Qe = "_clickable_1ijxc_1", Xe = "_nonClickable_1ijxc_27", T = {
+  clickable: Qe,
+  nonClickable: Xe
+}, Wn = ({
   onClick: n,
   onClickAriaLabel: t,
   children: o,
@@ -390,7 +371,7 @@ const W = ({
   ...i
 }) => /* @__PURE__ */ c(l, {
   borderRadius: 8,
-  background: v("--lhds-color-ui-50"),
+  background: _("--lhds-color-ui-50"),
   shadow: "popover",
   width: r,
   maxWidth: a,
@@ -400,7 +381,7 @@ const W = ({
     className: h({
       [T.nonClickable]: n
     }),
-    children: /* @__PURE__ */ e(ie, {
+    children: /* @__PURE__ */ e(ce, {
       ...i
     })
   }), o && /* @__PURE__ */ c(l, {
@@ -408,7 +389,7 @@ const W = ({
     className: h({
       [T.nonClickable]: n
     }),
-    children: [o, /* @__PURE__ */ e(f, {
+    children: [o, /* @__PURE__ */ e(v, {
       num: 2
     })]
   }), n && /* @__PURE__ */ e("button", {
@@ -416,49 +397,49 @@ const W = ({
     className: T.clickable,
     "aria-label": t
   })]
-}), en = "_collapsible_1nroa_1", nn = "_header_1nroa_46", tn = "_indicator_1nroa_59", on = "_headerText_1nroa_103", rn = "_label_1nroa_114", an = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", sn = "_groupHeading_1nroa_155", dn = "_contentEnter_1nroa_180", un = "_contentEnterActive_1nroa_184", hn = "_contentExitDone_1nroa_189", d = {
-  collapsible: en,
-  header: nn,
-  indicator: tn,
-  headerText: on,
-  label: rn,
-  contentLeft: an,
-  contentRight: cn,
-  content: ln,
-  groupHeading: sn,
-  contentEnter: dn,
-  contentEnterActive: un,
-  contentExitDone: hn
-}, Z = () => /* @__PURE__ */ c(F, {
+}), 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, {
   indent: !0,
   spacing: !0,
   flex: 1,
   alignItems: "center",
-  children: [/* @__PURE__ */ e(z, {
+  children: [/* @__PURE__ */ e(E, {
     icon: Fe,
-    color: v("--lhds-color-ui-500")
-  }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(w, {
+    color: _("--lhds-color-ui-500")
+  }), /* @__PURE__ */ e(v, {}), /* @__PURE__ */ e(B, {
     size: "small",
-    color: v("--lhds-color-ui-500"),
+    color: _("--lhds-color-ui-500"),
     children: "No content"
   })]
-}), le = ({
+}), ie = ({
   contentLeft: n,
   contentRight: t,
   className: o,
   children: r,
   ...a
 }) => /* @__PURE__ */ c("div", {
-  className: h(d.content, o),
+  className: h(s.content, o),
   ...a,
   children: [n && /* @__PURE__ */ e("div", {
-    className: d.contentLeft,
+    className: s.contentLeft,
     children: n
-  }), r != null ? r : /* @__PURE__ */ e(Z, {}), t && /* @__PURE__ */ e("div", {
-    className: d.contentRight,
+  }), r != null ? r : /* @__PURE__ */ e(W, {}), t && /* @__PURE__ */ e("div", {
+    className: s.contentRight,
     children: t
   })]
-}), pn = (n) => {
+}), dn = (n) => {
   const t = parseFloat(n), o = n.match(/m?s/);
   switch (o == null ? void 0 : o[0]) {
     case "s":
@@ -468,54 +449,54 @@ const W = ({
     default:
       return 0;
   }
-}, mn = we(function({
+}, hn = ke(function({
   label: t,
   contentLeft: o,
   contentRight: r,
   collapsed: a = !1,
   onClick: i,
-  className: s,
+  className: u,
   disabled: p = !1,
-  unmountOnCollapse: _ = !1,
-  mountOnEnter: B = !0,
-  icon: C = Me,
-  iconCollapsed: x = Ie,
-  iconSize: y = 8,
+  unmountOnCollapse: f = !1,
+  mountOnEnter: y = !0,
+  icon: N = Me,
+  iconCollapsed: F = Ie,
+  iconSize: j = 8,
   children: g,
-  autoFocus: H = !1,
-  ...S
-}, A) {
-  const I = L.useRef(null), P = I.current ? pn(getComputedStyle(I.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
+  autoFocus: A = !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", {
-    className: h(d.collapsible, s),
+    className: h(s.collapsible, u),
     "aria-expanded": !a,
-    ref: I,
-    ...S,
-    children: [/* @__PURE__ */ c(V, {
+    ref: S,
+    ...k,
+    children: [/* @__PURE__ */ c(U, {
       disableFocusHighlight: !0,
       disableOpacityOnClick: !0,
-      className: d.header,
+      className: s.header,
       onClick: i,
       disabled: p,
-      autoFocus: H,
-      ref: A,
+      autoFocus: A,
+      ref: H,
       children: [o && /* @__PURE__ */ e("div", {
-        className: d.contentLeft,
+        className: s.contentLeft,
         children: o
       }), /* @__PURE__ */ e("div", {
-        className: d.label,
-        children: /* @__PURE__ */ e(w, {
+        className: s.label,
+        children: /* @__PURE__ */ e(B, {
           color: "var(--swui-collapsible-header-text-color)",
-          className: d.headerText,
+          className: s.headerText,
           children: t
         })
       }), r && /* @__PURE__ */ e("div", {
-        className: d.contentRight,
+        className: s.contentRight,
         children: r
-      }), /* @__PURE__ */ e(z, {
-        icon: a ? x : C,
-        className: d.indicator,
-        size: y,
+      }), /* @__PURE__ */ e(E, {
+        icon: a ? F : N,
+        className: s.indicator,
+        size: j,
         fixedWidth: !0
       })]
     }), /* @__PURE__ */ e(Ee, {
@@ -524,248 +505,239 @@ const W = ({
         enter: P
       },
       classNames: {
-        enter: d.contentEnter,
-        enterActive: d.contentEnterActive,
-        exit: d.contentExit,
-        exitActive: d.contentExitActive,
-        exitDone: d.contentExitDone
+        enter: s.contentEnter,
+        enterActive: s.contentEnterActive,
+        exit: s.contentExit,
+        exitActive: s.contentExitActive,
+        exitDone: s.contentExitDone
       },
-      mountOnEnter: B,
-      unmountOnExit: _,
+      mountOnEnter: y,
+      unmountOnExit: f,
       children: /* @__PURE__ */ e("div", {
         role: "region",
-        children: g != null ? g : /* @__PURE__ */ e(le, {
-          children: /* @__PURE__ */ e(Z, {})
+        children: g != null ? g : /* @__PURE__ */ e(ie, {
+          children: /* @__PURE__ */ e(W, {})
         })
       })
     })]
   });
-}), Gn = ({
+}), qn = ({
   value: n,
   onValueChange: t,
   onChange: o,
   indeterminate: r,
   checkboxDisabled: a,
   ...i
-}) => /* @__PURE__ */ e(mn, {
+}) => /* @__PURE__ */ e(hn, {
   contentLeft: /* @__PURE__ */ e(re, {
     value: n,
     indeterminate: r,
     onValueChange: t,
     onChange: o,
     disabled: a,
-    onClick: (s) => s.stopPropagation()
+    onClick: (u) => u.stopPropagation()
   }),
   ...i
-}), Jn = ({
+}), Gn = ({
   contentLeft: n,
   contentRight: t,
   className: o,
   onClick: r,
   children: a,
   ...i
-}) => /* @__PURE__ */ c(V, {
+}) => /* @__PURE__ */ c(U, {
   disableFocusHighlight: !0,
   disableOpacityOnClick: !0,
-  className: h(d.content, o),
+  className: h(s.content, o),
   onClick: r,
   ...i,
   children: [n && /* @__PURE__ */ e("div", {
-    className: d.contentLeft,
+    className: s.contentLeft,
     children: n
-  }), a != null ? a : /* @__PURE__ */ e(Z, {}), t && /* @__PURE__ */ e("div", {
-    className: d.contentRight,
+  }), a != null ? a : /* @__PURE__ */ e(W, {}), t && /* @__PURE__ */ e("div", {
+    className: s.contentRight,
     children: t
   })]
-}), Kn = ({
+}), Jn = ({
   className: n,
   ...t
-}) => /* @__PURE__ */ e(le, {
-  className: h(d.groupHeading, n),
+}) => /* @__PURE__ */ e(ie, {
+  className: h(s.groupHeading, n),
   ...t
-}), gn = ({
+}), pn = ({
   text: n = "Something unexpected happened."
 }) => /* @__PURE__ */ e(l, {
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(ve, {
+  children: /* @__PURE__ */ e(_e, {
     variant: "error",
     headerText: n
   })
-}), Qn = (n) => /* @__PURE__ */ e(l, {
+}), Kn = (n) => /* @__PURE__ */ e(l, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(gn, {
+  children: /* @__PURE__ */ e(pn, {
     ...n
   })
-}), fn = ({
+}), mn = ({
   text: n = "Loading..."
 }) => /* @__PURE__ */ c(l, {
   alignItems: "center",
-  children: [/* @__PURE__ */ e(_e, {
+  children: [/* @__PURE__ */ e(ve, {
     size: "small"
-  }), /* @__PURE__ */ e(f, {
+  }), /* @__PURE__ */ e(v, {
     num: 4
-  }), /* @__PURE__ */ e(U, {
+  }), /* @__PURE__ */ e(D, {
     variant: "h4",
     children: n
   })]
-}), Xn = (n) => /* @__PURE__ */ e(l, {
+}), Qn = (n) => /* @__PURE__ */ e(l, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(fn, {
+  children: /* @__PURE__ */ e(mn, {
     ...n
   })
-}), Yn = ({
+}), Xn = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: o,
   children: r
 }) => /* @__PURE__ */ c(l, {
   shadow: "box",
-  background: v("--lhds-color-ui-50"),
+  background: _("--lhds-color-ui-50"),
   children: [/* @__PURE__ */ c(l, {
     indent: 3,
-    children: [n && /* @__PURE__ */ e(u, {
+    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(f, {}), /* @__PURE__ */ e(te, {}), r]
+    children: [!o && n && /* @__PURE__ */ e(v, {}), /* @__PURE__ */ e(te, {}), r]
   })]
-}), et = (n) => /* @__PURE__ */ e(u, {
+}), Yn = (n) => /* @__PURE__ */ e(d, {
   indent: 3,
   spacing: !0,
   ...n
-}), bn = {
+}), gn = {
   compact: 1,
   standard: 1.5,
   relaxed: 2
-}, nt = ({
+}, Zn = ({
   heading: n,
   headingLevel: t = "h1",
   variant: o = "standard",
   contentLeft: r,
   contentRight: a
-}) => /* @__PURE__ */ c(u, {
-  spacing: bn[o],
+}) => /* @__PURE__ */ c(d, {
+  spacing: gn[o],
   alignItems: "center",
   gap: 2,
-  children: [/* @__PURE__ */ e(U, {
+  children: [/* @__PURE__ */ e(D, {
     variant: "h3",
     as: t,
     children: n
-  }), /* @__PURE__ */ e(u, {
+  }), /* @__PURE__ */ e(d, {
     alignItems: "center",
     children: r
-  }), /* @__PURE__ */ e(u, {
+  }), /* @__PURE__ */ e(d, {
     style: {
       marginLeft: "auto"
     },
     alignItems: "center",
     children: a
   })]
-}), vn = "_sidebarMenu_tg9i7_1", O = {
-  sidebarMenu: vn
-}, _n = "_stenaFlag_108h7_1", Cn = {
-  stenaFlag: _n
-}, Bn = ({
+}), fn = "_sidebarMenu_tg9i7_1", O = {
+  sidebarMenu: fn
+}, bn = "_stenaFlag_108h7_1", _n = {
+  stenaFlag: bn
+}, vn = ({
   onClick: n
-}) => /* @__PURE__ */ c(u, {
+}) => /* @__PURE__ */ c(d, {
   justifyContent: "space-between",
   alignItems: "center",
   flex: 1,
   indent: 1,
-  children: [/* @__PURE__ */ e(k, {
-    leftIcon: ne,
+  minHeight: "48px",
+  children: [/* @__PURE__ */ e(x, {
+    leftIcon: ee,
     onClick: n,
     variant: "danger"
   }), /* @__PURE__ */ e(Ce, {
-    className: Cn.stenaFlag
+    className: _n.stenaFlag
   })]
-}), xn = ({
+}), Cn = ({
   className: n,
   children: t,
   onCloseClick: o,
   collapsed: r = !1,
-  hideCloseButton: a = !1,
-  variant: i = "standard",
-  ...s
-}) => {
-  const p = ce(i);
-  return /* @__PURE__ */ c(l, {
-    indent: 1,
-    className: h(O.sidebarMenu, r ? O.collapsed : null, n),
-    style: {
-      ["--swui-sidebar-menu-item-height"]: p,
-      ["--swui-nav-bar-height"]: p
-    },
-    "data-collapsed": r || void 0,
-    ...s,
-    children: [/* @__PURE__ */ e(f, {
-      num: 1.5
-    }), !a && /* @__PURE__ */ c(m, {
-      children: [/* @__PURE__ */ e(Bn, {
-        onClick: o
-      }), /* @__PURE__ */ e(f, {
-        num: 1.5
-      })]
-    }), /* @__PURE__ */ e(l, {
-      className: O.sidebarMenuContent,
-      height: "100%",
-      background: "var(--current-background-color)",
-      children: /* @__PURE__ */ e(F, {
-        flex: 1,
-        gap: 1,
-        children: t
-      })
-    })]
-  });
-}, tt = ({
+  variant: a = "standard",
+  ...i
+}) => /* @__PURE__ */ c(l, {
+  indent: 1,
+  className: h(O.sidebarMenu, r ? O.collapsed : null, n),
+  style: {
+    ["--swui-sidebar-menu-item-height"]: "40px"
+  },
+  "data-collapsed": r || void 0,
+  ...i,
+  children: [/* @__PURE__ */ e(v, {
+    num: 1
+  }), /* @__PURE__ */ e(vn, {
+    onClick: o
+  }), /* @__PURE__ */ e(l, {
+    className: O.sidebarMenuContent,
+    height: "100%",
+    background: "var(--current-background-color)",
+    children: /* @__PURE__ */ e(M, {
+      flex: 1,
+      gap: 1,
+      children: t
+    })
+  })]
+}), et = ({
   variant: n,
   onClickMenuButton: t,
   children: o
-}) => /* @__PURE__ */ c(xn, {
+}) => /* @__PURE__ */ c(Cn, {
   collapsed: !0,
   position: "fixed",
   left: 0,
   top: 0,
-  hideCloseButton: !0,
   variant: n,
   children: [/* @__PURE__ */ e(ae, {
     onClick: t
   }), o]
 }), $ = (n) => /* @__PURE__ */ e(Be, {
   ...n
-}), se = ({
+}), le = ({
   label: n
 }) => /* @__PURE__ */ c(l, {
   height: "32px",
   justifyContent: "center",
   indent: 1,
-  children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(w, {
+  children: [/* @__PURE__ */ e(v, {}), /* @__PURE__ */ e(B, {
     variant: "overline",
     size: "smaller",
     children: n
   })]
-}), de = (n) => /* @__PURE__ */ e(te, {
-  color: v("--lhds-color-ui-400"),
+}), se = (n) => /* @__PURE__ */ e(te, {
+  color: _("--lhds-color-ui-400"),
   ...n
-}), yn = ({
+}), Bn = ({
   children: n,
   label: t,
   leftIcon: o,
   className: r,
   initialExpand: a = !1
 }) => {
-  const [i, s] = ke(a);
+  const [i, u] = Se(a);
   return /* @__PURE__ */ e(xe, {
     label: t,
-    onClick: () => s(!i),
+    onClick: () => u(!i),
     leftIcon: o,
     className: r,
     expandable: !0,
@@ -776,11 +748,11 @@ const W = ({
 }, ue = (n) => n.map((t, o) => {
   switch (t.type) {
     case "heading":
-      return /* @__PURE__ */ e(se, {
+      return /* @__PURE__ */ e(le, {
         label: t.label
       }, o);
     case "separator":
-      return /* @__PURE__ */ e(de, {}, o);
+      return /* @__PURE__ */ e(se, {}, o);
     case "link": {
       const {
         type: r,
@@ -791,7 +763,7 @@ const W = ({
       }, o);
     }
     case "grouped":
-      return /* @__PURE__ */ e(yn, {
+      return /* @__PURE__ */ e(Bn, {
         leftIcon: t.leftIcon,
         label: t.label,
         initialExpand: !0,
@@ -800,24 +772,24 @@ const W = ({
     default:
       return oe(t);
   }
-}), ot = (n, {
+}), nt = (n, {
   popupMinWidth: t
 }) => n.map((o, r) => {
   switch (o.type) {
     case "heading":
       return null;
     case "separator":
-      return /* @__PURE__ */ e(de, {}, r);
+      return /* @__PURE__ */ e(se, {}, r);
     case "link": {
       const {
         type: a,
         label: i,
-        ...s
+        ...u
       } = o;
       return /* @__PURE__ */ e($, {
         title: i,
         label: i,
-        ...s
+        ...u
       }, r);
     }
     case "grouped":
@@ -833,7 +805,7 @@ const W = ({
           content: /* @__PURE__ */ c(l, {
             minWidth: t,
             background: "var(--lhds-color-blue-500)",
-            children: [/* @__PURE__ */ e(se, {
+            children: [/* @__PURE__ */ e(le, {
               label: o.label
             }), ue(o.items)]
           }),
@@ -847,31 +819,31 @@ const W = ({
     default:
       return oe(o);
   }
-}), Nn = `1px solid ${v("--lhds-color-orange-400")}`, rt = ({
+}), xn = `1px solid ${_("--lhds-color-orange-400")}`, tt = ({
   numItemsSelected: n,
   label: t,
   afterLabelContent: o,
   rightContent: r
-}) => /* @__PURE__ */ c(u, {
+}) => /* @__PURE__ */ c(d, {
   indent: 3,
   spacing: !0,
   minHeight: "56px",
   justifyContent: "space-between",
   alignItems: "center",
-  borderTop: Nn,
-  background: v("--lhds-color-orange-50"),
-  children: [/* @__PURE__ */ c(u, {
+  borderTop: xn,
+  background: _("--lhds-color-orange-50"),
+  children: [/* @__PURE__ */ c(d, {
     alignItems: "center",
     children: [n != null || t != null ? /* @__PURE__ */ e(m, {
       children: n != null ? /* @__PURE__ */ c(m, {
-        children: [/* @__PURE__ */ e(w, {
+        children: [/* @__PURE__ */ e(B, {
           variant: "bold",
           children: n
-        }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ c(w, {
+        }), /* @__PURE__ */ e(v, {}), /* @__PURE__ */ c(B, {
           children: ["item", n === 1 ? "" : "s", " selected"]
         })]
       }) : t != null ? /* @__PURE__ */ e(m, {
-        children: typeof t == "string" ? /* @__PURE__ */ e(w, {
+        children: typeof t == "string" ? /* @__PURE__ */ e(B, {
           children: t
         }) : t
       }) : null
@@ -887,39 +859,39 @@ const W = ({
 export {
   je as ActionMenuFlatButton,
   An as ActionMenuPrimaryButton,
-  Pn as ActionMenuSecondaryButton,
-  Tn as CheckboxMenu,
-  mn as Collapsible,
-  Jn as CollapsibleClickableContent,
-  le as CollapsibleContent,
-  Z as CollapsibleEmptyContent,
-  Kn as CollapsibleGroupHeading,
-  Gn as CollapsibleWithCheckbox,
-  gn as ErrorPanel,
-  Qn as ErrorScreen,
-  fn as LoadingPanel,
-  Xn as LoadingScreen,
-  On as NavBar,
-  De as NavBarButton,
-  $n as NavBarHeading,
-  Un as NavBarNotificationButton,
-  Dn as NavBarPopoverButton,
-  Vn as NavBarSearchField,
-  Wn as NavBarUserButton,
-  Zn as Notification,
-  Yn as PageHeader,
-  et as PageHeaderRow,
-  nt as PageHeading,
-  rt as SelectedItemsActionsPanel,
-  xn as SidebarMenu,
-  yn as SidebarMenuCollapsible,
-  se as SidebarMenuHeading,
+  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,
-  de as SidebarMenuSeparator,
-  tt as SidebarRailMenu,
-  qn as Toast,
-  pn as mapCSSTime,
+  se as SidebarMenuSeparator,
+  et as SidebarRailMenu,
+  Wn as Toast,
+  dn as mapCSSTime,
   ue as renderItemsExpanded,
-  ot as renderItemsInRail
+  nt as renderItemsInRail
 };
 //# sourceMappingURL=index.es.js.map