@stenajs-webui/panels 19.0.0-next.13 → 19.0.0-next.15

package/dist/index.es.js

@@ -1,592 +1,523 @@
-(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_1jqed_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_1jqed_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 { jsx as e, jsxs as i, Fragment as v } from "react/jsx-runtime";
-import { ActionMenu as Z, ActionMenuContext as se, stenaAngleDown as z, PrimaryButton as ue, SecondaryButton as de, FlatButton as C, stenaHamburger as ee, stenaBellFilled as he, stenaUserCircle as pe, Icon as O, stenaTimes as ne, stenaMail as me, stenaAngleUp as ge, Banner as fe, Spinner as be, CircledIcon as ve, StenaFlag as _e, MenuButton as te, stenaAngleLeftDouble as oe, stenaPin as Ce, IconMenuButton as T, IconMenuButtonLink as xe, MenuButtonLink as Be } from "@stenajs-webui/elements";
-import * as re from "react";
-import { useRef as ye, useMemo as ke, forwardRef as Ne, createContext as we, useContext as Ie, useState as Se } from "react";
-import { useBoolean as $, Column as g, Box as s, Row as l, Indent as B, Heading as D, Txt as J, Space as f, Text as y, Clickable as ie, SeparatorLine as je } from "@stenajs-webui/core";
-import { Popover as E, Tooltip as Me } from "@stenajs-webui/tooltip";
-import { Checkbox as ae, TextInput as Re } from "@stenajs-webui/forms";
-import p from "classnames";
-import { cssColor as b } from "@stenajs-webui/theme";
-import { CSSTransition as Ee } from "react-transition-group";
-const U = ({
-  renderItems: n,
+(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._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}._sidebarMenu_1jqed_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_1jqed_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 { jsx as n, jsxs as a, Fragment as b } from "react/jsx-runtime";
+import { ActionMenu as W, ActionMenuContext as rn, stenaAngleDown as G, PrimaryButton as cn, SecondaryButton as sn, FlatButton as C, stenaHamburger as J, stenaBellFilled as ln, stenaUserCircle as dn, CircledIcon as K, stenaTimes as Q, Icon as un, stenaMail as hn, MenuButton as R, Banner as pn, Spinner as gn, StenaFlag as fn, stenaAngleLeftDouble as X, stenaPin as mn, IconMenuButton as F, IconMenuButtonLink as bn, MenuButtonLink as vn } from "@stenajs-webui/elements";
+import * as _n from "react";
+import { useRef as Cn, useMemo as Bn, forwardRef as xn, createContext as yn, useContext as kn, useState as In } from "react";
+import { useBoolean as L, Column as f, Box as s, Row as l, Indent as x, Heading as P, Text as v, Space as _, SeparatorLine as Nn } from "@stenajs-webui/core";
+import { Popover as j, Tooltip as wn } from "@stenajs-webui/tooltip";
+import { Checkbox as Y, TextInput as jn } from "@stenajs-webui/forms";
+import h from "classnames";
+import { cssColor as m } from "@stenajs-webui/theme";
+const z = ({
+  renderItems: e,
   placement: t = "bottom",
   buttonComponent: o,
-  rightIcon: r = z,
-  portalTarget: a = "parent",
+  rightIcon: i = G,
+  portalTarget: r = "parent",
   zIndex: c,
-  menuWidth: d,
-  menuTop: h,
-  onClick: _,
-  disableArrow: k = !1,
-  ...F
+  menuWidth: u,
+  menuTop: d,
+  onClick: p,
+  disableArrow: g = !1,
+  ...nn
 }) => {
-  const [j, M, m, A] = $(!1), N = ye(null), H = {
+  const [H, E, y, en] = L(!1), M = Cn(null), tn = {
     name: "focusManager",
     defaultValue: !0,
-    fn({ popper: I }) {
-      let R = !1;
-      const G = (x) => {
-        x.key === "Escape" && (R = !0, m()), (x.key === "Enter" || x.key === " ") && (R = !0);
+    fn({ popper: k }) {
+      let N = !1;
+      const D = (B) => {
+        B.key === "Escape" && (N = !0, y()), (B.key === "Enter" || B.key === " ") && (N = !0);
       };
       return {
         onCreate() {
-          I.addEventListener("keydown", G);
+          k.addEventListener("keydown", D);
         },
         onDestroy() {
-          I.removeEventListener("keydown", G);
+          k.removeEventListener("keydown", D);
         },
         onMount() {
-          var x;
-          R = !1, (x = I.querySelector("button:not([disabled]), a[href]")) == null || x.focus();
+          var B;
+          N = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
         },
         onHide() {
-          N.current && R && N.current.focus();
+          M.current && N && M.current.focus();
         }
       };
     }
-  }, w = ke(() => ({ open: M, close: m }), [M, m]), P = (I) => {
-    _ == null || _(I), A();
+  }, on = Bn(() => ({ open: E, close: y }), [E, y]), an = (k) => {
+    p == null || p(k), en();
   };
-  return /* @__PURE__ */ e(
-    E,
+  return /* @__PURE__ */ n(
+    j,
     {
       disablePadding: !0,
-      visible: j,
-      onClickOutside: m,
+      visible: H,
+      onClickOutside: y,
       placement: t,
-      content: j && /* @__PURE__ */ e(Z, { width: d, top: h, trapFocus: !0, children: /* @__PURE__ */ e(se.Provider, { value: w, children: n(m) }) }),
+      content: H && /* @__PURE__ */ n(W, { width: u, top: d, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(y) }) }),
       arrow: !1,
-      appendTo: a,
+      appendTo: r,
       zIndex: c,
-      plugins: [H],
+      plugins: [tn],
       lazy: !0,
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ n(
         o,
         {
-          rightIcon: k ? void 0 : r,
-          ...F,
-          ref: N,
-          onClick: P
+          rightIcon: g ? void 0 : i,
+          ...nn,
+          ref: M,
+          onClick: an
         }
       )
     }
   );
-}, Fn = (n) => /* @__PURE__ */ e(U, { buttonComponent: ue, ...n }), An = (n) => /* @__PURE__ */ e(U, { buttonComponent: de, ...n }), Fe = (n) => /* @__PURE__ */ e(U, { buttonComponent: C, ...n }), Ae = "1px solid var(--lhds-color-ui-300)", Hn = ({
-  renderMenu: n,
+}, Ne = (e) => /* @__PURE__ */ n(z, { buttonComponent: cn, ...e }), we = (e) => /* @__PURE__ */ n(z, { buttonComponent: sn, ...e }), Mn = (e) => /* @__PURE__ */ n(z, { buttonComponent: C, ...e }), Sn = "1px solid var(--lhds-color-ui-300)", je = ({
+  renderMenu: e,
   ...t
 }) => {
-  const [o, r, a] = $(!1);
-  return /* @__PURE__ */ e(
-    E,
+  const [o, i, r] = L(!1);
+  return /* @__PURE__ */ n(
+    j,
     {
-      onClickOutside: a,
+      onClickOutside: r,
       arrow: !1,
       visible: o,
       disablePadding: !0,
-      content: n ? /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(Z, { children: n(a) }) }) : void 0,
+      content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(W, { children: e(r) }) }) : void 0,
       placement: "bottom-start",
-      children: /* @__PURE__ */ e(s, { display: "inline-block", children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ n(s, { display: "inline-block", children: /* @__PURE__ */ a(
         l,
         {
           spacing: 0.5,
           indent: !0,
           alignItems: "center",
-          border: Ae,
+          border: Sn,
           borderRadius: "4px",
           children: [
-            /* @__PURE__ */ e(ae, { ...t }),
-            /* @__PURE__ */ e(B, { num: 0.5 }),
-            /* @__PURE__ */ e(C, { size: "small", onClick: r, leftIcon: z })
+            /* @__PURE__ */ n(Y, { ...t }),
+            /* @__PURE__ */ n(x, { num: 0.5 }),
+            /* @__PURE__ */ n(C, { size: "small", onClick: i, leftIcon: G })
           ]
         }
       ) })
     }
   );
-}, He = "_navBar_kzibd_1", Pe = {
-  navBar: He
-}, Le = ({
-  className: n,
+}, Fn = "_navBar_kzibd_1", Rn = {
+  navBar: Fn
+}, Ln = ({
+  className: e,
   onClick: t
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ n(
   C,
   {
-    leftIcon: ee,
-    className: n,
+    leftIcon: J,
+    className: e,
     onClick: t
   }
-), Pn = ({
-  left: n,
+), Me = ({
+  left: e,
   className: t,
   showMenuButton: o = !1,
-  children: r,
-  right: a,
+  children: i,
+  right: r,
   center: c,
-  onClickMenuButton: d
+  onClickMenuButton: u
 }) => {
-  const h = c ? 1 : void 0;
-  return /* @__PURE__ */ i(
+  const d = c ? 1 : void 0;
+  return /* @__PURE__ */ a(
     l,
     {
       justifyContent: "space-between",
-      className: p(Pe.navBar, t),
+      className: h(Rn.navBar, t),
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           l,
           {
-            flex: h,
+            flex: d,
             justifyContent: "flex-start",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ i(l, { width: "86px", alignItems: "center", children: [
-                /* @__PURE__ */ e(B, {}),
-                o && /* @__PURE__ */ e(Le, { onClick: d })
+              /* @__PURE__ */ a(l, { width: "86px", alignItems: "center", children: [
+                /* @__PURE__ */ n(x, {}),
+                o && /* @__PURE__ */ n(Ln, { onClick: u })
               ] }),
-              n && /* @__PURE__ */ i(v, { children: [
-                n,
-                /* @__PURE__ */ e(B, { num: 2 })
+              e && /* @__PURE__ */ a(b, { children: [
+                e,
+                /* @__PURE__ */ n(x, { num: 2 })
               ] }),
-              r && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(l, { justifyContent: "center", alignItems: "center", children: re.Children.map(r, (_, k) => /* @__PURE__ */ i(v, { children: [
-                k > 0 && /* @__PURE__ */ e(B, {}),
-                _
+              i && /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: _n.Children.map(i, (p, g) => /* @__PURE__ */ a(b, { children: [
+                g > 0 && /* @__PURE__ */ n(x, {}),
+                p
               ] })) }) })
             ]
           }
         ),
-        c && /* @__PURE__ */ e(l, { justifyContent: "center", alignItems: "center", children: c }),
-        /* @__PURE__ */ i(l, { justifyContent: "flex-end", alignItems: "center", flex: h, children: [
-          a,
-          /* @__PURE__ */ e(B, { num: 2 })
+        c && /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: c }),
+        /* @__PURE__ */ a(l, { justifyContent: "flex-end", alignItems: "center", flex: d, children: [
+          r,
+          /* @__PURE__ */ n(x, { num: 2 })
         ] })
       ]
     }
   );
-}, Te = "_navBarButton_18iz9_1", ze = "_selected_18iz9_36", K = {
-  navBarButton: Te,
-  selected: ze
-}, Oe = ({
-  selected: n,
+}, Pn = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36", U = {
+  navBarButton: Pn,
+  selected: zn
+}, $n = ({
+  selected: e,
   className: t,
   ...o
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ n(
   C,
   {
     ...o,
-    className: p(
-      K.navBarButton,
-      n && K.selected,
+    className: h(
+      U.navBarButton,
+      e && U.selected,
       t
     )
   }
-), Ln = (n) => /* @__PURE__ */ e(D, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), Tn = ({
-  content: n,
+), Se = (e) => /* @__PURE__ */ n(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
+  content: e,
   children: t,
   ...o
 }) => {
-  const [r, , a, c] = $(!1);
-  return /* @__PURE__ */ e(
-    E,
+  const [i, , r, c] = L(!1);
+  return /* @__PURE__ */ n(
+    j,
     {
-      onClickOutside: a,
+      onClickOutside: r,
       triggerTarget: document.body,
-      visible: r,
-      content: /* @__PURE__ */ i(v, { children: [
-        n && n({ close: a }),
+      visible: i,
+      content: /* @__PURE__ */ a(b, { children: [
+        e && e({ close: r }),
         t
       ] }),
-      children: /* @__PURE__ */ e(Oe, { ...o, onClick: c })
+      children: /* @__PURE__ */ n($n, { ...o, onClick: c })
     }
   );
-}, $e = "_navBarNotificationButton_8ej1j_1", De = "_unread_8ej1j_54", Ue = "_hasCount_8ej1j_68", Ve = "_icon_8ej1j_69", We = "_shake_8ej1j_1", S = {
-  navBarNotificationButton: $e,
-  unread: De,
-  hasCount: Ue,
-  icon: Ve,
-  shake: We
-}, zn = ({
-  count: n,
+}, An = "_navBarNotificationButton_8ej1j_1", Hn = "_unread_8ej1j_54", En = "_hasCount_8ej1j_68", Dn = "_icon_8ej1j_69", Un = "_shake_8ej1j_1", I = {
+  navBarNotificationButton: An,
+  unread: Hn,
+  hasCount: En,
+  icon: Dn,
+  shake: Un
+}, Re = ({
+  count: e,
   unread: t = !1,
   className: o,
-  labelClassName: r,
-  iconClassName: a,
-  icon: c = he,
-  ...d
+  labelClassName: i,
+  iconClassName: r,
+  icon: c = ln,
+  ...u
 }) => {
-  const h = n > 0;
-  return /* @__PURE__ */ e(
+  const d = e > 0;
+  return /* @__PURE__ */ n(
     C,
     {
-      ...d,
+      ...u,
       leftIcon: c,
-      className: p(
-        t && S.unread,
-        h && S.hasCount,
-        S.navBarNotificationButton,
+      className: h(
+        t && I.unread,
+        d && I.hasCount,
+        I.navBarNotificationButton,
         o
       ),
-      label: h ? String(n) : void 0,
-      labelClassName: p(r, S.label),
-      iconClassName: p(a, S.icon)
+      label: d ? String(e) : void 0,
+      labelClassName: h(i, I.label),
+      iconClassName: h(r, I.icon)
     }
   );
-}, qe = "_navBarSearchFieldInput_16tw5_1", Ge = "_navBarSearchField_16tw5_1", Q = {
-  navBarSearchFieldInput: qe,
-  navBarSearchField: Ge
-}, On = ({
-  placeholder: n = "Search",
+}, On = "_navBarSearchFieldInput_16tw5_1", Tn = "_navBarSearchField_16tw5_1", O = {
+  navBarSearchFieldInput: On,
+  navBarSearchField: Tn
+}, Le = ({
+  placeholder: e = "Search",
   className: t,
   wrapperClassName: o,
-  ...r
-}) => /* @__PURE__ */ e(
-  Re,
+  ...i
+}) => /* @__PURE__ */ n(
+  jn,
   {
-    wrapperClassName: p(Q.navBarSearchField, o),
-    className: p(Q.navBarSearchFieldInput, t),
-    placeholder: n,
-    ...r
+    wrapperClassName: h(O.navBarSearchField, o),
+    className: h(O.navBarSearchFieldInput, t),
+    placeholder: e,
+    ...i
   }
-), Je = "_navBarUserButton_1cwhm_1", Ke = "_initials_1cwhm_31", X = {
-  navBarUserButton: Je,
-  initials: Ke
-}, $n = ({
-  className: n,
+), qn = "_navBarUserButton_1cwhm_1", Vn = "_initials_1cwhm_31", T = {
+  navBarUserButton: qn,
+  initials: Vn
+}, Pe = ({
+  className: e,
   username: t,
   initials: o,
-  icon: r = pe,
-  iconClassName: a,
+  icon: i = dn,
+  iconClassName: r,
   ...c
-}) => /* @__PURE__ */ e(
-  Fe,
+}) => /* @__PURE__ */ n(
+  Mn,
   {
     ...c,
-    className: p(
-      { [X.initials]: o != null },
-      X.navBarUserButton,
-      n
+    className: h(
+      { [T.initials]: o != null },
+      T.navBarUserButton,
+      e
     ),
-    leftIcon: t != null ? r : void 0,
+    leftIcon: t != null ? i : void 0,
     label: o != null ? o : t,
     disableArrow: !0
   }
-), ce = ({
-  text: n,
+), Wn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", q = {
+  unreadDot: Wn,
+  dot: Gn
+}, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: q.unreadDot, children: [
+  e,
+  /* @__PURE__ */ n("div", { className: q.dot })
+] }), Z = ({
+  text: e,
   timestamp: t,
   icon: o,
-  iconAriaLabel: r,
-  iconColor: a,
-  contentLeft: c,
-  contentRight: d,
-  onClose: h
-}) => /* @__PURE__ */ i(l, { alignItems: "flex-start", indent: !0, spacing: !0, children: [
-  /* @__PURE__ */ i(l, { indent: 2, spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
-    c && /* @__PURE__ */ e(s, { minHeight: 20, justifyContent: "center", children: c }),
-    !c && o && /* @__PURE__ */ e(
-      O,
-      {
-        icon: o,
-        size: 20,
-        color: a,
-        "aria-label": r
-      }
-    ),
-    /* @__PURE__ */ i(s, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
-      /* @__PURE__ */ e(J, { variant: "bold", children: n }),
-      t && /* @__PURE__ */ e(J, { size: "small", color: b("--lhds-color-ui-600"), children: t })
-    ] }),
-    d
-  ] }),
-  h && /* @__PURE__ */ e(
-    s,
+  iconAriaLabel: i,
+  contentLeft: r,
+  contentRight: c,
+  onClose: u,
+  unread: d = !1,
+  variant: p
+}) => {
+  const g = o ? /* @__PURE__ */ n(
+    K,
     {
-      flex: "none",
-      justifyContent: "center",
-      style: {
-        height: "calc(20px + 2 * var(--swui-metrics-spacing))"
-      },
-      children: /* @__PURE__ */ e(
-        C,
-        {
-          leftIcon: ne,
-          onClick: h,
-          "aria-label": "Close"
-        }
-      )
+      size: "small",
+      icon: o,
+      "aria-label": i,
+      backgroundColor: Kn(d, p)
     }
-  )
-] }), Dn = ({
-  children: n,
-  ...t
-}) => /* @__PURE__ */ i(
-  g,
+  ) : void 0;
+  return /* @__PURE__ */ a(l, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
+    /* @__PURE__ */ a(l, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
+      r && /* @__PURE__ */ n(s, { minHeight: 20, justifyContent: "center", children: r }),
+      !r && g && (d ? /* @__PURE__ */ n(Jn, { children: g }) : g),
+      /* @__PURE__ */ a(s, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
+        /* @__PURE__ */ n(v, { variant: "bold", children: e }),
+        t && /* @__PURE__ */ n(
+          v,
+          {
+            size: "small",
+            color: m(
+              d ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
+            ),
+            children: t
+          }
+        )
+      ] }),
+      c
+    ] }),
+    u && /* @__PURE__ */ n(
+      s,
+      {
+        flex: "none",
+        justifyContent: "center",
+        height: "calc(20px + 2 * var(--swui-metrics-spacing))",
+        children: /* @__PURE__ */ n(
+          C,
+          {
+            leftIcon: Q,
+            onClick: u,
+            "aria-label": "Close",
+            variant: "danger"
+          }
+        )
+      }
+    )
+  ] });
+}, Kn = (e, t) => {
+  if (!(!e && t === "standard"))
+    return "--lhds-color-ui-50";
+}, Qn = "_notification_1hao0_1", Xn = "_body_1hao0_7", Yn = "_standard_1hao0_13", Zn = "_unread_1hao0_14", ne = "_danger_1hao0_19", w = {
+  notification: Qn,
+  body: Xn,
+  standard: Yn,
+  unread: Zn,
+  danger: ne
+}, ze = ({
+  variant: e = "standard",
+  children: t,
+  unread: o,
+  ...i
+}) => /* @__PURE__ */ a(
+  "div",
   {
-    background: "var(--lhds-color-ui-50)",
-    borderRadius: "var(--swui-border-radius)",
+    className: h(
+      w.notification,
+      w[e],
+      o && w.unread
+    ),
     children: [
-      /* @__PURE__ */ e(ce, { ...t }),
-      n && /* @__PURE__ */ i(g, { indent: 3, children: [
-        n,
-        /* @__PURE__ */ e(f, { num: 2 })
-      ] })
+      /* @__PURE__ */ n(Z, { ...i, unread: o, variant: e }),
+      t && /* @__PURE__ */ n(f, { className: w.body, children: t })
     ]
   }
-), Qe = "_clickable_1ijxc_1", Xe = "_nonClickable_1ijxc_27", L = {
-  clickable: Qe,
-  nonClickable: Xe
-}, Un = ({
-  onClick: n,
+), ee = "_notificationList_1rkvu_1", te = {
+  notificationList: ee
+}, $e = ({
+  children: e
+}) => /* @__PURE__ */ a("div", { className: te.notificationList, children: [
+  e,
+  /* @__PURE__ */ n("div", {})
+] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", S = {
+  clickable: oe,
+  nonClickable: ie
+}, Ae = ({
+  onClick: e,
   onClickAriaLabel: t,
   children: o,
-  width: r = 264,
-  maxWidth: a,
+  width: i = 264,
+  maxWidth: r,
   ...c
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ a(
   s,
   {
     borderRadius: 8,
-    background: b("--lhds-color-ui-50"),
+    background: m("--lhds-color-ui-50"),
     shadow: "popover",
-    width: r,
-    maxWidth: a,
+    width: i,
+    maxWidth: r,
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ e(s, { className: p({ [L.nonClickable]: n }), children: /* @__PURE__ */ e(ce, { ...c }) }),
-      o && /* @__PURE__ */ i(s, { indent: 3, className: p({ [L.nonClickable]: n }), children: [
+      /* @__PURE__ */ n(s, { className: h({ [S.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
+      o && /* @__PURE__ */ a(s, { indent: 3, className: h({ [S.nonClickable]: e }), children: [
         o,
-        /* @__PURE__ */ e(f, { num: 2 })
+        /* @__PURE__ */ n(_, { num: 2 })
       ] }),
-      n && /* @__PURE__ */ e(
+      e && /* @__PURE__ */ n(
         "button",
         {
-          onClick: n,
-          className: L.clickable,
+          onClick: e,
+          className: S.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", u = {
-  collapsible: Ye,
-  header: Ze,
-  indicator: en,
-  headerText: nn,
-  label: tn,
-  contentLeft: on,
-  contentRight: rn,
-  content: an,
-  groupHeading: cn,
-  contentEnter: ln,
-  contentEnterActive: sn,
-  contentExitDone: un
-}, V = () => /* @__PURE__ */ i(g, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ e(O, { icon: me, color: b("--lhds-color-ui-500") }),
-  /* @__PURE__ */ e(f, {}),
-  /* @__PURE__ */ e(y, { size: "small", color: b("--lhds-color-ui-500"), children: "No content" })
-] }), le = ({ contentLeft: n, contentRight: t, className: o, children: r, ...a }) => /* @__PURE__ */ i("div", { className: p(u.content, o), ...a, children: [
-  n && /* @__PURE__ */ e("div", { className: u.contentLeft, children: n }),
-  r != null ? r : /* @__PURE__ */ e(V, {}),
-  t && /* @__PURE__ */ e("div", { className: u.contentRight, children: t })
-] }), dn = (n) => {
-  const t = parseFloat(n), o = n.match(/m?s/);
-  switch (o == null ? void 0 : o[0]) {
-    case "s":
-      return t * 1e3;
-    case "ms":
-      return t;
-    default:
-      return 0;
-  }
-}, hn = Ne(
+), ae = () => /* @__PURE__ */ a(f, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ n(un, { icon: hn, color: m("--lhds-color-ui-500") }),
+  /* @__PURE__ */ n(_, {}),
+  /* @__PURE__ */ n(v, { size: "small", color: m("--lhds-color-ui-500"), children: "No content" })
+] }), re = xn(
   function({
     label: t,
     contentLeft: o,
-    contentRight: r,
-    collapsed: a = !1,
+    contentRight: i,
+    collapsed: r = !1,
     onClick: c,
-    className: d,
-    disabled: h = !1,
-    unmountOnCollapse: _ = !1,
-    mountOnEnter: k = !0,
-    icon: F = ge,
-    iconCollapsed: j = z,
-    iconSize: M = 16,
-    children: m,
-    autoFocus: A = !1,
-    ...N
-  }, H) {
-    const w = re.useRef(null), P = w.current ? dn(
-      getComputedStyle(w.current).getPropertyValue(
-        "--swui-collapsible-animation-time"
-      )
-    ) : void 0;
-    return /* @__PURE__ */ i(
-      "div",
+    disabled: u = !1,
+    children: d,
+    autoFocus: p = !1
+  }, g) {
+    return /* @__PURE__ */ n(
+      R,
       {
-        className: p(u.collapsible, d),
-        "aria-expanded": !a,
-        ref: w,
-        ...N,
-        children: [
-          /* @__PURE__ */ i(
-            ie,
-            {
-              disableFocusHighlight: !0,
-              disableOpacityOnClick: !0,
-              className: u.header,
-              onClick: c,
-              disabled: h,
-              autoFocus: A,
-              ref: H,
-              children: [
-                o && /* @__PURE__ */ e("div", { className: u.contentLeft, children: o }),
-                /* @__PURE__ */ e("div", { className: u.label, children: /* @__PURE__ */ e(
-                  y,
-                  {
-                    color: "var(--swui-collapsible-header-text-color)",
-                    className: u.headerText,
-                    children: t
-                  }
-                ) }),
-                r && /* @__PURE__ */ e("div", { className: u.contentRight, children: r }),
-                /* @__PURE__ */ e(
-                  O,
-                  {
-                    icon: a ? j : F,
-                    className: u.indicator,
-                    size: M,
-                    fixedWidth: !0
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            Ee,
-            {
-              in: !a,
-              timeout: {
-                enter: P
-              },
-              classNames: {
-                enter: u.contentEnter,
-                enterActive: u.contentEnterActive,
-                exit: u.contentExit,
-                exitActive: u.contentExitActive,
-                exitDone: u.contentExitDone
-              },
-              mountOnEnter: k,
-              unmountOnExit: _,
-              children: /* @__PURE__ */ e("div", { role: "region", children: m != null ? m : /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(V, {}) }) })
-            }
-          )
-        ]
+        autoFocus: p,
+        ref: g,
+        label: t,
+        onClick: c,
+        disabled: u,
+        expandable: !0,
+        expanded: !r,
+        selected: !r,
+        left: o,
+        right: i,
+        children: d != null ? d : /* @__PURE__ */ n(ae, {})
       }
     );
   }
-), Vn = ({
-  value: n,
+), He = ({
+  children: e
+}) => /* @__PURE__ */ n(f, { gap: 1, children: e }), Ee = ({
+  value: e,
   onValueChange: t,
   onChange: o,
-  indeterminate: r,
-  checkboxDisabled: a,
+  indeterminate: i,
+  checkboxDisabled: r,
   ...c
-}) => /* @__PURE__ */ e(
-  hn,
+}) => /* @__PURE__ */ n(
+  re,
   {
-    contentLeft: /* @__PURE__ */ e(
-      ae,
+    contentLeft: /* @__PURE__ */ n(
+      Y,
       {
-        value: n,
-        indeterminate: r,
+        value: e,
+        indeterminate: i,
         onValueChange: t,
         onChange: o,
-        disabled: a,
-        onClick: (d) => d.stopPropagation()
+        disabled: r,
+        onClick: (u) => u.stopPropagation()
       }
     ),
     ...c
   }
-), Wn = ({ contentLeft: n, contentRight: t, className: o, onClick: r, children: a, ...c }) => /* @__PURE__ */ i(
-  ie,
-  {
-    disableFocusHighlight: !0,
-    disableOpacityOnClick: !0,
-    className: p(u.content, o),
-    onClick: r,
-    ...c,
-    children: [
-      n && /* @__PURE__ */ e("div", { className: u.contentLeft, children: n }),
-      a != null ? a : /* @__PURE__ */ e(V, {}),
-      t && /* @__PURE__ */ e("div", { className: u.contentRight, children: t })
-    ]
-  }
-), qn = ({ className: n, ...t }) => /* @__PURE__ */ e(
-  le,
-  {
-    className: p(u.groupHeading, n),
-    ...t
-  }
-), pn = ({
-  text: n = "Something unexpected happened."
-}) => /* @__PURE__ */ e(s, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(fe, { variant: "error", headerText: n }) }), Gn = (n) => /* @__PURE__ */ e(
+), De = ({ children: e }) => /* @__PURE__ */ n(s, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e }) }), ce = ({
+  text: e = "Something unexpected happened."
+}) => /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(pn, { variant: "error", headerText: e }) }), Ue = (e) => /* @__PURE__ */ n(
   s,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(pn, { ...n })
+    children: /* @__PURE__ */ n(ce, { ...e })
   }
-), mn = ({
-  text: n = "Loading..."
-}) => /* @__PURE__ */ i(s, { alignItems: "center", children: [
-  /* @__PURE__ */ e(be, { size: "small" }),
-  /* @__PURE__ */ e(f, { num: 4 }),
-  /* @__PURE__ */ e(D, { variant: "h4", children: n })
-] }), Jn = (n) => /* @__PURE__ */ e(
+), se = ({
+  text: e = "Loading..."
+}) => /* @__PURE__ */ a(s, { alignItems: "center", children: [
+  /* @__PURE__ */ n(gn, { size: "small" }),
+  /* @__PURE__ */ n(_, { num: 4 }),
+  /* @__PURE__ */ n(P, { variant: "h4", children: e })
+] }), Oe = (e) => /* @__PURE__ */ n(
   s,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(mn, { ...n })
+    children: /* @__PURE__ */ n(se, { ...e })
   }
-), Kn = ({
-  renderBreadCrumbs: n,
+), Te = ({
+  renderBreadCrumbs: e,
   renderPageHeading: t,
   renderTabs: o,
-  children: r
-}) => /* @__PURE__ */ i(s, { shadow: "bottom", background: b("--lhds-color-ui-50"), gap: 2, children: [
-  /* @__PURE__ */ i(s, { indent: 3, children: [
-    n && /* @__PURE__ */ i(l, { spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ e(l, { width: "64px", height: "16px" }),
-      n()
+  children: i
+}) => /* @__PURE__ */ a(s, { shadow: "bottom", background: m("--lhds-color-ui-50"), gap: 2, children: [
+  /* @__PURE__ */ a(s, { indent: 3, children: [
+    e && /* @__PURE__ */ a(l, { spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ n(l, { width: "64px", height: "16px" }),
+      e()
     ] }),
     t == null ? void 0 : t(),
-    o && /* @__PURE__ */ e(f, {}),
+    o && /* @__PURE__ */ n(_, {}),
     o == null ? void 0 : o()
   ] }),
-  r
-] }), Qn = (n) => /* @__PURE__ */ e(l, { indent: 3, spacing: !0, ...n }), Xn = ({
-  icon: n,
+  i
+] }), qe = (e) => /* @__PURE__ */ n(l, { indent: 3, spacing: !0, ...e }), Ve = ({
+  icon: e,
   heading: t,
   headingLevel: o = "h2",
-  contentLeft: r,
-  contentRight: a
-}) => /* @__PURE__ */ i(l, { alignItems: "center", gap: 2, height: "64px", children: [
-  /* @__PURE__ */ i(l, { alignItems: "center", children: [
-    /* @__PURE__ */ e(l, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(ve, { icon: n }) }),
-    /* @__PURE__ */ e(D, { variant: "h3", as: o, children: t })
+  contentLeft: i,
+  contentRight: r
+}) => /* @__PURE__ */ a(l, { alignItems: "center", gap: 2, height: "64px", children: [
+  /* @__PURE__ */ a(l, { alignItems: "center", children: [
+    /* @__PURE__ */ n(l, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(K, { icon: e }) }),
+    /* @__PURE__ */ n(P, { variant: "h3", as: o, children: t })
   ] }),
-  /* @__PURE__ */ e(l, { alignItems: "center", children: r }),
-  /* @__PURE__ */ e(l, { style: { marginLeft: "auto" }, alignItems: "center", children: a })
-] }), gn = "_sidebarMenu_1jqed_1", Y = {
-  sidebarMenu: gn
-}, fn = "_stenaFlag_108h7_1", bn = {
-  stenaFlag: fn
-}, vn = ({ onClick: n }) => /* @__PURE__ */ i(
+  /* @__PURE__ */ n(l, { alignItems: "center", children: i }),
+  /* @__PURE__ */ n(l, { style: { marginLeft: "auto" }, alignItems: "center", children: r })
+] }), le = "_sidebarMenu_1jqed_1", V = {
+  sidebarMenu: le
+}, de = "_stenaFlag_108h7_1", ue = {
+  stenaFlag: de
+}, he = ({ onClick: e }) => /* @__PURE__ */ a(
   l,
   {
     justifyContent: "space-between",
@@ -595,67 +526,67 @@ const U = ({
     indent: 1,
     minHeight: "48px",
     children: [
-      /* @__PURE__ */ e(C, { leftIcon: ne, onClick: n, variant: "danger" }),
-      /* @__PURE__ */ e(_e, { className: bn.stenaFlag })
+      /* @__PURE__ */ n(C, { leftIcon: Q, onClick: e, variant: "danger" }),
+      /* @__PURE__ */ n(fn, { className: ue.stenaFlag })
     ]
   }
-), _n = ({
-  isPinned: n,
+), pe = ({
+  isPinned: e,
   onClick: t,
   label: o
 }) => {
-  const r = n ? "Unpin menu" : "Pin menu", a = o != null ? o : r;
-  return /* @__PURE__ */ e(te, { onClick: t, label: a, leftIcon: n ? oe : Ce });
-}, Yn = ({
-  className: n,
+  const i = e ? "Unpin menu" : "Pin menu", r = o != null ? o : i;
+  return /* @__PURE__ */ n(R, { onClick: t, label: r, leftIcon: e ? X : mn });
+}, We = ({
+  className: e,
   children: t,
   onCloseClick: o,
-  variant: r = "standard",
-  pinButtonVisible: a,
+  variant: i = "standard",
+  pinButtonVisible: r,
   onClickPinButton: c,
-  isPinned: d,
-  ...h
-}) => /* @__PURE__ */ i(
+  isPinned: u,
+  ...d
+}) => /* @__PURE__ */ a(
   s,
   {
     indent: 1,
-    className: p(Y.sidebarMenu, n),
+    className: h(V.sidebarMenu, e),
     style: {
       ["--swui-sidebar-menu-item-height"]: "40px"
     },
-    ...h,
+    ...d,
     children: [
-      /* @__PURE__ */ e(f, { num: 1 }),
-      /* @__PURE__ */ e(vn, { onClick: o }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ n(_, { num: 1 }),
+      /* @__PURE__ */ n(he, { onClick: o }),
+      /* @__PURE__ */ n(
         s,
         {
-          className: Y.sidebarMenuContent,
+          className: V.sidebarMenuContent,
           height: "100%",
           background: "var(--current-background-color)",
-          children: /* @__PURE__ */ i(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-            /* @__PURE__ */ e(g, { gap: 1, children: t }),
-            a && /* @__PURE__ */ i(g, { children: [
-              /* @__PURE__ */ e(
-                _n,
+          children: /* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
+            /* @__PURE__ */ n(f, { gap: 1, children: t }),
+            r && /* @__PURE__ */ a(f, { children: [
+              /* @__PURE__ */ n(
+                pe,
                 {
-                  isPinned: d,
+                  isPinned: u,
                   onClick: c
                 }
               ),
-              /* @__PURE__ */ e(f, {})
+              /* @__PURE__ */ n(_, {})
             ] })
           ] })
         }
       )
     ]
   }
-), W = we(!1), q = () => Ie(W), Zn = ({
-  closeButtonVisible: n,
+), $ = yn(!1), A = () => kn($), Ge = ({
+  closeButtonVisible: e,
   onClickCloseButton: t,
   onClickMenuButton: o,
-  children: r
-}) => /* @__PURE__ */ i(
+  children: i
+}) => /* @__PURE__ */ a(
   s,
   {
     position: "fixed",
@@ -666,37 +597,37 @@ const U = ({
     spacing: 1,
     gap: 1,
     shadow: "popover",
-    background: b("--lhds-color-ui-50"),
+    background: m("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ e(T, { onClick: o, icon: ee }),
-      /* @__PURE__ */ i(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ e(g, { gap: 1, children: /* @__PURE__ */ e(W.Provider, { value: !0, children: r }) }),
-        n && /* @__PURE__ */ e(
-          T,
+      /* @__PURE__ */ n(F, { onClick: o, icon: J }),
+      /* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
+        /* @__PURE__ */ n(f, { gap: 1, children: /* @__PURE__ */ n($.Provider, { value: !0, children: i }) }),
+        e && /* @__PURE__ */ n(
+          F,
           {
-            icon: oe,
+            icon: X,
             onClick: t
           }
         )
       ] })
     ]
   }
-), Cn = ({
-  label: n
-}) => q() ? null : /* @__PURE__ */ i(s, { height: "32px", justifyContent: "center", indent: 1, children: [
-  /* @__PURE__ */ e(f, {}),
-  /* @__PURE__ */ e(y, { variant: "overline", size: "smaller", children: n })
-] }), xn = ({
-  label: n,
+), ge = ({
+  label: e
+}) => A() ? null : /* @__PURE__ */ a(s, { height: "32px", justifyContent: "center", indent: 1, children: [
+  /* @__PURE__ */ n(_, {}),
+  /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e })
+] }), fe = ({
+  label: e,
   leftIcon: t,
   ...o
-}) => t == null ? null : /* @__PURE__ */ e(Me, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(xe, { icon: t, ...o }) }), et = (n) => q() ? /* @__PURE__ */ e(xn, { ...n }) : /* @__PURE__ */ e(Be, { ...n }), Bn = ({
-  children: n,
+}) => t == null ? null : /* @__PURE__ */ n(wn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(bn, { icon: t, ...o }) }), Je = (e) => A() ? /* @__PURE__ */ n(fe, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), me = ({
+  children: e,
   label: t,
   icon: o,
-  popupMinWidth: r = "200px"
-}) => /* @__PURE__ */ e(
-  E,
+  popupMinWidth: i = "200px"
+}) => /* @__PURE__ */ n(
+  j,
   {
     appendTo: "parent",
     arrow: !1,
@@ -705,55 +636,55 @@ const U = ({
     trigger: "focusin mouseenter click",
     disablePadding: !0,
     lazy: !0,
-    content: /* @__PURE__ */ e(
+    content: /* @__PURE__ */ n(
       s,
       {
-        minWidth: r,
+        minWidth: i,
         shadow: "popover",
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ i(W.Provider, { value: !1, children: [
-          /* @__PURE__ */ e(Cn, { label: t }),
-          n
+        children: /* @__PURE__ */ a($.Provider, { value: !1, children: [
+          /* @__PURE__ */ n(ge, { label: t }),
+          e
         ] })
       }
     ),
-    children: /* @__PURE__ */ e(T, { icon: o })
+    children: /* @__PURE__ */ n(F, { icon: o })
   }
-), nt = ({
-  children: n,
+), Ke = ({
+  children: e,
   label: t,
   leftIcon: o,
-  className: r,
-  initialExpand: a = !1
+  className: i,
+  initialExpand: r = !1
 }) => {
-  const [c, d] = Se(a);
-  return q() ? o == null ? null : /* @__PURE__ */ e(Bn, { label: t, icon: o, children: n }) : /* @__PURE__ */ e(
-    te,
+  const [c, u] = In(r);
+  return A() ? o == null ? null : /* @__PURE__ */ n(me, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
+    R,
     {
       label: t,
-      onClick: () => d(!c),
+      onClick: () => u(!c),
       leftIcon: o,
-      className: r,
+      className: i,
       expandable: !0,
       expanded: c,
       selected: c,
-      children: n
+      children: e
     }
   );
-}, tt = (n) => /* @__PURE__ */ e(
-  je,
+}, Qe = (e) => /* @__PURE__ */ n(
+  Nn,
   {
-    color: b("--lhds-color-ui-400"),
-    ...n
+    color: m("--lhds-color-ui-400"),
+    ...e
   }
-), yn = `1px solid ${b("--lhds-color-orange-400")}`, ot = ({
-  numItemsSelected: n,
+), be = `1px solid ${m("--lhds-color-orange-400")}`, Xe = ({
+  numItemsSelected: e,
   label: t,
   afterLabelContent: o,
-  rightContent: r
-}) => /* @__PURE__ */ i(
+  rightContent: i
+}) => /* @__PURE__ */ a(
   l,
   {
     indent: 3,
@@ -761,62 +692,64 @@ const U = ({
     minHeight: "56px",
     justifyContent: "space-between",
     alignItems: "center",
-    borderTop: yn,
-    background: b("--lhds-color-orange-50"),
+    borderTop: be,
+    background: m("--lhds-color-orange-50"),
     children: [
-      /* @__PURE__ */ i(l, { alignItems: "center", children: [
-        n != null || t != null ? /* @__PURE__ */ e(v, { children: n != null ? /* @__PURE__ */ i(v, { children: [
-          /* @__PURE__ */ e(y, { variant: "bold", children: n }),
-          /* @__PURE__ */ e(f, {}),
-          /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ a(l, { alignItems: "center", children: [
+        e != null || t != null ? /* @__PURE__ */ n(b, { children: e != null ? /* @__PURE__ */ a(b, { children: [
+          /* @__PURE__ */ n(v, { variant: "bold", children: e }),
+          /* @__PURE__ */ n(_, {}),
+          /* @__PURE__ */ a(v, { children: [
             "item",
-            n === 1 ? "" : "s",
+            e === 1 ? "" : "s",
             " selected"
           ] })
-        ] }) : t != null ? /* @__PURE__ */ e(v, { children: typeof t == "string" ? /* @__PURE__ */ e(y, { children: t }) : t }) : null }) : null,
-        o ? /* @__PURE__ */ i(v, { children: [
-          /* @__PURE__ */ e(B, {}),
-          /* @__PURE__ */ e(s, { children: o })
+        ] }) : t != null ? /* @__PURE__ */ n(b, { children: typeof t == "string" ? /* @__PURE__ */ n(v, { children: t }) : t }) : null }) : null,
+        o ? /* @__PURE__ */ a(b, { children: [
+          /* @__PURE__ */ n(x, {}),
+          /* @__PURE__ */ n(s, { children: o })
         ] }) : null
       ] }),
-      /* @__PURE__ */ e(s, { children: r })
+      /* @__PURE__ */ n(s, { children: i })
     ]
   }
 );
 export {
-  Fe as ActionMenuFlatButton,
-  Fn as ActionMenuPrimaryButton,
-  An as ActionMenuSecondaryButton,
-  Hn as CheckboxMenu,
-  hn as Collapsible,
-  Wn as CollapsibleClickableContent,
-  le as CollapsibleContent,
-  V as CollapsibleEmptyContent,
-  qn as CollapsibleGroupHeading,
-  Vn as CollapsibleWithCheckbox,
-  pn as ErrorPanel,
-  Gn as ErrorScreen,
-  mn as LoadingPanel,
-  Jn as LoadingScreen,
-  Pn as NavBar,
-  Oe as NavBarButton,
-  Ln as NavBarHeading,
-  zn as NavBarNotificationButton,
-  Tn as NavBarPopoverButton,
-  On as NavBarSearchField,
-  $n as NavBarUserButton,
-  Dn as Notification,
-  Kn as PageHeader,
-  Qn as PageHeaderRow,
-  Xn as PageHeading,
-  ot as SelectedItemsActionsPanel,
-  Yn as SidebarMenu,
-  nt as SidebarMenuCollapsible,
-  Cn as SidebarMenuHeading,
-  et as SidebarMenuLink,
-  tt as SidebarMenuSeparator,
-  Zn as SidebarRailMenu,
-  Un as Toast,
-  dn as mapCSSTime
+  Mn as ActionMenuFlatButton,
+  Ne as ActionMenuPrimaryButton,
+  we as ActionMenuSecondaryButton,
+  je as CheckboxMenu,
+  re as Collapsible,
+  ae as CollapsibleEmptyContent,
+  De as CollapsibleGroupHeading,
+  He as CollapsibleList,
+  Ee as CollapsibleWithCheckbox,
+  ce as ErrorPanel,
+  Ue as ErrorScreen,
+  se as LoadingPanel,
+  Oe as LoadingScreen,
+  Me as NavBar,
+  $n as NavBarButton,
+  Se as NavBarHeading,
+  Re as NavBarNotificationButton,
+  Fe as NavBarPopoverButton,
+  Le as NavBarSearchField,
+  Pe as NavBarUserButton,
+  ze as Notification,
+  Z as NotificationHeader,
+  $e as NotificationList,
+  Te as PageHeader,
+  qe as PageHeaderRow,
+  Ve as PageHeading,
+  Xe as SelectedItemsActionsPanel,
+  We as SidebarMenu,
+  Ke as SidebarMenuCollapsible,
+  ge as SidebarMenuHeading,
+  Je as SidebarMenuLink,
+  Qe as SidebarMenuSeparator,
+  Ge as SidebarRailMenu,
+  Ae as Toast,
+  Jn as UnreadDot,
+  Kn as getIconBgColor
 };
 //# sourceMappingURL=index.es.js.map