@stenajs-webui/panels 19.0.0-next.17 → 19.0.0-next.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,7 @@
1
- import { ButtonElementProps, DivProps } from "@stenajs-webui/core";
1
+ import { ButtonElementProps } from "@stenajs-webui/core";
2
2
  import * as React from "react";
3
- export interface CollapsibleProps extends Omit<DivProps, "onClick"> {
3
+ export interface CollapsibleProps extends Omit<ButtonElementProps, "value"> {
4
4
  label: string;
5
- onClick?: ButtonElementProps["onClick"];
6
5
  contentLeft?: React.ReactNode;
7
6
  contentRight?: React.ReactNode;
8
7
  collapsed?: boolean;
package/dist/index.es.js CHANGED
@@ -1,61 +1,61 @@
1
- (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)}})();
1
+ (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_iwe92_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:100dvh}._sidebarMenu_iwe92_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)}})();
2
2
  import { jsx as n, jsxs as a, Fragment as b } from "react/jsx-runtime";
3
- 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";
3
+ import { ActionMenu as G, ActionMenuContext as rn, stenaAngleDown as J, PrimaryButton as cn, SecondaryButton as sn, FlatButton as C, stenaHamburger as K, stenaBellFilled as ln, stenaUserCircle as dn, CircledIcon as Q, stenaTimes as X, Icon as un, stenaMail as hn, MenuButton as L, Banner as pn, Spinner as gn, StenaFlag as fn, stenaAngleLeftDouble as Y, stenaPin as mn, IconMenuButton as R, IconMenuButtonLink as bn, MenuButtonLink as vn } from "@stenajs-webui/elements";
4
4
  import * as _n from "react";
5
5
  import { useRef as Cn, useMemo as Bn, forwardRef as xn, createContext as yn, useContext as kn, useState as In } from "react";
6
- 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";
7
- import { Popover as j, Tooltip as wn } from "@stenajs-webui/tooltip";
8
- import { Checkbox as Y, TextInput as jn } from "@stenajs-webui/forms";
6
+ import { useBoolean as P, Column as f, Box as s, Row as l, Indent as x, Heading as z, Text as v, Space as _, SeparatorLine as Nn } from "@stenajs-webui/core";
7
+ import { Popover as M, Tooltip as wn } from "@stenajs-webui/tooltip";
8
+ import { Checkbox as Z, TextInput as Mn } from "@stenajs-webui/forms";
9
9
  import h from "classnames";
10
10
  import { cssColor as m } from "@stenajs-webui/theme";
11
- const z = ({
11
+ const $ = ({
12
12
  renderItems: e,
13
13
  placement: t = "bottom",
14
14
  buttonComponent: o,
15
- rightIcon: i = G,
15
+ rightIcon: i = J,
16
16
  portalTarget: r = "parent",
17
17
  zIndex: c,
18
18
  menuWidth: u,
19
19
  menuTop: d,
20
20
  onClick: p,
21
21
  disableArrow: g = !1,
22
- ...nn
22
+ ...S
23
23
  }) => {
24
- const [H, E, y, en] = L(!1), M = Cn(null), tn = {
24
+ const [E, D, y, en] = P(!1), j = Cn(null), tn = {
25
25
  name: "focusManager",
26
26
  defaultValue: !0,
27
27
  fn({ popper: k }) {
28
28
  let N = !1;
29
- const D = (B) => {
29
+ const U = (B) => {
30
30
  B.key === "Escape" && (N = !0, y()), (B.key === "Enter" || B.key === " ") && (N = !0);
31
31
  };
32
32
  return {
33
33
  onCreate() {
34
- k.addEventListener("keydown", D);
34
+ k.addEventListener("keydown", U);
35
35
  },
36
36
  onDestroy() {
37
- k.removeEventListener("keydown", D);
37
+ k.removeEventListener("keydown", U);
38
38
  },
39
39
  onMount() {
40
40
  var B;
41
41
  N = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
42
42
  },
43
43
  onHide() {
44
- M.current && N && M.current.focus();
44
+ j.current && N && j.current.focus();
45
45
  }
46
46
  };
47
47
  }
48
- }, on = Bn(() => ({ open: E, close: y }), [E, y]), an = (k) => {
48
+ }, on = Bn(() => ({ open: D, close: y }), [D, y]), an = (k) => {
49
49
  p == null || p(k), en();
50
50
  };
51
51
  return /* @__PURE__ */ n(
52
- j,
52
+ M,
53
53
  {
54
54
  disablePadding: !0,
55
- visible: H,
55
+ visible: E,
56
56
  onClickOutside: y,
57
57
  placement: t,
58
- content: H && /* @__PURE__ */ n(W, { width: u, top: d, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(y) }) }),
58
+ content: E && /* @__PURE__ */ n(G, { width: u, top: d, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(y) }) }),
59
59
  arrow: !1,
60
60
  appendTo: r,
61
61
  zIndex: c,
@@ -65,26 +65,26 @@ const z = ({
65
65
  o,
66
66
  {
67
67
  rightIcon: g ? void 0 : i,
68
- ...nn,
69
- ref: M,
68
+ ...S,
69
+ ref: j,
70
70
  onClick: an
71
71
  }
72
72
  )
73
73
  }
74
74
  );
75
- }, 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 = ({
75
+ }, Ne = (e) => /* @__PURE__ */ n($, { buttonComponent: cn, ...e }), we = (e) => /* @__PURE__ */ n($, { buttonComponent: sn, ...e }), Sn = (e) => /* @__PURE__ */ n($, { buttonComponent: C, ...e }), jn = "1px solid var(--lhds-color-ui-300)", Me = ({
76
76
  renderMenu: e,
77
77
  ...t
78
78
  }) => {
79
- const [o, i, r] = L(!1);
79
+ const [o, i, r] = P(!1);
80
80
  return /* @__PURE__ */ n(
81
- j,
81
+ M,
82
82
  {
83
83
  onClickOutside: r,
84
84
  arrow: !1,
85
85
  visible: o,
86
86
  disablePadding: !0,
87
- content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(W, { children: e(r) }) }) : void 0,
87
+ content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(G, { children: e(r) }) }) : void 0,
88
88
  placement: "bottom-start",
89
89
  children: /* @__PURE__ */ n(s, { display: "inline-block", children: /* @__PURE__ */ a(
90
90
  l,
@@ -92,12 +92,12 @@ const z = ({
92
92
  spacing: 0.5,
93
93
  indent: !0,
94
94
  alignItems: "center",
95
- border: Sn,
95
+ border: jn,
96
96
  borderRadius: "4px",
97
97
  children: [
98
- /* @__PURE__ */ n(Y, { ...t }),
98
+ /* @__PURE__ */ n(Z, { ...t }),
99
99
  /* @__PURE__ */ n(x, { num: 0.5 }),
100
- /* @__PURE__ */ n(C, { size: "small", onClick: i, leftIcon: G })
100
+ /* @__PURE__ */ n(C, { size: "small", onClick: i, leftIcon: J })
101
101
  ]
102
102
  }
103
103
  ) })
@@ -111,11 +111,11 @@ const z = ({
111
111
  }) => /* @__PURE__ */ n(
112
112
  C,
113
113
  {
114
- leftIcon: J,
114
+ leftIcon: K,
115
115
  className: e,
116
116
  onClick: t
117
117
  }
118
- ), Me = ({
118
+ ), Se = ({
119
119
  left: e,
120
120
  className: t,
121
121
  showMenuButton: o = !1,
@@ -161,7 +161,7 @@ const z = ({
161
161
  ]
162
162
  }
163
163
  );
164
- }, Pn = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36", U = {
164
+ }, Pn = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36", O = {
165
165
  navBarButton: Pn,
166
166
  selected: zn
167
167
  }, $n = ({
@@ -173,19 +173,19 @@ const z = ({
173
173
  {
174
174
  ...o,
175
175
  className: h(
176
- U.navBarButton,
177
- e && U.selected,
176
+ O.navBarButton,
177
+ e && O.selected,
178
178
  t
179
179
  )
180
180
  }
181
- ), Se = (e) => /* @__PURE__ */ n(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
181
+ ), je = (e) => /* @__PURE__ */ n(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
182
182
  content: e,
183
183
  children: t,
184
184
  ...o
185
185
  }) => {
186
- const [i, , r, c] = L(!1);
186
+ const [i, , r, c] = P(!1);
187
187
  return /* @__PURE__ */ n(
188
- j,
188
+ M,
189
189
  {
190
190
  onClickOutside: r,
191
191
  triggerTarget: document.body,
@@ -229,7 +229,7 @@ const z = ({
229
229
  iconClassName: h(r, I.icon)
230
230
  }
231
231
  );
232
- }, On = "_navBarSearchFieldInput_16tw5_1", Tn = "_navBarSearchField_16tw5_1", O = {
232
+ }, On = "_navBarSearchFieldInput_16tw5_1", Tn = "_navBarSearchField_16tw5_1", T = {
233
233
  navBarSearchFieldInput: On,
234
234
  navBarSearchField: Tn
235
235
  }, Le = ({
@@ -238,16 +238,16 @@ const z = ({
238
238
  wrapperClassName: o,
239
239
  ...i
240
240
  }) => /* @__PURE__ */ n(
241
- jn,
241
+ Mn,
242
242
  {
243
- wrapperClassName: h(O.navBarSearchField, o),
244
- className: h(O.navBarSearchFieldInput, t),
243
+ wrapperClassName: h(T.navBarSearchField, o),
244
+ className: h(T.navBarSearchFieldInput, t),
245
245
  placeholder: e,
246
246
  ...i
247
247
  }
248
- ), qn = "_navBarUserButton_1cwhm_1", Vn = "_initials_1cwhm_31", T = {
249
- navBarUserButton: qn,
250
- initials: Vn
248
+ ), Vn = "_navBarUserButton_1cwhm_1", Wn = "_initials_1cwhm_31", V = {
249
+ navBarUserButton: Vn,
250
+ initials: Wn
251
251
  }, Pe = ({
252
252
  className: e,
253
253
  username: t,
@@ -256,25 +256,25 @@ const z = ({
256
256
  iconClassName: r,
257
257
  ...c
258
258
  }) => /* @__PURE__ */ n(
259
- Mn,
259
+ Sn,
260
260
  {
261
261
  ...c,
262
262
  className: h(
263
- { [T.initials]: o != null },
264
- T.navBarUserButton,
263
+ { [V.initials]: o != null },
264
+ V.navBarUserButton,
265
265
  e
266
266
  ),
267
267
  leftIcon: t != null ? i : void 0,
268
268
  label: o != null ? o : t,
269
269
  disableArrow: !0
270
270
  }
271
- ), Wn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", q = {
272
- unreadDot: Wn,
271
+ ), qn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", W = {
272
+ unreadDot: qn,
273
273
  dot: Gn
274
- }, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: q.unreadDot, children: [
274
+ }, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: W.unreadDot, children: [
275
275
  e,
276
- /* @__PURE__ */ n("div", { className: q.dot })
277
- ] }), Z = ({
276
+ /* @__PURE__ */ n("div", { className: W.dot })
277
+ ] }), nn = ({
278
278
  text: e,
279
279
  timestamp: t,
280
280
  icon: o,
@@ -286,7 +286,7 @@ const z = ({
286
286
  variant: p
287
287
  }) => {
288
288
  const g = o ? /* @__PURE__ */ n(
289
- K,
289
+ Q,
290
290
  {
291
291
  size: "small",
292
292
  icon: o,
@@ -322,7 +322,7 @@ const z = ({
322
322
  children: /* @__PURE__ */ n(
323
323
  C,
324
324
  {
325
- leftIcon: Q,
325
+ leftIcon: X,
326
326
  onClick: u,
327
327
  "aria-label": "Close",
328
328
  variant: "danger"
@@ -354,7 +354,7 @@ const z = ({
354
354
  o && w.unread
355
355
  ),
356
356
  children: [
357
- /* @__PURE__ */ n(Z, { ...i, unread: o, variant: e }),
357
+ /* @__PURE__ */ n(nn, { ...i, unread: o, variant: e }),
358
358
  t && /* @__PURE__ */ n(f, { className: w.body, children: t })
359
359
  ]
360
360
  }
@@ -365,7 +365,7 @@ const z = ({
365
365
  }) => /* @__PURE__ */ a("div", { className: te.notificationList, children: [
366
366
  e,
367
367
  /* @__PURE__ */ n("div", {})
368
- ] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", S = {
368
+ ] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", F = {
369
369
  clickable: oe,
370
370
  nonClickable: ie
371
371
  }, Ae = ({
@@ -386,8 +386,8 @@ const z = ({
386
386
  role: "alert",
387
387
  position: "relative",
388
388
  children: [
389
- /* @__PURE__ */ n(s, { className: h({ [S.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
390
- o && /* @__PURE__ */ a(s, { indent: 3, className: h({ [S.nonClickable]: e }), children: [
389
+ /* @__PURE__ */ n(s, { className: h({ [F.nonClickable]: e }), children: /* @__PURE__ */ n(nn, { ...c }) }),
390
+ o && /* @__PURE__ */ a(s, { indent: 3, className: h({ [F.nonClickable]: e }), children: [
391
391
  o,
392
392
  /* @__PURE__ */ n(_, { num: 2 })
393
393
  ] }),
@@ -395,7 +395,7 @@ const z = ({
395
395
  "button",
396
396
  {
397
397
  onClick: e,
398
- className: S.clickable,
398
+ className: F.clickable,
399
399
  "aria-label": t
400
400
  }
401
401
  )
@@ -414,13 +414,15 @@ const z = ({
414
414
  onClick: c,
415
415
  disabled: u = !1,
416
416
  children: d,
417
- autoFocus: p = !1
418
- }, g) {
417
+ autoFocus: p = !1,
418
+ ...g
419
+ }, S) {
419
420
  return /* @__PURE__ */ n(
420
- R,
421
+ L,
421
422
  {
423
+ ...g,
422
424
  autoFocus: p,
423
- ref: g,
425
+ ref: S,
424
426
  label: t,
425
427
  onClick: c,
426
428
  disabled: u,
@@ -446,7 +448,7 @@ const z = ({
446
448
  re,
447
449
  {
448
450
  contentLeft: /* @__PURE__ */ n(
449
- Y,
451
+ Z,
450
452
  {
451
453
  value: e,
452
454
  indeterminate: i,
@@ -474,7 +476,7 @@ const z = ({
474
476
  }) => /* @__PURE__ */ a(s, { alignItems: "center", children: [
475
477
  /* @__PURE__ */ n(gn, { size: "small" }),
476
478
  /* @__PURE__ */ n(_, { num: 4 }),
477
- /* @__PURE__ */ n(P, { variant: "h4", children: e })
479
+ /* @__PURE__ */ n(z, { variant: "h4", children: e })
478
480
  ] }), Oe = (e) => /* @__PURE__ */ n(
479
481
  s,
480
482
  {
@@ -500,7 +502,7 @@ const z = ({
500
502
  o == null ? void 0 : o()
501
503
  ] }),
502
504
  i
503
- ] }), qe = (e) => /* @__PURE__ */ n(l, { indent: 3, spacing: !0, ...e }), Ve = ({
505
+ ] }), Ve = (e) => /* @__PURE__ */ n(l, { indent: 3, spacing: !0, ...e }), We = ({
504
506
  icon: e,
505
507
  heading: t,
506
508
  headingLevel: o = "h2",
@@ -508,12 +510,12 @@ const z = ({
508
510
  contentRight: r
509
511
  }) => /* @__PURE__ */ a(l, { alignItems: "center", gap: 2, height: "64px", children: [
510
512
  /* @__PURE__ */ a(l, { alignItems: "center", children: [
511
- /* @__PURE__ */ n(l, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(K, { icon: e }) }),
512
- /* @__PURE__ */ n(P, { variant: "h3", as: o, children: t })
513
+ /* @__PURE__ */ n(l, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(Q, { icon: e }) }),
514
+ /* @__PURE__ */ n(z, { variant: "h3", as: o, children: t })
513
515
  ] }),
514
516
  /* @__PURE__ */ n(l, { alignItems: "center", children: i }),
515
517
  /* @__PURE__ */ n(l, { style: { marginLeft: "auto" }, alignItems: "center", children: r })
516
- ] }), le = "_sidebarMenu_1jqed_1", V = {
518
+ ] }), le = "_sidebarMenu_iwe92_1", q = {
517
519
  sidebarMenu: le
518
520
  }, de = "_stenaFlag_108h7_1", ue = {
519
521
  stenaFlag: de
@@ -526,7 +528,7 @@ const z = ({
526
528
  indent: 1,
527
529
  minHeight: "48px",
528
530
  children: [
529
- /* @__PURE__ */ n(C, { leftIcon: Q, onClick: e, variant: "danger" }),
531
+ /* @__PURE__ */ n(C, { leftIcon: X, onClick: e, variant: "danger" }),
530
532
  /* @__PURE__ */ n(fn, { className: ue.stenaFlag })
531
533
  ]
532
534
  }
@@ -536,8 +538,8 @@ const z = ({
536
538
  label: o
537
539
  }) => {
538
540
  const i = e ? "Unpin menu" : "Pin menu", r = o != null ? o : i;
539
- return /* @__PURE__ */ n(R, { onClick: t, label: r, leftIcon: e ? X : mn });
540
- }, We = ({
541
+ return /* @__PURE__ */ n(L, { onClick: t, label: r, leftIcon: e ? Y : mn });
542
+ }, qe = ({
541
543
  className: e,
542
544
  children: t,
543
545
  onCloseClick: o,
@@ -550,7 +552,7 @@ const z = ({
550
552
  s,
551
553
  {
552
554
  indent: 1,
553
- className: h(V.sidebarMenu, e),
555
+ className: h(q.sidebarMenu, e),
554
556
  style: {
555
557
  ["--swui-sidebar-menu-item-height"]: "40px"
556
558
  },
@@ -561,7 +563,7 @@ const z = ({
561
563
  /* @__PURE__ */ n(
562
564
  s,
563
565
  {
564
- className: V.sidebarMenuContent,
566
+ className: q.sidebarMenuContent,
565
567
  height: "100%",
566
568
  background: "var(--current-background-color)",
567
569
  children: /* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
@@ -581,7 +583,7 @@ const z = ({
581
583
  )
582
584
  ]
583
585
  }
584
- ), $ = yn(!1), A = () => kn($), Ge = ({
586
+ ), A = yn(!1), H = () => kn(A), Ge = ({
585
587
  closeButtonVisible: e,
586
588
  onClickCloseButton: t,
587
589
  onClickMenuButton: o,
@@ -599,13 +601,13 @@ const z = ({
599
601
  shadow: "popover",
600
602
  background: m("--lhds-color-ui-50"),
601
603
  children: [
602
- /* @__PURE__ */ n(F, { onClick: o, icon: J }),
604
+ /* @__PURE__ */ n(R, { onClick: o, icon: K }),
603
605
  /* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
604
- /* @__PURE__ */ n(f, { gap: 1, children: /* @__PURE__ */ n($.Provider, { value: !0, children: i }) }),
606
+ /* @__PURE__ */ n(f, { gap: 1, children: /* @__PURE__ */ n(A.Provider, { value: !0, children: i }) }),
605
607
  e && /* @__PURE__ */ n(
606
- F,
608
+ R,
607
609
  {
608
- icon: X,
610
+ icon: Y,
609
611
  onClick: t
610
612
  }
611
613
  )
@@ -614,20 +616,20 @@ const z = ({
614
616
  }
615
617
  ), ge = ({
616
618
  label: e
617
- }) => A() ? null : /* @__PURE__ */ a(s, { height: "32px", justifyContent: "center", indent: 1, children: [
619
+ }) => H() ? null : /* @__PURE__ */ a(s, { height: "32px", justifyContent: "center", indent: 1, children: [
618
620
  /* @__PURE__ */ n(_, {}),
619
621
  /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e })
620
622
  ] }), fe = ({
621
623
  label: e,
622
624
  leftIcon: t,
623
625
  ...o
624
- }) => 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 = ({
626
+ }) => t == null ? null : /* @__PURE__ */ n(wn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(bn, { icon: t, ...o }) }), Je = (e) => H() ? /* @__PURE__ */ n(fe, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), me = ({
625
627
  children: e,
626
628
  label: t,
627
629
  icon: o,
628
630
  popupMinWidth: i = "200px"
629
631
  }) => /* @__PURE__ */ n(
630
- j,
632
+ M,
631
633
  {
632
634
  appendTo: "parent",
633
635
  arrow: !1,
@@ -644,13 +646,13 @@ const z = ({
644
646
  spacing: 1,
645
647
  indent: 1,
646
648
  gap: 2,
647
- children: /* @__PURE__ */ a($.Provider, { value: !1, children: [
649
+ children: /* @__PURE__ */ a(A.Provider, { value: !1, children: [
648
650
  /* @__PURE__ */ n(ge, { label: t }),
649
651
  e
650
652
  ] })
651
653
  }
652
654
  ),
653
- children: /* @__PURE__ */ n(F, { icon: o })
655
+ children: /* @__PURE__ */ n(R, { icon: o })
654
656
  }
655
657
  ), Ke = ({
656
658
  children: e,
@@ -660,8 +662,8 @@ const z = ({
660
662
  initialExpand: r = !1
661
663
  }) => {
662
664
  const [c, u] = In(r);
663
- return A() ? o == null ? null : /* @__PURE__ */ n(me, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
664
- R,
665
+ return H() ? o == null ? null : /* @__PURE__ */ n(me, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
666
+ L,
665
667
  {
666
668
  label: t,
667
669
  onClick: () => u(!c),
@@ -715,10 +717,10 @@ const z = ({
715
717
  }
716
718
  );
717
719
  export {
718
- Mn as ActionMenuFlatButton,
720
+ Sn as ActionMenuFlatButton,
719
721
  Ne as ActionMenuPrimaryButton,
720
722
  we as ActionMenuSecondaryButton,
721
- je as CheckboxMenu,
723
+ Me as CheckboxMenu,
722
724
  re as Collapsible,
723
725
  ae as CollapsibleEmptyContent,
724
726
  De as CollapsibleGroupHeading,
@@ -728,21 +730,21 @@ export {
728
730
  Ue as ErrorScreen,
729
731
  se as LoadingPanel,
730
732
  Oe as LoadingScreen,
731
- Me as NavBar,
733
+ Se as NavBar,
732
734
  $n as NavBarButton,
733
- Se as NavBarHeading,
735
+ je as NavBarHeading,
734
736
  Re as NavBarNotificationButton,
735
737
  Fe as NavBarPopoverButton,
736
738
  Le as NavBarSearchField,
737
739
  Pe as NavBarUserButton,
738
740
  ze as Notification,
739
- Z as NotificationHeader,
741
+ nn as NotificationHeader,
740
742
  $e as NotificationList,
741
743
  Te as PageHeader,
742
- qe as PageHeaderRow,
743
- Ve as PageHeading,
744
+ Ve as PageHeaderRow,
745
+ We as PageHeading,
744
746
  Xe as SelectedItemsActionsPanel,
745
- We as SidebarMenu,
747
+ qe as SidebarMenu,
746
748
  Ke as SidebarMenuCollapsible,
747
749
  ge as SidebarMenuHeading,
748
750
  Je as SidebarMenuLink,