@stenajs-webui/panels 19.0.0-next.54 → 19.0.0-next.56

package/dist/index.es.js

@@ -1,11 +1,11 @@
-(function(){"use strict";try{var r=document.createElement("style");r.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_asssm_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_asssm_1._unread_asssm_13,._navBarNotificationButton_asssm_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_asssm_1._unread_asssm_13:active,._navBarNotificationButton_asssm_1:hover:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_asssm_1._unread_asssm_13 ._icon_asssm_24{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_asssm_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_asssm_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_asssm_1._unread_asssm_13._hasCount_asssm_30{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_asssm_1._unread_asssm_13._hasCount_asssm_30:hover{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_asssm_1._unread_asssm_13._hasCount_asssm_30:active{--current-background-color: var(--lhds-color-red-800);--current-outline-color: var(--lhds-color-red-800)}._navBarNotificationButton_asssm_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@-webkit-keyframes _shake_asssm_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_asssm_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_q4zl6_1._navBarSearchFieldInput_q4zl6_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:0 var(--swui-metrics-indent)}._navBarSearchFieldInput_q4zl6_1._navBarSearchFieldInput_q4zl6_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_q4zl6_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:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchField_q4zl6_1._withButton_q4zl6_25{padding-right:1px}._navBarSearchField_q4zl6_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)}._clearButton_q4zl6_36{border-radius:var(--swui-max-border-radius)}._navBarUserButton_1yjji_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 )}._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_11tso_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100dvh}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { jsxs as a, Fragment as v, jsx as n } from "react/jsx-runtime";
-import { ActionMenu as G, ActionMenuContext as on, stenaAngleDown as J, PrimaryButton as rn, SecondaryButton as an, FlatButton as x, stenaHamburger as K, BaseButton as cn, stenaBellFilled as ln, stenaTimes as z, stenaUserCircle as sn, CircledIcon as Q, Icon as dn, stenaMail as un, MenuButton as P, Banner as hn, Spinner as pn, StenaFlag as gn, stenaAngleLeftDouble as V, stenaPin as fn, IconMenuButton as $, IconMenuButtonLink as mn, MenuButtonLink as vn } from "@stenajs-webui/elements";
-import * as bn from "react";
-import { useRef as Bn, useMemo as _n, forwardRef as Cn, createContext as xn, useContext as yn, useState as kn } from "react";
-import { useBoolean as A, Column as g, Box as l, Row as s, Indent as C, Heading as H, Text as b, Space as B, SeparatorLine as In } from "@stenajs-webui/core";
-import { Popover as j, Tooltip as X } from "@stenajs-webui/tooltip";
-import { Checkbox as Y, TextInput as Nn, TextInputButton as wn } from "@stenajs-webui/forms";
+(function(){"use strict";try{var r=document.createElement("style");r.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_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@-webkit-keyframes _shake_1wt3y_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_1wt3y_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_q4zl6_1._navBarSearchFieldInput_q4zl6_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:0 var(--swui-metrics-indent)}._navBarSearchFieldInput_q4zl6_1._navBarSearchFieldInput_q4zl6_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_q4zl6_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:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchField_q4zl6_1._withButton_q4zl6_25{padding-right:1px}._navBarSearchField_q4zl6_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)}._clearButton_q4zl6_36{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._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_1bx5w_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-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 )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--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)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { jsxs as a, Fragment as b, jsx as n } from "react/jsx-runtime";
+import { ActionMenu as G, ActionMenuContext as rn, stenaAngleDown as J, PrimaryButton as an, SecondaryButton as cn, FlatButton as R, stenaHamburger as K, BaseButton as ln, stenaBellFilled as sn, stenaTimes as dn, stenaUserCircle as un, CircledIcon as Q, CloseButton as V, Icon as hn, stenaMail as pn, MenuButton as z, Banner as gn, Spinner as fn, StenaFlag as mn, stenaAngleLeftDouble as X, stenaPin as bn, IconMenuButton as $, IconMenuButtonLink as vn, MenuButtonLink as _n } from "@stenajs-webui/elements";
+import * as Bn from "react";
+import { useRef as Cn, useMemo as xn, forwardRef as yn, createContext as kn, useContext as wn, useState as In } from "react";
+import { useBoolean as A, Column as g, Box as l, Row as s, Indent as C, Heading as H, Text as v, Space as _, SeparatorLine as Nn } from "@stenajs-webui/core";
+import { Popover as F, Tooltip as Y } from "@stenajs-webui/tooltip";
+import { Checkbox as Z, TextInput as Mn, TextInputButton as Sn } from "@stenajs-webui/forms";
 import h from "classnames";
 import { cssColor as f } from "@stenajs-webui/theme";
 const E = ({
@@ -19,69 +19,69 @@ const E = ({
   menuTop: u,
   onClick: p,
   disableArrow: m = !1,
-  ...F
+  ...j
 }) => {
-  const [D, T, y, nn] = A(!1), N = Bn(null), en = {
+  const [D, T, x, en] = A(!1), w = Cn(null), tn = {
     name: "focusManager",
     defaultValue: !0,
-    fn({ popper: k }) {
-      let w = !1;
-      const O = (_) => {
-        _.key === "Escape" && (w = !0, y()), (_.key === "Enter" || _.key === " ") && (w = !0);
+    fn({ popper: y }) {
+      let I = !1;
+      const O = (B) => {
+        B.key === "Escape" && (I = !0, x()), (B.key === "Enter" || B.key === " ") && (I = !0);
       };
       return {
         onCreate() {
-          k.addEventListener("keydown", O);
+          y.addEventListener("keydown", O);
         },
         onDestroy() {
-          k.removeEventListener("keydown", O);
+          y.removeEventListener("keydown", O);
         },
         onMount() {
-          var _;
-          w = !1, (_ = k.querySelector("button:not([disabled]), a[href]")) == null || _.focus();
+          var B;
+          I = !1, (B = y.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
         },
         onHide() {
-          N.current && w && N.current.focus();
+          w.current && I && w.current.focus();
         }
       };
     }
-  }, tn = _n(() => ({ open: T, close: y }), [T, y]);
-  return /* @__PURE__ */ a(v, { children: [
+  }, on = xn(() => ({ open: T, close: x }), [T, x]);
+  return /* @__PURE__ */ a(b, { children: [
     /* @__PURE__ */ n(
       o,
       {
         rightIcon: m ? void 0 : r,
-        ...F,
-        ref: N,
-        onClick: (k) => {
-          p == null || p(k), nn();
+        ...j,
+        ref: w,
+        onClick: (y) => {
+          p == null || p(y), en();
         }
       }
     ),
     /* @__PURE__ */ n(
-      j,
+      F,
       {
         disablePadding: !0,
         visible: D,
-        onClickOutside: y,
+        onClickOutside: x,
         placement: t,
-        content: D && /* @__PURE__ */ n(G, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ n(on.Provider, { value: tn, children: e(y) }) }),
+        content: D && /* @__PURE__ */ n(G, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: on, children: e(x) }) }),
         arrow: !1,
         appendTo: i,
         zIndex: c,
-        plugins: [en],
+        plugins: [tn],
         lazy: !0,
-        reference: N
+        reference: w
       }
     )
   ] });
-}, Re = (e) => /* @__PURE__ */ n(E, { buttonComponent: rn, ...e }), je = (e) => /* @__PURE__ */ n(E, { buttonComponent: an, ...e }), Mn = (e) => /* @__PURE__ */ n(E, { buttonComponent: x, ...e }), Sn = "1px solid var(--lhds-color-ui-300)", Fe = ({
+}, je = (e) => /* @__PURE__ */ n(E, { buttonComponent: an, ...e }), Le = (e) => /* @__PURE__ */ n(E, { buttonComponent: cn, ...e }), Rn = (e) => /* @__PURE__ */ n(E, { buttonComponent: R, ...e }), Fn = "1px solid var(--lhds-color-ui-300)", Pe = ({
   renderMenu: e,
   ...t
 }) => {
   const [o, r, i] = A(!1);
   return /* @__PURE__ */ n(
-    j,
+    F,
     {
       onClickOutside: i,
       arrow: !1,
@@ -95,30 +95,30 @@ const E = ({
           spacing: 0.5,
           indent: !0,
           alignItems: "center",
-          border: Sn,
+          border: Fn,
           borderRadius: "4px",
           children: [
-            /* @__PURE__ */ n(Y, { ...t }),
+            /* @__PURE__ */ n(Z, { ...t }),
             /* @__PURE__ */ n(C, { num: 0.5 }),
-            /* @__PURE__ */ n(x, { size: "small", onClick: r, leftIcon: J })
+            /* @__PURE__ */ n(R, { size: "small", onClick: r, leftIcon: J })
           ]
         }
       ) })
     }
   );
-}, Rn = "_navBar_kzibd_1", jn = {
-  navBar: Rn
-}, Fn = ({
+}, jn = "_navBar_kzibd_1", Ln = {
+  navBar: jn
+}, Pn = ({
   className: e,
   onClick: t
 }) => /* @__PURE__ */ n(
-  x,
+  R,
   {
     leftIcon: K,
     className: e,
     onClick: t
   }
-), Le = ({
+), ze = ({
   left: e,
   className: t,
   showMenuButton: o = !1,
@@ -132,7 +132,7 @@ const E = ({
     s,
     {
       justifyContent: "space-between",
-      className: h(jn.navBar, t),
+      className: h(Ln.navBar, t),
       children: [
         /* @__PURE__ */ a(
           s,
@@ -143,13 +143,13 @@ const E = ({
             children: [
               /* @__PURE__ */ a(s, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ n(C, {}),
-                o && /* @__PURE__ */ n(Fn, { onClick: d })
+                o && /* @__PURE__ */ n(Pn, { onClick: d })
               ] }),
-              e && /* @__PURE__ */ a(v, { children: [
+              e && /* @__PURE__ */ a(b, { children: [
                 e,
                 /* @__PURE__ */ n(C, { num: 2 })
               ] }),
-              r && /* @__PURE__ */ n(v, { children: /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: bn.Children.map(r, (p, m) => /* @__PURE__ */ a(v, { children: [
+              r && /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: Bn.Children.map(r, (p, m) => /* @__PURE__ */ a(b, { children: [
                 m > 0 && /* @__PURE__ */ n(C, {}),
                 p
               ] })) }) })
@@ -164,15 +164,15 @@ const E = ({
       ]
     }
   );
-}, Ln = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36", q = {
-  navBarButton: Ln,
-  selected: zn
-}, Pn = ({
+}, zn = "_navBarButton_b3x3w_1", $n = "_selected_b3x3w_14", q = {
+  navBarButton: zn,
+  selected: $n
+}, An = ({
   selected: e,
   className: t,
   ...o
 }) => /* @__PURE__ */ n(
-  x,
+  R,
   {
     ...o,
     className: h(
@@ -181,63 +181,62 @@ const E = ({
       t
     )
   }
-), ze = (e) => /* @__PURE__ */ n(H, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Pe = ({
+), $e = (e) => /* @__PURE__ */ n(H, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Ae = ({
   content: e,
   children: t,
   ...o
 }) => {
   const [r, , i, c] = A(!1);
   return /* @__PURE__ */ n(
-    j,
+    F,
     {
       onClickOutside: i,
       triggerTarget: document.body,
       visible: r,
-      content: /* @__PURE__ */ a(v, { children: [
+      content: /* @__PURE__ */ a(b, { children: [
         e && e({ close: i }),
         t
       ] }),
-      children: /* @__PURE__ */ n(Pn, { ...o, onClick: c })
+      children: /* @__PURE__ */ n(An, { ...o, onClick: c })
     }
   );
-}, $n = "_navBarNotificationButton_asssm_1", An = "_unread_asssm_13", Hn = "_icon_asssm_24", En = "_shake_asssm_1", Un = "_hasCount_asssm_30", I = {
-  navBarNotificationButton: $n,
-  unread: An,
-  icon: Hn,
-  shake: En,
-  hasCount: Un
-}, $e = ({
+}, Hn = "_navBarNotificationButton_1wt3y_1", En = "_unread_1wt3y_23", Un = "_icon_1wt3y_23", Dn = "_shake_1wt3y_1", k = {
+  navBarNotificationButton: Hn,
+  unread: En,
+  icon: Un,
+  shake: Dn
+}, He = ({
   count: e,
   unread: t = !1,
   className: o,
   labelClassName: r,
   iconClassName: i,
-  icon: c = ln,
+  icon: c = sn,
   ...d
 }) => {
   const u = e > 1;
   return /* @__PURE__ */ n(
-    cn,
+    ln,
     {
       ...d,
       leftIcon: c,
       className: h(
-        I.navBarNotificationButton,
-        t && I.unread,
-        u && I.hasCount,
+        k.navBarNotificationButton,
+        t && k.unread,
+        u && k.hasCount,
         o
       ),
       label: u ? String(e) : void 0,
-      labelClassName: h(r, I.label),
-      iconClassName: h(i, I.icon)
+      labelClassName: h(r, k.label),
+      iconClassName: h(i, k.icon)
     }
   );
-}, Dn = "_navBarSearchFieldInput_q4zl6_1", Tn = "_navBarSearchField_q4zl6_1", On = "_withButton_q4zl6_25", qn = "_clearButton_q4zl6_36", M = {
-  navBarSearchFieldInput: Dn,
-  navBarSearchField: Tn,
-  withButton: On,
-  clearButton: qn
-}, Ae = ({
+}, Tn = "_navBarSearchFieldInput_q4zl6_1", On = "_navBarSearchField_q4zl6_1", qn = "_withButton_q4zl6_25", Wn = "_clearButton_q4zl6_36", N = {
+  navBarSearchFieldInput: Tn,
+  navBarSearchField: On,
+  withButton: qn,
+  clearButton: Wn
+}, Ee = ({
   placeholder: e = "Search",
   className: t,
   wrapperClassName: o,
@@ -245,54 +244,54 @@ const E = ({
   onClickClearButton: i,
   ...c
 }) => /* @__PURE__ */ n(
-  Nn,
+  Mn,
   {
     wrapperClassName: h(
-      M.navBarSearchField,
-      r ? M.withButton : void 0,
+      N.navBarSearchField,
+      r ? N.withButton : void 0,
       o
     ),
-    className: h(M.navBarSearchFieldInput, t),
+    className: h(N.navBarSearchFieldInput, t),
     placeholder: e,
     buttonRight: r ? /* @__PURE__ */ n(
-      wn,
+      Sn,
       {
-        className: M.clearButton,
-        icon: z,
+        className: N.clearButton,
+        icon: dn,
         variant: "error",
         onClick: i
       }
     ) : void 0,
     ...c
   }
-), Wn = "_navBarUserButton_1yjji_1", Gn = {
-  navBarUserButton: Wn
-}, He = ({
+), Gn = "_navBarUserButton_10f9z_1", Jn = {
+  navBarUserButton: Gn
+}, Ue = ({
   className: e,
   username: t,
   initials: o,
-  icon: r = sn,
+  icon: r = un,
   iconClassName: i,
   responsiveIconOnly: c = o == null,
   ...d
 }) => /* @__PURE__ */ n(
-  Mn,
+  Rn,
   {
     ...d,
-    className: h(Gn.navBarUserButton, e),
+    className: h(Jn.navBarUserButton, e),
     leftIcon: t != null ? r : void 0,
     label: o != null ? o : t,
     forceRound: o != null,
     responsiveIconOnly: c,
     disableArrow: !0
   }
-), Jn = "_unreadDot_l8bni_1", Kn = "_dot_l8bni_4", W = {
-  unreadDot: Jn,
-  dot: Kn
-}, Qn = ({ children: e }) => /* @__PURE__ */ a("div", { className: W.unreadDot, children: [
+), Kn = "_unreadDot_l8bni_1", Qn = "_dot_l8bni_4", W = {
+  unreadDot: Kn,
+  dot: Qn
+}, Vn = ({ children: e }) => /* @__PURE__ */ a("div", { className: W.unreadDot, children: [
   e,
   /* @__PURE__ */ n("div", { className: W.dot })
-] }), Z = ({
+] }), nn = ({
   text: e,
   timestamp: t,
   icon: o,
@@ -309,17 +308,17 @@ const E = ({
       size: "small",
       icon: o,
       "aria-label": r,
-      backgroundColor: Vn(u, p)
+      backgroundColor: Xn(u, p)
     }
   ) : void 0;
   return /* @__PURE__ */ a(s, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
     /* @__PURE__ */ a(s, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
       i && /* @__PURE__ */ n(l, { minHeight: 20, justifyContent: "center", children: i }),
-      !i && m && (u ? /* @__PURE__ */ n(Qn, { children: m }) : m),
+      !i && m && (u ? /* @__PURE__ */ n(Vn, { children: m }) : m),
       /* @__PURE__ */ a(l, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
-        /* @__PURE__ */ n(b, { variant: "bold", children: e }),
+        /* @__PURE__ */ n(v, { variant: "bold", children: e }),
         t && /* @__PURE__ */ n(
-          b,
+          v,
           {
             size: "small",
             color: f(
@@ -337,28 +336,20 @@ const E = ({
         flex: "none",
         justifyContent: "center",
         height: "calc(20px + 2 * var(--swui-metrics-spacing))",
-        children: /* @__PURE__ */ n(
-          x,
-          {
-            leftIcon: z,
-            onClick: d,
-            "aria-label": "Close",
-            variant: "danger"
-          }
-        )
+        children: /* @__PURE__ */ n(V, { onClick: d })
       }
     )
   ] });
-}, Vn = (e, t) => {
+}, Xn = (e, t) => {
   if (!(!e && t === "standard"))
     return "--lhds-color-ui-50";
-}, Xn = "_notification_1hao0_1", Yn = "_body_1hao0_7", Zn = "_standard_1hao0_13", ne = "_unread_1hao0_14", ee = "_danger_1hao0_19", S = {
-  notification: Xn,
-  body: Yn,
-  standard: Zn,
-  unread: ne,
-  danger: ee
-}, Ee = ({
+}, Yn = "_notification_1hao0_1", Zn = "_body_1hao0_7", ne = "_standard_1hao0_13", ee = "_unread_1hao0_14", te = "_danger_1hao0_19", M = {
+  notification: Yn,
+  body: Zn,
+  standard: ne,
+  unread: ee,
+  danger: te
+}, De = ({
   variant: e = "standard",
   children: t,
   unread: o,
@@ -367,26 +358,26 @@ const E = ({
   "div",
   {
     className: h(
-      S.notification,
-      S[e],
-      o && S.unread
+      M.notification,
+      M[e],
+      o && M.unread
     ),
     children: [
-      /* @__PURE__ */ n(Z, { ...r, unread: o, variant: e }),
-      t && /* @__PURE__ */ n(g, { className: S.body, children: t })
+      /* @__PURE__ */ n(nn, { ...r, unread: o, variant: e }),
+      t && /* @__PURE__ */ n(g, { className: M.body, children: t })
     ]
   }
-), te = "_notificationList_1rkvu_1", oe = {
-  notificationList: te
-}, Ue = ({
+), oe = "_notificationList_1rkvu_1", re = {
+  notificationList: oe
+}, Te = ({
   children: e
-}) => /* @__PURE__ */ a("div", { className: oe.notificationList, children: [
+}) => /* @__PURE__ */ a("div", { className: re.notificationList, children: [
   e,
   /* @__PURE__ */ n("div", {})
-] }), re = "_clickable_1ijxc_1", ae = "_nonClickable_1ijxc_27", L = {
-  clickable: re,
-  nonClickable: ae
-}, De = ({
+] }), ae = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", L = {
+  clickable: ae,
+  nonClickable: ie
+}, Oe = ({
   onClick: e,
   onClickAriaLabel: t,
   children: o,
@@ -404,10 +395,10 @@ const E = ({
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ n(l, { className: h({ [L.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
+      /* @__PURE__ */ n(l, { className: h({ [L.nonClickable]: e }), children: /* @__PURE__ */ n(nn, { ...c }) }),
       o && /* @__PURE__ */ a(l, { indent: 3, className: h({ [L.nonClickable]: e }), children: [
         o,
-        /* @__PURE__ */ n(B, { num: 2 })
+        /* @__PURE__ */ n(_, { num: 2 })
       ] }),
       e && /* @__PURE__ */ n(
         "button",
@@ -419,11 +410,11 @@ const E = ({
       )
     ]
   }
-), ie = () => /* @__PURE__ */ a(g, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ n(dn, { icon: un, color: f("--lhds-color-ui-500") }),
-  /* @__PURE__ */ n(B, {}),
-  /* @__PURE__ */ n(b, { size: "small", color: f("--lhds-color-ui-500"), children: "No content" })
-] }), ce = Cn(
+), ce = () => /* @__PURE__ */ a(g, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ n(hn, { icon: pn, color: f("--lhds-color-ui-500") }),
+  /* @__PURE__ */ n(_, {}),
+  /* @__PURE__ */ n(v, { size: "small", color: f("--lhds-color-ui-500"), children: "No content" })
+] }), le = yn(
   function({
     label: t,
     contentLeft: o,
@@ -434,13 +425,13 @@ const E = ({
     children: u,
     autoFocus: p = !1,
     ...m
-  }, F) {
+  }, j) {
     return /* @__PURE__ */ n(
-      P,
+      z,
       {
         ...m,
         autoFocus: p,
-        ref: F,
+        ref: j,
         label: t,
         onClick: c,
         disabled: d,
@@ -449,13 +440,13 @@ const E = ({
         selected: !i,
         left: o,
         right: r,
-        children: u != null ? u : /* @__PURE__ */ n(ie, {})
+        children: u != null ? u : /* @__PURE__ */ n(ce, {})
       }
     );
   }
-), Te = ({
+), qe = ({
   children: e
-}) => /* @__PURE__ */ n(g, { gap: 1, children: e }), Oe = ({
+}) => /* @__PURE__ */ n(g, { gap: 1, children: e }), We = ({
   value: e,
   onValueChange: t,
   onChange: o,
@@ -463,10 +454,10 @@ const E = ({
   checkboxDisabled: i,
   ...c
 }) => /* @__PURE__ */ n(
-  ce,
+  le,
   {
     contentLeft: /* @__PURE__ */ n(
-      Y,
+      Z,
       {
         value: e,
         indeterminate: r,
@@ -478,33 +469,33 @@ const E = ({
     ),
     ...c
   }
-), qe = ({ children: e }) => /* @__PURE__ */ n(l, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e }) }), le = ({
+), Ge = ({ children: e }) => /* @__PURE__ */ n(l, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e }) }), se = ({
   text: e = "Something unexpected happened."
-}) => /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(hn, { variant: "error", headerText: e }) }), We = (e) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(gn, { variant: "error", headerText: e }) }), Je = (e) => /* @__PURE__ */ n(
   l,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(le, { ...e })
+    children: /* @__PURE__ */ n(se, { ...e })
   }
-), se = ({
+), de = ({
   text: e = "Loading..."
 }) => /* @__PURE__ */ a(l, { alignItems: "center", children: [
-  /* @__PURE__ */ n(pn, { size: "small" }),
-  /* @__PURE__ */ n(B, { num: 4 }),
+  /* @__PURE__ */ n(fn, { size: "small" }),
+  /* @__PURE__ */ n(_, { num: 4 }),
   /* @__PURE__ */ n(H, { variant: "h4", children: e })
-] }), Ge = (e) => /* @__PURE__ */ n(
+] }), Ke = (e) => /* @__PURE__ */ n(
   l,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(se, { ...e })
+    children: /* @__PURE__ */ n(de, { ...e })
   }
-), Je = ({
+), Qe = ({
   renderBreadCrumbs: e,
   renderPageHeading: t,
   renderTabs: o,
@@ -516,11 +507,11 @@ const E = ({
       e()
     ] }),
     t == null ? void 0 : t(),
-    o && /* @__PURE__ */ n(B, {}),
+    o && /* @__PURE__ */ n(_, {}),
     o == null ? void 0 : o()
   ] }),
   r
-] }), Ke = (e) => /* @__PURE__ */ n(s, { indent: 3, spacing: !0, ...e }), Qe = ({
+] }), Ve = (e) => /* @__PURE__ */ n(s, { indent: 3, spacing: !0, ...e }), Xe = ({
   icon: e,
   heading: t,
   headingLevel: o = "h2",
@@ -533,12 +524,14 @@ const E = ({
   ] }),
   /* @__PURE__ */ n(s, { alignItems: "center", children: r }),
   /* @__PURE__ */ n(s, { style: { marginLeft: "auto" }, alignItems: "center", children: i })
-] }), de = "_sidebarMenu_11tso_1", ue = {
-  sidebarMenu: de
-}, he = "_stenaFlag_108h7_1", pe = {
-  stenaFlag: he
-}, ge = ({ onClick: e }) => /* @__PURE__ */ a(g, { background: f("--lhds-color-ui-50"), children: [
-  /* @__PURE__ */ n(B, {}),
+] }), ue = "_sidebarMenu_1bx5w_1", he = "_sidebarItems_1bx5w_38", pe = "_scrollContainer_1bx5w_48", P = {
+  sidebarMenu: ue,
+  sidebarItems: he,
+  scrollContainer: pe
+}, ge = "_stenaFlag_108h7_1", fe = {
+  stenaFlag: ge
+}, me = ({ onClick: e }) => /* @__PURE__ */ a(g, { background: f("--lhds-color-ui-50"), children: [
+  /* @__PURE__ */ n(_, {}),
   /* @__PURE__ */ a(
     s,
     {
@@ -548,26 +541,19 @@ const E = ({
       indent: 1,
       minHeight: "48px",
       children: [
-        /* @__PURE__ */ n(
-          x,
-          {
-            leftIcon: z,
-            onClick: e,
-            variant: "danger"
-          }
-        ),
-        /* @__PURE__ */ n(gn, { className: pe.stenaFlag })
+        /* @__PURE__ */ n(V, { onClick: e }),
+        /* @__PURE__ */ n(mn, { className: fe.stenaFlag })
       ]
     }
   )
-] }), fe = ({
+] }), be = ({
   isPinned: e,
   onClick: t,
   label: o
 }) => {
   const r = e ? "Unpin menu" : "Pin menu", i = o != null ? o : r;
-  return /* @__PURE__ */ n(P, { onClick: t, label: i, leftIcon: e ? V : fn });
-}, Ve = ({
+  return /* @__PURE__ */ n(z, { onClick: t, label: i, leftIcon: e ? X : bn });
+}, Ye = ({
   className: e,
   children: t,
   onCloseClick: o,
@@ -577,44 +563,36 @@ const E = ({
   bottomItems: d,
   isPinned: u,
   ...p
-}) => /* @__PURE__ */ a(
-  l,
-  {
-    className: h(ue.sidebarMenu, e),
-    style: {
-      ["--swui-sidebar-menu-item-height"]: "40px"
-    },
-    ...p,
-    children: [
-      /* @__PURE__ */ n(ge, { onClick: o }),
-      /* @__PURE__ */ n(
-        l,
-        {
-          height: "100%",
-          background: "var(--current-background-color)",
-          overflow: "auto",
-          children: /* @__PURE__ */ a(g, { justifyContent: "space-between", flex: 1, gap: 1, indent: 1, children: [
-            /* @__PURE__ */ n(g, { gap: 1, children: t }),
-            (d || i) && /* @__PURE__ */ a(g, { gap: 1, children: [
-              d,
-              i && /* @__PURE__ */ n(
-                fe,
-                {
-                  isPinned: u,
-                  onClick: c
-                }
-              ),
-              /* @__PURE__ */ n(B, {})
-            ] })
-          ] })
-        }
-      )
-    ]
-  }
-), R = xn(!1), U = () => yn(R), me = ({
+}) => /* @__PURE__ */ a(l, { ...p, className: h(P.sidebarMenu, e), children: [
+  /* @__PURE__ */ n(me, { onClick: o }),
+  /* @__PURE__ */ n(l, { className: P.scrollContainer, children: /* @__PURE__ */ a(
+    g,
+    {
+      className: P.sidebarItems,
+      justifyContent: "space-between",
+      flex: 1,
+      gap: 1,
+      indent: 1,
+      children: [
+        /* @__PURE__ */ n(g, { gap: 1, children: t }),
+        (d || i) && /* @__PURE__ */ a(g, { gap: 1, children: [
+          d,
+          i && /* @__PURE__ */ n(
+            be,
+            {
+              isPinned: u,
+              onClick: c
+            }
+          ),
+          /* @__PURE__ */ n(_, {})
+        ] })
+      ]
+    }
+  ) })
+] }), S = kn(!1), U = () => wn(S), ve = ({
   label: e,
   ...t
-}) => /* @__PURE__ */ n(X, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n($, { ...t }) }), Xe = ({
+}) => /* @__PURE__ */ n(Y, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n($, { ...t }) }), Ze = ({
   closeButtonVisible: e,
   onClickCloseButton: t,
   onClickMenuButton: o,
@@ -636,13 +614,13 @@ const E = ({
     children: [
       /* @__PURE__ */ n($, { onClick: o, icon: K }),
       /* @__PURE__ */ a(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ n(g, { gap: 1, children: /* @__PURE__ */ n(R.Provider, { value: !0, children: r }) }),
-        /* @__PURE__ */ n(g, { gap: 1, children: (i || e) && /* @__PURE__ */ a(R.Provider, { value: !0, children: [
+        /* @__PURE__ */ n(g, { gap: 1, children: /* @__PURE__ */ n(S.Provider, { value: !0, children: r }) }),
+        /* @__PURE__ */ n(g, { gap: 1, children: (i || e) && /* @__PURE__ */ a(S.Provider, { value: !0, children: [
           i,
           e && /* @__PURE__ */ n(
-            me,
+            ve,
             {
-              icon: V,
+              icon: X,
               label: c,
               onClick: t
             }
@@ -651,22 +629,22 @@ const E = ({
       ] })
     ]
   }
-), ve = ({
+), _e = ({
   label: e
 }) => U() ? null : /* @__PURE__ */ a(l, { height: "32px", justifyContent: "center", indent: 1, children: [
-  /* @__PURE__ */ n(B, {}),
-  /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e })
-] }), be = ({
+  /* @__PURE__ */ n(_, {}),
+  /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e })
+] }), Be = ({
   label: e,
   leftIcon: t,
   ...o
-}) => t == null ? null : /* @__PURE__ */ n(X, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(mn, { icon: t, ...o }) }), Ye = (e) => U() ? /* @__PURE__ */ n(be, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), Be = ({
+}) => t == null ? null : /* @__PURE__ */ n(Y, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(vn, { icon: t, ...o }) }), nt = (e) => U() ? /* @__PURE__ */ n(Be, { ...e }) : /* @__PURE__ */ n(_n, { ...e }), Ce = ({
   children: e,
   label: t,
   icon: o,
   popupMinWidth: r = "200px"
 }) => /* @__PURE__ */ n(
-  j,
+  F,
   {
     appendTo: "parent",
     arrow: !1,
@@ -683,24 +661,24 @@ const E = ({
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ a(R.Provider, { value: !1, children: [
-          /* @__PURE__ */ n(ve, { label: t }),
+        children: /* @__PURE__ */ a(S.Provider, { value: !1, children: [
+          /* @__PURE__ */ n(_e, { label: t }),
           e
         ] })
       }
     ),
     children: /* @__PURE__ */ n($, { icon: o })
   }
-), Ze = ({
+), et = ({
   children: e,
   label: t,
   leftIcon: o,
   className: r,
   initialExpand: i = !1
 }) => {
-  const [c, d] = kn(i);
-  return U() ? o == null ? null : /* @__PURE__ */ n(Be, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
-    P,
+  const [c, d] = In(i);
+  return U() ? o == null ? null : /* @__PURE__ */ n(Ce, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
+    z,
     {
       label: t,
       onClick: () => d(!c),
@@ -712,13 +690,13 @@ const E = ({
       children: e
     }
   );
-}, nt = (e) => /* @__PURE__ */ n(
-  In,
+}, tt = (e) => /* @__PURE__ */ n(
+  Nn,
   {
     color: f("--lhds-color-ui-400"),
     ...e
   }
-), _e = `1px solid ${f("--lhds-color-orange-400")}`, et = ({
+), xe = `1px solid ${f("--lhds-color-orange-400")}`, ot = ({
   numItemsSelected: e,
   label: t,
   afterLabelContent: o,
@@ -731,20 +709,20 @@ const E = ({
     minHeight: "56px",
     justifyContent: "space-between",
     alignItems: "center",
-    borderTop: _e,
+    borderTop: xe,
     background: f("--lhds-color-orange-50"),
     children: [
       /* @__PURE__ */ a(s, { alignItems: "center", children: [
-        e != null || t != null ? /* @__PURE__ */ n(v, { children: e != null ? /* @__PURE__ */ a(v, { children: [
-          /* @__PURE__ */ n(b, { variant: "bold", children: e }),
-          /* @__PURE__ */ n(B, {}),
-          /* @__PURE__ */ a(b, { children: [
+        e != null || t != null ? /* @__PURE__ */ n(b, { children: e != null ? /* @__PURE__ */ a(b, { children: [
+          /* @__PURE__ */ n(v, { variant: "bold", children: e }),
+          /* @__PURE__ */ n(_, {}),
+          /* @__PURE__ */ a(v, { children: [
             "item",
             e === 1 ? "" : "s",
             " selected"
           ] })
-        ] }) : t != null ? /* @__PURE__ */ n(v, { children: typeof t == "string" ? /* @__PURE__ */ n(b, { children: t }) : t }) : null }) : null,
-        o ? /* @__PURE__ */ a(v, { children: [
+        ] }) : t != null ? /* @__PURE__ */ n(b, { children: typeof t == "string" ? /* @__PURE__ */ n(v, { children: t }) : t }) : null }) : null,
+        o ? /* @__PURE__ */ a(b, { children: [
           /* @__PURE__ */ n(C, {}),
           /* @__PURE__ */ n(l, { children: o })
         ] }) : null
@@ -754,41 +732,41 @@ const E = ({
   }
 );
 export {
-  Mn as ActionMenuFlatButton,
-  Re as ActionMenuPrimaryButton,
-  je as ActionMenuSecondaryButton,
-  Fe as CheckboxMenu,
-  ce as Collapsible,
-  ie as CollapsibleEmptyContent,
-  qe as CollapsibleGroupHeading,
-  Te as CollapsibleList,
-  Oe as CollapsibleWithCheckbox,
-  le as ErrorPanel,
-  We as ErrorScreen,
-  se as LoadingPanel,
-  Ge as LoadingScreen,
-  Le as NavBar,
-  Pn as NavBarButton,
-  ze as NavBarHeading,
-  $e as NavBarNotificationButton,
-  Pe as NavBarPopoverButton,
-  Ae as NavBarSearchField,
-  He as NavBarUserButton,
-  Ee as Notification,
-  Z as NotificationHeader,
-  Ue as NotificationList,
-  Je as PageHeader,
-  Ke as PageHeaderRow,
-  Qe as PageHeading,
-  et as SelectedItemsActionsPanel,
-  Ve as SidebarMenu,
-  Ze as SidebarMenuCollapsible,
-  ve as SidebarMenuHeading,
-  Ye as SidebarMenuLink,
-  nt as SidebarMenuSeparator,
-  Xe as SidebarRailMenu,
-  De as Toast,
-  Qn as UnreadDot,
-  Vn as getIconBgColor
+  Rn as ActionMenuFlatButton,
+  je as ActionMenuPrimaryButton,
+  Le as ActionMenuSecondaryButton,
+  Pe as CheckboxMenu,
+  le as Collapsible,
+  ce as CollapsibleEmptyContent,
+  Ge as CollapsibleGroupHeading,
+  qe as CollapsibleList,
+  We as CollapsibleWithCheckbox,
+  se as ErrorPanel,
+  Je as ErrorScreen,
+  de as LoadingPanel,
+  Ke as LoadingScreen,
+  ze as NavBar,
+  An as NavBarButton,
+  $e as NavBarHeading,
+  He as NavBarNotificationButton,
+  Ae as NavBarPopoverButton,
+  Ee as NavBarSearchField,
+  Ue as NavBarUserButton,
+  De as Notification,
+  nn as NotificationHeader,
+  Te as NotificationList,
+  Qe as PageHeader,
+  Ve as PageHeaderRow,
+  Xe as PageHeading,
+  ot as SelectedItemsActionsPanel,
+  Ye as SidebarMenu,
+  et as SidebarMenuCollapsible,
+  _e as SidebarMenuHeading,
+  nt as SidebarMenuLink,
+  tt as SidebarMenuSeparator,
+  Ze as SidebarRailMenu,
+  Oe as Toast,
+  Vn as UnreadDot,
+  Xn as getIconBgColor
 };
 //# sourceMappingURL=index.es.js.map