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

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.
Files changed (10) hide show
  1. package/dist/components/notifications/Notification.d.ts +1 -0
  2. package/dist/components/notifications/NotificationHeader.d.ts +7 -2
  3. package/dist/components/notifications/NotificationList.d.ts +6 -0
  4. package/dist/components/notifications/UnreadDot.d.ts +6 -0
  5. package/dist/index.d.ts +3 -0
  6. package/dist/index.es.js +491 -451
  7. package/dist/index.es.js.map +1 -1
  8. package/dist/index.js +2 -2
  9. package/dist/index.js.map +1 -1
  10. package/package.json +7 -7
package/dist/index.es.js CHANGED
@@ -1,488 +1,524 @@
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}._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)}})();
2
- import { jsx as e, jsxs as i, Fragment as f } from "react/jsx-runtime";
3
- import { ActionMenu as V, ActionMenuContext as oe, stenaAngleDown as W, PrimaryButton as ie, SecondaryButton as ae, FlatButton as v, stenaHamburger as G, stenaBellFilled as le, stenaUserCircle as ce, Icon as J, stenaTimes as K, stenaMail as se, MenuButton as F, Banner as ue, Spinner as de, CircledIcon as he, StenaFlag as pe, stenaAngleLeftDouble as Q, stenaPin as ge, IconMenuButton as S, IconMenuButtonLink as me, MenuButtonLink as fe } from "@stenajs-webui/elements";
4
- import * as be from "react";
5
- import { useRef as ve, useMemo as Be, forwardRef as Ce, createContext as xe, useContext as _e, useState as ye } from "react";
6
- import { useBoolean as R, Column as p, Box as c, Row as s, Indent as C, Heading as P, Txt as O, Space as g, Text as x, SeparatorLine as ke } from "@stenajs-webui/core";
7
- import { Popover as j, Tooltip as Ie } from "@stenajs-webui/tooltip";
8
- import { Checkbox as X, TextInput as we } from "@stenajs-webui/forms";
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)}})();
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";
4
+ import * as _n from "react";
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";
9
9
  import h from "classnames";
10
10
  import { cssColor as m } from "@stenajs-webui/theme";
11
- const L = ({
12
- renderItems: n,
11
+ const z = ({
12
+ renderItems: e,
13
13
  placement: t = "bottom",
14
- buttonComponent: r,
15
- rightIcon: o = W,
16
- portalTarget: a = "parent",
17
- zIndex: l,
18
- menuWidth: d,
19
- menuTop: u,
20
- onClick: b,
21
- disableArrow: _ = !1,
22
- ...Z
14
+ buttonComponent: o,
15
+ rightIcon: i = G,
16
+ portalTarget: r = "parent",
17
+ zIndex: c,
18
+ menuWidth: u,
19
+ menuTop: d,
20
+ onClick: p,
21
+ disableArrow: g = !1,
22
+ ...nn
23
23
  }) => {
24
- const [H, E, y, ee] = R(!1), M = ve(null), ne = {
24
+ const [H, E, y, en] = L(!1), M = Cn(null), tn = {
25
25
  name: "focusManager",
26
26
  defaultValue: !0,
27
27
  fn({ popper: k }) {
28
- let w = !1;
29
- const $ = (B) => {
30
- B.key === "Escape" && (w = !0, y()), (B.key === "Enter" || B.key === " ") && (w = !0);
28
+ let N = !1;
29
+ const D = (B) => {
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", $);
34
+ k.addEventListener("keydown", D);
35
35
  },
36
36
  onDestroy() {
37
- k.removeEventListener("keydown", $);
37
+ k.removeEventListener("keydown", D);
38
38
  },
39
39
  onMount() {
40
40
  var B;
41
- w = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
41
+ N = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
42
42
  },
43
43
  onHide() {
44
- M.current && w && M.current.focus();
44
+ M.current && N && M.current.focus();
45
45
  }
46
46
  };
47
47
  }
48
- }, te = Be(() => ({ open: E, close: y }), [E, y]), re = (k) => {
49
- b == null || b(k), ee();
48
+ }, on = Bn(() => ({ open: E, close: y }), [E, y]), an = (k) => {
49
+ p == null || p(k), en();
50
50
  };
51
- return /* @__PURE__ */ e(
51
+ return /* @__PURE__ */ n(
52
52
  j,
53
53
  {
54
54
  disablePadding: !0,
55
55
  visible: H,
56
56
  onClickOutside: y,
57
57
  placement: t,
58
- content: H && /* @__PURE__ */ e(V, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ e(oe.Provider, { value: te, children: n(y) }) }),
58
+ content: H && /* @__PURE__ */ n(W, { width: u, top: d, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(y) }) }),
59
59
  arrow: !1,
60
- appendTo: a,
61
- zIndex: l,
62
- plugins: [ne],
60
+ appendTo: r,
61
+ zIndex: c,
62
+ plugins: [tn],
63
63
  lazy: !0,
64
- children: /* @__PURE__ */ e(
65
- r,
64
+ children: /* @__PURE__ */ n(
65
+ o,
66
66
  {
67
- rightIcon: _ ? void 0 : o,
68
- ...Z,
67
+ rightIcon: g ? void 0 : i,
68
+ ...nn,
69
69
  ref: M,
70
- onClick: re
70
+ onClick: an
71
71
  }
72
72
  )
73
73
  }
74
74
  );
75
- }, gn = (n) => /* @__PURE__ */ e(L, { buttonComponent: ie, ...n }), mn = (n) => /* @__PURE__ */ e(L, { buttonComponent: ae, ...n }), je = (n) => /* @__PURE__ */ e(L, { buttonComponent: v, ...n }), Me = "1px solid var(--lhds-color-ui-300)", fn = ({
76
- renderMenu: n,
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 = ({
76
+ renderMenu: e,
77
77
  ...t
78
78
  }) => {
79
- const [r, o, a] = R(!1);
80
- return /* @__PURE__ */ e(
79
+ const [o, i, r] = L(!1);
80
+ return /* @__PURE__ */ n(
81
81
  j,
82
82
  {
83
- onClickOutside: a,
83
+ onClickOutside: r,
84
84
  arrow: !1,
85
- visible: r,
85
+ visible: o,
86
86
  disablePadding: !0,
87
- content: n ? /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(V, { children: n(a) }) }) : void 0,
87
+ content: e ? /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(W, { children: e(r) }) }) : void 0,
88
88
  placement: "bottom-start",
89
- children: /* @__PURE__ */ e(c, { display: "inline-block", children: /* @__PURE__ */ i(
90
- s,
89
+ children: /* @__PURE__ */ n(s, { display: "inline-block", children: /* @__PURE__ */ a(
90
+ l,
91
91
  {
92
92
  spacing: 0.5,
93
93
  indent: !0,
94
94
  alignItems: "center",
95
- border: Me,
95
+ border: Sn,
96
96
  borderRadius: "4px",
97
97
  children: [
98
- /* @__PURE__ */ e(X, { ...t }),
99
- /* @__PURE__ */ e(C, { num: 0.5 }),
100
- /* @__PURE__ */ e(v, { size: "small", onClick: o, leftIcon: W })
98
+ /* @__PURE__ */ n(Y, { ...t }),
99
+ /* @__PURE__ */ n(x, { num: 0.5 }),
100
+ /* @__PURE__ */ n(C, { size: "small", onClick: i, leftIcon: G })
101
101
  ]
102
102
  }
103
103
  ) })
104
104
  }
105
105
  );
106
- }, Ne = "_navBar_kzibd_1", Se = {
107
- navBar: Ne
108
- }, Fe = ({
109
- className: n,
106
+ }, Fn = "_navBar_kzibd_1", Rn = {
107
+ navBar: Fn
108
+ }, Ln = ({
109
+ className: e,
110
110
  onClick: t
111
- }) => /* @__PURE__ */ e(
112
- v,
111
+ }) => /* @__PURE__ */ n(
112
+ C,
113
113
  {
114
- leftIcon: G,
115
- className: n,
114
+ leftIcon: J,
115
+ className: e,
116
116
  onClick: t
117
117
  }
118
- ), bn = ({
119
- left: n,
118
+ ), Me = ({
119
+ left: e,
120
120
  className: t,
121
- showMenuButton: r = !1,
122
- children: o,
123
- right: a,
124
- center: l,
125
- onClickMenuButton: d
121
+ showMenuButton: o = !1,
122
+ children: i,
123
+ right: r,
124
+ center: c,
125
+ onClickMenuButton: u
126
126
  }) => {
127
- const u = l ? 1 : void 0;
128
- return /* @__PURE__ */ i(
129
- s,
127
+ const d = c ? 1 : void 0;
128
+ return /* @__PURE__ */ a(
129
+ l,
130
130
  {
131
131
  justifyContent: "space-between",
132
- className: h(Se.navBar, t),
132
+ className: h(Rn.navBar, t),
133
133
  children: [
134
- /* @__PURE__ */ i(
135
- s,
134
+ /* @__PURE__ */ a(
135
+ l,
136
136
  {
137
- flex: u,
137
+ flex: d,
138
138
  justifyContent: "flex-start",
139
139
  alignItems: "center",
140
140
  children: [
141
- /* @__PURE__ */ i(s, { width: "86px", alignItems: "center", children: [
142
- /* @__PURE__ */ e(C, {}),
143
- r && /* @__PURE__ */ e(Fe, { onClick: d })
141
+ /* @__PURE__ */ a(l, { width: "86px", alignItems: "center", children: [
142
+ /* @__PURE__ */ n(x, {}),
143
+ o && /* @__PURE__ */ n(Ln, { onClick: u })
144
144
  ] }),
145
- n && /* @__PURE__ */ i(f, { children: [
146
- n,
147
- /* @__PURE__ */ e(C, { num: 2 })
145
+ e && /* @__PURE__ */ a(b, { children: [
146
+ e,
147
+ /* @__PURE__ */ n(x, { num: 2 })
148
148
  ] }),
149
- o && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(s, { justifyContent: "center", alignItems: "center", children: be.Children.map(o, (b, _) => /* @__PURE__ */ i(f, { children: [
150
- _ > 0 && /* @__PURE__ */ e(C, {}),
151
- b
149
+ i && /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: _n.Children.map(i, (p, g) => /* @__PURE__ */ a(b, { children: [
150
+ g > 0 && /* @__PURE__ */ n(x, {}),
151
+ p
152
152
  ] })) }) })
153
153
  ]
154
154
  }
155
155
  ),
156
- l && /* @__PURE__ */ e(s, { justifyContent: "center", alignItems: "center", children: l }),
157
- /* @__PURE__ */ i(s, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
158
- a,
159
- /* @__PURE__ */ e(C, { num: 2 })
156
+ c && /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: c }),
157
+ /* @__PURE__ */ a(l, { justifyContent: "flex-end", alignItems: "center", flex: d, children: [
158
+ r,
159
+ /* @__PURE__ */ n(x, { num: 2 })
160
160
  ] })
161
161
  ]
162
162
  }
163
163
  );
164
- }, Re = "_navBarButton_18iz9_1", Pe = "_selected_18iz9_36", T = {
165
- navBarButton: Re,
166
- selected: Pe
167
- }, Le = ({
168
- selected: n,
164
+ }, Pn = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36", U = {
165
+ navBarButton: Pn,
166
+ selected: zn
167
+ }, $n = ({
168
+ selected: e,
169
169
  className: t,
170
- ...r
171
- }) => /* @__PURE__ */ e(
172
- v,
170
+ ...o
171
+ }) => /* @__PURE__ */ n(
172
+ C,
173
173
  {
174
- ...r,
174
+ ...o,
175
175
  className: h(
176
- T.navBarButton,
177
- n && T.selected,
176
+ U.navBarButton,
177
+ e && U.selected,
178
178
  t
179
179
  )
180
180
  }
181
- ), vn = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), Bn = ({
182
- content: n,
181
+ ), Se = (e) => /* @__PURE__ */ n(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
182
+ content: e,
183
183
  children: t,
184
- ...r
184
+ ...o
185
185
  }) => {
186
- const [o, , a, l] = R(!1);
187
- return /* @__PURE__ */ e(
186
+ const [i, , r, c] = L(!1);
187
+ return /* @__PURE__ */ n(
188
188
  j,
189
189
  {
190
- onClickOutside: a,
190
+ onClickOutside: r,
191
191
  triggerTarget: document.body,
192
- visible: o,
193
- content: /* @__PURE__ */ i(f, { children: [
194
- n && n({ close: a }),
192
+ visible: i,
193
+ content: /* @__PURE__ */ a(b, { children: [
194
+ e && e({ close: r }),
195
195
  t
196
196
  ] }),
197
- children: /* @__PURE__ */ e(Le, { ...r, onClick: l })
197
+ children: /* @__PURE__ */ n($n, { ...o, onClick: c })
198
198
  }
199
199
  );
200
- }, ze = "_navBarNotificationButton_8ej1j_1", Ae = "_unread_8ej1j_54", He = "_hasCount_8ej1j_68", Ee = "_icon_8ej1j_69", $e = "_shake_8ej1j_1", I = {
201
- navBarNotificationButton: ze,
202
- unread: Ae,
203
- hasCount: He,
204
- icon: Ee,
205
- shake: $e
206
- }, Cn = ({
207
- count: n,
200
+ }, An = "_navBarNotificationButton_8ej1j_1", Hn = "_unread_8ej1j_54", En = "_hasCount_8ej1j_68", Dn = "_icon_8ej1j_69", Un = "_shake_8ej1j_1", I = {
201
+ navBarNotificationButton: An,
202
+ unread: Hn,
203
+ hasCount: En,
204
+ icon: Dn,
205
+ shake: Un
206
+ }, Re = ({
207
+ count: e,
208
208
  unread: t = !1,
209
- className: r,
210
- labelClassName: o,
211
- iconClassName: a,
212
- icon: l = le,
213
- ...d
209
+ className: o,
210
+ labelClassName: i,
211
+ iconClassName: r,
212
+ icon: c = ln,
213
+ ...u
214
214
  }) => {
215
- const u = n > 0;
216
- return /* @__PURE__ */ e(
217
- v,
215
+ const d = e > 0;
216
+ return /* @__PURE__ */ n(
217
+ C,
218
218
  {
219
- ...d,
220
- leftIcon: l,
219
+ ...u,
220
+ leftIcon: c,
221
221
  className: h(
222
222
  t && I.unread,
223
- u && I.hasCount,
223
+ d && I.hasCount,
224
224
  I.navBarNotificationButton,
225
- r
225
+ o
226
226
  ),
227
- label: u ? String(n) : void 0,
228
- labelClassName: h(o, I.label),
229
- iconClassName: h(a, I.icon)
227
+ label: d ? String(e) : void 0,
228
+ labelClassName: h(i, I.label),
229
+ iconClassName: h(r, I.icon)
230
230
  }
231
231
  );
232
- }, Oe = "_navBarSearchFieldInput_16tw5_1", Te = "_navBarSearchField_16tw5_1", U = {
233
- navBarSearchFieldInput: Oe,
234
- navBarSearchField: Te
235
- }, xn = ({
236
- placeholder: n = "Search",
232
+ }, On = "_navBarSearchFieldInput_16tw5_1", Tn = "_navBarSearchField_16tw5_1", O = {
233
+ navBarSearchFieldInput: On,
234
+ navBarSearchField: Tn
235
+ }, Le = ({
236
+ placeholder: e = "Search",
237
237
  className: t,
238
- wrapperClassName: r,
239
- ...o
240
- }) => /* @__PURE__ */ e(
241
- we,
238
+ wrapperClassName: o,
239
+ ...i
240
+ }) => /* @__PURE__ */ n(
241
+ jn,
242
242
  {
243
- wrapperClassName: h(U.navBarSearchField, r),
244
- className: h(U.navBarSearchFieldInput, t),
245
- placeholder: n,
246
- ...o
243
+ wrapperClassName: h(O.navBarSearchField, o),
244
+ className: h(O.navBarSearchFieldInput, t),
245
+ placeholder: e,
246
+ ...i
247
247
  }
248
- ), Ue = "_navBarUserButton_1cwhm_1", De = "_initials_1cwhm_31", D = {
249
- navBarUserButton: Ue,
250
- initials: De
251
- }, _n = ({
252
- className: n,
248
+ ), qn = "_navBarUserButton_1cwhm_1", Vn = "_initials_1cwhm_31", T = {
249
+ navBarUserButton: qn,
250
+ initials: Vn
251
+ }, Pe = ({
252
+ className: e,
253
253
  username: t,
254
- initials: r,
255
- icon: o = ce,
256
- iconClassName: a,
257
- ...l
258
- }) => /* @__PURE__ */ e(
259
- je,
254
+ initials: o,
255
+ icon: i = dn,
256
+ iconClassName: r,
257
+ ...c
258
+ }) => /* @__PURE__ */ n(
259
+ Mn,
260
260
  {
261
- ...l,
261
+ ...c,
262
262
  className: h(
263
- { [D.initials]: r != null },
264
- D.navBarUserButton,
265
- n
263
+ { [T.initials]: o != null },
264
+ T.navBarUserButton,
265
+ e
266
266
  ),
267
- leftIcon: t != null ? o : void 0,
268
- label: r != null ? r : t,
267
+ leftIcon: t != null ? i : void 0,
268
+ label: o != null ? o : t,
269
269
  disableArrow: !0
270
270
  }
271
- ), Y = ({
272
- text: n,
271
+ ), Wn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", q = {
272
+ unreadDot: Wn,
273
+ dot: Gn
274
+ }, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: q.unreadDot, children: [
275
+ e,
276
+ /* @__PURE__ */ n("div", { className: q.dot })
277
+ ] }), Z = ({
278
+ text: e,
273
279
  timestamp: t,
274
- icon: r,
275
- iconAriaLabel: o,
276
- iconColor: a,
277
- contentLeft: l,
278
- contentRight: d,
279
- onClose: u
280
- }) => /* @__PURE__ */ i(s, { alignItems: "flex-start", indent: !0, spacing: !0, children: [
281
- /* @__PURE__ */ i(s, { indent: 2, spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
282
- l && /* @__PURE__ */ e(c, { minHeight: 20, justifyContent: "center", children: l }),
283
- !l && r && /* @__PURE__ */ e(
284
- J,
285
- {
286
- icon: r,
287
- size: 20,
288
- color: a,
289
- "aria-label": o
290
- }
291
- ),
292
- /* @__PURE__ */ i(c, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
293
- /* @__PURE__ */ e(O, { variant: "bold", children: n }),
294
- t && /* @__PURE__ */ e(O, { size: "small", color: m("--lhds-color-ui-600"), children: t })
295
- ] }),
296
- d
297
- ] }),
298
- u && /* @__PURE__ */ e(
299
- c,
280
+ icon: o,
281
+ iconAriaLabel: i,
282
+ contentLeft: r,
283
+ contentRight: c,
284
+ onClose: u,
285
+ unread: d = !1,
286
+ variant: p
287
+ }) => {
288
+ const g = o ? /* @__PURE__ */ n(
289
+ K,
300
290
  {
301
- flex: "none",
302
- justifyContent: "center",
303
- style: {
304
- height: "calc(20px + 2 * var(--swui-metrics-spacing))"
305
- },
306
- children: /* @__PURE__ */ e(
307
- v,
308
- {
309
- leftIcon: K,
310
- onClick: u,
311
- "aria-label": "Close"
312
- }
313
- )
291
+ size: "small",
292
+ icon: o,
293
+ "aria-label": i,
294
+ backgroundColor: Kn(d, p)
314
295
  }
315
- )
316
- ] }), yn = ({
317
- children: n,
318
- ...t
319
- }) => /* @__PURE__ */ i(
320
- p,
296
+ ) : void 0;
297
+ return /* @__PURE__ */ a(l, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
298
+ /* @__PURE__ */ a(l, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
299
+ r && /* @__PURE__ */ n(s, { minHeight: 20, justifyContent: "center", children: r }),
300
+ !r && g && (d ? /* @__PURE__ */ n(Jn, { children: g }) : g),
301
+ /* @__PURE__ */ a(s, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
302
+ /* @__PURE__ */ n(v, { variant: "bold", children: e }),
303
+ t && /* @__PURE__ */ n(
304
+ v,
305
+ {
306
+ size: "small",
307
+ color: m(
308
+ d ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
309
+ ),
310
+ children: t
311
+ }
312
+ )
313
+ ] }),
314
+ c
315
+ ] }),
316
+ u && /* @__PURE__ */ n(
317
+ s,
318
+ {
319
+ flex: "none",
320
+ justifyContent: "center",
321
+ height: "calc(20px + 2 * var(--swui-metrics-spacing))",
322
+ children: /* @__PURE__ */ n(
323
+ C,
324
+ {
325
+ leftIcon: Q,
326
+ onClick: u,
327
+ "aria-label": "Close",
328
+ variant: "danger"
329
+ }
330
+ )
331
+ }
332
+ )
333
+ ] });
334
+ }, Kn = (e, t) => {
335
+ if (!(!e && t === "standard"))
336
+ return "--lhds-color-ui-50";
337
+ }, Qn = "_notification_1hao0_1", Xn = "_body_1hao0_7", Yn = "_standard_1hao0_13", Zn = "_unread_1hao0_14", ne = "_danger_1hao0_19", w = {
338
+ notification: Qn,
339
+ body: Xn,
340
+ standard: Yn,
341
+ unread: Zn,
342
+ danger: ne
343
+ }, ze = ({
344
+ variant: e = "standard",
345
+ children: t,
346
+ unread: o,
347
+ ...i
348
+ }) => /* @__PURE__ */ a(
349
+ "div",
321
350
  {
322
- background: "var(--lhds-color-ui-50)",
323
- borderRadius: "var(--swui-border-radius)",
351
+ className: h(
352
+ w.notification,
353
+ w[e],
354
+ o && w.unread
355
+ ),
324
356
  children: [
325
- /* @__PURE__ */ e(Y, { ...t }),
326
- n && /* @__PURE__ */ i(p, { indent: 3, children: [
327
- n,
328
- /* @__PURE__ */ e(g, { num: 2 })
329
- ] })
357
+ /* @__PURE__ */ n(Z, { ...i, unread: o, variant: e }),
358
+ t && /* @__PURE__ */ n(f, { className: w.body, children: t })
330
359
  ]
331
360
  }
332
- ), qe = "_clickable_1ijxc_1", Ve = "_nonClickable_1ijxc_27", N = {
333
- clickable: qe,
334
- nonClickable: Ve
335
- }, kn = ({
336
- onClick: n,
361
+ ), ee = "_notificationList_1rkvu_1", te = {
362
+ notificationList: ee
363
+ }, $e = ({
364
+ children: e
365
+ }) => /* @__PURE__ */ a("div", { className: te.notificationList, children: [
366
+ e,
367
+ /* @__PURE__ */ n("div", {})
368
+ ] }), oe = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", S = {
369
+ clickable: oe,
370
+ nonClickable: ie
371
+ }, Ae = ({
372
+ onClick: e,
337
373
  onClickAriaLabel: t,
338
- children: r,
339
- width: o = 264,
340
- maxWidth: a,
341
- ...l
342
- }) => /* @__PURE__ */ i(
343
- c,
374
+ children: o,
375
+ width: i = 264,
376
+ maxWidth: r,
377
+ ...c
378
+ }) => /* @__PURE__ */ a(
379
+ s,
344
380
  {
345
381
  borderRadius: 8,
346
382
  background: m("--lhds-color-ui-50"),
347
383
  shadow: "popover",
348
- width: o,
349
- maxWidth: a,
384
+ width: i,
385
+ maxWidth: r,
350
386
  role: "alert",
351
387
  position: "relative",
352
388
  children: [
353
- /* @__PURE__ */ e(c, { className: h({ [N.nonClickable]: n }), children: /* @__PURE__ */ e(Y, { ...l }) }),
354
- r && /* @__PURE__ */ i(c, { indent: 3, className: h({ [N.nonClickable]: n }), children: [
355
- r,
356
- /* @__PURE__ */ e(g, { num: 2 })
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: [
391
+ o,
392
+ /* @__PURE__ */ n(_, { num: 2 })
357
393
  ] }),
358
- n && /* @__PURE__ */ e(
394
+ e && /* @__PURE__ */ n(
359
395
  "button",
360
396
  {
361
- onClick: n,
362
- className: N.clickable,
397
+ onClick: e,
398
+ className: S.clickable,
363
399
  "aria-label": t
364
400
  }
365
401
  )
366
402
  ]
367
403
  }
368
- ), We = () => /* @__PURE__ */ i(p, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
369
- /* @__PURE__ */ e(J, { icon: se, color: m("--lhds-color-ui-500") }),
370
- /* @__PURE__ */ e(g, {}),
371
- /* @__PURE__ */ e(x, { size: "small", color: m("--lhds-color-ui-500"), children: "No content" })
372
- ] }), Ge = Ce(
404
+ ), ae = () => /* @__PURE__ */ a(f, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
405
+ /* @__PURE__ */ n(un, { icon: hn, color: m("--lhds-color-ui-500") }),
406
+ /* @__PURE__ */ n(_, {}),
407
+ /* @__PURE__ */ n(v, { size: "small", color: m("--lhds-color-ui-500"), children: "No content" })
408
+ ] }), re = xn(
373
409
  function({
374
410
  label: t,
375
- contentLeft: r,
376
- contentRight: o,
377
- collapsed: a = !1,
378
- onClick: l,
379
- disabled: d = !1,
380
- children: u,
381
- autoFocus: b = !1
382
- }, _) {
383
- return /* @__PURE__ */ e(
384
- F,
411
+ contentLeft: o,
412
+ contentRight: i,
413
+ collapsed: r = !1,
414
+ onClick: c,
415
+ disabled: u = !1,
416
+ children: d,
417
+ autoFocus: p = !1
418
+ }, g) {
419
+ return /* @__PURE__ */ n(
420
+ R,
385
421
  {
386
- autoFocus: b,
387
- ref: _,
422
+ autoFocus: p,
423
+ ref: g,
388
424
  label: t,
389
- onClick: l,
390
- disabled: d,
425
+ onClick: c,
426
+ disabled: u,
391
427
  expandable: !0,
392
- expanded: !a,
393
- selected: !a,
394
- left: r,
395
- right: o,
396
- children: u != null ? u : /* @__PURE__ */ e(We, {})
428
+ expanded: !r,
429
+ selected: !r,
430
+ left: o,
431
+ right: i,
432
+ children: d != null ? d : /* @__PURE__ */ n(ae, {})
397
433
  }
398
434
  );
399
435
  }
400
- ), In = ({
401
- children: n
402
- }) => /* @__PURE__ */ e(p, { gap: 1, children: n }), wn = ({
403
- value: n,
436
+ ), He = ({
437
+ children: e
438
+ }) => /* @__PURE__ */ n(f, { gap: 1, children: e }), Ee = ({
439
+ value: e,
404
440
  onValueChange: t,
405
- onChange: r,
406
- indeterminate: o,
407
- checkboxDisabled: a,
408
- ...l
409
- }) => /* @__PURE__ */ e(
410
- Ge,
441
+ onChange: o,
442
+ indeterminate: i,
443
+ checkboxDisabled: r,
444
+ ...c
445
+ }) => /* @__PURE__ */ n(
446
+ re,
411
447
  {
412
- contentLeft: /* @__PURE__ */ e(
413
- X,
448
+ contentLeft: /* @__PURE__ */ n(
449
+ Y,
414
450
  {
415
- value: n,
416
- indeterminate: o,
451
+ value: e,
452
+ indeterminate: i,
417
453
  onValueChange: t,
418
- onChange: r,
419
- disabled: a,
420
- onClick: (d) => d.stopPropagation()
454
+ onChange: o,
455
+ disabled: r,
456
+ onClick: (u) => u.stopPropagation()
421
457
  }
422
458
  ),
423
- ...l
459
+ ...c
424
460
  }
425
- ), jn = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n }) }), Je = ({
426
- text: n = "Something unexpected happened."
427
- }) => /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(ue, { variant: "error", headerText: n }) }), Mn = (n) => /* @__PURE__ */ e(
428
- c,
461
+ ), De = ({ children: e }) => /* @__PURE__ */ n(s, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e }) }), ce = ({
462
+ text: e = "Something unexpected happened."
463
+ }) => /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(pn, { variant: "error", headerText: e }) }), Ue = (e) => /* @__PURE__ */ n(
464
+ s,
429
465
  {
430
466
  width: "100%",
431
467
  height: "100%",
432
468
  justifyContent: "center",
433
469
  alignItems: "center",
434
- children: /* @__PURE__ */ e(Je, { ...n })
470
+ children: /* @__PURE__ */ n(ce, { ...e })
435
471
  }
436
- ), Ke = ({
437
- text: n = "Loading..."
438
- }) => /* @__PURE__ */ i(c, { alignItems: "center", children: [
439
- /* @__PURE__ */ e(de, { size: "small" }),
440
- /* @__PURE__ */ e(g, { num: 4 }),
441
- /* @__PURE__ */ e(P, { variant: "h4", children: n })
442
- ] }), Nn = (n) => /* @__PURE__ */ e(
443
- c,
472
+ ), se = ({
473
+ text: e = "Loading..."
474
+ }) => /* @__PURE__ */ a(s, { alignItems: "center", children: [
475
+ /* @__PURE__ */ n(gn, { size: "small" }),
476
+ /* @__PURE__ */ n(_, { num: 4 }),
477
+ /* @__PURE__ */ n(P, { variant: "h4", children: e })
478
+ ] }), Oe = (e) => /* @__PURE__ */ n(
479
+ s,
444
480
  {
445
481
  width: "100%",
446
482
  height: "100%",
447
483
  justifyContent: "center",
448
484
  alignItems: "center",
449
- children: /* @__PURE__ */ e(Ke, { ...n })
485
+ children: /* @__PURE__ */ n(se, { ...e })
450
486
  }
451
- ), Sn = ({
452
- renderBreadCrumbs: n,
487
+ ), Te = ({
488
+ renderBreadCrumbs: e,
453
489
  renderPageHeading: t,
454
- renderTabs: r,
455
- children: o
456
- }) => /* @__PURE__ */ i(c, { shadow: "bottom", background: m("--lhds-color-ui-50"), gap: 2, children: [
457
- /* @__PURE__ */ i(c, { indent: 3, children: [
458
- n && /* @__PURE__ */ i(s, { spacing: 1, alignItems: "center", children: [
459
- /* @__PURE__ */ e(s, { width: "64px", height: "16px" }),
460
- n()
490
+ renderTabs: o,
491
+ children: i
492
+ }) => /* @__PURE__ */ a(s, { shadow: "bottom", background: m("--lhds-color-ui-50"), gap: 2, children: [
493
+ /* @__PURE__ */ a(s, { indent: 3, children: [
494
+ e && /* @__PURE__ */ a(l, { spacing: 1, alignItems: "center", children: [
495
+ /* @__PURE__ */ n(l, { width: "64px", height: "16px" }),
496
+ e()
461
497
  ] }),
462
498
  t == null ? void 0 : t(),
463
- r && /* @__PURE__ */ e(g, {}),
464
- r == null ? void 0 : r()
499
+ o && /* @__PURE__ */ n(_, {}),
500
+ o == null ? void 0 : o()
465
501
  ] }),
466
- o
467
- ] }), Fn = (n) => /* @__PURE__ */ e(s, { indent: 3, spacing: !0, ...n }), Rn = ({
468
- icon: n,
502
+ i
503
+ ] }), qe = (e) => /* @__PURE__ */ n(l, { indent: 3, spacing: !0, ...e }), Ve = ({
504
+ icon: e,
469
505
  heading: t,
470
- headingLevel: r = "h2",
471
- contentLeft: o,
472
- contentRight: a
473
- }) => /* @__PURE__ */ i(s, { alignItems: "center", gap: 2, height: "64px", children: [
474
- /* @__PURE__ */ i(s, { alignItems: "center", children: [
475
- /* @__PURE__ */ e(s, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(he, { icon: n }) }),
476
- /* @__PURE__ */ e(P, { variant: "h3", as: r, children: t })
506
+ headingLevel: o = "h2",
507
+ contentLeft: i,
508
+ contentRight: r
509
+ }) => /* @__PURE__ */ a(l, { alignItems: "center", gap: 2, height: "64px", children: [
510
+ /* @__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 })
477
513
  ] }),
478
- /* @__PURE__ */ e(s, { alignItems: "center", children: o }),
479
- /* @__PURE__ */ e(s, { style: { marginLeft: "auto" }, alignItems: "center", children: a })
480
- ] }), Qe = "_sidebarMenu_1jqed_1", q = {
481
- sidebarMenu: Qe
482
- }, Xe = "_stenaFlag_108h7_1", Ye = {
483
- stenaFlag: Xe
484
- }, Ze = ({ onClick: n }) => /* @__PURE__ */ i(
485
- s,
514
+ /* @__PURE__ */ n(l, { alignItems: "center", children: i }),
515
+ /* @__PURE__ */ n(l, { style: { marginLeft: "auto" }, alignItems: "center", children: r })
516
+ ] }), le = "_sidebarMenu_1jqed_1", V = {
517
+ sidebarMenu: le
518
+ }, de = "_stenaFlag_108h7_1", ue = {
519
+ stenaFlag: de
520
+ }, he = ({ onClick: e }) => /* @__PURE__ */ a(
521
+ l,
486
522
  {
487
523
  justifyContent: "space-between",
488
524
  alignItems: "center",
@@ -490,68 +526,68 @@ const L = ({
490
526
  indent: 1,
491
527
  minHeight: "48px",
492
528
  children: [
493
- /* @__PURE__ */ e(v, { leftIcon: K, onClick: n, variant: "danger" }),
494
- /* @__PURE__ */ e(pe, { className: Ye.stenaFlag })
529
+ /* @__PURE__ */ n(C, { leftIcon: Q, onClick: e, variant: "danger" }),
530
+ /* @__PURE__ */ n(fn, { className: ue.stenaFlag })
495
531
  ]
496
532
  }
497
- ), en = ({
498
- isPinned: n,
533
+ ), pe = ({
534
+ isPinned: e,
499
535
  onClick: t,
500
- label: r
536
+ label: o
501
537
  }) => {
502
- const o = n ? "Unpin menu" : "Pin menu", a = r != null ? r : o;
503
- return /* @__PURE__ */ e(F, { onClick: t, label: a, leftIcon: n ? Q : ge });
504
- }, Pn = ({
505
- className: n,
538
+ 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
+ className: e,
506
542
  children: t,
507
- onCloseClick: r,
508
- variant: o = "standard",
509
- pinButtonVisible: a,
510
- onClickPinButton: l,
511
- isPinned: d,
512
- ...u
513
- }) => /* @__PURE__ */ i(
514
- c,
543
+ onCloseClick: o,
544
+ variant: i = "standard",
545
+ pinButtonVisible: r,
546
+ onClickPinButton: c,
547
+ isPinned: u,
548
+ ...d
549
+ }) => /* @__PURE__ */ a(
550
+ s,
515
551
  {
516
552
  indent: 1,
517
- className: h(q.sidebarMenu, n),
553
+ className: h(V.sidebarMenu, e),
518
554
  style: {
519
555
  ["--swui-sidebar-menu-item-height"]: "40px"
520
556
  },
521
- ...u,
557
+ ...d,
522
558
  children: [
523
- /* @__PURE__ */ e(g, { num: 1 }),
524
- /* @__PURE__ */ e(Ze, { onClick: r }),
525
- /* @__PURE__ */ e(
526
- c,
559
+ /* @__PURE__ */ n(_, { num: 1 }),
560
+ /* @__PURE__ */ n(he, { onClick: o }),
561
+ /* @__PURE__ */ n(
562
+ s,
527
563
  {
528
- className: q.sidebarMenuContent,
564
+ className: V.sidebarMenuContent,
529
565
  height: "100%",
530
566
  background: "var(--current-background-color)",
531
- children: /* @__PURE__ */ i(p, { justifyContent: "space-between", flex: 1, gap: 1, children: [
532
- /* @__PURE__ */ e(p, { gap: 1, children: t }),
533
- a && /* @__PURE__ */ i(p, { children: [
534
- /* @__PURE__ */ e(
535
- en,
567
+ children: /* @__PURE__ */ a(f, { justifyContent: "space-between", flex: 1, gap: 1, children: [
568
+ /* @__PURE__ */ n(f, { gap: 1, children: t }),
569
+ r && /* @__PURE__ */ a(f, { children: [
570
+ /* @__PURE__ */ n(
571
+ pe,
536
572
  {
537
- isPinned: d,
538
- onClick: l
573
+ isPinned: u,
574
+ onClick: c
539
575
  }
540
576
  ),
541
- /* @__PURE__ */ e(g, {})
577
+ /* @__PURE__ */ n(_, {})
542
578
  ] })
543
579
  ] })
544
580
  }
545
581
  )
546
582
  ]
547
583
  }
548
- ), z = xe(!1), A = () => _e(z), Ln = ({
549
- closeButtonVisible: n,
584
+ ), $ = yn(!1), A = () => kn($), Ge = ({
585
+ closeButtonVisible: e,
550
586
  onClickCloseButton: t,
551
- onClickMenuButton: r,
552
- children: o
553
- }) => /* @__PURE__ */ i(
554
- c,
587
+ onClickMenuButton: o,
588
+ children: i
589
+ }) => /* @__PURE__ */ a(
590
+ s,
555
591
  {
556
592
  position: "fixed",
557
593
  left: 0,
@@ -563,34 +599,34 @@ const L = ({
563
599
  shadow: "popover",
564
600
  background: m("--lhds-color-ui-50"),
565
601
  children: [
566
- /* @__PURE__ */ e(S, { onClick: r, icon: G }),
567
- /* @__PURE__ */ i(p, { justifyContent: "space-between", flex: 1, gap: 1, children: [
568
- /* @__PURE__ */ e(p, { gap: 1, children: /* @__PURE__ */ e(z.Provider, { value: !0, children: o }) }),
569
- n && /* @__PURE__ */ e(
570
- S,
602
+ /* @__PURE__ */ n(F, { onClick: o, icon: J }),
603
+ /* @__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 }) }),
605
+ e && /* @__PURE__ */ n(
606
+ F,
571
607
  {
572
- icon: Q,
608
+ icon: X,
573
609
  onClick: t
574
610
  }
575
611
  )
576
612
  ] })
577
613
  ]
578
614
  }
579
- ), nn = ({
580
- label: n
581
- }) => A() ? null : /* @__PURE__ */ i(c, { height: "32px", justifyContent: "center", indent: 1, children: [
582
- /* @__PURE__ */ e(g, {}),
583
- /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n })
584
- ] }), tn = ({
585
- label: n,
615
+ ), ge = ({
616
+ label: e
617
+ }) => A() ? null : /* @__PURE__ */ a(s, { height: "32px", justifyContent: "center", indent: 1, children: [
618
+ /* @__PURE__ */ n(_, {}),
619
+ /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e })
620
+ ] }), fe = ({
621
+ label: e,
586
622
  leftIcon: t,
587
- ...r
588
- }) => t == null ? null : /* @__PURE__ */ e(Ie, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(me, { icon: t, ...r }) }), zn = (n) => A() ? /* @__PURE__ */ e(tn, { ...n }) : /* @__PURE__ */ e(fe, { ...n }), rn = ({
589
- children: n,
623
+ ...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 = ({
625
+ children: e,
590
626
  label: t,
591
- icon: r,
592
- popupMinWidth: o = "200px"
593
- }) => /* @__PURE__ */ e(
627
+ icon: o,
628
+ popupMinWidth: i = "200px"
629
+ }) => /* @__PURE__ */ n(
594
630
  j,
595
631
  {
596
632
  appendTo: "parent",
@@ -600,116 +636,120 @@ const L = ({
600
636
  trigger: "focusin mouseenter click",
601
637
  disablePadding: !0,
602
638
  lazy: !0,
603
- content: /* @__PURE__ */ e(
604
- c,
639
+ content: /* @__PURE__ */ n(
640
+ s,
605
641
  {
606
- minWidth: o,
642
+ minWidth: i,
607
643
  shadow: "popover",
608
644
  spacing: 1,
609
645
  indent: 1,
610
646
  gap: 2,
611
- children: /* @__PURE__ */ i(z.Provider, { value: !1, children: [
612
- /* @__PURE__ */ e(nn, { label: t }),
613
- n
647
+ children: /* @__PURE__ */ a($.Provider, { value: !1, children: [
648
+ /* @__PURE__ */ n(ge, { label: t }),
649
+ e
614
650
  ] })
615
651
  }
616
652
  ),
617
- children: /* @__PURE__ */ e(S, { icon: r })
653
+ children: /* @__PURE__ */ n(F, { icon: o })
618
654
  }
619
- ), An = ({
620
- children: n,
655
+ ), Ke = ({
656
+ children: e,
621
657
  label: t,
622
- leftIcon: r,
623
- className: o,
624
- initialExpand: a = !1
658
+ leftIcon: o,
659
+ className: i,
660
+ initialExpand: r = !1
625
661
  }) => {
626
- const [l, d] = ye(a);
627
- return A() ? r == null ? null : /* @__PURE__ */ e(rn, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
628
- F,
662
+ const [c, u] = In(r);
663
+ return A() ? o == null ? null : /* @__PURE__ */ n(me, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
664
+ R,
629
665
  {
630
666
  label: t,
631
- onClick: () => d(!l),
632
- leftIcon: r,
633
- className: o,
667
+ onClick: () => u(!c),
668
+ leftIcon: o,
669
+ className: i,
634
670
  expandable: !0,
635
- expanded: l,
636
- selected: l,
637
- children: n
671
+ expanded: c,
672
+ selected: c,
673
+ children: e
638
674
  }
639
675
  );
640
- }, Hn = (n) => /* @__PURE__ */ e(
641
- ke,
676
+ }, Qe = (e) => /* @__PURE__ */ n(
677
+ Nn,
642
678
  {
643
679
  color: m("--lhds-color-ui-400"),
644
- ...n
680
+ ...e
645
681
  }
646
- ), on = `1px solid ${m("--lhds-color-orange-400")}`, En = ({
647
- numItemsSelected: n,
682
+ ), be = `1px solid ${m("--lhds-color-orange-400")}`, Xe = ({
683
+ numItemsSelected: e,
648
684
  label: t,
649
- afterLabelContent: r,
650
- rightContent: o
651
- }) => /* @__PURE__ */ i(
652
- s,
685
+ afterLabelContent: o,
686
+ rightContent: i
687
+ }) => /* @__PURE__ */ a(
688
+ l,
653
689
  {
654
690
  indent: 3,
655
691
  spacing: !0,
656
692
  minHeight: "56px",
657
693
  justifyContent: "space-between",
658
694
  alignItems: "center",
659
- borderTop: on,
695
+ borderTop: be,
660
696
  background: m("--lhds-color-orange-50"),
661
697
  children: [
662
- /* @__PURE__ */ i(s, { alignItems: "center", children: [
663
- n != null || t != null ? /* @__PURE__ */ e(f, { children: n != null ? /* @__PURE__ */ i(f, { children: [
664
- /* @__PURE__ */ e(x, { variant: "bold", children: n }),
665
- /* @__PURE__ */ e(g, {}),
666
- /* @__PURE__ */ i(x, { children: [
698
+ /* @__PURE__ */ a(l, { alignItems: "center", children: [
699
+ e != null || t != null ? /* @__PURE__ */ n(b, { children: e != null ? /* @__PURE__ */ a(b, { children: [
700
+ /* @__PURE__ */ n(v, { variant: "bold", children: e }),
701
+ /* @__PURE__ */ n(_, {}),
702
+ /* @__PURE__ */ a(v, { children: [
667
703
  "item",
668
- n === 1 ? "" : "s",
704
+ e === 1 ? "" : "s",
669
705
  " selected"
670
706
  ] })
671
- ] }) : t != null ? /* @__PURE__ */ e(f, { children: typeof t == "string" ? /* @__PURE__ */ e(x, { children: t }) : t }) : null }) : null,
672
- r ? /* @__PURE__ */ i(f, { children: [
673
- /* @__PURE__ */ e(C, {}),
674
- /* @__PURE__ */ e(c, { children: r })
707
+ ] }) : t != null ? /* @__PURE__ */ n(b, { children: typeof t == "string" ? /* @__PURE__ */ n(v, { children: t }) : t }) : null }) : null,
708
+ o ? /* @__PURE__ */ a(b, { children: [
709
+ /* @__PURE__ */ n(x, {}),
710
+ /* @__PURE__ */ n(s, { children: o })
675
711
  ] }) : null
676
712
  ] }),
677
- /* @__PURE__ */ e(c, { children: o })
713
+ /* @__PURE__ */ n(s, { children: i })
678
714
  ]
679
715
  }
680
716
  );
681
717
  export {
682
- je as ActionMenuFlatButton,
683
- gn as ActionMenuPrimaryButton,
684
- mn as ActionMenuSecondaryButton,
685
- fn as CheckboxMenu,
686
- Ge as Collapsible,
687
- We as CollapsibleEmptyContent,
688
- jn as CollapsibleGroupHeading,
689
- In as CollapsibleList,
690
- wn as CollapsibleWithCheckbox,
691
- Je as ErrorPanel,
692
- Mn as ErrorScreen,
693
- Ke as LoadingPanel,
694
- Nn as LoadingScreen,
695
- bn as NavBar,
696
- Le as NavBarButton,
697
- vn as NavBarHeading,
698
- Cn as NavBarNotificationButton,
699
- Bn as NavBarPopoverButton,
700
- xn as NavBarSearchField,
701
- _n as NavBarUserButton,
702
- yn as Notification,
703
- Sn as PageHeader,
704
- Fn as PageHeaderRow,
705
- Rn as PageHeading,
706
- En as SelectedItemsActionsPanel,
707
- Pn as SidebarMenu,
708
- An as SidebarMenuCollapsible,
709
- nn as SidebarMenuHeading,
710
- zn as SidebarMenuLink,
711
- Hn as SidebarMenuSeparator,
712
- Ln as SidebarRailMenu,
713
- kn as Toast
718
+ Mn as ActionMenuFlatButton,
719
+ Ne as ActionMenuPrimaryButton,
720
+ we as ActionMenuSecondaryButton,
721
+ je as CheckboxMenu,
722
+ re as Collapsible,
723
+ ae as CollapsibleEmptyContent,
724
+ De as CollapsibleGroupHeading,
725
+ He as CollapsibleList,
726
+ Ee as CollapsibleWithCheckbox,
727
+ ce as ErrorPanel,
728
+ Ue as ErrorScreen,
729
+ se as LoadingPanel,
730
+ Oe as LoadingScreen,
731
+ Me as NavBar,
732
+ $n as NavBarButton,
733
+ Se as NavBarHeading,
734
+ Re as NavBarNotificationButton,
735
+ Fe as NavBarPopoverButton,
736
+ Le as NavBarSearchField,
737
+ Pe as NavBarUserButton,
738
+ ze as Notification,
739
+ Z as NotificationHeader,
740
+ $e as NotificationList,
741
+ Te as PageHeader,
742
+ qe as PageHeaderRow,
743
+ Ve as PageHeading,
744
+ Xe as SelectedItemsActionsPanel,
745
+ We as SidebarMenu,
746
+ Ke as SidebarMenuCollapsible,
747
+ ge as SidebarMenuHeading,
748
+ Je as SidebarMenuLink,
749
+ Qe as SidebarMenuSeparator,
750
+ Ge as SidebarRailMenu,
751
+ Ae as Toast,
752
+ Jn as UnreadDot,
753
+ Kn as getIconBgColor
714
754
  };
715
755
  //# sourceMappingURL=index.es.js.map