@stenajs-webui/panels 18.11.2-next.0 → 18.12.0

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 (13) hide show
  1. package/dist/components/sidebar-menu/SidebarMenu.d.ts +2 -2
  2. package/dist/components/sidebar-menu/SidebarMenuCloseButton.d.ts +5 -0
  3. package/dist/components/sidebar-menu/SidebarMenuCollapsible.d.ts +0 -2
  4. package/dist/components/sidebar-menu/SidebarMenuHeading.d.ts +4 -2
  5. package/dist/components/sidebar-menu/SidebarMenuLink.d.ts +14 -2
  6. package/dist/components/sidebar-menu/rail/renderer/RailRenderer.d.ts +1 -1
  7. package/dist/components/sidebar-menu/rail/renderer/types.d.ts +2 -2
  8. package/dist/index.es.js +628 -535
  9. package/dist/index.es.js.map +1 -1
  10. package/dist/index.js +2 -2
  11. package/dist/index.js.map +1 -1
  12. package/package.json +7 -7
  13. package/dist/components/sidebar-menu/SidebarMenuCloseButtonRow.d.ts +0 -5
package/dist/index.es.js CHANGED
@@ -1,532 +1,533 @@
1
- (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1bafw_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_d43s4_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-ui-100 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-ui-200 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-ui-200 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_d43s4_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_d43s4_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_d43s4_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_d43s4_1 ._icon_d43s4_55 path{fill:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_1wchp_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_1wchp_1._hasCount_1wchp_60{width:56px}._navBarNotificationButton_1wchp_1._unread_1wchp_64{--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_1wchp_1._unread_1wchp_64._hasCount_1wchp_60 ._icon_1wchp_79{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_1wchp_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_1wchp_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_rcj0j_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_rcj0j_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_rcj0j_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-50);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_rcj0j_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_tg9i7_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100vh}._sidebarMenu_tg9i7_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_tg9i7_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { ActionMenu as Y, ActionMenuContext as he, stenaAngleDown as ee, PrimaryButton as pe, SecondaryButton as me, FlatButton as k, stenaBell as ge, Icon as R, stenaSearch as fe, stenaUserCircle as be, stenaTimes as ne, Banner as ve, Spinner as _e, StenaFlag as Ce, MenuButtonLink as Be, MenuButton as xe } from "@stenajs-webui/elements";
3
- import * as L from "react";
4
- import { useRef as ye, useMemo as we, forwardRef as Ne, useState as ke } from "react";
5
- import { useBoolean as D, Column as F, Box as l, Row as u, Indent as b, Heading as U, Clickable as V, Txt as G, Space as f, Text as N, SeparatorLine as te, exhaustSwitchCaseElseThrow as ae } from "@stenajs-webui/core";
6
- import { Popover as H } from "@stenajs-webui/tooltip";
7
- import { jsx as e, jsxs as c, Fragment as m } from "react/jsx-runtime";
8
- import { Checkbox as oe, TextInput as Se } from "@stenajs-webui/forms";
9
- import h from "classnames";
10
- import { cssColor as v } from "@stenajs-webui/theme";
1
+ (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode('._navBar_1qp30_1{--swui-navbar-background-color: var(--lhds-color-blue-500);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );background-color:var(--swui-navbar-background-color)}._sidebarMenuButton_1x4z8_1{--swui-nav-bar-side-menu-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-side-menu-button-background-color: var(--lhds-color-blue-500);--swui-nav-bar-side-menu-button-background-color-hover: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-focus: var( --lhds-color-blue-600 );--swui-nav-bar-side-menu-button-background-color-active: var( --lhds-color-blue-700 );--current-background-color: var( --swui-nav-bar-side-menu-button-background-color );display:flex;align-items:center;justify-content:center;line-height:10px;background-color:var(--current-background-color);color:var(--swui-nav-bar-side-menu-button-text-color);cursor:pointer;height:var(--swui-nav-bar-height);width:var(--swui-nav-bar-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuButton_1x4z8_1:hover{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-hover )}._sidebarMenuButton_1x4z8_1:focus-visible{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-focus )}._sidebarMenuButton_1x4z8_1:active{--current-background-color: var( --swui-nav-bar-side-menu-button-background-color-active )}._sidebarMenuButton_1x4z8_1 ._icon_1x4z8_55{color:var(--swui-nav-bar-side-menu-button-text-color)}._navBarButton_1xy53_1{--swui-nav-bar-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-button-background-color-active: var(--lhds-color-blue-800);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-700 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-800 );--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_1xy53_1._selected_1xy53_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_1wchp_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px;--swui-nav-bar-notification-shake-count: 3;transition:.5s width;width:32px}._navBarNotificationButton_1wchp_1._hasCount_1wchp_60{width:56px}._navBarNotificationButton_1wchp_1._unread_1wchp_64{--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_1wchp_1._unread_1wchp_64._hasCount_1wchp_60 ._icon_1wchp_79{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wchp_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_1wchp_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_1wchp_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_4knxd_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_4knxd_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_4knxd_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-blue-600);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_4knxd_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1gxfr_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-blue-900);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-blue-700);--swui-nav-bar-user-button-background-color-active: var( --lhds-color-blue-800 );--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_1gxfr_1._initials_1gxfr_33{width:32px}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_hch18_1{--swui-sidebar-menu-separator-color: var(--lhds-color-blue-700);--swui-sidebar-menu-text-color: var(--swui-white);--swui-sidebar-menu-icon-color: var(--swui-white);--swui-sidebar-menu-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-background-color-hover: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-focus: var(--lhds-color-blue-700);--swui-sidebar-menu-background-color-active: var(--lhds-color-blue-600);--swui-sidebar-menu-item-selected: var(--lhds-color-blue-800);--swui-sidebar-menu-content-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) 0;--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-item-selected: var(--swui-sidebar-menu-item-selected);--current-content-padding: var(--swui-sidebar-menu-content-padding);background-color:var(--current-background-color);height:100vh}._sidebarMenu_hch18_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_hch18_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._sidebarMenuCloseButton_1j21u_1{--swui-sidebar-menu-close-button-text-color: var(--lhds-color-ui-50);--swui-sidebar-menu-close-button-background-color: var(--lhds-color-blue-500);--swui-sidebar-menu-close-button-background-color-hover: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-focus: var( --lhds-color-blue-600 );--swui-sidebar-menu-close-button-background-color-active: var( --lhds-color-blue-500 );--current-background-color: var( --swui-sidebar-menu-close-button-background-color );display:flex;align-items:center;justify-content:flex-start;line-height:10px;background-color:var(--current-background-color);color:var(--swui-sidebar-menu-close-button-text-color);cursor:pointer;height:var(--swui-sidebar-menu-item-height);padding:0;margin:0;box-sizing:border-box;border-radius:0;outline:none;border:none}._sidebarMenuCloseButton_1j21u_1:hover{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-hover )}._sidebarMenuCloseButton_1j21u_1:focus{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-focus )}._sidebarMenuCloseButton_1j21u_1:active{--current-background-color: var( --swui-sidebar-menu-close-button-background-color-active )}._sidebarMenuCloseButton_1j21u_1 ._iconWrapper_1j21u_55{justify-content:center;align-items:center;width:var(--swui-sidebar-menu-item-height);height:var(--swui-sidebar-menu-item-height)}._sidebarMenuCloseButton_1j21u_1 ._icon_1j21u_55{color:var(--swui-sidebar-menu-close-button-text-color)}._label_mnp0f_1{font-size:var(--current-text-size, var(--swui-font-size-medium));line-height:var(--current-line-height, var(--swui-line-height-medium));font-weight:var(--swui-button-font-weight);font-family:var(--swui-font-buttons);color:var(--current-text-color)}._icon_mnp0f_9{color:var(--current-text-color);font-size:1.6rem}._spinner_mnp0f_14{color:var(--current-text-color)}._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18._leftWrapper_mnp0f_18{width:var(--swui-sidebar-menu-item-height);margin-right:0}._button_mnp0f_23{border:0;padding:0;background:var(--current-background-color)}[data-collapsed] [aria-expanded=true] ._button_mnp0f_23,._button_mnp0f_23:hover{background:var(--current-background-color-hover)}._button_mnp0f_23:focus{outline:none}._button_mnp0f_23:focus-visible{background:var(--current-background-color-active)}._button_mnp0f_23:active{background:var(--current-background-color-active)}._button_mnp0f_23._selected_mnp0f_45{background:var(--current-item-selected)}._sidebarMenuHeading_kvpq5_1{--swui-sidebar-menu-heading-text-color: var(--lhds-color-ui-300);text-transform:uppercase}._sidebarMenuCollapsible_1jwhs_1{--swui-collapsible-header-text-color: var(--current-text-color);--swui-collapsible-header-background-color: var(--current-background-color);--swui-collapsible-header-background-color-hover: var( --current-background-color-hover );--swui-collapsible-header-background-color-active: var( --current-background-color-active );--swui-collapsible-header-indicator-color: var(--current-text-color);--swui-collapsible-header-indicator-color-collapsed: var( --current-text-color );--swui-collapsible-header-indicator-color-hover: var(--current-text-color);--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 0;--swui-collapsible-header-content-margin: 0;--swui-collapsible-collapsible-link-padding: var(--swui-metrics-indent) var(--swui-metrics-indent) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4);--swui-collapsible-header-border-color: transparent;--swui-collapsible-min-height: var(--swui-sidebar-menu-item-height)}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { ActionMenu as re, ActionMenuContext as me, stenaAngleDown as ae, PrimaryButton as be, SecondaryButton as ge, FlatButton as $, stenaBell as fe, Icon as A, stenaSearch as _e, stenaUserCircle as ve, stenaTimes as Ce, Banner as xe, Spinner as Be, ButtonContent as Ne } from "@stenajs-webui/elements";
3
+ import * as I from "react";
4
+ import { useRef as we, useMemo as ye, forwardRef as ke, useState as Me } from "react";
5
+ import { useBoolean as U, Column as L, Box as c, Row as p, Indent as g, Heading as Z, Clickable as q, Txt as X, Space as k, Text as S, SeparatorLine as oe, exhaustSwitchCaseElseThrow as ie } from "@stenajs-webui/core";
6
+ import { Popover as T } from "@stenajs-webui/tooltip";
7
+ import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
8
+ import { Checkbox as se, TextInput as Se } from "@stenajs-webui/forms";
9
+ import u from "classnames";
10
+ import { cssColor as B } from "@stenajs-webui/theme";
11
11
  import { faChevronDown as Ie } from "@fortawesome/free-solid-svg-icons";
12
- import { faChevronUp as Me } from "@fortawesome/free-solid-svg-icons/faChevronUp";
12
+ import { faChevronUp as Le } from "@fortawesome/free-solid-svg-icons/faChevronUp";
13
13
  import { CSSTransition as Ee } from "react-transition-group";
14
14
  import { faInbox as Fe } from "@fortawesome/free-solid-svg-icons/faInbox";
15
- const W = ({
15
+ const V = ({
16
16
  renderItems: n,
17
- placement: a = "bottom",
17
+ placement: r = "bottom",
18
18
  buttonComponent: t,
19
- rightIcon: o = ee,
20
- portalTarget: r = "parent",
21
- zIndex: i,
22
- menuWidth: s,
23
- menuTop: p,
19
+ rightIcon: a = ae,
20
+ portalTarget: o = "parent",
21
+ zIndex: s,
22
+ menuWidth: l,
23
+ menuTop: h,
24
24
  onClick: _,
25
- disableArrow: B = !1,
26
- ...C
25
+ disableArrow: v = !1,
26
+ ...f
27
27
  }) => {
28
- const [x, y, g, A] = D(!1), S = ye(null), P = {
28
+ const [C, x, b, E] = U(!1), N = we(null), F = {
29
29
  name: "focusManager",
30
30
  defaultValue: !0,
31
31
  fn({
32
- popper: M
32
+ popper: H
33
33
  }) {
34
- let j = !1;
35
- const q = (w) => {
36
- w.key === "Escape" && (j = !0, g()), (w.key === "Enter" || w.key === " ") && (j = !0);
34
+ let P = !1;
35
+ const Q = (M) => {
36
+ M.key === "Escape" && (P = !0, b()), (M.key === "Enter" || M.key === " ") && (P = !0);
37
37
  };
38
38
  return {
39
39
  onCreate() {
40
- M.addEventListener("keydown", q);
40
+ H.addEventListener("keydown", Q);
41
41
  },
42
42
  onDestroy() {
43
- M.removeEventListener("keydown", q);
43
+ H.removeEventListener("keydown", Q);
44
44
  },
45
45
  onMount() {
46
- var w;
47
- j = !1, (w = M.querySelector("button:not([disabled]), a[href]")) == null || w.focus();
46
+ var M;
47
+ P = !1, (M = H.querySelector("button:not([disabled]), a[href]")) == null || M.focus();
48
48
  },
49
49
  onHide() {
50
- S.current && j && S.current.focus();
50
+ N.current && P && N.current.focus();
51
51
  }
52
52
  };
53
53
  }
54
- }, I = we(() => ({
55
- open: y,
56
- close: g
57
- }), [y, g]), T = (M) => {
58
- _ == null || _(M), A();
54
+ }, w = ye(() => ({
55
+ open: x,
56
+ close: b
57
+ }), [x, b]), j = (H) => {
58
+ _ == null || _(H), E();
59
59
  };
60
- return /* @__PURE__ */ e(H, {
60
+ return /* @__PURE__ */ e(T, {
61
61
  disablePadding: !0,
62
- visible: x,
63
- onClickOutside: g,
64
- placement: a,
65
- content: x && /* @__PURE__ */ e(Y, {
66
- width: s,
67
- top: p,
62
+ visible: C,
63
+ onClickOutside: b,
64
+ placement: r,
65
+ content: C && /* @__PURE__ */ e(re, {
66
+ variant: "outlined",
67
+ width: l,
68
+ top: h,
68
69
  trapFocus: !0,
69
- children: /* @__PURE__ */ e(he.Provider, {
70
- value: I,
71
- children: n(g)
70
+ children: /* @__PURE__ */ e(me.Provider, {
71
+ value: w,
72
+ children: n(b)
72
73
  })
73
74
  }),
74
75
  arrow: !1,
75
- appendTo: r,
76
- zIndex: i,
77
- plugins: [P],
76
+ appendTo: o,
77
+ zIndex: s,
78
+ plugins: [F],
78
79
  lazy: !0,
79
80
  children: /* @__PURE__ */ e(t, {
80
- rightIcon: B ? void 0 : o,
81
- ...C,
82
- ref: S,
83
- onClick: T
81
+ rightIcon: v ? void 0 : a,
82
+ ...f,
83
+ ref: N,
84
+ onClick: j
84
85
  })
85
86
  });
86
- }, Pn = (n) => /* @__PURE__ */ e(W, {
87
- buttonComponent: pe,
87
+ }, Kn = (n) => /* @__PURE__ */ e(V, {
88
+ buttonComponent: be,
88
89
  ...n
89
- }), Tn = (n) => /* @__PURE__ */ e(W, {
90
- buttonComponent: me,
90
+ }), Qn = (n) => /* @__PURE__ */ e(V, {
91
+ buttonComponent: ge,
91
92
  ...n
92
- }), je = (n) => /* @__PURE__ */ e(W, {
93
- buttonComponent: k,
93
+ }), je = (n) => /* @__PURE__ */ e(V, {
94
+ buttonComponent: $,
94
95
  ...n
95
- }), Le = "1px solid var(--lhds-color-ui-300)", On = ({
96
+ }), He = "1px solid var(--lhds-color-ui-300)", Xn = ({
96
97
  renderMenu: n,
97
- ...a
98
+ ...r
98
99
  }) => {
99
- const [t, o, r] = D(!1);
100
- return /* @__PURE__ */ e(H, {
101
- onClickOutside: r,
100
+ const [t, a, o] = U(!1);
101
+ return /* @__PURE__ */ e(T, {
102
+ onClickOutside: o,
102
103
  arrow: !1,
103
104
  visible: t,
104
105
  disablePadding: !0,
105
- content: n ? /* @__PURE__ */ e(F, {
106
- children: /* @__PURE__ */ e(Y, {
107
- children: n(r)
106
+ content: n ? /* @__PURE__ */ e(L, {
107
+ children: /* @__PURE__ */ e(re, {
108
+ children: n(o)
108
109
  })
109
110
  }) : void 0,
110
111
  placement: "bottom-start",
111
112
  variant: "outlined",
112
- children: /* @__PURE__ */ e(l, {
113
+ children: /* @__PURE__ */ e(c, {
113
114
  display: "inline-block",
114
- children: /* @__PURE__ */ c(u, {
115
+ children: /* @__PURE__ */ i(p, {
115
116
  spacing: 0.5,
116
117
  indent: !0,
117
118
  alignItems: "center",
118
- border: Le,
119
+ border: He,
119
120
  borderRadius: "4px",
120
- children: [/* @__PURE__ */ e(oe, {
121
- ...a
122
- }), /* @__PURE__ */ e(b, {
121
+ children: [/* @__PURE__ */ e(se, {
122
+ ...r
123
+ }), /* @__PURE__ */ e(g, {
123
124
  num: 0.5
124
- }), /* @__PURE__ */ e(k, {
125
+ }), /* @__PURE__ */ e($, {
125
126
  size: "small",
126
- onClick: o,
127
- leftIcon: ee
127
+ onClick: a,
128
+ leftIcon: ae
128
129
  })]
129
130
  })
130
131
  })
131
132
  });
132
- }, Re = "_navBar_1bafw_1", He = {
133
+ }, Re = "_navBar_1qp30_1", $e = {
133
134
  navBar: Re
134
- }, Ae = "_sidebarMenuButton_d43s4_1", Pe = "_icon_d43s4_55", J = {
135
+ }, Ae = "_sidebarMenuButton_1x4z8_1", Pe = "_icon_1x4z8_55", Y = {
135
136
  sidebarMenuButton: Ae,
136
137
  icon: Pe
137
- }, Te = (n) => /* @__PURE__ */ L.createElement("svg", {
138
+ }, Te = (n) => /* @__PURE__ */ I.createElement("svg", {
138
139
  xmlns: "http://www.w3.org/2000/svg",
139
140
  width: 16,
140
141
  height: 16,
141
142
  viewBox: "0 0 24 24",
142
143
  ...n
143
- }, /* @__PURE__ */ L.createElement("path", {
144
+ }, /* @__PURE__ */ I.createElement("path", {
144
145
  fill: "#FFF",
145
146
  fillRule: "evenodd",
146
147
  d: "M22,5 L2,5 C2.11992373,5 2,4.85076158 2,5 L2,3 C2,3.14923842 2.11992373,3 2,3 L22,3 C21.8800763,3 22,3.14923842 22,3 L22,5 C22,4.85076158 21.8800763,5 22,5 Z M22,13 L2,13 C2.11992373,13 2,12.8507616 2,13 L2,11 C2,11.1492384 2.11992373,11 2,11 L22,11 C21.8800763,11 22,11.1492384 22,11 L22,13 C22,12.8507616 21.8800763,13 22,13 Z M22,21 L2,21 C2.11992373,21 2,20.8507616 2,21 L2,19 C2,19.1492384 2.11992373,19 2,19 L22,19 C21.8800763,19 22,19.1492384 22,19 L22,21 C22,20.8507616 21.8800763,21 22,21 Z"
147
- })), re = ({
148
+ })), ce = ({
148
149
  className: n,
149
- onClick: a
150
+ onClick: r
150
151
  }) => /* @__PURE__ */ e("button", {
151
- onClick: a,
152
- className: h(J.sidebarMenuButton, n),
152
+ onClick: r,
153
+ className: u(Y.sidebarMenuButton, n),
153
154
  children: /* @__PURE__ */ e(Te, {
154
- className: J.icon
155
+ className: Y.icon
155
156
  })
156
157
  }), Oe = {
157
- compact: 32,
158
- standard: 40,
158
+ compact: 40,
159
+ standard: 48,
159
160
  relaxed: 64
160
- }, ce = (n) => Oe[n] + "px", zn = ({
161
+ }, le = (n) => Oe[n] + "px", Yn = ({
161
162
  left: n,
162
- className: a,
163
+ className: r,
163
164
  showMenuButton: t = !1,
164
- menuButtonVisibility: o = "visible",
165
- children: r,
166
- right: i,
167
- center: s,
168
- variant: p = "standard",
165
+ menuButtonVisibility: a = "visible",
166
+ children: o,
167
+ right: s,
168
+ center: l,
169
+ variant: h = "standard",
169
170
  onClickMenuButton: _
170
171
  }) => {
171
- const B = s ? 1 : void 0, C = ce(p);
172
- return /* @__PURE__ */ c(u, {
173
- height: C,
174
- minHeight: C,
172
+ const v = l ? 1 : void 0, f = le(h);
173
+ return /* @__PURE__ */ i(p, {
174
+ height: f,
175
+ minHeight: f,
175
176
  justifyContent: "space-between",
176
177
  style: {
177
- ["--swui-nav-bar-height"]: C
178
+ ["--swui-nav-bar-height"]: f
178
179
  },
179
- className: h(He.navBar, a),
180
- children: [/* @__PURE__ */ c(u, {
181
- flex: B,
180
+ className: u($e.navBar, r),
181
+ children: [/* @__PURE__ */ i(p, {
182
+ flex: v,
182
183
  justifyContent: "flex-start",
183
184
  alignItems: "center",
184
- children: [t ? /* @__PURE__ */ c(m, {
185
- children: [o === "hidden" ? /* @__PURE__ */ e(l, {
185
+ children: [t ? /* @__PURE__ */ i(m, {
186
+ children: [a === "hidden" ? /* @__PURE__ */ e(c, {
186
187
  width: "var(--swui-nav-bar-height)"
187
- }) : /* @__PURE__ */ e(re, {
188
+ }) : /* @__PURE__ */ e(ce, {
188
189
  onClick: _
189
- }), /* @__PURE__ */ e(b, {})]
190
- }) : /* @__PURE__ */ e(b, {
190
+ }), /* @__PURE__ */ e(g, {})]
191
+ }) : /* @__PURE__ */ e(g, {
191
192
  num: 2
192
- }), n ? /* @__PURE__ */ c(m, {
193
- children: [n, /* @__PURE__ */ e(b, {
193
+ }), n ? /* @__PURE__ */ i(m, {
194
+ children: [n, /* @__PURE__ */ e(g, {
194
195
  num: 2
195
196
  })]
196
- }) : /* @__PURE__ */ e(b, {
197
+ }) : /* @__PURE__ */ e(g, {
197
198
  num: 2
198
- }), r && /* @__PURE__ */ e(m, {
199
- children: /* @__PURE__ */ e(u, {
199
+ }), o && /* @__PURE__ */ e(m, {
200
+ children: /* @__PURE__ */ e(p, {
200
201
  justifyContent: "center",
201
202
  alignItems: "center",
202
- children: L.Children.map(r, (x, y) => /* @__PURE__ */ c(m, {
203
- children: [y > 0 && /* @__PURE__ */ e(b, {}), x]
203
+ children: I.Children.map(o, (C, x) => /* @__PURE__ */ i(m, {
204
+ children: [x > 0 && /* @__PURE__ */ e(g, {}), C]
204
205
  }))
205
206
  })
206
207
  })]
207
- }), s && /* @__PURE__ */ e(u, {
208
+ }), l && /* @__PURE__ */ e(p, {
208
209
  justifyContent: "center",
209
210
  alignItems: "center",
210
- children: s
211
- }), /* @__PURE__ */ c(u, {
211
+ children: l
212
+ }), /* @__PURE__ */ i(p, {
212
213
  justifyContent: "flex-end",
213
214
  alignItems: "center",
214
- flex: B,
215
- children: [i, /* @__PURE__ */ e(b, {
215
+ flex: v,
216
+ children: [s, /* @__PURE__ */ e(g, {
216
217
  num: 2
217
218
  })]
218
219
  })]
219
220
  });
220
- }, ze = "_navBarButton_18iz9_1", $e = "_selected_18iz9_36", K = {
221
- navBarButton: ze,
222
- selected: $e
221
+ }, We = "_navBarButton_1xy53_1", ze = "_selected_1xy53_36", ee = {
222
+ navBarButton: We,
223
+ selected: ze
223
224
  }, De = ({
224
225
  selected: n,
225
- className: a,
226
+ className: r,
226
227
  ...t
227
- }) => /* @__PURE__ */ e(k, {
228
+ }) => /* @__PURE__ */ e($, {
228
229
  ...t,
229
- className: h(K.navBarButton, n && K.selected, a)
230
- }), $n = (n) => /* @__PURE__ */ e(U, {
230
+ className: u(ee.navBarButton, n && ee.selected, r)
231
+ }), et = (n) => /* @__PURE__ */ e(Z, {
231
232
  whiteSpace: "nowrap",
232
233
  color: "#fff",
233
234
  ...n
234
- }), Dn = ({
235
+ }), nt = ({
235
236
  content: n,
236
- children: a,
237
+ children: r,
237
238
  ...t
238
239
  }) => {
239
- const [o, , r, i] = D(!1);
240
- return /* @__PURE__ */ e(H, {
241
- onClickOutside: r,
240
+ const [a, o, s] = U(!1);
241
+ return /* @__PURE__ */ e(T, {
242
+ onClickOutside: s,
242
243
  triggerTarget: document.body,
243
- visible: o,
244
- content: /* @__PURE__ */ c(m, {
244
+ visible: a,
245
+ content: /* @__PURE__ */ i(m, {
245
246
  children: [n && n({
246
- close: r
247
- }), a]
247
+ close: s
248
+ }), r]
248
249
  }),
249
250
  children: /* @__PURE__ */ e(De, {
250
251
  ...t,
251
- onClick: i
252
+ onClick: o
252
253
  })
253
254
  });
254
- }, Ue = "_navBarNotificationButton_1wchp_1", Ve = "_hasCount_1wchp_60", We = "_unread_1wchp_64", Ze = "_icon_1wchp_79", qe = "_shake_1wchp_1", E = {
255
+ }, Ue = "_navBarNotificationButton_1wchp_1", Ze = "_hasCount_1wchp_60", qe = "_unread_1wchp_64", Ve = "_icon_1wchp_79", Ge = "_shake_1wchp_1", R = {
255
256
  navBarNotificationButton: Ue,
256
- hasCount: Ve,
257
- unread: We,
258
- icon: Ze,
259
- shake: qe
260
- }, Un = ({
257
+ hasCount: Ze,
258
+ unread: qe,
259
+ icon: Ve,
260
+ shake: Ge
261
+ }, tt = ({
261
262
  count: n,
262
- unread: a = !1,
263
+ unread: r = !1,
263
264
  className: t,
264
- labelClassName: o,
265
- iconClassName: r,
266
- icon: i = ge,
267
- ...s
265
+ labelClassName: a,
266
+ iconClassName: o,
267
+ icon: s = fe,
268
+ ...l
268
269
  }) => {
269
- const p = n > 0;
270
- return /* @__PURE__ */ e(k, {
271
- ...s,
272
- leftIcon: i,
273
- className: h({
274
- [E.unread]: a
270
+ const h = n > 0;
271
+ return /* @__PURE__ */ e($, {
272
+ ...l,
273
+ leftIcon: s,
274
+ className: u({
275
+ [R.unread]: r
275
276
  }, {
276
- [E.hasCount]: p
277
- }, E.navBarNotificationButton, t),
278
- label: p ? String(n) : void 0,
279
- labelClassName: h(o, E.label),
280
- iconClassName: h(r, E.icon)
277
+ [R.hasCount]: h
278
+ }, R.navBarNotificationButton, t),
279
+ label: h ? String(n) : void 0,
280
+ labelClassName: u(a, R.label),
281
+ iconClassName: u(o, R.icon)
281
282
  });
282
- }, Ge = "_navBarSearchFieldInput_rcj0j_1", Je = "_navBarSearchField_rcj0j_1", Q = {
283
- navBarSearchFieldInput: Ge,
284
- navBarSearchField: Je
285
- }, Vn = ({
283
+ }, Je = "_navBarSearchFieldInput_4knxd_1", Ke = "_navBarSearchField_4knxd_1", ne = {
284
+ navBarSearchFieldInput: Je,
285
+ navBarSearchField: Ke
286
+ }, rt = ({
286
287
  placeholder: n = "Search...",
287
- className: a,
288
+ className: r,
288
289
  wrapperClassName: t,
289
- ...o
290
+ ...a
290
291
  }) => /* @__PURE__ */ e(Se, {
291
- wrapperClassName: h(Q.navBarSearchField, t),
292
- className: h(Q.navBarSearchFieldInput, a),
292
+ wrapperClassName: u(ne.navBarSearchField, t),
293
+ className: u(ne.navBarSearchFieldInput, r),
293
294
  placeholder: n,
294
- contentRight: /* @__PURE__ */ e(V, {
295
- children: /* @__PURE__ */ e(R, {
296
- icon: fe
295
+ contentRight: /* @__PURE__ */ e(q, {
296
+ children: /* @__PURE__ */ e(A, {
297
+ icon: _e
297
298
  })
298
299
  }),
299
- ...o
300
- }), Ke = "_navBarUserButton_1cwhm_1", Qe = "_initials_1cwhm_31", X = {
301
- navBarUserButton: Ke,
302
- initials: Qe
303
- }, Wn = ({
300
+ ...a
301
+ }), Qe = "_navBarUserButton_1gxfr_1", Xe = "_initials_1gxfr_33", te = {
302
+ navBarUserButton: Qe,
303
+ initials: Xe
304
+ }, at = ({
304
305
  className: n,
305
- username: a,
306
+ username: r,
306
307
  initials: t,
307
- icon: o = be,
308
- iconClassName: r,
309
- ...i
308
+ icon: a = ve,
309
+ iconClassName: o,
310
+ ...s
310
311
  }) => /* @__PURE__ */ e(je, {
311
- ...i,
312
- className: h({
313
- [X.initials]: t != null
314
- }, X.navBarUserButton, n),
315
- leftIcon: a != null ? o : void 0,
316
- label: t != null ? t : a,
312
+ ...s,
313
+ className: u({
314
+ [te.initials]: t != null
315
+ }, te.navBarUserButton, n),
316
+ leftIcon: r != null ? a : void 0,
317
+ label: t != null ? t : r,
317
318
  disableArrow: !0
318
- }), ie = ({
319
+ }), de = ({
319
320
  text: n,
320
- timestamp: a,
321
+ timestamp: r,
321
322
  icon: t,
322
- iconAriaLabel: o,
323
- iconColor: r,
324
- contentLeft: i,
325
- contentRight: s,
326
- onClose: p
327
- }) => /* @__PURE__ */ c(u, {
323
+ iconAriaLabel: a,
324
+ iconColor: o,
325
+ contentLeft: s,
326
+ contentRight: l,
327
+ onClose: h
328
+ }) => /* @__PURE__ */ i(p, {
328
329
  alignItems: "flex-start",
329
330
  indent: !0,
330
331
  spacing: !0,
331
- children: [/* @__PURE__ */ c(u, {
332
+ children: [/* @__PURE__ */ i(p, {
332
333
  indent: 2,
333
334
  spacing: !0,
334
335
  gap: 2,
335
336
  flex: 1,
336
337
  alignItems: "flex-start",
337
- children: [i && /* @__PURE__ */ e(l, {
338
+ children: [s && /* @__PURE__ */ e(c, {
338
339
  minHeight: 20,
339
340
  justifyContent: "center",
340
- children: i
341
- }), !i && t && /* @__PURE__ */ e(R, {
341
+ children: s
342
+ }), !s && t && /* @__PURE__ */ e(A, {
342
343
  icon: t,
343
344
  size: 20,
344
- color: r,
345
- "aria-label": o
346
- }), /* @__PURE__ */ c(l, {
345
+ color: o,
346
+ "aria-label": a
347
+ }), /* @__PURE__ */ i(c, {
347
348
  minHeight: 20,
348
349
  justifyContent: "center",
349
350
  flex: 1,
350
351
  gap: 0.5,
351
- children: [/* @__PURE__ */ e(G, {
352
+ children: [/* @__PURE__ */ e(X, {
352
353
  variant: "bold",
353
354
  children: n
354
- }), a && /* @__PURE__ */ e(G, {
355
+ }), r && /* @__PURE__ */ e(X, {
355
356
  size: "small",
356
- color: v("--lhds-color-ui-600"),
357
- children: a
357
+ color: B("--lhds-color-ui-600"),
358
+ children: r
358
359
  })]
359
- }), s]
360
- }), p && /* @__PURE__ */ e(l, {
360
+ }), l]
361
+ }), h && /* @__PURE__ */ e(c, {
361
362
  flex: "none",
362
363
  justifyContent: "center",
363
364
  style: {
364
365
  height: "calc(20px + 2 * var(--swui-metrics-spacing))"
365
366
  },
366
- children: /* @__PURE__ */ e(k, {
367
- leftIcon: ne,
368
- onClick: p,
367
+ children: /* @__PURE__ */ e($, {
368
+ leftIcon: Ce,
369
+ onClick: h,
369
370
  "aria-label": "Close"
370
371
  })
371
372
  })]
372
- }), Zn = ({
373
+ }), ot = ({
373
374
  children: n,
374
- background: a,
375
+ background: r,
375
376
  ...t
376
- }) => /* @__PURE__ */ c(F, {
377
- background: a,
378
- children: [/* @__PURE__ */ e(ie, {
377
+ }) => /* @__PURE__ */ i(L, {
378
+ background: r,
379
+ children: [/* @__PURE__ */ e(de, {
379
380
  ...t
380
- }), n && /* @__PURE__ */ c(F, {
381
+ }), n && /* @__PURE__ */ i(L, {
381
382
  indent: 3,
382
- children: [n, /* @__PURE__ */ e(f, {
383
+ children: [n, /* @__PURE__ */ e(k, {
383
384
  num: 2
384
385
  })]
385
386
  })]
386
- }), Xe = "_clickable_1ijxc_1", Ye = "_nonClickable_1ijxc_27", O = {
387
- clickable: Xe,
388
- nonClickable: Ye
389
- }, qn = ({
387
+ }), Ye = "_clickable_1ijxc_1", en = "_nonClickable_1ijxc_27", O = {
388
+ clickable: Ye,
389
+ nonClickable: en
390
+ }, it = ({
390
391
  onClick: n,
391
- onClickAriaLabel: a,
392
+ onClickAriaLabel: r,
392
393
  children: t,
393
- width: o = 264,
394
- maxWidth: r,
395
- ...i
396
- }) => /* @__PURE__ */ c(l, {
394
+ width: a = 264,
395
+ maxWidth: o,
396
+ ...s
397
+ }) => /* @__PURE__ */ i(c, {
397
398
  borderRadius: 8,
398
- background: v("--lhds-color-ui-50"),
399
+ background: B("--lhds-color-ui-50"),
399
400
  shadow: "popover",
400
- width: o,
401
- maxWidth: r,
401
+ width: a,
402
+ maxWidth: o,
402
403
  role: "alert",
403
404
  position: "relative",
404
- children: [/* @__PURE__ */ e(l, {
405
- className: h({
405
+ children: [/* @__PURE__ */ e(c, {
406
+ className: u({
406
407
  [O.nonClickable]: n
407
408
  }),
408
- children: /* @__PURE__ */ e(ie, {
409
- ...i
409
+ children: /* @__PURE__ */ e(de, {
410
+ ...s
410
411
  })
411
- }), t && /* @__PURE__ */ c(l, {
412
+ }), t && /* @__PURE__ */ i(c, {
412
413
  indent: 3,
413
- className: h({
414
+ className: u({
414
415
  [O.nonClickable]: n
415
416
  }),
416
- children: [t, /* @__PURE__ */ e(f, {
417
+ children: [t, /* @__PURE__ */ e(k, {
417
418
  num: 2
418
419
  })]
419
420
  }), n && /* @__PURE__ */ e("button", {
420
421
  onClick: n,
421
422
  className: O.clickable,
422
- "aria-label": a
423
+ "aria-label": r
423
424
  })]
424
- }), en = "_collapsible_1nroa_1", nn = "_header_1nroa_46", tn = "_indicator_1nroa_59", an = "_headerText_1nroa_103", on = "_label_1nroa_114", rn = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", sn = "_groupHeading_1nroa_155", dn = "_contentEnter_1nroa_180", un = "_contentEnterActive_1nroa_184", hn = "_contentExitDone_1nroa_189", d = {
425
- collapsible: en,
426
- header: nn,
427
- indicator: tn,
425
+ }), nn = "_collapsible_1nroa_1", tn = "_header_1nroa_46", rn = "_indicator_1nroa_59", an = "_headerText_1nroa_103", on = "_label_1nroa_114", sn = "_contentLeft_1nroa_123", cn = "_contentRight_1nroa_124", ln = "_content_1nroa_123", dn = "_groupHeading_1nroa_155", un = "_contentEnter_1nroa_180", hn = "_contentEnterActive_1nroa_184", pn = "_contentExitDone_1nroa_189", d = {
426
+ collapsible: nn,
427
+ header: tn,
428
+ indicator: rn,
428
429
  headerText: an,
429
430
  label: on,
430
- contentLeft: rn,
431
+ contentLeft: sn,
431
432
  contentRight: cn,
432
433
  content: ln,
433
- groupHeading: sn,
434
- contentEnter: dn,
435
- contentEnterActive: un,
436
- contentExitDone: hn
437
- }, Z = () => /* @__PURE__ */ c(F, {
434
+ groupHeading: dn,
435
+ contentEnter: un,
436
+ contentEnterActive: hn,
437
+ contentExitDone: pn
438
+ }, G = () => /* @__PURE__ */ i(L, {
438
439
  indent: !0,
439
440
  spacing: !0,
440
441
  flex: 1,
441
442
  alignItems: "center",
442
- children: [/* @__PURE__ */ e(R, {
443
+ children: [/* @__PURE__ */ e(A, {
443
444
  icon: Fe,
444
- color: v("--lhds-color-ui-500")
445
- }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(N, {
445
+ color: B("--lhds-color-ui-500")
446
+ }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(S, {
446
447
  size: "small",
447
- color: v("--lhds-color-ui-500"),
448
+ color: B("--lhds-color-ui-500"),
448
449
  children: "No content"
449
450
  })]
450
- }), le = ({
451
+ }), J = ({
451
452
  contentLeft: n,
452
- contentRight: a,
453
+ contentRight: r,
453
454
  className: t,
454
- children: o,
455
- ...r
456
- }) => /* @__PURE__ */ c("div", {
457
- className: h(d.content, t),
458
- ...r,
455
+ children: a,
456
+ ...o
457
+ }) => /* @__PURE__ */ i("div", {
458
+ className: u(d.content, t),
459
+ ...o,
459
460
  children: [n && /* @__PURE__ */ e("div", {
460
461
  className: d.contentLeft,
461
462
  children: n
462
- }), o != null ? o : /* @__PURE__ */ e(Z, {}), a && /* @__PURE__ */ e("div", {
463
+ }), a != null ? a : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
463
464
  className: d.contentRight,
464
- children: a
465
+ children: r
465
466
  })]
466
- }), pn = (n) => {
467
- const a = parseFloat(n), t = n.match(/m?s/);
467
+ }), mn = (n) => {
468
+ const r = parseFloat(n), t = n.match(/m?s/);
468
469
  switch (t == null ? void 0 : t[0]) {
469
470
  case "s":
470
- return a * 1e3;
471
+ return r * 1e3;
471
472
  case "ms":
472
- return a;
473
+ return r;
473
474
  default:
474
475
  return 0;
475
476
  }
476
- }, mn = Ne(function({
477
- label: a,
477
+ }, ue = ke(function({
478
+ label: r,
478
479
  contentLeft: t,
479
- contentRight: o,
480
- collapsed: r = !1,
481
- onClick: i,
482
- className: s,
483
- disabled: p = !1,
480
+ contentRight: a,
481
+ collapsed: o = !1,
482
+ onClick: s,
483
+ className: l,
484
+ disabled: h = !1,
484
485
  unmountOnCollapse: _ = !1,
485
- mountOnEnter: B = !0,
486
- icon: C = Me,
487
- iconCollapsed: x = Ie,
488
- iconSize: y = 8,
489
- children: g,
490
- autoFocus: A = !1,
491
- ...S
492
- }, P) {
493
- const I = L.useRef(null), T = I.current ? pn(getComputedStyle(I.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
494
- return /* @__PURE__ */ c("div", {
495
- className: h(d.collapsible, s),
496
- "aria-expanded": !r,
497
- ref: I,
498
- ...S,
499
- children: [/* @__PURE__ */ c(V, {
486
+ mountOnEnter: v = !0,
487
+ icon: f = Le,
488
+ iconCollapsed: C = Ie,
489
+ iconSize: x = 8,
490
+ children: b,
491
+ autoFocus: E = !1,
492
+ ...N
493
+ }, F) {
494
+ const w = I.useRef(null), j = w.current ? mn(getComputedStyle(w.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
495
+ return /* @__PURE__ */ i("div", {
496
+ className: u(d.collapsible, l),
497
+ "aria-expanded": !o,
498
+ ref: w,
499
+ ...N,
500
+ children: [/* @__PURE__ */ i(q, {
500
501
  disableFocusHighlight: !0,
501
502
  disableOpacityOnClick: !0,
502
503
  className: d.header,
503
- onClick: i,
504
- disabled: p,
505
- autoFocus: A,
506
- ref: P,
504
+ onClick: s,
505
+ disabled: h,
506
+ autoFocus: E,
507
+ ref: F,
507
508
  children: [t && /* @__PURE__ */ e("div", {
508
509
  className: d.contentLeft,
509
510
  children: t
510
511
  }), /* @__PURE__ */ e("div", {
511
512
  className: d.label,
512
- children: /* @__PURE__ */ e(N, {
513
+ children: /* @__PURE__ */ e(S, {
513
514
  color: "var(--swui-collapsible-header-text-color)",
514
515
  className: d.headerText,
515
- children: a
516
+ children: r
516
517
  })
517
- }), o && /* @__PURE__ */ e("div", {
518
+ }), a && /* @__PURE__ */ e("div", {
518
519
  className: d.contentRight,
519
- children: o
520
- }), /* @__PURE__ */ e(R, {
521
- icon: r ? x : C,
520
+ children: a
521
+ }), /* @__PURE__ */ e(A, {
522
+ icon: o ? C : f,
522
523
  className: d.indicator,
523
- size: y,
524
+ size: x,
524
525
  fixedWidth: !0
525
526
  })]
526
527
  }), /* @__PURE__ */ e(Ee, {
527
- in: !r,
528
+ in: !o,
528
529
  timeout: {
529
- enter: T
530
+ enter: j
530
531
  },
531
532
  classNames: {
532
533
  enter: d.contentEnter,
@@ -535,299 +536,390 @@ const W = ({
535
536
  exitActive: d.contentExitActive,
536
537
  exitDone: d.contentExitDone
537
538
  },
538
- mountOnEnter: B,
539
+ mountOnEnter: v,
539
540
  unmountOnExit: _,
540
541
  children: /* @__PURE__ */ e("div", {
541
542
  role: "region",
542
- children: g != null ? g : /* @__PURE__ */ e(le, {
543
- children: /* @__PURE__ */ e(Z, {})
543
+ children: b != null ? b : /* @__PURE__ */ e(J, {
544
+ children: /* @__PURE__ */ e(G, {})
544
545
  })
545
546
  })
546
547
  })]
547
548
  });
548
- }), Gn = ({
549
+ }), st = ({
549
550
  value: n,
550
- onValueChange: a,
551
+ onValueChange: r,
551
552
  onChange: t,
552
- indeterminate: o,
553
- checkboxDisabled: r,
554
- ...i
555
- }) => /* @__PURE__ */ e(mn, {
556
- contentLeft: /* @__PURE__ */ e(oe, {
553
+ indeterminate: a,
554
+ checkboxDisabled: o,
555
+ ...s
556
+ }) => /* @__PURE__ */ e(ue, {
557
+ contentLeft: /* @__PURE__ */ e(se, {
557
558
  value: n,
558
- indeterminate: o,
559
- onValueChange: a,
559
+ indeterminate: a,
560
+ onValueChange: r,
560
561
  onChange: t,
561
- disabled: r,
562
- onClick: (s) => s.stopPropagation()
562
+ disabled: o,
563
+ onClick: (l) => l.stopPropagation()
563
564
  }),
564
- ...i
565
- }), Jn = ({
565
+ ...s
566
+ }), ct = ({
566
567
  contentLeft: n,
567
- contentRight: a,
568
+ contentRight: r,
568
569
  className: t,
569
- onClick: o,
570
- children: r,
571
- ...i
572
- }) => /* @__PURE__ */ c(V, {
570
+ onClick: a,
571
+ children: o,
572
+ ...s
573
+ }) => /* @__PURE__ */ i(q, {
573
574
  disableFocusHighlight: !0,
574
575
  disableOpacityOnClick: !0,
575
- className: h(d.content, t),
576
- onClick: o,
577
- ...i,
576
+ className: u(d.content, t),
577
+ onClick: a,
578
+ ...s,
578
579
  children: [n && /* @__PURE__ */ e("div", {
579
580
  className: d.contentLeft,
580
581
  children: n
581
- }), r != null ? r : /* @__PURE__ */ e(Z, {}), a && /* @__PURE__ */ e("div", {
582
+ }), o != null ? o : /* @__PURE__ */ e(G, {}), r && /* @__PURE__ */ e("div", {
582
583
  className: d.contentRight,
583
- children: a
584
+ children: r
584
585
  })]
585
- }), Kn = ({
586
+ }), lt = ({
586
587
  className: n,
587
- ...a
588
- }) => /* @__PURE__ */ e(le, {
589
- className: h(d.groupHeading, n),
590
- ...a
591
- }), gn = ({
588
+ ...r
589
+ }) => /* @__PURE__ */ e(J, {
590
+ className: u(d.groupHeading, n),
591
+ ...r
592
+ }), bn = ({
592
593
  text: n = "Something unexpected happened."
593
- }) => /* @__PURE__ */ e(l, {
594
+ }) => /* @__PURE__ */ e(c, {
594
595
  justifyContent: "center",
595
596
  alignItems: "center",
596
- children: /* @__PURE__ */ e(ve, {
597
+ children: /* @__PURE__ */ e(xe, {
597
598
  variant: "error",
598
599
  headerText: n
599
600
  })
600
- }), Qn = (n) => /* @__PURE__ */ e(l, {
601
+ }), dt = (n) => /* @__PURE__ */ e(c, {
601
602
  width: "100%",
602
603
  height: "100%",
603
604
  justifyContent: "center",
604
605
  alignItems: "center",
605
- children: /* @__PURE__ */ e(gn, {
606
+ children: /* @__PURE__ */ e(bn, {
606
607
  ...n
607
608
  })
608
- }), fn = ({
609
+ }), gn = ({
609
610
  text: n = "Loading..."
610
- }) => /* @__PURE__ */ c(l, {
611
+ }) => /* @__PURE__ */ i(c, {
611
612
  alignItems: "center",
612
- children: [/* @__PURE__ */ e(_e, {
613
+ children: [/* @__PURE__ */ e(Be, {
613
614
  size: "small"
614
- }), /* @__PURE__ */ e(f, {
615
+ }), /* @__PURE__ */ e(k, {
615
616
  num: 4
616
- }), /* @__PURE__ */ e(U, {
617
+ }), /* @__PURE__ */ e(Z, {
617
618
  variant: "h4",
618
619
  children: n
619
620
  })]
620
- }), Xn = (n) => /* @__PURE__ */ e(l, {
621
+ }), ut = (n) => /* @__PURE__ */ e(c, {
621
622
  width: "100%",
622
623
  height: "100%",
623
624
  justifyContent: "center",
624
625
  alignItems: "center",
625
- children: /* @__PURE__ */ e(fn, {
626
+ children: /* @__PURE__ */ e(gn, {
626
627
  ...n
627
628
  })
628
- }), Yn = ({
629
+ }), ht = ({
629
630
  renderBreadCrumbs: n,
630
- renderPageHeading: a,
631
+ renderPageHeading: r,
631
632
  renderTabs: t,
632
- children: o
633
- }) => /* @__PURE__ */ c(l, {
633
+ children: a
634
+ }) => /* @__PURE__ */ i(c, {
634
635
  shadow: "box",
635
- background: v("--lhds-color-ui-50"),
636
- children: [/* @__PURE__ */ c(l, {
636
+ background: B("--lhds-color-ui-50"),
637
+ children: [/* @__PURE__ */ i(c, {
637
638
  indent: 3,
638
- children: [n && /* @__PURE__ */ e(u, {
639
+ children: [n && /* @__PURE__ */ e(p, {
639
640
  spacing: 1.25,
640
641
  children: n()
641
- }), a == null ? void 0 : a(), t == null ? void 0 : t()]
642
- }), o && /* @__PURE__ */ c(m, {
643
- children: [!t && n && /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(te, {}), o]
642
+ }), r == null ? void 0 : r(), t == null ? void 0 : t()]
643
+ }), a && /* @__PURE__ */ i(m, {
644
+ children: [!t && n && /* @__PURE__ */ e(k, {}), /* @__PURE__ */ e(oe, {}), a]
644
645
  })]
645
- }), et = (n) => /* @__PURE__ */ e(u, {
646
+ }), pt = (n) => /* @__PURE__ */ e(p, {
646
647
  indent: 3,
647
648
  spacing: !0,
648
649
  ...n
649
- }), bn = {
650
+ }), fn = {
650
651
  compact: 1,
651
652
  standard: 1.5,
652
653
  relaxed: 2
653
- }, nt = ({
654
+ }, mt = ({
654
655
  heading: n,
655
- headingLevel: a = "h1",
656
+ headingLevel: r = "h1",
656
657
  variant: t = "standard",
657
- contentLeft: o,
658
- contentRight: r
659
- }) => /* @__PURE__ */ c(u, {
660
- spacing: bn[t],
658
+ contentLeft: a,
659
+ contentRight: o
660
+ }) => /* @__PURE__ */ i(p, {
661
+ spacing: fn[t],
661
662
  alignItems: "center",
662
663
  gap: 2,
663
- children: [/* @__PURE__ */ e(U, {
664
+ children: [/* @__PURE__ */ e(Z, {
664
665
  variant: "h3",
665
- as: a,
666
+ as: r,
666
667
  children: n
667
- }), /* @__PURE__ */ e(u, {
668
+ }), /* @__PURE__ */ e(p, {
668
669
  alignItems: "center",
669
- children: o
670
- }), /* @__PURE__ */ e(u, {
670
+ children: a
671
+ }), /* @__PURE__ */ e(p, {
671
672
  style: {
672
673
  marginLeft: "auto"
673
674
  },
674
675
  alignItems: "center",
675
- children: r
676
- })]
677
- }), vn = "_sidebarMenu_tg9i7_1", z = {
678
- sidebarMenu: vn
679
- }, _n = "_stenaFlag_108h7_1", Cn = {
680
- stenaFlag: _n
681
- }, Bn = ({
682
- onClick: n
683
- }) => /* @__PURE__ */ c(u, {
684
- justifyContent: "space-between",
685
- alignItems: "center",
686
- flex: 1,
687
- indent: 1,
688
- children: [/* @__PURE__ */ e(k, {
689
- leftIcon: ne,
690
- onClick: n,
691
- variant: "danger"
692
- }), /* @__PURE__ */ e(Ce, {
693
- className: Cn.stenaFlag
676
+ children: o
694
677
  })]
695
- }), xn = ({
678
+ }), _n = "_sidebarMenu_hch18_1", W = {
679
+ sidebarMenu: _n
680
+ }, vn = "_sidebarMenuCloseButton_1j21u_1", Cn = "_iconWrapper_1j21u_55", xn = "_icon_1j21u_55", z = {
681
+ sidebarMenuCloseButton: vn,
682
+ iconWrapper: Cn,
683
+ icon: xn
684
+ }, Bn = (n) => /* @__PURE__ */ I.createElement("svg", {
685
+ width: "16px",
686
+ height: "16px",
687
+ viewBox: "0 0 16 16",
688
+ xmlns: "http://www.w3.org/2000/svg",
689
+ ...n
690
+ }, /* @__PURE__ */ I.createElement("path", {
691
+ d: "M0.928932188,0.928932188 C1.31945648,0.538407896 1.95262146,0.538407896 2.34314575,0.928932188 L2.34314575,0.928932188 L8.00003897,6.58503897 L13.6568542,0.928932188 C14.0473785,0.538407896 14.6805435,0.538407896 15.0710678,0.928932188 C15.4615921,1.31945648 15.4615921,1.95262146 15.0710678,2.34314575 L9.41503897,8.00003897 L15.0710678,13.6568542 C15.4315518,14.0173382 15.4592813,14.5845693 15.1542564,14.9768605 L15.0710678,15.0710678 C14.6805435,15.4615921 14.0473785,15.4615921 13.6568542,15.0710678 L13.6568542,15.0710678 L8.00003897,9.41503897 L2.34314575,15.0710678 C1.95262146,15.4615921 1.31945648,15.4615921 0.928932188,15.0710678 C0.538407896,14.6805435 0.538407896,14.0473785 0.928932188,13.6568542 L6.58503897,8.00003897 L0.928932188,2.34314575 C0.568448227,1.98266179 0.540718691,1.41543073 0.845743582,1.02313953 Z",
692
+ id: "Combined-Shape",
693
+ fill: "#FFFFFF"
694
+ })), Nn = ({
696
695
  className: n,
697
- children: a,
696
+ onClick: r
697
+ }) => /* @__PURE__ */ e("button", {
698
+ onClick: r,
699
+ className: u(z.sidebarMenuCloseButton, n),
700
+ children: /* @__PURE__ */ e(c, {
701
+ className: z.iconWrapper,
702
+ children: /* @__PURE__ */ e(Bn, {
703
+ className: z.icon
704
+ })
705
+ })
706
+ }), K = (n) => /* @__PURE__ */ e(oe, {
707
+ color: B("--lhds-color-blue-600"),
708
+ ...n
709
+ }), wn = ({
710
+ className: n,
711
+ children: r,
698
712
  onCloseClick: t,
699
- collapsed: o = !1,
700
- hideCloseButton: r = !1,
701
- variant: i = "standard",
702
- ...s
713
+ collapsed: a = !1,
714
+ hideCloseButton: o = !1,
715
+ variant: s = "standard",
716
+ ...l
703
717
  }) => {
704
- const p = ce(i);
705
- return /* @__PURE__ */ c(l, {
706
- indent: 1,
707
- className: h(z.sidebarMenu, o ? z.collapsed : null, n),
718
+ const h = le(s);
719
+ return /* @__PURE__ */ i(c, {
720
+ className: u(W.sidebarMenu, a ? W.collapsed : null, n),
708
721
  style: {
709
- ["--swui-sidebar-menu-item-height"]: p,
710
- ["--swui-nav-bar-height"]: p
722
+ ["--swui-sidebar-menu-item-height"]: h,
723
+ ["--swui-nav-bar-height"]: h
711
724
  },
712
- "data-collapsed": o || void 0,
713
- ...s,
714
- children: [/* @__PURE__ */ e(f, {
715
- num: 1.5
716
- }), !r && /* @__PURE__ */ c(m, {
717
- children: [/* @__PURE__ */ e(Bn, {
725
+ "data-collapsed": a || void 0,
726
+ ...l,
727
+ children: [!o && /* @__PURE__ */ i(m, {
728
+ children: [/* @__PURE__ */ e(Nn, {
718
729
  onClick: t
719
- }), /* @__PURE__ */ e(f, {
720
- num: 1.5
721
- })]
722
- }), /* @__PURE__ */ e(l, {
723
- className: z.sidebarMenuContent,
730
+ }), /* @__PURE__ */ e(K, {}), /* @__PURE__ */ e(k, {})]
731
+ }), /* @__PURE__ */ e(c, {
732
+ className: W.sidebarMenuContent,
724
733
  height: "100%",
725
734
  background: "var(--current-background-color)",
726
- children: /* @__PURE__ */ e(F, {
735
+ children: /* @__PURE__ */ e(L, {
727
736
  flex: 1,
728
- gap: 1,
729
- children: a
737
+ children: r
730
738
  })
731
739
  })]
732
740
  });
733
- }, tt = ({
741
+ }, bt = ({
734
742
  variant: n,
735
- onClickMenuButton: a,
743
+ onClickMenuButton: r,
736
744
  children: t
737
- }) => /* @__PURE__ */ c(xn, {
745
+ }) => /* @__PURE__ */ i(wn, {
738
746
  collapsed: !0,
739
747
  position: "fixed",
740
748
  left: 0,
741
749
  top: 0,
742
750
  hideCloseButton: !0,
743
751
  variant: n,
744
- children: [/* @__PURE__ */ e(re, {
745
- onClick: a
752
+ children: [/* @__PURE__ */ e(ce, {
753
+ onClick: r
746
754
  }), t]
747
- }), $ = (n) => /* @__PURE__ */ e(Be, {
748
- ...n
749
- }), se = ({
750
- label: n
751
- }) => /* @__PURE__ */ c(l, {
752
- height: "32px",
753
- justifyContent: "center",
754
- indent: 1,
755
- children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(N, {
756
- variant: "overline",
757
- size: "smaller",
758
- children: n
759
- })]
760
- }), de = (n) => /* @__PURE__ */ e(te, {
761
- color: v("--lhds-color-ui-400"),
762
- ...n
763
- }), yn = ({
755
+ }), yn = "_label_mnp0f_1", kn = "_icon_mnp0f_9", Mn = "_spinner_mnp0f_14", Sn = "_leftWrapper_mnp0f_18", In = "_button_mnp0f_23", Ln = "_selected_mnp0f_45", y = {
756
+ label: yn,
757
+ icon: kn,
758
+ spinner: Mn,
759
+ leftWrapper: Sn,
760
+ button: In,
761
+ selected: Ln
762
+ }, En = ({
763
+ activeClassName: n,
764
+ ...r
765
+ }) => /* @__PURE__ */ e("button", {
766
+ ...r
767
+ }), D = ({
768
+ className: n,
769
+ children: r,
770
+ selected: t,
771
+ indent: a,
772
+ label: o,
773
+ loading: s,
774
+ left: l,
775
+ leftIcon: h,
776
+ right: _,
777
+ rightIcon: v,
778
+ success: f,
779
+ width: C,
780
+ renderLink: x = En,
781
+ style: b,
782
+ ...E
783
+ }) => {
784
+ const N = l || h || s || f, F = u(y.button, t ? y.selected : void 0, n), w = {
785
+ ...b,
786
+ width: C,
787
+ height: "var(--swui-sidebar-menu-item-height)"
788
+ }, j = /* @__PURE__ */ i(p, {
789
+ spacing: 1,
790
+ flex: 1,
791
+ alignItems: "center",
792
+ children: [!N && /* @__PURE__ */ e(g, {}), a && /* @__PURE__ */ e(g, {
793
+ num: 3.5
794
+ }), /* @__PURE__ */ e(Ne, {
795
+ label: o,
796
+ loading: s,
797
+ left: l,
798
+ leftIcon: h,
799
+ right: _,
800
+ rightIcon: v,
801
+ success: f,
802
+ labelClassName: y.label,
803
+ spinnerClassName: y.spinner,
804
+ iconClassName: u(y.icon),
805
+ leftWrapperClassName: y.leftWrapper
806
+ })]
807
+ });
808
+ return /* @__PURE__ */ e(m, {
809
+ children: x({
810
+ ...E,
811
+ activeClassName: y.selected,
812
+ className: F,
813
+ children: j,
814
+ style: w
815
+ })
816
+ });
817
+ }, Fn = "_sidebarMenuHeading_kvpq5_1", jn = {
818
+ sidebarMenuHeading: Fn
819
+ }, he = ({
820
+ className: n,
821
+ label: r,
822
+ contentLeft: t,
823
+ contentRight: a,
824
+ ...o
825
+ }) => /* @__PURE__ */ e(c, {
826
+ spacing: 2,
827
+ indent: 2,
828
+ children: /* @__PURE__ */ e(J, {
829
+ className: jn.sidebarMenuHeading,
830
+ contentLeft: t,
831
+ contentRight: a,
832
+ children: /* @__PURE__ */ e(S, {
833
+ variant: "overline",
834
+ color: "var(--swui-sidebar-menu-heading-text-color)",
835
+ ...o,
836
+ children: r
837
+ })
838
+ })
839
+ }), Hn = "_sidebarMenuCollapsible_1jwhs_1", Rn = {
840
+ sidebarMenuCollapsible: Hn
841
+ }, $n = ({
764
842
  children: n,
765
- label: a,
766
- leftIcon: t,
767
- className: o,
768
- initialExpand: r = !1
843
+ label: r,
844
+ leftIcon: t
769
845
  }) => {
770
- const [i, s] = ke(r);
771
- return /* @__PURE__ */ e(xe, {
772
- label: a,
773
- onClick: () => s(!i),
774
- leftIcon: t,
775
- className: o,
776
- expandable: !0,
777
- expanded: i,
778
- selected: i,
779
- children: n
846
+ const [a, o] = Me(!1);
847
+ return /* @__PURE__ */ e(c, {
848
+ background: "var(--current-background-color)",
849
+ children: /* @__PURE__ */ e(ue, {
850
+ className: Rn.sidebarMenuCollapsible,
851
+ label: r,
852
+ collapsed: a,
853
+ onClick: () => o(!a),
854
+ contentLeft: t ? /* @__PURE__ */ e(c, {
855
+ width: "var(--swui-sidebar-menu-item-height)",
856
+ alignItems: "center",
857
+ justifyContent: "center",
858
+ children: /* @__PURE__ */ e(A, {
859
+ icon: t,
860
+ size: 16,
861
+ color: "var(--current-text-color)",
862
+ "data-hover": !0
863
+ })
864
+ }) : /* @__PURE__ */ e(g, {
865
+ num: 1
866
+ }),
867
+ children: /* @__PURE__ */ e(L, {
868
+ flex: 1,
869
+ children: n
870
+ })
871
+ })
780
872
  });
781
- }, ue = (n) => n.map((a, t) => {
782
- switch (a.type) {
873
+ }, pe = (n, r = !1) => n.map((t, a) => {
874
+ switch (t.type) {
783
875
  case "heading":
784
- return /* @__PURE__ */ e(se, {
785
- label: a.label
786
- }, t);
876
+ return /* @__PURE__ */ e(he, {
877
+ label: t.label
878
+ }, a);
787
879
  case "separator":
788
- return /* @__PURE__ */ e(de, {}, t);
880
+ return /* @__PURE__ */ e(K, {}, a);
789
881
  case "link": {
790
882
  const {
791
883
  type: o,
792
- ...r
793
- } = a;
794
- return /* @__PURE__ */ e($, {
795
- ...r
796
- }, t);
884
+ ...s
885
+ } = t;
886
+ return /* @__PURE__ */ e(D, {
887
+ indent: r,
888
+ ...s
889
+ }, a);
797
890
  }
798
891
  case "grouped":
799
- return /* @__PURE__ */ e(yn, {
800
- leftIcon: a.leftIcon,
801
- label: a.label,
802
- initialExpand: !0,
803
- children: ue(a.items)
804
- }, t);
892
+ return /* @__PURE__ */ e($n, {
893
+ leftIcon: t.leftIcon,
894
+ label: t.label,
895
+ children: pe(t.items, !0)
896
+ }, a);
805
897
  default:
806
- return ae(a);
898
+ return ie(t);
807
899
  }
808
- }), at = (n, {
809
- popupMinWidth: a
810
- }) => n.map((t, o) => {
900
+ }), gt = (n, {
901
+ popupMinWidth: r
902
+ }) => n.map((t, a) => {
811
903
  switch (t.type) {
812
904
  case "heading":
813
905
  return null;
814
906
  case "separator":
815
- return /* @__PURE__ */ e(de, {}, o);
907
+ return /* @__PURE__ */ e(K, {}, a);
816
908
  case "link": {
817
909
  const {
818
- type: r,
819
- label: i,
820
- ...s
910
+ type: o,
911
+ label: s,
912
+ ...l
821
913
  } = t;
822
- return /* @__PURE__ */ e($, {
823
- title: i,
824
- label: i,
825
- ...s
826
- }, o);
914
+ return /* @__PURE__ */ e(D, {
915
+ title: s,
916
+ width: "var(--swui-sidebar-menu-item-height)",
917
+ ...l
918
+ }, a);
827
919
  }
828
920
  case "grouped":
829
921
  return /* @__PURE__ */ e("div", {
830
- children: /* @__PURE__ */ e(H, {
922
+ children: /* @__PURE__ */ e(T, {
831
923
  appendTo: "parent",
832
924
  arrow: !1,
833
925
  offset: [0, 0],
@@ -835,96 +927,97 @@ const W = ({
835
927
  trigger: "focusin mouseenter click",
836
928
  disablePadding: !0,
837
929
  lazy: !0,
838
- content: /* @__PURE__ */ c(l, {
839
- minWidth: a,
930
+ content: /* @__PURE__ */ i(c, {
931
+ minWidth: r,
840
932
  background: "var(--lhds-color-blue-500)",
841
- children: [/* @__PURE__ */ e(se, {
933
+ children: [/* @__PURE__ */ e(he, {
842
934
  label: t.label
843
- }), ue(t.items)]
935
+ }), pe(t.items)]
844
936
  }),
845
- children: /* @__PURE__ */ e($, {
937
+ children: /* @__PURE__ */ e(D, {
846
938
  title: t.label,
847
- label: t.label,
939
+ width: "var(--swui-sidebar-menu-item-height)",
848
940
  leftIcon: t.leftIcon
849
941
  })
850
942
  })
851
- }, o);
943
+ }, a);
852
944
  default:
853
- return ae(t);
945
+ return ie(t);
854
946
  }
855
- }), wn = `1px solid ${v("--lhds-color-orange-400")}`, ot = ({
947
+ }), An = `1px solid ${B("--lhds-color-orange-400")}`, ft = ({
856
948
  numItemsSelected: n,
857
- label: a,
949
+ label: r,
858
950
  afterLabelContent: t,
859
- rightContent: o
860
- }) => /* @__PURE__ */ c(u, {
951
+ rightContent: a
952
+ }) => /* @__PURE__ */ i(p, {
861
953
  indent: 3,
862
954
  spacing: !0,
863
955
  minHeight: "56px",
864
956
  justifyContent: "space-between",
865
957
  alignItems: "center",
866
- borderTop: wn,
867
- background: v("--lhds-color-orange-50"),
868
- children: [/* @__PURE__ */ c(u, {
958
+ borderTop: An,
959
+ background: B("--lhds-color-orange-50"),
960
+ children: [/* @__PURE__ */ i(p, {
869
961
  alignItems: "center",
870
- children: [n != null || a != null ? /* @__PURE__ */ e(m, {
871
- children: n != null ? /* @__PURE__ */ c(m, {
872
- children: [/* @__PURE__ */ e(N, {
962
+ children: [n != null || r != null ? /* @__PURE__ */ e(m, {
963
+ children: n != null ? /* @__PURE__ */ i(m, {
964
+ children: [/* @__PURE__ */ e(S, {
873
965
  variant: "bold",
874
966
  children: n
875
- }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ c(N, {
967
+ }), /* @__PURE__ */ e(k, {}), /* @__PURE__ */ i(S, {
876
968
  children: ["item", n === 1 ? "" : "s", " selected"]
877
969
  })]
878
- }) : a != null ? /* @__PURE__ */ e(m, {
879
- children: typeof a == "string" ? /* @__PURE__ */ e(N, {
880
- children: a
881
- }) : a
970
+ }) : r != null ? /* @__PURE__ */ e(m, {
971
+ children: typeof r == "string" ? /* @__PURE__ */ e(S, {
972
+ children: r
973
+ }) : r
882
974
  }) : null
883
- }) : null, t ? /* @__PURE__ */ c(m, {
884
- children: [/* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(l, {
975
+ }) : null, t ? /* @__PURE__ */ i(m, {
976
+ children: [/* @__PURE__ */ e(g, {}), /* @__PURE__ */ e(c, {
885
977
  children: t
886
978
  })]
887
979
  }) : null]
888
- }), /* @__PURE__ */ e(l, {
889
- children: o
980
+ }), /* @__PURE__ */ e(c, {
981
+ children: a
890
982
  })]
891
983
  });
892
984
  export {
893
985
  je as ActionMenuFlatButton,
894
- Pn as ActionMenuPrimaryButton,
895
- Tn as ActionMenuSecondaryButton,
896
- On as CheckboxMenu,
897
- mn as Collapsible,
898
- Jn as CollapsibleClickableContent,
899
- le as CollapsibleContent,
900
- Z as CollapsibleEmptyContent,
901
- Kn as CollapsibleGroupHeading,
902
- Gn as CollapsibleWithCheckbox,
903
- gn as ErrorPanel,
904
- Qn as ErrorScreen,
905
- fn as LoadingPanel,
906
- Xn as LoadingScreen,
907
- zn as NavBar,
986
+ Kn as ActionMenuPrimaryButton,
987
+ Qn as ActionMenuSecondaryButton,
988
+ Xn as CheckboxMenu,
989
+ ue as Collapsible,
990
+ ct as CollapsibleClickableContent,
991
+ J as CollapsibleContent,
992
+ G as CollapsibleEmptyContent,
993
+ lt as CollapsibleGroupHeading,
994
+ st as CollapsibleWithCheckbox,
995
+ bn as ErrorPanel,
996
+ dt as ErrorScreen,
997
+ gn as LoadingPanel,
998
+ ut as LoadingScreen,
999
+ Yn as NavBar,
908
1000
  De as NavBarButton,
909
- $n as NavBarHeading,
910
- Un as NavBarNotificationButton,
911
- Dn as NavBarPopoverButton,
912
- Vn as NavBarSearchField,
913
- Wn as NavBarUserButton,
914
- Zn as Notification,
915
- Yn as PageHeader,
916
- et as PageHeaderRow,
917
- nt as PageHeading,
918
- ot as SelectedItemsActionsPanel,
919
- xn as SidebarMenu,
920
- yn as SidebarMenuCollapsible,
921
- se as SidebarMenuHeading,
922
- $ as SidebarMenuLink,
923
- de as SidebarMenuSeparator,
924
- tt as SidebarRailMenu,
925
- qn as Toast,
926
- pn as mapCSSTime,
927
- ue as renderItemsExpanded,
928
- at as renderItemsInRail
1001
+ et as NavBarHeading,
1002
+ tt as NavBarNotificationButton,
1003
+ nt as NavBarPopoverButton,
1004
+ rt as NavBarSearchField,
1005
+ at as NavBarUserButton,
1006
+ ot as Notification,
1007
+ ht as PageHeader,
1008
+ pt as PageHeaderRow,
1009
+ mt as PageHeading,
1010
+ ft as SelectedItemsActionsPanel,
1011
+ wn as SidebarMenu,
1012
+ $n as SidebarMenuCollapsible,
1013
+ he as SidebarMenuHeading,
1014
+ D as SidebarMenuLink,
1015
+ K as SidebarMenuSeparator,
1016
+ bt as SidebarRailMenu,
1017
+ it as Toast,
1018
+ En as defaultRenderLink,
1019
+ mn as mapCSSTime,
1020
+ pe as renderItemsExpanded,
1021
+ gt as renderItemsInRail
929
1022
  };
930
1023
  //# sourceMappingURL=index.es.js.map