@stenajs-webui/panels 19.0.0-next.22 → 19.0.0-next.23

package/dist/index.es.js

@@ -1,33 +1,33 @@
 (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenu_iwe92_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100dvh}._sidebarMenu_iwe92_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { jsx as n, jsxs as i, Fragment as b } from "react/jsx-runtime";
-import { ActionMenu as q, ActionMenuContext as rn, stenaAngleDown as G, PrimaryButton as an, SecondaryButton as cn, FlatButton as B, stenaHamburger as J, stenaBellFilled as ln, stenaUserCircle as sn, CircledIcon as K, stenaTimes as Q, Icon as dn, stenaMail as un, MenuButton as L, Banner as hn, Spinner as pn, StenaFlag as gn, stenaAngleLeftDouble as X, stenaPin as fn, IconMenuButton as R, IconMenuButtonLink as mn, MenuButtonLink as bn } from "@stenajs-webui/elements";
-import * as vn from "react";
-import { useRef as _n, useMemo as Bn, forwardRef as Cn, createContext as xn, useContext as yn, useState as kn } from "react";
-import { useBoolean as P, Column as p, Box as l, Row as s, Indent as x, Heading as z, Text as v, Space as _, SeparatorLine as In } from "@stenajs-webui/core";
-import { Popover as S, Tooltip as wn } from "@stenajs-webui/tooltip";
+import { jsx as n, jsxs as a, Fragment as v } from "react/jsx-runtime";
+import { ActionMenu as q, ActionMenuContext as rn, stenaAngleDown as G, PrimaryButton as an, SecondaryButton as cn, FlatButton as C, stenaHamburger as J, stenaBellFilled as ln, stenaUserCircle as sn, CircledIcon as K, stenaTimes as Q, Icon as dn, stenaMail as un, MenuButton as L, Banner as hn, Spinner as pn, StenaFlag as gn, stenaAngleLeftDouble as V, stenaPin as fn, IconMenuButtonLink as mn, MenuButtonLink as vn, IconMenuButton as X } from "@stenajs-webui/elements";
+import * as bn from "react";
+import { useRef as _n, useMemo as Cn, forwardRef as Bn, createContext as xn, useContext as yn, useState as kn } from "react";
+import { useBoolean as P, Column as g, Box as l, Row as s, Indent as x, Heading as z, Text as b, Space as _, SeparatorLine as In } from "@stenajs-webui/core";
+import { Popover as j, Tooltip as wn } from "@stenajs-webui/tooltip";
 import { Checkbox as Y, TextInput as Nn } from "@stenajs-webui/forms";
 import h from "classnames";
-import { cssColor as g } from "@stenajs-webui/theme";
+import { cssColor as f } from "@stenajs-webui/theme";
 const $ = ({
   renderItems: e,
   placement: t = "bottom",
   buttonComponent: o,
   rightIcon: r = G,
-  portalTarget: a = "parent",
+  portalTarget: i = "parent",
   zIndex: c,
   menuWidth: d,
   menuTop: u,
-  onClick: f,
+  onClick: p,
   disableArrow: m = !1,
-  ...j
+  ...M
 }) => {
-  const [E, D, y, nn] = P(!1), M = _n(null), en = {
+  const [H, E, y, nn] = P(!1), F = _n(null), en = {
     name: "focusManager",
     defaultValue: !0,
     fn({ popper: k }) {
       let w = !1;
-      const U = (C) => {
-        C.key === "Escape" && (w = !0, y()), (C.key === "Enter" || C.key === " ") && (w = !0);
+      const U = (B) => {
+        B.key === "Escape" && (w = !0, y()), (B.key === "Enter" || B.key === " ") && (w = !0);
       };
       return {
         onCreate() {
@@ -37,27 +37,27 @@ const $ = ({
           k.removeEventListener("keydown", U);
         },
         onMount() {
-          var C;
-          w = !1, (C = k.querySelector("button:not([disabled]), a[href]")) == null || C.focus();
+          var B;
+          w = !1, (B = k.querySelector("button:not([disabled]), a[href]")) == null || B.focus();
         },
         onHide() {
-          M.current && w && M.current.focus();
+          F.current && w && F.current.focus();
         }
       };
     }
-  }, tn = Bn(() => ({ open: D, close: y }), [D, y]), on = (k) => {
-    f == null || f(k), nn();
+  }, tn = Cn(() => ({ open: E, close: y }), [E, y]), on = (k) => {
+    p == null || p(k), nn();
   };
   return /* @__PURE__ */ n(
-    S,
+    j,
     {
       disablePadding: !0,
-      visible: E,
+      visible: H,
       onClickOutside: y,
       placement: t,
-      content: E && /* @__PURE__ */ n(q, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: tn, children: e(y) }) }),
+      content: H && /* @__PURE__ */ n(q, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ n(rn.Provider, { value: tn, children: e(y) }) }),
       arrow: !1,
-      appendTo: a,
+      appendTo: i,
       zIndex: c,
       plugins: [en],
       lazy: !0,
@@ -65,28 +65,28 @@ const $ = ({
         o,
         {
           rightIcon: m ? void 0 : r,
-          ...j,
-          ref: M,
+          ...M,
+          ref: F,
           onClick: on
         }
       )
     }
   );
-}, we = (e) => /* @__PURE__ */ n($, { buttonComponent: an, ...e }), Ne = (e) => /* @__PURE__ */ n($, { buttonComponent: cn, ...e }), Sn = (e) => /* @__PURE__ */ n($, { buttonComponent: B, ...e }), jn = "1px solid var(--lhds-color-ui-300)", Se = ({
+}, Ne = (e) => /* @__PURE__ */ n($, { buttonComponent: an, ...e }), Se = (e) => /* @__PURE__ */ n($, { buttonComponent: cn, ...e }), Sn = (e) => /* @__PURE__ */ n($, { buttonComponent: C, ...e }), jn = "1px solid var(--lhds-color-ui-300)", je = ({
   renderMenu: e,
   ...t
 }) => {
-  const [o, r, a] = P(!1);
+  const [o, r, i] = P(!1);
   return /* @__PURE__ */ n(
-    S,
+    j,
     {
-      onClickOutside: a,
+      onClickOutside: i,
       arrow: !1,
       visible: o,
       disablePadding: !0,
-      content: e ? /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(q, { children: e(a) }) }) : void 0,
+      content: e ? /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(q, { children: e(i) }) }) : void 0,
       placement: "bottom-start",
-      children: /* @__PURE__ */ n(l, { display: "inline-block", children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ n(l, { display: "inline-block", children: /* @__PURE__ */ a(
         s,
         {
           spacing: 0.5,
@@ -97,7 +97,7 @@ const $ = ({
           children: [
             /* @__PURE__ */ n(Y, { ...t }),
             /* @__PURE__ */ n(x, { num: 0.5 }),
-            /* @__PURE__ */ n(B, { size: "small", onClick: r, leftIcon: G })
+            /* @__PURE__ */ n(C, { size: "small", onClick: r, leftIcon: G })
           ]
         }
       ) })
@@ -109,59 +109,59 @@ const $ = ({
   className: e,
   onClick: t
 }) => /* @__PURE__ */ n(
-  B,
+  C,
   {
     leftIcon: J,
     className: e,
     onClick: t
   }
-), je = ({
+), Me = ({
   left: e,
   className: t,
   showMenuButton: o = !1,
   children: r,
-  right: a,
+  right: i,
   center: c,
   onClickMenuButton: d
 }) => {
   const u = c ? 1 : void 0;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     s,
     {
       justifyContent: "space-between",
       className: h(Fn.navBar, t),
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           s,
           {
             flex: u,
             justifyContent: "flex-start",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ i(s, { width: "86px", alignItems: "center", children: [
+              /* @__PURE__ */ a(s, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ n(x, {}),
                 o && /* @__PURE__ */ n(Rn, { onClick: d })
               ] }),
-              e && /* @__PURE__ */ i(b, { children: [
+              e && /* @__PURE__ */ a(v, { children: [
                 e,
                 /* @__PURE__ */ n(x, { num: 2 })
               ] }),
-              r && /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: vn.Children.map(r, (f, m) => /* @__PURE__ */ i(b, { children: [
+              r && /* @__PURE__ */ n(v, { children: /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: bn.Children.map(r, (p, m) => /* @__PURE__ */ a(v, { children: [
                 m > 0 && /* @__PURE__ */ n(x, {}),
-                f
+                p
               ] })) }) })
             ]
           }
         ),
         c && /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: c }),
-        /* @__PURE__ */ i(s, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
-          a,
+        /* @__PURE__ */ a(s, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
+          i,
           /* @__PURE__ */ n(x, { num: 2 })
         ] })
       ]
     }
   );
-}, Ln = "_navBarButton_18iz9_1", Pn = "_selected_18iz9_36", O = {
+}, Ln = "_navBarButton_18iz9_1", Pn = "_selected_18iz9_36", D = {
   navBarButton: Ln,
   selected: Pn
 }, zn = ({
@@ -169,52 +169,52 @@ const $ = ({
   className: t,
   ...o
 }) => /* @__PURE__ */ n(
-  B,
+  C,
   {
     ...o,
     className: h(
-      O.navBarButton,
-      e && O.selected,
+      D.navBarButton,
+      e && D.selected,
       t
     )
   }
-), Me = (e) => /* @__PURE__ */ n(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Fe = ({
+), Fe = (e) => /* @__PURE__ */ n(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Re = ({
   content: e,
   children: t,
   ...o
 }) => {
-  const [r, , a, c] = P(!1);
+  const [r, , i, c] = P(!1);
   return /* @__PURE__ */ n(
-    S,
+    j,
     {
-      onClickOutside: a,
+      onClickOutside: i,
       triggerTarget: document.body,
       visible: r,
-      content: /* @__PURE__ */ i(b, { children: [
-        e && e({ close: a }),
+      content: /* @__PURE__ */ a(v, { children: [
+        e && e({ close: i }),
         t
       ] }),
       children: /* @__PURE__ */ n(zn, { ...o, onClick: c })
     }
   );
-}, $n = "_navBarNotificationButton_8ej1j_1", An = "_unread_8ej1j_54", Hn = "_hasCount_8ej1j_68", En = "_icon_8ej1j_69", Dn = "_shake_8ej1j_1", I = {
+}, $n = "_navBarNotificationButton_8ej1j_1", An = "_unread_8ej1j_54", Hn = "_hasCount_8ej1j_68", En = "_icon_8ej1j_69", Un = "_shake_8ej1j_1", I = {
   navBarNotificationButton: $n,
   unread: An,
   hasCount: Hn,
   icon: En,
-  shake: Dn
-}, Re = ({
+  shake: Un
+}, Le = ({
   count: e,
   unread: t = !1,
   className: o,
   labelClassName: r,
-  iconClassName: a,
+  iconClassName: i,
   icon: c = ln,
   ...d
 }) => {
   const u = e > 0;
   return /* @__PURE__ */ n(
-    B,
+    C,
     {
       ...d,
       leftIcon: c,
@@ -226,13 +226,13 @@ const $ = ({
       ),
       label: u ? String(e) : void 0,
       labelClassName: h(r, I.label),
-      iconClassName: h(a, I.icon)
+      iconClassName: h(i, I.icon)
     }
   );
-}, Un = "_navBarSearchFieldInput_16tw5_1", On = "_navBarSearchField_16tw5_1", T = {
-  navBarSearchFieldInput: Un,
+}, Dn = "_navBarSearchFieldInput_16tw5_1", On = "_navBarSearchField_16tw5_1", O = {
+  navBarSearchFieldInput: Dn,
   navBarSearchField: On
-}, Le = ({
+}, Pe = ({
   placeholder: e = "Search",
   className: t,
   wrapperClassName: o,
@@ -240,20 +240,20 @@ const $ = ({
 }) => /* @__PURE__ */ n(
   Nn,
   {
-    wrapperClassName: h(T.navBarSearchField, o),
-    className: h(T.navBarSearchFieldInput, t),
+    wrapperClassName: h(O.navBarSearchField, o),
+    className: h(O.navBarSearchFieldInput, t),
     placeholder: e,
     ...r
   }
-), Tn = "_navBarUserButton_1cwhm_1", Vn = "_initials_1cwhm_31", V = {
+), Tn = "_navBarUserButton_1cwhm_1", Wn = "_initials_1cwhm_31", T = {
   navBarUserButton: Tn,
-  initials: Vn
-}, Pe = ({
+  initials: Wn
+}, ze = ({
   className: e,
   username: t,
   initials: o,
   icon: r = sn,
-  iconClassName: a,
+  iconClassName: i,
   responsiveIconOnly: c = o == null,
   ...d
 }) => /* @__PURE__ */ n(
@@ -261,8 +261,8 @@ const $ = ({
   {
     ...d,
     className: h(
-      { [V.initials]: o != null },
-      V.navBarUserButton,
+      { [T.initials]: o != null },
+      T.navBarUserButton,
       e
     ),
     leftIcon: t != null ? r : void 0,
@@ -270,10 +270,10 @@ const $ = ({
     responsiveIconOnly: c,
     disableArrow: !0
   }
-), Wn = "_unreadDot_l8bni_1", qn = "_dot_l8bni_4", W = {
-  unreadDot: Wn,
-  dot: qn
-}, Gn = ({ children: e }) => /* @__PURE__ */ i("div", { className: W.unreadDot, children: [
+), qn = "_unreadDot_l8bni_1", Gn = "_dot_l8bni_4", W = {
+  unreadDot: qn,
+  dot: Gn
+}, Jn = ({ children: e }) => /* @__PURE__ */ a("div", { className: W.unreadDot, children: [
   e,
   /* @__PURE__ */ n("div", { className: W.dot })
 ] }), Z = ({
@@ -281,11 +281,11 @@ const $ = ({
   timestamp: t,
   icon: o,
   iconAriaLabel: r,
-  contentLeft: a,
+  contentLeft: i,
   contentRight: c,
   onClose: d,
   unread: u = !1,
-  variant: f
+  variant: p
 }) => {
   const m = o ? /* @__PURE__ */ n(
     K,
@@ -293,20 +293,20 @@ const $ = ({
       size: "small",
       icon: o,
       "aria-label": r,
-      backgroundColor: Jn(u, f)
+      backgroundColor: Kn(u, p)
     }
   ) : void 0;
-  return /* @__PURE__ */ i(s, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
-    /* @__PURE__ */ i(s, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
-      a && /* @__PURE__ */ n(l, { minHeight: 20, justifyContent: "center", children: a }),
-      !a && m && (u ? /* @__PURE__ */ n(Gn, { children: m }) : m),
-      /* @__PURE__ */ i(l, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
-        /* @__PURE__ */ n(v, { variant: "bold", children: e }),
+  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(Jn, { children: m }) : m),
+      /* @__PURE__ */ a(l, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
+        /* @__PURE__ */ n(b, { variant: "bold", children: e }),
         t && /* @__PURE__ */ n(
-          v,
+          b,
           {
             size: "small",
-            color: g(
+            color: f(
               u ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
             ),
             children: t
@@ -322,7 +322,7 @@ const $ = ({
         justifyContent: "center",
         height: "calc(20px + 2 * var(--swui-metrics-spacing))",
         children: /* @__PURE__ */ n(
-          B,
+          C,
           {
             leftIcon: Q,
             onClick: d,
@@ -333,21 +333,21 @@ const $ = ({
       }
     )
   ] });
-}, Jn = (e, t) => {
+}, Kn = (e, t) => {
   if (!(!e && t === "standard"))
     return "--lhds-color-ui-50";
-}, Kn = "_notification_1hao0_1", Qn = "_body_1hao0_7", Xn = "_standard_1hao0_13", Yn = "_unread_1hao0_14", Zn = "_danger_1hao0_19", N = {
-  notification: Kn,
-  body: Qn,
+}, Qn = "_notification_1hao0_1", Vn = "_body_1hao0_7", Xn = "_standard_1hao0_13", Yn = "_unread_1hao0_14", Zn = "_danger_1hao0_19", N = {
+  notification: Qn,
+  body: Vn,
   standard: Xn,
   unread: Yn,
   danger: Zn
-}, ze = ({
+}, $e = ({
   variant: e = "standard",
   children: t,
   unread: o,
   ...r
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ a(
   "div",
   {
     className: h(
@@ -357,39 +357,39 @@ const $ = ({
     ),
     children: [
       /* @__PURE__ */ n(Z, { ...r, unread: o, variant: e }),
-      t && /* @__PURE__ */ n(p, { className: N.body, children: t })
+      t && /* @__PURE__ */ n(g, { className: N.body, children: t })
     ]
   }
 ), ne = "_notificationList_1rkvu_1", ee = {
   notificationList: ne
-}, $e = ({
+}, Ae = ({
   children: e
-}) => /* @__PURE__ */ i("div", { className: ee.notificationList, children: [
+}) => /* @__PURE__ */ a("div", { className: ee.notificationList, children: [
   e,
   /* @__PURE__ */ n("div", {})
-] }), te = "_clickable_1ijxc_1", oe = "_nonClickable_1ijxc_27", F = {
+] }), te = "_clickable_1ijxc_1", oe = "_nonClickable_1ijxc_27", R = {
   clickable: te,
   nonClickable: oe
-}, Ae = ({
+}, He = ({
   onClick: e,
   onClickAriaLabel: t,
   children: o,
   width: r = 264,
-  maxWidth: a,
+  maxWidth: i,
   ...c
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ a(
   l,
   {
     borderRadius: 8,
-    background: g("--lhds-color-ui-50"),
+    background: f("--lhds-color-ui-50"),
     shadow: "popover",
     width: r,
-    maxWidth: a,
+    maxWidth: i,
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ n(l, { className: h({ [F.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
-      o && /* @__PURE__ */ i(l, { indent: 3, className: h({ [F.nonClickable]: e }), children: [
+      /* @__PURE__ */ n(l, { className: h({ [R.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
+      o && /* @__PURE__ */ a(l, { indent: 3, className: h({ [R.nonClickable]: e }), children: [
         o,
         /* @__PURE__ */ n(_, { num: 2 })
       ] }),
@@ -397,57 +397,57 @@ const $ = ({
         "button",
         {
           onClick: e,
-          className: F.clickable,
+          className: R.clickable,
           "aria-label": t
         }
       )
     ]
   }
-), re = () => /* @__PURE__ */ i(p, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ n(dn, { icon: un, color: g("--lhds-color-ui-500") }),
+), re = () => /* @__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(_, {}),
-  /* @__PURE__ */ n(v, { size: "small", color: g("--lhds-color-ui-500"), children: "No content" })
-] }), ie = Cn(
+  /* @__PURE__ */ n(b, { size: "small", color: f("--lhds-color-ui-500"), children: "No content" })
+] }), ae = Bn(
   function({
     label: t,
     contentLeft: o,
     contentRight: r,
-    collapsed: a = !1,
+    collapsed: i = !1,
     onClick: c,
     disabled: d = !1,
     children: u,
-    autoFocus: f = !1,
+    autoFocus: p = !1,
     ...m
-  }, j) {
+  }, M) {
     return /* @__PURE__ */ n(
       L,
       {
         ...m,
-        autoFocus: f,
-        ref: j,
+        autoFocus: p,
+        ref: M,
         label: t,
         onClick: c,
         disabled: d,
         expandable: !0,
-        expanded: !a,
-        selected: !a,
+        expanded: !i,
+        selected: !i,
         left: o,
         right: r,
         children: u != null ? u : /* @__PURE__ */ n(re, {})
       }
     );
   }
-), He = ({
+), Ee = ({
   children: e
-}) => /* @__PURE__ */ n(p, { gap: 1, children: e }), Ee = ({
+}) => /* @__PURE__ */ n(g, { gap: 1, children: e }), Ue = ({
   value: e,
   onValueChange: t,
   onChange: o,
   indeterminate: r,
-  checkboxDisabled: a,
+  checkboxDisabled: i,
   ...c
 }) => /* @__PURE__ */ n(
-  ie,
+  ae,
   {
     contentLeft: /* @__PURE__ */ n(
       Y,
@@ -456,30 +456,30 @@ const $ = ({
         indeterminate: r,
         onValueChange: t,
         onChange: o,
-        disabled: a,
+        disabled: i,
         onClick: (d) => d.stopPropagation()
       }
     ),
     ...c
   }
-), De = ({ children: e }) => /* @__PURE__ */ n(l, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e }) }), ae = ({
+), De = ({ children: e }) => /* @__PURE__ */ n(l, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e }) }), ie = ({
   text: e = "Something unexpected happened."
-}) => /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(hn, { variant: "error", headerText: e }) }), Ue = (e) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(hn, { variant: "error", headerText: e }) }), Oe = (e) => /* @__PURE__ */ n(
   l,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(ae, { ...e })
+    children: /* @__PURE__ */ n(ie, { ...e })
   }
 ), ce = ({
   text: e = "Loading..."
-}) => /* @__PURE__ */ i(l, { alignItems: "center", children: [
+}) => /* @__PURE__ */ a(l, { alignItems: "center", children: [
   /* @__PURE__ */ n(pn, { size: "small" }),
   /* @__PURE__ */ n(_, { num: 4 }),
   /* @__PURE__ */ n(z, { variant: "h4", children: e })
-] }), Oe = (e) => /* @__PURE__ */ n(
+] }), Te = (e) => /* @__PURE__ */ n(
   l,
   {
     width: "100%",
@@ -488,14 +488,14 @@ const $ = ({
     alignItems: "center",
     children: /* @__PURE__ */ n(ce, { ...e })
   }
-), Te = ({
+), We = ({
   renderBreadCrumbs: e,
   renderPageHeading: t,
   renderTabs: o,
   children: r
-}) => /* @__PURE__ */ i(l, { shadow: "bottom", background: g("--lhds-color-ui-50"), gap: 2, children: [
-  /* @__PURE__ */ i(l, { indent: 3, children: [
-    e && /* @__PURE__ */ i(s, { spacing: 1, alignItems: "center", children: [
+}) => /* @__PURE__ */ a(l, { shadow: "bottom", background: f("--lhds-color-ui-50"), gap: 2, children: [
+  /* @__PURE__ */ a(l, { indent: 3, children: [
+    e && /* @__PURE__ */ a(s, { spacing: 1, alignItems: "center", children: [
       /* @__PURE__ */ n(s, { width: "64px", height: "16px" }),
       e()
     ] }),
@@ -504,26 +504,26 @@ const $ = ({
     o == null ? void 0 : o()
   ] }),
   r
-] }), Ve = (e) => /* @__PURE__ */ n(s, { indent: 3, spacing: !0, ...e }), We = ({
+] }), qe = (e) => /* @__PURE__ */ n(s, { indent: 3, spacing: !0, ...e }), Ge = ({
   icon: e,
   heading: t,
   headingLevel: o = "h2",
   contentLeft: r,
-  contentRight: a
-}) => /* @__PURE__ */ i(s, { alignItems: "center", gap: 2, height: "64px", children: [
-  /* @__PURE__ */ i(s, { alignItems: "center", children: [
+  contentRight: i
+}) => /* @__PURE__ */ a(s, { alignItems: "center", gap: 2, height: "64px", children: [
+  /* @__PURE__ */ a(s, { alignItems: "center", children: [
     /* @__PURE__ */ n(s, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(K, { icon: e }) }),
     /* @__PURE__ */ n(z, { variant: "h3", as: o, children: t })
   ] }),
   /* @__PURE__ */ n(s, { alignItems: "center", children: r }),
-  /* @__PURE__ */ n(s, { style: { marginLeft: "auto" }, alignItems: "center", children: a })
+  /* @__PURE__ */ n(s, { style: { marginLeft: "auto" }, alignItems: "center", children: i })
 ] }), le = "_sidebarMenu_iwe92_1", se = {
   sidebarMenu: le
 }, de = "_stenaFlag_108h7_1", ue = {
   stenaFlag: de
-}, he = ({ onClick: e }) => /* @__PURE__ */ i(p, { background: g("--lhds-color-ui-50"), children: [
+}, he = ({ onClick: e }) => /* @__PURE__ */ a(g, { background: f("--lhds-color-ui-50"), children: [
   /* @__PURE__ */ n(_, {}),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ a(
     s,
     {
       justifyContent: "space-between",
@@ -533,7 +533,7 @@ const $ = ({
       minHeight: "48px",
       children: [
         /* @__PURE__ */ n(
-          B,
+          C,
           {
             leftIcon: Q,
             onClick: e,
@@ -549,18 +549,19 @@ const $ = ({
   onClick: t,
   label: o
 }) => {
-  const r = e ? "Unpin menu" : "Pin menu", a = o != null ? o : r;
-  return /* @__PURE__ */ n(L, { onClick: t, label: a, leftIcon: e ? X : fn });
-}, qe = ({
+  const r = e ? "Unpin menu" : "Pin menu", i = o != null ? o : r;
+  return /* @__PURE__ */ n(L, { onClick: t, label: i, leftIcon: e ? V : fn });
+}, Je = ({
   className: e,
   children: t,
   onCloseClick: o,
   variant: r = "standard",
-  pinButtonVisible: a,
+  pinButtonVisible: i,
   onClickPinButton: c,
-  isPinned: d,
-  ...u
-}) => /* @__PURE__ */ i(
+  bottomItems: d,
+  isPinned: u,
+  ...p
+}) => /* @__PURE__ */ a(
   l,
   {
     indent: 1,
@@ -568,7 +569,7 @@ const $ = ({
     style: {
       ["--swui-sidebar-menu-item-height"]: "40px"
     },
-    ...u,
+    ...p,
     children: [
       /* @__PURE__ */ n(he, { onClick: o }),
       /* @__PURE__ */ n(
@@ -577,13 +578,14 @@ const $ = ({
           height: "100%",
           background: "var(--current-background-color)",
           overflow: "auto",
-          children: /* @__PURE__ */ i(p, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-            /* @__PURE__ */ n(p, { gap: 1, children: t }),
-            a && /* @__PURE__ */ i(p, { children: [
-              /* @__PURE__ */ n(
+          children: /* @__PURE__ */ a(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
+            /* @__PURE__ */ n(g, { gap: 1, children: t }),
+            (d || i) && /* @__PURE__ */ a(g, { gap: 1, children: [
+              d,
+              i && /* @__PURE__ */ n(
                 pe,
                 {
-                  isPinned: d,
+                  isPinned: u,
                   onClick: c
                 }
               ),
@@ -594,12 +596,18 @@ const $ = ({
       )
     ]
   }
-), A = xn(!1), H = () => yn(A), Ge = ({
+), S = xn(!1), A = () => yn(S), ge = ({
+  label: e,
+  leftIcon: t,
+  ...o
+}) => t == null ? null : /* @__PURE__ */ n(wn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(mn, { icon: t, ...o }) }), fe = (e) => A() ? /* @__PURE__ */ n(ge, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), Ke = ({
   closeButtonVisible: e,
   onClickCloseButton: t,
   onClickMenuButton: o,
-  children: r
-}) => /* @__PURE__ */ i(
+  children: r,
+  bottomItems: i,
+  closeButtonTitle: c = "Unpin menu"
+}) => /* @__PURE__ */ a(
   l,
   {
     position: "fixed",
@@ -610,37 +618,37 @@ const $ = ({
     spacing: 1,
     gap: 1,
     shadow: "popover",
-    background: g("--lhds-color-ui-50"),
+    background: f("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ n(R, { onClick: o, icon: J }),
-      /* @__PURE__ */ i(p, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ n(p, { gap: 1, children: /* @__PURE__ */ n(A.Provider, { value: !0, children: r }) }),
-        e && /* @__PURE__ */ n(
-          R,
-          {
-            icon: X,
-            onClick: t
-          }
-        )
+      /* @__PURE__ */ n(X, { onClick: o, icon: J }),
+      /* @__PURE__ */ a(g, { justifyContent: "space-between", flex: 1, gap: 1, 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(
+            fe,
+            {
+              leftIcon: V,
+              label: c,
+              onClick: t
+            }
+          )
+        ] }) })
       ] })
     ]
   }
-), ge = ({
+), me = ({
   label: e
-}) => H() ? null : /* @__PURE__ */ i(l, { height: "32px", justifyContent: "center", indent: 1, children: [
+}) => A() ? null : /* @__PURE__ */ a(l, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ n(_, {}),
-  /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e })
-] }), fe = ({
-  label: e,
-  leftIcon: t,
-  ...o
-}) => t == null ? null : /* @__PURE__ */ n(wn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(mn, { icon: t, ...o }) }), Je = (e) => H() ? /* @__PURE__ */ n(fe, { ...e }) : /* @__PURE__ */ n(bn, { ...e }), me = ({
+  /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e })
+] }), ve = ({
   children: e,
   label: t,
   icon: o,
   popupMinWidth: r = "200px"
 }) => /* @__PURE__ */ n(
-  S,
+  j,
   {
     appendTo: "parent",
     arrow: !1,
@@ -657,23 +665,23 @@ const $ = ({
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ i(A.Provider, { value: !1, children: [
-          /* @__PURE__ */ n(ge, { label: t }),
+        children: /* @__PURE__ */ a(S.Provider, { value: !1, children: [
+          /* @__PURE__ */ n(me, { label: t }),
           e
         ] })
       }
     ),
-    children: /* @__PURE__ */ n(R, { icon: o })
+    children: /* @__PURE__ */ n(X, { icon: o })
   }
-), Ke = ({
+), Qe = ({
   children: e,
   label: t,
   leftIcon: o,
   className: r,
-  initialExpand: a = !1
+  initialExpand: i = !1
 }) => {
-  const [c, d] = kn(a);
-  return H() ? o == null ? null : /* @__PURE__ */ n(me, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
+  const [c, d] = kn(i);
+  return A() ? o == null ? null : /* @__PURE__ */ n(ve, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
     L,
     {
       label: t,
@@ -686,18 +694,18 @@ const $ = ({
       children: e
     }
   );
-}, Qe = (e) => /* @__PURE__ */ n(
+}, Ve = (e) => /* @__PURE__ */ n(
   In,
   {
-    color: g("--lhds-color-ui-400"),
+    color: f("--lhds-color-ui-400"),
     ...e
   }
-), be = `1px solid ${g("--lhds-color-orange-400")}`, Xe = ({
+), be = `1px solid ${f("--lhds-color-orange-400")}`, Xe = ({
   numItemsSelected: e,
   label: t,
   afterLabelContent: o,
   rightContent: r
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ a(
   s,
   {
     indent: 3,
@@ -706,19 +714,19 @@ const $ = ({
     justifyContent: "space-between",
     alignItems: "center",
     borderTop: be,
-    background: g("--lhds-color-orange-50"),
+    background: f("--lhds-color-orange-50"),
     children: [
-      /* @__PURE__ */ i(s, { alignItems: "center", children: [
-        e != null || t != null ? /* @__PURE__ */ n(b, { children: e != null ? /* @__PURE__ */ i(b, { children: [
-          /* @__PURE__ */ n(v, { variant: "bold", children: e }),
+      /* @__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(_, {}),
-          /* @__PURE__ */ i(v, { children: [
+          /* @__PURE__ */ a(b, { children: [
             "item",
             e === 1 ? "" : "s",
             " selected"
           ] })
-        ] }) : t != null ? /* @__PURE__ */ n(b, { children: typeof t == "string" ? /* @__PURE__ */ n(v, { children: t }) : t }) : null }) : null,
-        o ? /* @__PURE__ */ i(b, { children: [
+        ] }) : t != null ? /* @__PURE__ */ n(v, { children: typeof t == "string" ? /* @__PURE__ */ n(b, { children: t }) : t }) : null }) : null,
+        o ? /* @__PURE__ */ a(v, { children: [
           /* @__PURE__ */ n(x, {}),
           /* @__PURE__ */ n(l, { children: o })
         ] }) : null
@@ -729,40 +737,40 @@ const $ = ({
 );
 export {
   Sn as ActionMenuFlatButton,
-  we as ActionMenuPrimaryButton,
-  Ne as ActionMenuSecondaryButton,
-  Se as CheckboxMenu,
-  ie as Collapsible,
+  Ne as ActionMenuPrimaryButton,
+  Se as ActionMenuSecondaryButton,
+  je as CheckboxMenu,
+  ae as Collapsible,
   re as CollapsibleEmptyContent,
   De as CollapsibleGroupHeading,
-  He as CollapsibleList,
-  Ee as CollapsibleWithCheckbox,
-  ae as ErrorPanel,
-  Ue as ErrorScreen,
+  Ee as CollapsibleList,
+  Ue as CollapsibleWithCheckbox,
+  ie as ErrorPanel,
+  Oe as ErrorScreen,
   ce as LoadingPanel,
-  Oe as LoadingScreen,
-  je as NavBar,
+  Te as LoadingScreen,
+  Me as NavBar,
   zn as NavBarButton,
-  Me as NavBarHeading,
-  Re as NavBarNotificationButton,
-  Fe as NavBarPopoverButton,
-  Le as NavBarSearchField,
-  Pe as NavBarUserButton,
-  ze as Notification,
+  Fe as NavBarHeading,
+  Le as NavBarNotificationButton,
+  Re as NavBarPopoverButton,
+  Pe as NavBarSearchField,
+  ze as NavBarUserButton,
+  $e as Notification,
   Z as NotificationHeader,
-  $e as NotificationList,
-  Te as PageHeader,
-  Ve as PageHeaderRow,
-  We as PageHeading,
+  Ae as NotificationList,
+  We as PageHeader,
+  qe as PageHeaderRow,
+  Ge as PageHeading,
   Xe as SelectedItemsActionsPanel,
-  qe as SidebarMenu,
-  Ke as SidebarMenuCollapsible,
-  ge as SidebarMenuHeading,
-  Je as SidebarMenuLink,
-  Qe as SidebarMenuSeparator,
-  Ge as SidebarRailMenu,
-  Ae as Toast,
-  Gn as UnreadDot,
-  Jn as getIconBgColor
+  Je as SidebarMenu,
+  Qe as SidebarMenuCollapsible,
+  me as SidebarMenuHeading,
+  fe as SidebarMenuLink,
+  Ve as SidebarMenuSeparator,
+  Ke as SidebarRailMenu,
+  He as Toast,
+  Jn as UnreadDot,
+  Kn as getIconBgColor
 };
 //# sourceMappingURL=index.es.js.map