@stenajs-webui/panels 19.0.0-next.1 → 19.0.0-next.11

package/dist/index.es.js

@@ -1,464 +1,427 @@
-(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";
-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 h from "classnames";
-import { cssColor as v } 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";
+(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 { 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 ie 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 ae, SeparatorLine as je } from "@stenajs-webui/core";
+import { Popover as E, Tooltip as Me } from "@stenajs-webui/tooltip";
+import { jsx as e, jsxs as a, Fragment as v } from "react/jsx-runtime";
+import { Checkbox as re, 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";
-import { faInbox as Fe } from "@fortawesome/free-solid-svg-icons/faInbox";
-const W = ({
+const U = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: o,
-  rightIcon: r = ee,
-  portalTarget: a = "parent",
-  zIndex: i,
-  menuWidth: s,
-  menuTop: p,
+  rightIcon: i = z,
+  portalTarget: r = "parent",
+  zIndex: c,
+  menuWidth: d,
+  menuTop: h,
   onClick: _,
-  disableArrow: B = !1,
-  ...C
+  disableArrow: k = !1,
+  ...F
 }) => {
-  const [x, y, g, H] = D(!1), S = ye(null), A = {
+  const [j, M, m, A] = $(!1), N = ye(null), H = {
     name: "focusManager",
     defaultValue: !0,
     fn({
-      popper: M
+      popper: I
     }) {
-      let j = !1;
-      const q = (N) => {
-        N.key === "Escape" && (j = !0, g()), (N.key === "Enter" || N.key === " ") && (j = !0);
+      let R = !1;
+      const G = (x) => {
+        x.key === "Escape" && (R = !0, m()), (x.key === "Enter" || x.key === " ") && (R = !0);
       };
       return {
         onCreate() {
-          M.addEventListener("keydown", q);
+          I.addEventListener("keydown", G);
         },
         onDestroy() {
-          M.removeEventListener("keydown", q);
+          I.removeEventListener("keydown", G);
         },
         onMount() {
-          var N;
-          j = !1, (N = M.querySelector("button:not([disabled]), a[href]")) == null || N.focus();
+          var x;
+          R = !1, (x = I.querySelector("button:not([disabled]), a[href]")) == null || x.focus();
         },
         onHide() {
-          S.current && j && S.current.focus();
+          N.current && R && N.current.focus();
         }
       };
     }
-  }, I = Ne(() => ({
-    open: y,
-    close: g
-  }), [y, g]), P = (M) => {
-    _ == null || _(M), H();
+  }, w = ke(() => ({
+    open: M,
+    close: m
+  }), [M, m]), P = (I) => {
+    _ == null || _(I), A();
   };
-  return /* @__PURE__ */ e(R, {
+  return /* @__PURE__ */ e(E, {
     disablePadding: !0,
-    visible: x,
-    onClickOutside: g,
+    visible: j,
+    onClickOutside: m,
     placement: t,
-    content: x && /* @__PURE__ */ e(Y, {
-      width: s,
-      top: p,
+    content: j && /* @__PURE__ */ e(Z, {
+      width: d,
+      top: h,
       trapFocus: !0,
-      children: /* @__PURE__ */ e(he.Provider, {
-        value: I,
-        children: n(g)
+      children: /* @__PURE__ */ e(se.Provider, {
+        value: w,
+        children: n(m)
       })
     }),
     arrow: !1,
-    appendTo: a,
-    zIndex: i,
-    plugins: [A],
+    appendTo: r,
+    zIndex: c,
+    plugins: [H],
     lazy: !0,
     children: /* @__PURE__ */ e(o, {
-      rightIcon: B ? void 0 : r,
-      ...C,
-      ref: S,
+      rightIcon: k ? void 0 : i,
+      ...F,
+      ref: N,
       onClick: P
     })
   });
-}, An = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: pe,
+}, Fn = (n) => /* @__PURE__ */ e(U, {
+  buttonComponent: ue,
   ...n
-}), Pn = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: me,
+}), An = (n) => /* @__PURE__ */ e(U, {
+  buttonComponent: de,
   ...n
-}), je = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: k,
+}), Fe = (n) => /* @__PURE__ */ e(U, {
+  buttonComponent: C,
   ...n
-}), Le = "1px solid var(--lhds-color-ui-300)", Tn = ({
+}), Ae = "1px solid var(--lhds-color-ui-300)", Hn = ({
   renderMenu: n,
   ...t
 }) => {
-  const [o, r, a] = D(!1);
-  return /* @__PURE__ */ e(R, {
-    onClickOutside: a,
+  const [o, i, r] = $(!1);
+  return /* @__PURE__ */ e(E, {
+    onClickOutside: r,
     arrow: !1,
     visible: o,
     disablePadding: !0,
-    content: n ? /* @__PURE__ */ e(F, {
-      children: /* @__PURE__ */ e(Y, {
-        children: n(a)
+    content: n ? /* @__PURE__ */ e(g, {
+      children: /* @__PURE__ */ e(Z, {
+        children: n(r)
       })
     }) : void 0,
     placement: "bottom-start",
-    children: /* @__PURE__ */ e(l, {
+    children: /* @__PURE__ */ e(s, {
       display: "inline-block",
-      children: /* @__PURE__ */ c(u, {
+      children: /* @__PURE__ */ a(l, {
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: Le,
+        border: Ae,
         borderRadius: "4px",
         children: [/* @__PURE__ */ e(re, {
           ...t
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(B, {
           num: 0.5
-        }), /* @__PURE__ */ e(k, {
+        }), /* @__PURE__ */ e(C, {
           size: "small",
-          onClick: r,
-          leftIcon: ee
+          onClick: i,
+          leftIcon: z
         })]
       })
     })
   });
-}, ze = "_navBar_1bafw_1", Re = {
-  navBar: ze
-}, He = "_sidebarMenuButton_d43s4_1", Ae = "_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 = ({
+}, He = "_navBar_kzibd_1", Pe = {
+  navBar: He
+}, Le = ({
   className: n,
   onClick: t
-}) => /* @__PURE__ */ e("button", {
-  onClick: t,
-  className: h(J.sidebarMenuButton, n),
-  children: /* @__PURE__ */ e(Pe, {
-    className: J.icon
-  })
-}), Te = {
-  compact: 32,
-  standard: 40,
-  relaxed: 64
-}, ce = (n) => Te[n] + "px", On = ({
+}) => /* @__PURE__ */ e(C, {
+  leftIcon: ee,
+  className: n,
+  onClick: t
+}), Pn = ({
   left: n,
   className: t,
   showMenuButton: o = !1,
-  menuButtonVisibility: r = "visible",
-  children: a,
-  right: i,
-  center: s,
-  variant: p = "standard",
-  onClickMenuButton: _
+  children: i,
+  right: r,
+  center: c,
+  onClickMenuButton: d
 }) => {
-  const B = s ? 1 : void 0, C = ce(p);
-  return /* @__PURE__ */ c(u, {
-    height: C,
-    minHeight: C,
+  const h = c ? 1 : void 0;
+  return /* @__PURE__ */ a(l, {
     justifyContent: "space-between",
-    style: {
-      ["--swui-nav-bar-height"]: C
-    },
-    className: h(Re.navBar, t),
-    children: [/* @__PURE__ */ c(u, {
-      flex: B,
+    className: p(Pe.navBar, t),
+    children: [/* @__PURE__ */ a(l, {
+      flex: h,
       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: _
-        }), /* @__PURE__ */ e(b, {})]
-      }) : /* @__PURE__ */ e(b, {
-        num: 2
-      }), n ? /* @__PURE__ */ c(m, {
-        children: [n, /* @__PURE__ */ e(b, {
+      children: [/* @__PURE__ */ a(l, {
+        width: "86px",
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(B, {}), o && /* @__PURE__ */ e(Le, {
+          onClick: d
+        })]
+      }), n && /* @__PURE__ */ a(v, {
+        children: [n, /* @__PURE__ */ e(B, {
           num: 2
         })]
-      }) : /* @__PURE__ */ e(b, {
-        num: 2
-      }), a && /* @__PURE__ */ e(m, {
-        children: /* @__PURE__ */ e(u, {
+      }), i && /* @__PURE__ */ e(v, {
+        children: /* @__PURE__ */ e(l, {
           justifyContent: "center",
           alignItems: "center",
-          children: L.Children.map(a, (x, y) => /* @__PURE__ */ c(m, {
-            children: [y > 0 && /* @__PURE__ */ e(b, {}), x]
+          children: ie.Children.map(i, (_, k) => /* @__PURE__ */ a(v, {
+            children: [k > 0 && /* @__PURE__ */ e(B, {}), _]
           }))
         })
       })]
-    }), s && /* @__PURE__ */ e(u, {
+    }), c && /* @__PURE__ */ e(l, {
       justifyContent: "center",
       alignItems: "center",
-      children: s
-    }), /* @__PURE__ */ c(u, {
+      children: c
+    }), /* @__PURE__ */ a(l, {
       justifyContent: "flex-end",
       alignItems: "center",
-      flex: B,
-      children: [i, /* @__PURE__ */ e(b, {
+      flex: h,
+      children: [r, /* @__PURE__ */ e(B, {
         num: 2
       })]
     })]
   });
-}, Oe = "_navBarButton_18iz9_1", $e = "_selected_18iz9_36", K = {
-  navBarButton: Oe,
-  selected: $e
-}, De = ({
+}, Te = "_navBarButton_18iz9_1", ze = "_selected_18iz9_36", K = {
+  navBarButton: Te,
+  selected: ze
+}, Oe = ({
   selected: n,
   className: t,
   ...o
-}) => /* @__PURE__ */ e(k, {
+}) => /* @__PURE__ */ e(C, {
   ...o,
-  className: h(K.navBarButton, n && K.selected, t)
-}), $n = (n) => /* @__PURE__ */ e(U, {
+  className: p(K.navBarButton, n && K.selected, t)
+}), Ln = (n) => /* @__PURE__ */ e(D, {
   whiteSpace: "nowrap",
-  color: "#fff",
+  variant: "h4",
+  as: "h1",
   ...n
-}), Dn = ({
+}), Tn = ({
   content: n,
   children: t,
   ...o
 }) => {
-  const [r, , a, i] = D(!1);
-  return /* @__PURE__ */ e(R, {
-    onClickOutside: a,
+  const [i, , r, c] = $(!1);
+  return /* @__PURE__ */ e(E, {
+    onClickOutside: r,
     triggerTarget: document.body,
-    visible: r,
-    content: /* @__PURE__ */ c(m, {
+    visible: i,
+    content: /* @__PURE__ */ a(v, {
       children: [n && n({
-        close: a
+        close: r
       }), t]
     }),
-    children: /* @__PURE__ */ e(De, {
+    children: /* @__PURE__ */ e(Oe, {
       ...o,
-      onClick: i
+      onClick: c
     })
   });
-}, 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 = ({
+}, $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,
   unread: t = !1,
   className: o,
-  labelClassName: r,
-  iconClassName: a,
-  icon: i = ge,
-  ...s
+  labelClassName: i,
+  iconClassName: r,
+  icon: c = he,
+  ...d
 }) => {
-  const p = n > 0;
-  return /* @__PURE__ */ e(k, {
-    ...s,
-    leftIcon: i,
-    className: h(t && E.unread, p && E.hasCount, E.navBarNotificationButton, o),
-    label: p ? String(n) : void 0,
-    labelClassName: h(r, E.label),
-    iconClassName: h(a, E.icon)
+  const h = n > 0;
+  return /* @__PURE__ */ e(C, {
+    ...d,
+    leftIcon: c,
+    className: p(t && S.unread, h && S.hasCount, S.navBarNotificationButton, o),
+    label: h ? String(n) : void 0,
+    labelClassName: p(i, S.label),
+    iconClassName: p(r, S.icon)
   });
-}, Ge = "_navBarSearchFieldInput_rcj0j_1", Je = "_navBarSearchField_rcj0j_1", Q = {
-  navBarSearchFieldInput: Ge,
-  navBarSearchField: Je
-}, Vn = ({
-  placeholder: n = "Search...",
+}, qe = "_navBarSearchFieldInput_16tw5_1", Ge = "_navBarSearchField_16tw5_1", Q = {
+  navBarSearchFieldInput: qe,
+  navBarSearchField: Ge
+}, On = ({
+  placeholder: n = "Search",
   className: t,
   wrapperClassName: o,
-  ...r
-}) => /* @__PURE__ */ e(Se, {
-  wrapperClassName: h(Q.navBarSearchField, o),
-  className: h(Q.navBarSearchFieldInput, t),
+  ...i
+}) => /* @__PURE__ */ e(Re, {
+  wrapperClassName: p(Q.navBarSearchField, o),
+  className: p(Q.navBarSearchFieldInput, t),
   placeholder: n,
-  contentRight: /* @__PURE__ */ e(V, {
-    children: /* @__PURE__ */ e(z, {
-      icon: fe
-    })
-  }),
-  ...r
-}), Ke = "_navBarUserButton_1cwhm_1", Qe = "_initials_1cwhm_31", X = {
-  navBarUserButton: Ke,
-  initials: Qe
-}, Wn = ({
+  ...i
+}), Je = "_navBarUserButton_1cwhm_1", Ke = "_initials_1cwhm_31", X = {
+  navBarUserButton: Je,
+  initials: Ke
+}, $n = ({
   className: n,
   username: t,
   initials: o,
-  icon: r = be,
-  iconClassName: a,
-  ...i
-}) => /* @__PURE__ */ e(je, {
-  ...i,
-  className: h({
+  icon: i = pe,
+  iconClassName: r,
+  ...c
+}) => /* @__PURE__ */ e(Fe, {
+  ...c,
+  className: p({
     [X.initials]: o != null
   }, X.navBarUserButton, n),
-  leftIcon: t != null ? r : void 0,
+  leftIcon: t != null ? i : 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,
-  onClose: p
-}) => /* @__PURE__ */ c(u, {
+  iconAriaLabel: i,
+  iconColor: r,
+  contentLeft: c,
+  contentRight: d,
+  onClose: h
+}) => /* @__PURE__ */ a(l, {
   alignItems: "flex-start",
   indent: !0,
   spacing: !0,
-  children: [/* @__PURE__ */ c(u, {
+  children: [/* @__PURE__ */ a(l, {
     indent: 2,
     spacing: !0,
     gap: 2,
     flex: 1,
     alignItems: "flex-start",
-    children: [i && /* @__PURE__ */ e(l, {
+    children: [c && /* @__PURE__ */ e(s, {
       minHeight: 20,
       justifyContent: "center",
-      children: i
-    }), !i && o && /* @__PURE__ */ e(z, {
+      children: c
+    }), !c && o && /* @__PURE__ */ e(O, {
       icon: o,
       size: 20,
-      color: a,
-      "aria-label": r
-    }), /* @__PURE__ */ c(l, {
+      color: r,
+      "aria-label": i
+    }), /* @__PURE__ */ a(s, {
       minHeight: 20,
       justifyContent: "center",
       flex: 1,
       gap: 0.5,
-      children: [/* @__PURE__ */ e(G, {
+      children: [/* @__PURE__ */ e(J, {
         variant: "bold",
         children: n
-      }), t && /* @__PURE__ */ e(G, {
+      }), t && /* @__PURE__ */ e(J, {
         size: "small",
-        color: v("--lhds-color-ui-600"),
+        color: b("--lhds-color-ui-600"),
         children: t
       })]
-    }), s]
-  }), p && /* @__PURE__ */ e(l, {
+    }), d]
+  }), h && /* @__PURE__ */ e(s, {
     flex: "none",
     justifyContent: "center",
     style: {
       height: "calc(20px + 2 * var(--swui-metrics-spacing))"
     },
-    children: /* @__PURE__ */ e(k, {
+    children: /* @__PURE__ */ e(C, {
       leftIcon: ne,
-      onClick: p,
+      onClick: h,
       "aria-label": "Close"
     })
   })]
-}), Zn = ({
+}), Dn = ({
   children: n,
   ...t
-}) => /* @__PURE__ */ c(F, {
+}) => /* @__PURE__ */ a(g, {
   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__ */ a(g, {
     indent: 3,
     children: [n, /* @__PURE__ */ e(f, {
       num: 2
     })]
   })]
-}), Xe = "_clickable_1ijxc_1", Ye = "_nonClickable_1ijxc_27", T = {
-  clickable: Xe,
-  nonClickable: Ye
-}, qn = ({
+}), Qe = "_clickable_1ijxc_1", Xe = "_nonClickable_1ijxc_27", L = {
+  clickable: Qe,
+  nonClickable: Xe
+}, Un = ({
   onClick: n,
   onClickAriaLabel: t,
   children: o,
-  width: r = 264,
-  maxWidth: a,
-  ...i
-}) => /* @__PURE__ */ c(l, {
+  width: i = 264,
+  maxWidth: r,
+  ...c
+}) => /* @__PURE__ */ a(s, {
   borderRadius: 8,
-  background: v("--lhds-color-ui-50"),
+  background: b("--lhds-color-ui-50"),
   shadow: "popover",
-  width: r,
-  maxWidth: a,
+  width: i,
+  maxWidth: r,
   role: "alert",
   position: "relative",
-  children: [/* @__PURE__ */ e(l, {
-    className: h({
-      [T.nonClickable]: n
+  children: [/* @__PURE__ */ e(s, {
+    className: p({
+      [L.nonClickable]: n
     }),
-    children: /* @__PURE__ */ e(ie, {
-      ...i
+    children: /* @__PURE__ */ e(ce, {
+      ...c
     })
-  }), o && /* @__PURE__ */ c(l, {
+  }), o && /* @__PURE__ */ a(s, {
     indent: 3,
-    className: h({
-      [T.nonClickable]: n
+    className: p({
+      [L.nonClickable]: n
     }),
     children: [o, /* @__PURE__ */ e(f, {
       num: 2
     })]
   }), n && /* @__PURE__ */ e("button", {
     onClick: n,
-    className: T.clickable,
+    className: L.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", an = "_contentRight_1nroa_124", rn = "_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: an,
+  content: rn,
+  groupHeading: cn,
+  contentEnter: ln,
+  contentEnterActive: sn,
+  contentExitDone: un
+}, V = () => /* @__PURE__ */ a(g, {
   indent: !0,
   spacing: !0,
   flex: 1,
   alignItems: "center",
-  children: [/* @__PURE__ */ e(z, {
-    icon: Fe,
-    color: v("--lhds-color-ui-500")
-  }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(w, {
+  children: [/* @__PURE__ */ e(O, {
+    icon: me,
+    color: b("--lhds-color-ui-500")
+  }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(y, {
     size: "small",
-    color: v("--lhds-color-ui-500"),
+    color: b("--lhds-color-ui-500"),
     children: "No content"
   })]
 }), le = ({
   contentLeft: n,
   contentRight: t,
   className: o,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ c("div", {
-  className: h(d.content, o),
-  ...a,
+  children: i,
+  ...r
+}) => /* @__PURE__ */ a("div", {
+  className: p(u.content, o),
+  ...r,
   children: [n && /* @__PURE__ */ e("div", {
-    className: d.contentLeft,
+    className: u.contentLeft,
     children: n
-  }), r != null ? r : /* @__PURE__ */ e(Z, {}), t && /* @__PURE__ */ e("div", {
-    className: d.contentRight,
+  }), i != null ? i : /* @__PURE__ */ e(V, {}), t && /* @__PURE__ */ e("div", {
+    className: u.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,458 +431,471 @@ const W = ({
     default:
       return 0;
   }
-}, mn = we(function({
+}, hn = Ne(function({
   label: t,
   contentLeft: o,
-  contentRight: r,
-  collapsed: a = !1,
-  onClick: i,
-  className: s,
-  disabled: p = !1,
+  contentRight: i,
+  collapsed: r = !1,
+  onClick: c,
+  className: d,
+  disabled: h = !1,
   unmountOnCollapse: _ = !1,
-  mountOnEnter: B = !0,
-  icon: C = Me,
-  iconCollapsed: x = Ie,
-  iconSize: y = 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;
-  return /* @__PURE__ */ c("div", {
-    className: h(d.collapsible, s),
-    "aria-expanded": !a,
-    ref: I,
-    ...S,
-    children: [/* @__PURE__ */ c(V, {
+  mountOnEnter: k = !0,
+  icon: F = ge,
+  iconCollapsed: j = z,
+  iconSize: M = 16,
+  children: m,
+  autoFocus: A = !1,
+  ...N
+}, H) {
+  const w = ie.useRef(null), P = w.current ? dn(getComputedStyle(w.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
+  return /* @__PURE__ */ a("div", {
+    className: p(u.collapsible, d),
+    "aria-expanded": !r,
+    ref: w,
+    ...N,
+    children: [/* @__PURE__ */ a(ae, {
       disableFocusHighlight: !0,
       disableOpacityOnClick: !0,
-      className: d.header,
-      onClick: i,
-      disabled: p,
-      autoFocus: H,
-      ref: A,
+      className: u.header,
+      onClick: c,
+      disabled: h,
+      autoFocus: A,
+      ref: H,
       children: [o && /* @__PURE__ */ e("div", {
-        className: d.contentLeft,
+        className: u.contentLeft,
         children: o
       }), /* @__PURE__ */ e("div", {
-        className: d.label,
-        children: /* @__PURE__ */ e(w, {
+        className: u.label,
+        children: /* @__PURE__ */ e(y, {
           color: "var(--swui-collapsible-header-text-color)",
-          className: d.headerText,
+          className: u.headerText,
           children: t
         })
-      }), r && /* @__PURE__ */ e("div", {
-        className: d.contentRight,
-        children: r
-      }), /* @__PURE__ */ e(z, {
-        icon: a ? x : C,
-        className: d.indicator,
-        size: y,
+      }), i && /* @__PURE__ */ e("div", {
+        className: u.contentRight,
+        children: i
+      }), /* @__PURE__ */ e(O, {
+        icon: r ? j : F,
+        className: u.indicator,
+        size: M,
         fixedWidth: !0
       })]
     }), /* @__PURE__ */ e(Ee, {
-      in: !a,
+      in: !r,
       timeout: {
         enter: P
       },
       classNames: {
-        enter: d.contentEnter,
-        enterActive: d.contentEnterActive,
-        exit: d.contentExit,
-        exitActive: d.contentExitActive,
-        exitDone: d.contentExitDone
+        enter: u.contentEnter,
+        enterActive: u.contentEnterActive,
+        exit: u.contentExit,
+        exitActive: u.contentExitActive,
+        exitDone: u.contentExitDone
       },
-      mountOnEnter: B,
+      mountOnEnter: k,
       unmountOnExit: _,
       children: /* @__PURE__ */ e("div", {
         role: "region",
-        children: g != null ? g : /* @__PURE__ */ e(le, {
-          children: /* @__PURE__ */ e(Z, {})
+        children: m != null ? m : /* @__PURE__ */ e(le, {
+          children: /* @__PURE__ */ e(V, {})
         })
       })
     })]
   });
-}), Gn = ({
+}), Vn = ({
   value: n,
   onValueChange: t,
   onChange: o,
-  indeterminate: r,
-  checkboxDisabled: a,
-  ...i
-}) => /* @__PURE__ */ e(mn, {
+  indeterminate: i,
+  checkboxDisabled: r,
+  ...c
+}) => /* @__PURE__ */ e(hn, {
   contentLeft: /* @__PURE__ */ e(re, {
     value: n,
-    indeterminate: r,
+    indeterminate: i,
     onValueChange: t,
     onChange: o,
-    disabled: a,
-    onClick: (s) => s.stopPropagation()
+    disabled: r,
+    onClick: (d) => d.stopPropagation()
   }),
-  ...i
-}), Jn = ({
+  ...c
+}), Wn = ({
   contentLeft: n,
   contentRight: t,
   className: o,
-  onClick: r,
-  children: a,
-  ...i
-}) => /* @__PURE__ */ c(V, {
+  onClick: i,
+  children: r,
+  ...c
+}) => /* @__PURE__ */ a(ae, {
   disableFocusHighlight: !0,
   disableOpacityOnClick: !0,
-  className: h(d.content, o),
-  onClick: r,
-  ...i,
+  className: p(u.content, o),
+  onClick: i,
+  ...c,
   children: [n && /* @__PURE__ */ e("div", {
-    className: d.contentLeft,
+    className: u.contentLeft,
     children: n
-  }), a != null ? a : /* @__PURE__ */ e(Z, {}), t && /* @__PURE__ */ e("div", {
-    className: d.contentRight,
+  }), r != null ? r : /* @__PURE__ */ e(V, {}), t && /* @__PURE__ */ e("div", {
+    className: u.contentRight,
     children: t
   })]
-}), Kn = ({
+}), qn = ({
   className: n,
   ...t
 }) => /* @__PURE__ */ e(le, {
-  className: h(d.groupHeading, n),
+  className: p(u.groupHeading, n),
   ...t
-}), gn = ({
+}), pn = ({
   text: n = "Something unexpected happened."
-}) => /* @__PURE__ */ e(l, {
+}) => /* @__PURE__ */ e(s, {
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(ve, {
+  children: /* @__PURE__ */ e(fe, {
     variant: "error",
     headerText: n
   })
-}), Qn = (n) => /* @__PURE__ */ e(l, {
+}), Gn = (n) => /* @__PURE__ */ e(s, {
   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, {
+}) => /* @__PURE__ */ a(s, {
   alignItems: "center",
-  children: [/* @__PURE__ */ e(_e, {
+  children: [/* @__PURE__ */ e(be, {
     size: "small"
   }), /* @__PURE__ */ e(f, {
     num: 4
-  }), /* @__PURE__ */ e(U, {
+  }), /* @__PURE__ */ e(D, {
     variant: "h4",
     children: n
   })]
-}), Xn = (n) => /* @__PURE__ */ e(l, {
+}), Jn = (n) => /* @__PURE__ */ e(s, {
   width: "100%",
   height: "100%",
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(fn, {
+  children: /* @__PURE__ */ e(mn, {
     ...n
   })
-}), Yn = ({
+}), Kn = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: o,
-  children: r
-}) => /* @__PURE__ */ c(l, {
-  shadow: "box",
-  background: v("--lhds-color-ui-50"),
-  children: [/* @__PURE__ */ c(l, {
+  children: i
+}) => /* @__PURE__ */ a(s, {
+  shadow: "bottom",
+  background: b("--lhds-color-ui-50"),
+  gap: 2,
+  children: [/* @__PURE__ */ a(s, {
     indent: 3,
-    children: [n && /* @__PURE__ */ e(u, {
-      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]
-  })]
-}), et = (n) => /* @__PURE__ */ e(u, {
+    children: [n && /* @__PURE__ */ a(l, {
+      spacing: 1,
+      alignItems: "center",
+      children: [/* @__PURE__ */ e(l, {
+        width: "64px",
+        height: "16px"
+      }), n()]
+    }), t == null ? void 0 : t(), o && /* @__PURE__ */ e(f, {}), o == null ? void 0 : o()]
+  }), i]
+}), Qn = (n) => /* @__PURE__ */ e(l, {
   indent: 3,
   spacing: !0,
   ...n
-}), bn = {
-  compact: 1,
-  standard: 1.5,
-  relaxed: 2
-}, nt = ({
-  heading: n,
-  headingLevel: t = "h1",
-  variant: o = "standard",
-  contentLeft: r,
-  contentRight: a
-}) => /* @__PURE__ */ c(u, {
-  spacing: bn[o],
+}), Xn = ({
+  icon: n,
+  heading: t,
+  headingLevel: o = "h2",
+  contentLeft: i,
+  contentRight: r
+}) => /* @__PURE__ */ a(l, {
   alignItems: "center",
   gap: 2,
-  children: [/* @__PURE__ */ e(U, {
-    variant: "h3",
-    as: t,
-    children: n
-  }), /* @__PURE__ */ e(u, {
+  height: "64px",
+  children: [/* @__PURE__ */ a(l, {
     alignItems: "center",
-    children: r
-  }), /* @__PURE__ */ e(u, {
+    children: [/* @__PURE__ */ e(l, {
+      width: "64px",
+      alignItems: "center",
+      children: n && /* @__PURE__ */ e(ve, {
+        icon: n
+      })
+    }), /* @__PURE__ */ e(D, {
+      variant: "h3",
+      as: o,
+      children: t
+    })]
+  }), /* @__PURE__ */ e(l, {
+    alignItems: "center",
+    children: i
+  }), /* @__PURE__ */ e(l, {
     style: {
       marginLeft: "auto"
     },
     alignItems: "center",
-    children: a
+    children: r
   })]
-}), vn = "_sidebarMenu_tg9i7_1", O = {
-  sidebarMenu: vn
-}, _n = "_stenaFlag_108h7_1", Cn = {
-  stenaFlag: _n
-}, Bn = ({
+}), gn = "_sidebarMenu_1jqed_1", Y = {
+  sidebarMenu: gn
+}, fn = "_stenaFlag_108h7_1", bn = {
+  stenaFlag: fn
+}, vn = ({
   onClick: n
-}) => /* @__PURE__ */ c(u, {
+}) => /* @__PURE__ */ a(l, {
   justifyContent: "space-between",
   alignItems: "center",
   flex: 1,
   indent: 1,
-  children: [/* @__PURE__ */ e(k, {
+  minHeight: "48px",
+  children: [/* @__PURE__ */ e(C, {
     leftIcon: ne,
     onClick: n,
     variant: "danger"
-  }), /* @__PURE__ */ e(Ce, {
-    className: Cn.stenaFlag
+  }), /* @__PURE__ */ e(_e, {
+    className: bn.stenaFlag
   })]
-}), xn = ({
+}), _n = ({
+  isPinned: n,
+  onClick: t,
+  label: o
+}) => {
+  const i = n ? "Unpin menu" : "Pin menu", r = o != null ? o : i;
+  return /* @__PURE__ */ e(te, {
+    onClick: t,
+    label: r,
+    leftIcon: n ? oe : Ce
+  });
+}, Yn = ({
   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,
+  pinButtonVisible: r,
+  onClickPinButton: c,
+  isPinned: d,
+  ...h
+}) => /* @__PURE__ */ a(s, {
+  indent: 1,
+  className: p(Y.sidebarMenu, n),
+  style: {
+    ["--swui-sidebar-menu-item-height"]: "40px"
+  },
+  ...h,
+  children: [/* @__PURE__ */ e(f, {
+    num: 1
+  }), /* @__PURE__ */ e(vn, {
+    onClick: o
+  }), /* @__PURE__ */ e(s, {
+    className: Y.sidebarMenuContent,
+    height: "100%",
+    background: "var(--current-background-color)",
+    children: /* @__PURE__ */ a(g, {
+      justifyContent: "space-between",
+      flex: 1,
+      gap: 1,
+      children: [/* @__PURE__ */ e(g, {
         gap: 1,
         children: t
-      })
-    })]
-  });
-}, tt = ({
-  variant: n,
-  onClickMenuButton: t,
-  children: o
-}) => /* @__PURE__ */ c(xn, {
-  collapsed: !0,
+      }), r && /* @__PURE__ */ a(g, {
+        children: [/* @__PURE__ */ e(_n, {
+          isPinned: d,
+          onClick: c
+        }), /* @__PURE__ */ e(f, {})]
+      })]
+    })
+  })]
+}), W = we(!1), q = () => Ie(W), Zn = ({
+  closeButtonVisible: n,
+  onClickCloseButton: t,
+  onClickMenuButton: o,
+  children: i
+}) => /* @__PURE__ */ a(s, {
   position: "fixed",
   left: 0,
   top: 0,
-  hideCloseButton: !0,
-  variant: n,
-  children: [/* @__PURE__ */ e(ae, {
-    onClick: t
-  }), o]
-}), $ = (n) => /* @__PURE__ */ e(Be, {
-  ...n
-}), se = ({
+  bottom: 0,
+  indent: 0.5,
+  spacing: 1,
+  gap: 1,
+  shadow: "popover",
+  background: b("--lhds-color-ui-50"),
+  children: [/* @__PURE__ */ e(T, {
+    onClick: o,
+    icon: ee
+  }), /* @__PURE__ */ a(g, {
+    justifyContent: "space-between",
+    flex: 1,
+    gap: 1,
+    children: [/* @__PURE__ */ e(g, {
+      gap: 1,
+      children: /* @__PURE__ */ e(W.Provider, {
+        value: !0,
+        children: i
+      })
+    }), n && /* @__PURE__ */ e(T, {
+      icon: oe,
+      onClick: t
+    })]
+  })]
+}), Cn = ({
   label: n
-}) => /* @__PURE__ */ c(l, {
+}) => q() ? null : /* @__PURE__ */ a(s, {
   height: "32px",
   justifyContent: "center",
   indent: 1,
-  children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(w, {
+  children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(y, {
     variant: "overline",
     size: "smaller",
     children: n
   })]
-}), de = (n) => /* @__PURE__ */ e(te, {
-  color: v("--lhds-color-ui-400"),
+}), xn = ({
+  label: n,
+  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, {
+  leftIcon: n.leftIcon,
+  onClick: n.onClick,
+  label: n.label
+}) : /* @__PURE__ */ e(Be, {
   ...n
-}), yn = ({
+}), Bn = ({
+  children: n,
+  label: t,
+  icon: o,
+  popupMinWidth: i = "200px"
+}) => /* @__PURE__ */ e(E, {
+  appendTo: "parent",
+  arrow: !1,
+  offset: [0, 0],
+  placement: "right-start",
+  trigger: "focusin mouseenter click",
+  disablePadding: !0,
+  lazy: !0,
+  content: /* @__PURE__ */ e(s, {
+    minWidth: i,
+    shadow: "popover",
+    spacing: 1,
+    indent: 1,
+    gap: 2,
+    children: /* @__PURE__ */ a(W.Provider, {
+      value: !1,
+      children: [/* @__PURE__ */ e(Cn, {
+        label: t
+      }), n]
+    })
+  }),
+  children: /* @__PURE__ */ e(T, {
+    icon: o
+  })
+}), nt = ({
   children: n,
   label: t,
   leftIcon: o,
-  className: r,
-  initialExpand: a = !1
+  className: i,
+  initialExpand: r = !1
 }) => {
-  const [i, s] = ke(a);
-  return /* @__PURE__ */ e(xe, {
+  const [c, d] = Se(r);
+  return q() ? o == null ? null : /* @__PURE__ */ e(Bn, {
     label: t,
-    onClick: () => s(!i),
+    icon: o,
+    children: n
+  }) : /* @__PURE__ */ e(te, {
+    label: t,
+    onClick: () => d(!c),
     leftIcon: o,
-    className: r,
+    className: i,
     expandable: !0,
-    expanded: i,
-    selected: i,
+    expanded: c,
+    selected: c,
     children: n
   });
-}, ue = (n) => n.map((t, o) => {
-  switch (t.type) {
-    case "heading":
-      return /* @__PURE__ */ e(se, {
-        label: t.label
-      }, o);
-    case "separator":
-      return /* @__PURE__ */ e(de, {}, o);
-    case "link": {
-      const {
-        type: r,
-        ...a
-      } = t;
-      return /* @__PURE__ */ e($, {
-        ...a
-      }, o);
-    }
-    case "grouped":
-      return /* @__PURE__ */ e(yn, {
-        leftIcon: t.leftIcon,
-        label: t.label,
-        initialExpand: !0,
-        children: ue(t.items)
-      }, o);
-    default:
-      return oe(t);
-  }
-}), ot = (n, {
-  popupMinWidth: t
-}) => n.map((o, r) => {
-  switch (o.type) {
-    case "heading":
-      return null;
-    case "separator":
-      return /* @__PURE__ */ e(de, {}, r);
-    case "link": {
-      const {
-        type: a,
-        label: i,
-        ...s
-      } = o;
-      return /* @__PURE__ */ e($, {
-        title: i,
-        label: i,
-        ...s
-      }, r);
-    }
-    case "grouped":
-      return /* @__PURE__ */ e("div", {
-        children: /* @__PURE__ */ e(R, {
-          appendTo: "parent",
-          arrow: !1,
-          offset: [0, 0],
-          placement: "right-start",
-          trigger: "focusin mouseenter click",
-          disablePadding: !0,
-          lazy: !0,
-          content: /* @__PURE__ */ c(l, {
-            minWidth: t,
-            background: "var(--lhds-color-blue-500)",
-            children: [/* @__PURE__ */ e(se, {
-              label: o.label
-            }), ue(o.items)]
-          }),
-          children: /* @__PURE__ */ e($, {
-            title: o.label,
-            label: o.label,
-            leftIcon: o.leftIcon
-          })
-        })
-      }, r);
-    default:
-      return oe(o);
-  }
-}), Nn = `1px solid ${v("--lhds-color-orange-400")}`, rt = ({
+}, tt = (n) => /* @__PURE__ */ e(je, {
+  color: b("--lhds-color-ui-400"),
+  ...n
+}), yn = `1px solid ${b("--lhds-color-orange-400")}`, ot = ({
   numItemsSelected: n,
   label: t,
   afterLabelContent: o,
-  rightContent: r
-}) => /* @__PURE__ */ c(u, {
+  rightContent: i
+}) => /* @__PURE__ */ a(l, {
   indent: 3,
   spacing: !0,
   minHeight: "56px",
   justifyContent: "space-between",
   alignItems: "center",
-  borderTop: Nn,
-  background: v("--lhds-color-orange-50"),
-  children: [/* @__PURE__ */ c(u, {
+  borderTop: yn,
+  background: b("--lhds-color-orange-50"),
+  children: [/* @__PURE__ */ a(l, {
     alignItems: "center",
-    children: [n != null || t != null ? /* @__PURE__ */ e(m, {
-      children: n != null ? /* @__PURE__ */ c(m, {
-        children: [/* @__PURE__ */ e(w, {
+    children: [n != null || t != null ? /* @__PURE__ */ e(v, {
+      children: n != null ? /* @__PURE__ */ a(v, {
+        children: [/* @__PURE__ */ e(y, {
           variant: "bold",
           children: n
-        }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ c(w, {
+        }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ a(y, {
           children: ["item", n === 1 ? "" : "s", " selected"]
         })]
-      }) : t != null ? /* @__PURE__ */ e(m, {
-        children: typeof t == "string" ? /* @__PURE__ */ e(w, {
+      }) : t != null ? /* @__PURE__ */ e(v, {
+        children: typeof t == "string" ? /* @__PURE__ */ e(y, {
           children: t
         }) : t
       }) : null
-    }) : null, o ? /* @__PURE__ */ c(m, {
-      children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(l, {
+    }) : null, o ? /* @__PURE__ */ a(v, {
+      children: [/* @__PURE__ */ e(B, {}), /* @__PURE__ */ e(s, {
         children: o
       })]
     }) : null]
-  }), /* @__PURE__ */ e(l, {
-    children: r
+  }), /* @__PURE__ */ e(s, {
+    children: i
   })]
 });
 export {
-  je as ActionMenuFlatButton,
-  An as ActionMenuPrimaryButton,
-  Pn as ActionMenuSecondaryButton,
-  Tn as CheckboxMenu,
-  mn as Collapsible,
-  Jn as CollapsibleClickableContent,
+  Fe as ActionMenuFlatButton,
+  Fn as ActionMenuPrimaryButton,
+  An as ActionMenuSecondaryButton,
+  Hn as CheckboxMenu,
+  hn as Collapsible,
+  Wn 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,
-  $ as SidebarMenuLink,
-  de as SidebarMenuSeparator,
-  tt as SidebarRailMenu,
-  qn as Toast,
-  pn as mapCSSTime,
-  ue as renderItemsExpanded,
-  ot as renderItemsInRail
+  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
 };
 //# sourceMappingURL=index.es.js.map