@stenajs-webui/panels 20.17.4 → 21.0.1

package/dist/index.es.js

@@ -1,327 +1,286 @@
 (function(){"use strict";try{if(typeof document<"u"){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{transform-origin:top center;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)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{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 i, Fragment as B, jsx as n } from "react/jsx-runtime";
-import { ActionMenu as V, ActionMenuContext as ln, stenaAngleDown as X, PrimaryButton as cn, SecondaryButton as sn, FlatButton as F, stenaHamburger as J, BaseButton as dn, stenaBellFilled as un, TextInputButton as hn, stenaTimes as pn, stenaUserCircle as gn, CircledIcon as A, CloseButton as K, Icon as mn, stenaMail as fn, MenuButton as $, Card as bn, CardBody as vn, stenaTripFerryXl as _n, Spinner as Bn, StenaFlag as Cn, stenaAngleLeftDouble as Q, stenaPin as xn, IconMenuButton as H, IconMenuButtonLink as yn, MenuButtonLink as kn } from "@stenajs-webui/elements";
-import * as wn from "react";
-import { useRef as In, useMemo as Nn, forwardRef as Sn, createContext as Mn, useContext as Rn, useState as Fn } from "react";
-import { useBoolean as E, Column as h, Box as u, Row as c, Indent as w, Heading as L, Text as f, Space as g, SeparatorLine as Ln } from "@stenajs-webui/core";
-import { Popover as j, Tooltip as Y } from "@stenajs-webui/tooltip";
-import { Checkbox as Z, TextInput as jn } from "@stenajs-webui/forms";
+import { jsx as n, Fragment as B, jsxs as o } from "react/jsx-runtime";
+import { ActionMenu as D, ActionMenuContext as nn, stenaAngleDown as W, PrimaryButton as en, SecondaryButton as tn, FlatButton as k, stenaHamburger as E, BaseButton as rn, stenaBellFilled as on, TextInputButton as an, stenaTimes as ln, stenaUserCircle as cn, CircledIcon as j, CloseButton as q, Icon as sn, stenaMail as dn, MenuButton as L, Card as un, CardBody as hn, stenaTripFerryXl as pn, Spinner as gn, StenaFlag as mn, stenaAngleLeftDouble as G, stenaPin as bn, IconMenuButton as P, IconMenuButtonLink as fn, MenuButtonLink as vn } from "@stenajs-webui/elements";
+import * as _n from "react";
+import { useRef as Bn, useMemo as Cn, forwardRef as xn, createContext as In, useContext as yn, useState as wn } from "react";
+import { useBoolean as Nn, Row as c, Indent as x, Column as h, Heading as S, Box as u, Text as m, Space as g, SeparatorLine as kn } from "@stenajs-webui/core";
+import { ControlledPopover as Sn, Popover as A, Tooltip as O } from "@stenajs-webui/tooltip";
+import { Checkbox as X, TextInput as Mn } from "@stenajs-webui/forms";
 import p from "classnames";
 import { cssColor as b } from "@stenajs-webui/theme";
-const U = ({
+const $ = ({
   renderItems: e,
   placement: t = "bottom",
   buttonComponent: r,
-  rightIcon: o = X,
-  portalTarget: a = "parent",
-  zIndex: l,
-  menuWidth: s,
-  menuTop: d,
-  onClick: m,
-  disableArrow: v = !1,
+  rightIcon: i = W,
+  menuWidth: a,
+  menuTop: l,
+  onClick: s,
+  disableArrow: d = !1,
   buttonRef: _,
-  ...en
+  ...f
 }) => {
-  const [T, O, x, tn] = E(!1), rn = In(null), I = _ ?? rn, on = {
-    name: "focusManager",
-    defaultValue: !0,
-    fn({ popper: y }) {
-      let N = !1;
-      const W = (C) => {
-        C.key === "Escape" && (N = !0, x()), (C.key === "Enter" || C.key === " ") && (N = !0);
-      };
-      return {
-        onCreate() {
-          y.addEventListener("keydown", W);
-        },
-        onDestroy() {
-          y.removeEventListener("keydown", W);
-        },
-        onMount() {
-          var C;
-          N = !1, (C = y.querySelector("button:not([disabled]), a[href]")) == null || C.focus();
-        },
-        onHide() {
-          I.current && N && I.current.focus();
-        }
-      };
-    }
-  }, an = Nn(() => ({ open: O, close: x }), [O, x]);
-  return /* @__PURE__ */ i(B, { children: [
-    /* @__PURE__ */ n(
-      r,
-      {
-        rightIcon: v ? void 0 : o,
-        ...en,
-        ref: I,
-        onClick: (y) => {
-          m == null || m(y), tn();
-        }
-      }
-    ),
-    /* @__PURE__ */ n(
-      j,
-      {
-        disablePadding: !0,
-        visible: T,
-        onClickOutside: x,
-        placement: t,
-        content: T && /* @__PURE__ */ n(V, { width: s, top: d, trapFocus: !0, children: /* @__PURE__ */ n(ln.Provider, { value: an, children: e(x) }) }),
-        arrow: !1,
-        appendTo: a,
-        zIndex: l,
-        plugins: [on],
-        lazy: !0,
-        reference: I
-      }
-    )
-  ] });
-}, ze = (e) => /* @__PURE__ */ n(U, { buttonComponent: cn, ...e }), Ae = (e) => /* @__PURE__ */ n(U, { buttonComponent: sn, ...e }), Pn = (e) => /* @__PURE__ */ n(U, { buttonComponent: F, ...e }), zn = "1px solid var(--lhds-color-ui-300)", $e = ({
-  renderMenu: e,
-  ...t
-}) => {
-  const [r, o, a] = E(!1);
-  return /* @__PURE__ */ n(
-    j,
+  const [v, H, I, K] = Nn(!1), Q = Bn(null), V = _ ?? Q, Y = Cn(() => ({ open: H, close: I }), [H, I]), Z = (M) => {
+    s == null || s(M), K();
+  };
+  return /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(
+    Sn,
     {
-      onClickOutside: a,
-      arrow: !1,
-      visible: r,
-      disablePadding: !0,
-      content: e ? /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(V, { children: e(a) }) }) : void 0,
-      placement: "bottom-start",
-      children: /* @__PURE__ */ n(u, { display: "inline-block", children: /* @__PURE__ */ i(
-        c,
+      renderTrigger: (M) => /* @__PURE__ */ n(
+        r,
         {
-          spacing: 0.5,
-          indent: !0,
-          alignItems: "center",
-          border: zn,
-          borderRadius: "4px",
-          children: [
-            /* @__PURE__ */ n(Z, { ...t }),
-            /* @__PURE__ */ n(w, { num: 0.5 }),
-            /* @__PURE__ */ n(F, { size: "small", onClick: o, leftIcon: X })
-          ]
+          rightIcon: d ? void 0 : i,
+          ...f,
+          ref: V,
+          onClick: Z,
+          ...M
         }
-      ) })
+      ),
+      hideArrow: !0,
+      disablePadding: !0,
+      open: v,
+      onRequestClose: I,
+      placement: t,
+      children: v && /* @__PURE__ */ n(D, { width: a, top: l, trapFocus: !0, children: /* @__PURE__ */ n(nn.Provider, { value: Y, children: e(I) }) })
     }
-  );
-}, An = "_navBar_kzibd_1", $n = {
-  navBar: An
-}, Hn = ({
+  ) });
+}, Re = (e) => /* @__PURE__ */ n($, { buttonComponent: en, ...e }), Fe = (e) => /* @__PURE__ */ n($, { buttonComponent: tn, ...e }), Rn = (e) => /* @__PURE__ */ n($, { buttonComponent: k, ...e }), Fn = "1px solid var(--lhds-color-ui-300)", je = ({
+  renderMenu: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  A,
+  {
+    trigger: "click",
+    renderTrigger: (r) => /* @__PURE__ */ n(c, { children: /* @__PURE__ */ o(
+      c,
+      {
+        spacing: 0.5,
+        indent: !0,
+        alignItems: "center",
+        border: Fn,
+        borderRadius: "4px",
+        children: [
+          /* @__PURE__ */ n(X, { ...t }),
+          /* @__PURE__ */ n(x, { num: 0.5 }),
+          /* @__PURE__ */ n(k, { size: "small", leftIcon: W, ...r })
+        ]
+      }
+    ) }),
+    hideArrow: !0,
+    disablePadding: !0,
+    placement: "bottom-start",
+    children: ({ onRequestClose: r }) => /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(D, { children: e(r) }) })
+  }
+), jn = "_navBar_kzibd_1", Ln = {
+  navBar: jn
+}, Pn = ({
   className: e,
   onClick: t
 }) => /* @__PURE__ */ n(
-  F,
+  k,
   {
-    leftIcon: J,
+    leftIcon: E,
     className: e,
     onClick: t
   }
-), He = ({
+), Le = ({
   left: e,
   className: t,
   showMenuButton: r = !1,
-  children: o,
+  children: i,
   right: a,
   center: l,
   onClickMenuButton: s
 }) => {
   const d = l ? 1 : void 0;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     c,
     {
       justifyContent: "space-between",
-      className: p($n.navBar, t),
+      className: p(Ln.navBar, t),
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           c,
           {
             flex: d,
             justifyContent: "flex-start",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ i(c, { width: "86px", alignItems: "center", children: [
-                /* @__PURE__ */ n(w, {}),
-                r && /* @__PURE__ */ n(Hn, { onClick: s })
+              /* @__PURE__ */ o(c, { width: "86px", alignItems: "center", children: [
+                /* @__PURE__ */ n(x, {}),
+                r && /* @__PURE__ */ n(Pn, { onClick: s })
               ] }),
-              e && /* @__PURE__ */ i(B, { children: [
+              e && /* @__PURE__ */ o(B, { children: [
                 e,
-                /* @__PURE__ */ n(w, { num: 2 })
+                /* @__PURE__ */ n(x, { num: 2 })
               ] }),
-              o && /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(c, { justifyContent: "center", alignItems: "center", children: wn.Children.map(o, (m, v) => /* @__PURE__ */ i(B, { children: [
-                v > 0 && /* @__PURE__ */ n(w, {}),
-                m
+              i && /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(c, { justifyContent: "center", alignItems: "center", children: _n.Children.map(i, (_, f) => /* @__PURE__ */ o(B, { children: [
+                f > 0 && /* @__PURE__ */ n(x, {}),
+                _
               ] })) }) })
             ]
           }
         ),
         l && /* @__PURE__ */ n(c, { justifyContent: "center", alignItems: "center", children: l }),
-        /* @__PURE__ */ i(c, { justifyContent: "flex-end", alignItems: "center", flex: d, children: [
+        /* @__PURE__ */ o(c, { justifyContent: "flex-end", alignItems: "center", flex: d, children: [
           a,
-          /* @__PURE__ */ n(w, { num: 2 })
+          /* @__PURE__ */ n(x, { num: 2 })
         ] })
       ]
     }
   );
-}, En = "_navBarButton_b3x3w_1", Un = "_selected_b3x3w_14", q = {
-  navBarButton: En,
-  selected: Un
-}, Dn = ({
+}, An = "_navBarButton_b3x3w_1", $n = "_selected_b3x3w_14", T = {
+  navBarButton: An,
+  selected: $n
+}, zn = ({
   selected: e,
   className: t,
   ...r
 }) => /* @__PURE__ */ n(
-  F,
+  k,
   {
     ...r,
     className: p(
-      q.navBarButton,
-      e && q.selected,
+      T.navBarButton,
+      e && T.selected,
       t
     )
   }
-), Ee = (e) => /* @__PURE__ */ n(L, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Ue = ({
+), Pe = (e) => /* @__PURE__ */ n(S, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Ae = ({
   content: e,
   children: t,
   ...r
-}) => {
-  const [o, , a, l] = E(!1);
-  return /* @__PURE__ */ n(
-    j,
-    {
-      onClickOutside: a,
-      triggerTarget: document.body,
-      visible: o,
-      content: /* @__PURE__ */ i(B, { children: [
-        e && e({ close: a }),
-        t
-      ] }),
-      children: /* @__PURE__ */ n(Dn, { ...r, onClick: l })
-    }
-  );
-}, Tn = "_navBarNotificationButton_1wt3y_1", On = "_unread_1wt3y_23", Wn = "_icon_1wt3y_23", qn = "_shake_1wt3y_1", k = {
-  navBarNotificationButton: Tn,
-  unread: On,
-  icon: Wn,
-  shake: qn
-}, De = ({
+}) => /* @__PURE__ */ n(
+  A,
+  {
+    renderTrigger: (i) => /* @__PURE__ */ n(c, { ...i, children: /* @__PURE__ */ n(zn, { ...r }) }),
+    trigger: "click",
+    children: ({ onRequestClose: i }) => /* @__PURE__ */ o(u, { children: [
+      e && e({ close: i }),
+      t
+    ] })
+  }
+), Hn = "_navBarNotificationButton_1wt3y_1", Tn = "_unread_1wt3y_23", Un = "_icon_1wt3y_23", Dn = "_shake_1wt3y_1", C = {
+  navBarNotificationButton: Hn,
+  unread: Tn,
+  icon: Un,
+  shake: Dn
+}, $e = ({
   count: e,
   unread: t = !1,
   className: r,
-  labelClassName: o,
+  labelClassName: i,
   iconClassName: a,
-  icon: l = un,
+  icon: l = on,
   ...s
 }) => {
   const d = e > 1;
   return /* @__PURE__ */ n(
-    dn,
+    rn,
     {
       ...s,
       leftIcon: l,
       className: p(
-        k.navBarNotificationButton,
-        t && k.unread,
-        d && k.hasCount,
+        C.navBarNotificationButton,
+        t && C.unread,
+        d && C.hasCount,
         r
       ),
       label: d ? String(e) : void 0,
-      labelClassName: p(o, k.label),
-      iconClassName: p(a, k.icon)
+      labelClassName: p(i, C.label),
+      iconClassName: p(a, C.icon)
     }
   );
-}, Gn = "_navBarSearchFieldInput_1rp8g_1", Vn = "_navBarSearchFieldWrapper_1rp8g_12", Xn = "_withButton_1rp8g_24", Jn = "_clearButton_1rp8g_33", S = {
-  navBarSearchFieldInput: Gn,
-  navBarSearchFieldWrapper: Vn,
-  withButton: Xn,
-  clearButton: Jn
-}, Te = ({
+}, Wn = "_navBarSearchFieldInput_1rp8g_1", En = "_navBarSearchFieldWrapper_1rp8g_12", qn = "_withButton_1rp8g_24", Gn = "_clearButton_1rp8g_33", y = {
+  navBarSearchFieldInput: Wn,
+  navBarSearchFieldWrapper: En,
+  withButton: qn,
+  clearButton: Gn
+}, ze = ({
   placeholder: e = "Search",
   className: t,
   wrapperClassName: r,
-  showClearButton: o,
+  showClearButton: i,
   onClickClearButton: a,
   value: l,
   ...s
 }) => /* @__PURE__ */ n(
-  jn,
+  Mn,
   {
     wrapperClassName: p(
-      S.navBarSearchFieldWrapper,
-      o ? S.withButton : void 0,
+      y.navBarSearchFieldWrapper,
+      i ? y.withButton : void 0,
       r
     ),
-    className: p(S.navBarSearchFieldInput, t),
+    className: p(y.navBarSearchFieldInput, t),
     placeholder: e,
     value: l,
-    buttonRight: l && o ? /* @__PURE__ */ n(
-      hn,
+    buttonRight: l && i ? /* @__PURE__ */ n(
+      an,
       {
-        className: S.clearButton,
-        icon: pn,
+        className: y.clearButton,
+        icon: ln,
         variant: "error",
         onClick: a
       }
     ) : void 0,
     ...s
   }
-), Kn = "_navBarUserButton_10f9z_1", Qn = {
-  navBarUserButton: Kn
-}, Oe = ({
+), On = "_navBarUserButton_10f9z_1", Xn = {
+  navBarUserButton: On
+}, He = ({
   className: e,
   username: t,
   initials: r,
-  icon: o = gn,
+  icon: i = cn,
   responsiveIconOnly: a = r == null,
   ...l
 }) => /* @__PURE__ */ n(
-  Pn,
+  Rn,
   {
     ...l,
-    className: p(Qn.navBarUserButton, e),
-    leftIcon: t != null ? o : void 0,
+    className: p(Xn.navBarUserButton, e),
+    leftIcon: t != null ? i : void 0,
     label: r ?? t,
     forceRound: r != null,
     responsiveIconOnly: a,
     disableArrow: !0
   }
-), Yn = "_unreadDot_l8bni_1", Zn = "_dot_l8bni_4", G = {
-  unreadDot: Yn,
-  dot: Zn
-}, ne = ({ children: e }) => /* @__PURE__ */ i("div", { className: G.unreadDot, children: [
+), Jn = "_unreadDot_l8bni_1", Kn = "_dot_l8bni_4", U = {
+  unreadDot: Jn,
+  dot: Kn
+}, Qn = ({ children: e }) => /* @__PURE__ */ o("div", { className: U.unreadDot, children: [
   e,
-  /* @__PURE__ */ n("div", { className: G.dot })
-] }), nn = ({
+  /* @__PURE__ */ n("div", { className: U.dot })
+] }), J = ({
   text: e,
   timestamp: t,
   icon: r,
-  iconAriaLabel: o,
+  iconAriaLabel: i,
   contentLeft: a,
   contentRight: l,
   onClose: s,
   unread: d = !1,
-  variant: m,
-  iconBackgroundColor: v
+  variant: _,
+  iconBackgroundColor: f
 }) => {
-  const _ = r ? /* @__PURE__ */ n(
-    A,
+  const v = r ? /* @__PURE__ */ n(
+    j,
     {
       size: "small",
       icon: r,
-      "aria-label": o,
-      backgroundColor: v || ee(d, m)
+      "aria-label": i,
+      backgroundColor: f || Vn(d, _)
     }
   ) : void 0;
-  return /* @__PURE__ */ i(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
-    /* @__PURE__ */ i(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
+  return /* @__PURE__ */ o(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
+    /* @__PURE__ */ o(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
       a && /* @__PURE__ */ n(u, { minHeight: 20, justifyContent: "center", children: a }),
-      !a && _ && (d ? /* @__PURE__ */ n(ne, { children: _ }) : _),
-      /* @__PURE__ */ i(u, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
-        /* @__PURE__ */ n(f, { variant: "bold", children: e }),
+      !a && v && (d ? /* @__PURE__ */ n(Qn, { children: v }) : v),
+      /* @__PURE__ */ o(u, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
+        /* @__PURE__ */ n(m, { variant: "bold", children: e }),
         t && /* @__PURE__ */ n(
-          f,
+          m,
           {
             size: "small",
             color: b(
@@ -339,67 +298,67 @@ const U = ({
         flex: "none",
         justifyContent: "center",
         height: "calc(20px + 2 * var(--swui-metrics-spacing))",
-        children: /* @__PURE__ */ n(K, { onClick: s })
+        children: /* @__PURE__ */ n(q, { onClick: s })
       }
     )
   ] });
-}, ee = (e, t) => {
+}, Vn = (e, t) => {
   if (!(!e && t === "standard"))
     return "--lhds-color-ui-50";
-}, te = "_notification_1hao0_1", re = "_body_1hao0_7", oe = "_standard_1hao0_13", ie = "_unread_1hao0_14", ae = "_danger_1hao0_19", M = {
-  notification: te,
-  body: re,
-  standard: oe,
-  unread: ie,
-  danger: ae
-}, We = ({
+}, Yn = "_notification_1hao0_1", Zn = "_body_1hao0_7", ne = "_standard_1hao0_13", ee = "_unread_1hao0_14", te = "_danger_1hao0_19", w = {
+  notification: Yn,
+  body: Zn,
+  standard: ne,
+  unread: ee,
+  danger: te
+}, Te = ({
   variant: e = "standard",
   children: t,
   unread: r,
-  ...o
-}) => /* @__PURE__ */ i(
+  ...i
+}) => /* @__PURE__ */ o(
   "div",
   {
     className: p(
-      M.notification,
-      M[e],
-      r && M.unread
+      w.notification,
+      w[e],
+      r && w.unread
     ),
     children: [
-      /* @__PURE__ */ n(nn, { ...o, unread: r, variant: e }),
-      t && /* @__PURE__ */ n(h, { className: M.body, children: t })
+      /* @__PURE__ */ n(J, { ...i, unread: r, variant: e }),
+      t && /* @__PURE__ */ n(h, { className: w.body, children: t })
     ]
   }
-), le = "_notificationList_1rkvu_1", ce = {
-  notificationList: le
-}, qe = ({
+), re = "_notificationList_1rkvu_1", ie = {
+  notificationList: re
+}, Ue = ({
   children: e
-}) => /* @__PURE__ */ i("div", { className: ce.notificationList, children: [
+}) => /* @__PURE__ */ o("div", { className: ie.notificationList, children: [
   e,
   /* @__PURE__ */ n("div", {})
-] }), se = "_clickable_1ijxc_1", de = "_nonClickable_1ijxc_27", P = {
-  clickable: se,
-  nonClickable: de
-}, Ge = ({
+] }), oe = "_clickable_1ijxc_1", ae = "_nonClickable_1ijxc_27", R = {
+  clickable: oe,
+  nonClickable: ae
+}, De = ({
   onClick: e,
   onClickAriaLabel: t,
   children: r,
-  width: o = 264,
+  width: i = 264,
   maxWidth: a,
   ...l
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ o(
   u,
   {
     borderRadius: 8,
     background: b("--lhds-color-ui-50"),
     shadow: "popover",
-    width: o,
+    width: i,
     maxWidth: a,
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ n(u, { className: p({ [P.nonClickable]: e }), children: /* @__PURE__ */ n(nn, { ...l }) }),
-      r && /* @__PURE__ */ i(u, { indent: 3, className: p({ [P.nonClickable]: e }), children: [
+      /* @__PURE__ */ n(u, { className: p({ [R.nonClickable]: e }), children: /* @__PURE__ */ n(J, { ...l }) }),
+      r && /* @__PURE__ */ o(u, { indent: 3, className: p({ [R.nonClickable]: e }), children: [
         r,
         /* @__PURE__ */ n(g, { num: 2 })
       ] }),
@@ -407,34 +366,34 @@ const U = ({
         "button",
         {
           onClick: e,
-          className: P.clickable,
+          className: R.clickable,
           "aria-label": t
         }
       )
     ]
   }
-), ue = () => /* @__PURE__ */ i(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ n(mn, { icon: fn, color: b("--lhds-color-ui-500") }),
+), le = () => /* @__PURE__ */ o(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ n(sn, { icon: dn, color: b("--lhds-color-ui-500") }),
   /* @__PURE__ */ n(g, {}),
-  /* @__PURE__ */ n(f, { size: "small", color: b("--lhds-color-ui-500"), children: "No content" })
-] }), he = Sn(
+  /* @__PURE__ */ n(m, { size: "small", color: b("--lhds-color-ui-500"), children: "No content" })
+] }), ce = xn(
   function({
     label: t,
     contentLeft: r,
-    contentRight: o,
+    contentRight: i,
     collapsed: a = !1,
     onClick: l,
     disabled: s = !1,
     children: d,
-    autoFocus: m = !1,
-    ...v
-  }, _) {
+    autoFocus: _ = !1,
+    ...f
+  }, v) {
     return /* @__PURE__ */ n(
-      $,
+      L,
       {
-        ...v,
-        autoFocus: m,
-        ref: _,
+        ...f,
+        autoFocus: _,
+        ref: v,
         label: t,
         onClick: l,
         disabled: s,
@@ -442,28 +401,28 @@ const U = ({
         expanded: !a,
         selected: !a,
         left: r,
-        right: o,
-        children: d ?? /* @__PURE__ */ n(ue, {})
+        right: i,
+        children: d ?? /* @__PURE__ */ n(le, {})
       }
     );
   }
-), Ve = ({
+), We = ({
   children: e
-}) => /* @__PURE__ */ n(h, { gap: 1, children: e }), Xe = ({
+}) => /* @__PURE__ */ n(h, { gap: 1, children: e }), Ee = ({
   value: e,
   onValueChange: t,
   onChange: r,
-  indeterminate: o,
+  indeterminate: i,
   checkboxDisabled: a,
   ...l
 }) => /* @__PURE__ */ n(
-  he,
+  ce,
   {
     contentLeft: /* @__PURE__ */ n(
-      Z,
+      X,
       {
         value: e,
-        indeterminate: o,
+        indeterminate: i,
         onValueChange: t,
         onChange: r,
         disabled: a,
@@ -472,61 +431,61 @@ const U = ({
     ),
     ...l
   }
-), Je = ({ children: e }) => /* @__PURE__ */ n(u, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(f, { variant: "overline", size: "smaller", children: e }) }), pe = ({
+), qe = ({ children: e }) => /* @__PURE__ */ n(u, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(m, { variant: "overline", size: "smaller", children: e }) }), se = ({
   text: e,
   heading: t,
   children: r,
-  buttons: o,
-  icon: a = _n,
+  buttons: i,
+  icon: a = pn,
   headingLevel: l = "h3",
   ...s
 }) => {
   const d = !e && !t ? "Something unexpected happened." : e;
-  return /* @__PURE__ */ n(bn, { ...s, children: /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ i(h, { spacing: 1, gap: 3, alignItems: "center", children: [
-    /* @__PURE__ */ i(h, { alignItems: "center", children: [
+  return /* @__PURE__ */ n(un, { ...s, children: /* @__PURE__ */ n(hn, { children: /* @__PURE__ */ o(h, { spacing: 1, gap: 3, alignItems: "center", children: [
+    /* @__PURE__ */ o(h, { alignItems: "center", children: [
       /* @__PURE__ */ n(g, { num: 1 }),
-      /* @__PURE__ */ n(A, { icon: a, size: "xl" })
+      /* @__PURE__ */ n(j, { icon: a, size: "xl" })
     ] }),
-    t && /* @__PURE__ */ n(L, { as: l, children: t }),
-    d && /* @__PURE__ */ n(f, { children: d }),
+    t && /* @__PURE__ */ n(S, { as: l, children: t }),
+    d && /* @__PURE__ */ n(m, { children: d }),
     r,
-    o && /* @__PURE__ */ i(u, { children: [
+    i && /* @__PURE__ */ o(u, { children: [
       /* @__PURE__ */ n(g, { num: 2 }),
-      o
+      i
     ] })
   ] }) }) });
-}, Ke = (e) => /* @__PURE__ */ n(
+}, Ge = (e) => /* @__PURE__ */ n(
   u,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(pe, { ...e })
+    children: /* @__PURE__ */ n(se, { ...e })
   }
-), ge = ({
+), de = ({
   text: e = "Loading..."
-}) => /* @__PURE__ */ i(u, { alignItems: "center", children: [
-  /* @__PURE__ */ n(Bn, { size: "small" }),
+}) => /* @__PURE__ */ o(u, { alignItems: "center", children: [
+  /* @__PURE__ */ n(gn, { size: "small" }),
   /* @__PURE__ */ n(g, { num: 4 }),
-  /* @__PURE__ */ n(L, { variant: "h4", children: e })
-] }), Qe = (e) => /* @__PURE__ */ n(
+  /* @__PURE__ */ n(S, { variant: "h4", children: e })
+] }), Oe = (e) => /* @__PURE__ */ n(
   u,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(ge, { ...e })
+    children: /* @__PURE__ */ n(de, { ...e })
   }
-), Ye = ({
+), Xe = ({
   renderBreadCrumbs: e,
   renderPageHeading: t,
   renderTabs: r,
-  children: o
-}) => /* @__PURE__ */ i(u, { shadow: "bottom", background: b("--lhds-color-ui-50"), gap: 2, children: [
-  /* @__PURE__ */ i(u, { indent: 3, children: [
-    e && /* @__PURE__ */ i(c, { spacing: 1, alignItems: "center", children: [
+  children: i
+}) => /* @__PURE__ */ o(u, { shadow: "bottom", background: b("--lhds-color-ui-50"), gap: 2, children: [
+  /* @__PURE__ */ o(u, { indent: 3, children: [
+    e && /* @__PURE__ */ o(c, { spacing: 1, alignItems: "center", children: [
       /* @__PURE__ */ n(c, { width: "64px", height: "16px" }),
       e()
     ] }),
@@ -534,29 +493,29 @@ const U = ({
     r && /* @__PURE__ */ n(g, {}),
     r == null ? void 0 : r()
   ] }),
-  o
-] }), Ze = (e) => /* @__PURE__ */ n(c, { indent: 3, spacing: !0, ...e }), nt = ({
+  i
+] }), Je = (e) => /* @__PURE__ */ n(c, { indent: 3, spacing: !0, ...e }), Ke = ({
   icon: e,
   heading: t,
   headingLevel: r = "h2",
-  contentLeft: o,
+  contentLeft: i,
   contentRight: a
-}) => /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, height: "64px", children: [
-  /* @__PURE__ */ i(c, { alignItems: "center", children: [
-    /* @__PURE__ */ n(c, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(A, { icon: e }) }),
-    /* @__PURE__ */ n(L, { variant: "h3", as: r, children: t })
+}) => /* @__PURE__ */ o(c, { alignItems: "center", gap: 2, height: "64px", children: [
+  /* @__PURE__ */ o(c, { alignItems: "center", children: [
+    /* @__PURE__ */ n(c, { width: "64px", alignItems: "center", children: e && /* @__PURE__ */ n(j, { icon: e }) }),
+    /* @__PURE__ */ n(S, { variant: "h3", as: r, children: t })
   ] }),
-  /* @__PURE__ */ n(c, { alignItems: "center", children: o }),
+  /* @__PURE__ */ n(c, { alignItems: "center", children: i }),
   /* @__PURE__ */ n(c, { style: { marginLeft: "auto" }, alignItems: "center", children: a })
-] }), me = "_sidebarMenu_1bx5w_1", fe = "_sidebarItems_1bx5w_38", be = "_scrollContainer_1bx5w_48", z = {
-  sidebarMenu: me,
-  sidebarItems: fe,
-  scrollContainer: be
-}, ve = "_stenaFlag_108h7_1", _e = {
-  stenaFlag: ve
-}, Be = ({ onClick: e }) => /* @__PURE__ */ i(h, { background: b("--lhds-color-ui-50"), children: [
+] }), ue = "_sidebarMenu_1bx5w_1", he = "_sidebarItems_1bx5w_38", pe = "_scrollContainer_1bx5w_48", F = {
+  sidebarMenu: ue,
+  sidebarItems: he,
+  scrollContainer: pe
+}, ge = "_stenaFlag_108h7_1", me = {
+  stenaFlag: ge
+}, be = ({ onClick: e }) => /* @__PURE__ */ o(h, { background: b("--lhds-color-ui-50"), children: [
   /* @__PURE__ */ n(g, {}),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ o(
     c,
     {
       justifyContent: "space-between",
@@ -565,40 +524,40 @@ const U = ({
       indent: 1,
       minHeight: "48px",
       children: [
-        /* @__PURE__ */ n(K, { onClick: e }),
-        /* @__PURE__ */ n(Cn, { className: _e.stenaFlag })
+        /* @__PURE__ */ n(q, { onClick: e }),
+        /* @__PURE__ */ n(mn, { className: me.stenaFlag })
       ]
     }
   )
-] }), Ce = ({
+] }), fe = ({
   isPinned: e,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ n($, { onClick: t, label: r ?? (e ? "Unpin menu" : "Pin menu"), leftIcon: e ? Q : xn }), et = ({
+}) => /* @__PURE__ */ n(L, { onClick: t, label: r ?? (e ? "Unpin menu" : "Pin menu"), leftIcon: e ? G : bn }), Qe = ({
   className: e,
   children: t,
   onCloseClick: r,
-  pinButtonVisible: o,
+  pinButtonVisible: i,
   onClickPinButton: a,
   bottomItems: l,
   isPinned: s,
   ...d
-}) => /* @__PURE__ */ i(u, { ...d, className: p(z.sidebarMenu, e), children: [
-  /* @__PURE__ */ n(Be, { onClick: r }),
-  /* @__PURE__ */ n(u, { className: z.scrollContainer, children: /* @__PURE__ */ i(
+}) => /* @__PURE__ */ o(u, { ...d, className: p(F.sidebarMenu, e), children: [
+  /* @__PURE__ */ n(be, { onClick: r }),
+  /* @__PURE__ */ n(u, { className: F.scrollContainer, children: /* @__PURE__ */ o(
     h,
     {
-      className: z.sidebarItems,
+      className: F.sidebarItems,
       justifyContent: "space-between",
       flex: 1,
       gap: 1,
       indent: 1,
       children: [
         /* @__PURE__ */ n(h, { gap: 1, children: t }),
-        (l || o) && /* @__PURE__ */ i(h, { gap: 1, children: [
+        (l || i) && /* @__PURE__ */ o(h, { gap: 1, children: [
           l,
-          o && /* @__PURE__ */ n(
-            Ce,
+          i && /* @__PURE__ */ n(
+            fe,
             {
               isPinned: s,
               onClick: a
@@ -609,17 +568,20 @@ const U = ({
       ]
     }
   ) })
-] }), R = Mn(!1), D = () => Rn(R), xe = ({
+] }), N = In(!1), z = () => yn(N), ve = ({
   label: e,
   ...t
-}) => /* @__PURE__ */ n(Y, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(H, { ...t }) }), tt = ({
+}) => /* @__PURE__ */ n(O, { label: e + `    <Tooltip label={label2} placement={"right"} visible>
+      <IconMenuButton {...menuButtonLinkProps} />
+    </Tooltip>
+`, placement: "right", visible: !0, children: /* @__PURE__ */ n(P, { ...t }) }), Ve = ({
   closeButtonVisible: e,
   onClickCloseButton: t,
   onClickMenuButton: r,
-  children: o,
+  children: i,
   bottomItems: a,
   closeButtonTitle: l = "Unpin menu"
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ o(
   u,
   {
     position: "fixed",
@@ -632,15 +594,15 @@ const U = ({
     shadow: "popover",
     background: b("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ n(H, { onClick: r, icon: J }),
-      /* @__PURE__ */ i(h, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ n(h, { gap: 1, children: /* @__PURE__ */ n(R.Provider, { value: !0, children: o }) }),
-        /* @__PURE__ */ n(h, { gap: 1, children: (a || e) && /* @__PURE__ */ i(R.Provider, { value: !0, children: [
+      /* @__PURE__ */ n(P, { onClick: r, icon: E }),
+      /* @__PURE__ */ o(h, { justifyContent: "space-between", flex: 1, gap: 1, children: [
+        /* @__PURE__ */ n(h, { gap: 1, children: /* @__PURE__ */ n(N.Provider, { value: !0, children: i }) }),
+        /* @__PURE__ */ n(h, { gap: 1, children: (a || e) && /* @__PURE__ */ o(N.Provider, { value: !0, children: [
           a,
           e && /* @__PURE__ */ n(
-            xe,
+            ve,
             {
-              icon: Q,
+              icon: G,
               label: l,
               onClick: t
             }
@@ -649,74 +611,70 @@ const U = ({
       ] })
     ]
   }
-), ye = ({
+), _e = ({
   label: e
-}) => D() ? null : /* @__PURE__ */ i(u, { height: "32px", justifyContent: "center", indent: 1, children: [
+}) => z() ? null : /* @__PURE__ */ o(u, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ n(g, {}),
-  /* @__PURE__ */ n(f, { variant: "overline", size: "smaller", children: e })
-] }), ke = ({
+  /* @__PURE__ */ n(m, { variant: "overline", size: "smaller", children: e })
+] }), Be = ({
   label: e,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ n(Y, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(yn, { icon: t, ...r }) }), rt = (e) => D() ? /* @__PURE__ */ n(ke, { ...e }) : /* @__PURE__ */ n(kn, { ...e }), we = ({
+}) => t == null ? null : /* @__PURE__ */ n(O, { label: e, placement: "right", children: /* @__PURE__ */ n(fn, { icon: t, ...r }) }), Ye = (e) => z() ? /* @__PURE__ */ n(Be, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), Ce = ({
   children: e,
   label: t,
   icon: r,
-  popupMinWidth: o = "200px"
+  popupMinWidth: i = "200px"
 }) => /* @__PURE__ */ n(
-  j,
+  A,
   {
-    appendTo: "parent",
-    arrow: !1,
-    offset: [0, 0],
+    renderTrigger: (a) => /* @__PURE__ */ n(P, { icon: r, ...a }),
     placement: "right-start",
-    trigger: "focusin mouseenter click",
+    trigger: ["hover", "focus"],
     disablePadding: !0,
-    lazy: !0,
-    content: /* @__PURE__ */ n(
+    children: /* @__PURE__ */ n(
       u,
       {
-        minWidth: o,
+        minWidth: i,
         shadow: "popover",
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ i(R.Provider, { value: !1, children: [
-          /* @__PURE__ */ n(ye, { label: t }),
+        children: /* @__PURE__ */ o(N.Provider, { value: !1, children: [
+          /* @__PURE__ */ n(_e, { label: t }),
           e
         ] })
       }
-    ),
-    children: /* @__PURE__ */ n(H, { icon: r })
+    )
   }
-), ot = ({
+), Ze = ({
   children: e,
   label: t,
   leftIcon: r,
-  className: o,
+  className: i,
   initialExpand: a = !1
 }) => {
-  const [l, s] = Fn(a);
-  return D() ? r == null ? null : /* @__PURE__ */ n(we, { label: t, icon: r, children: e }) : /* @__PURE__ */ n(
-    $,
+  const [l, s] = wn(a);
+  return z() ? r == null ? null : /* @__PURE__ */ n(Ce, { label: t, icon: r, children: e }) : /* @__PURE__ */ n(
+    L,
     {
       label: t,
       onClick: () => s(!l),
       leftIcon: r,
-      className: o,
+      className: i,
       expandable: !0,
       expanded: l,
       selected: l,
       children: e
     }
   );
-}, it = (e) => /* @__PURE__ */ n(
-  Ln,
+}, nt = (e) => /* @__PURE__ */ n(
+  kn,
   {
     color: b("--lhds-color-ui-400"),
     ...e
   }
-), at = ({ numItemsSelected: e, label: t, afterLabelContent: r, rightContent: o }) => /* @__PURE__ */ i(
+), et = ({ numItemsSelected: e, label: t, afterLabelContent: r, rightContent: i }) => /* @__PURE__ */ o(
   c,
   {
     indent: 3,
@@ -729,59 +687,59 @@ const U = ({
     flex: 1,
     borderRadius: "var(--swui-border-radius)",
     children: [
-      /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, children: [
-        e != null || t != null ? /* @__PURE__ */ n(c, { alignItems: "center", children: e != null ? /* @__PURE__ */ i(B, { children: [
-          /* @__PURE__ */ n(f, { children: e }),
+      /* @__PURE__ */ o(c, { alignItems: "center", gap: 2, children: [
+        e != null || t != null ? /* @__PURE__ */ n(c, { alignItems: "center", children: e != null ? /* @__PURE__ */ o(B, { children: [
+          /* @__PURE__ */ n(m, { children: e }),
           /* @__PURE__ */ n(g, {}),
-          /* @__PURE__ */ i(f, { children: [
+          /* @__PURE__ */ o(m, { children: [
             "item",
             e === 1 ? "" : "s",
             " selected"
           ] })
-        ] }) : t != null ? /* @__PURE__ */ n(B, { children: typeof t == "string" ? /* @__PURE__ */ n(f, { children: t }) : t }) : null }) : null,
+        ] }) : t != null ? /* @__PURE__ */ n(B, { children: typeof t == "string" ? /* @__PURE__ */ n(m, { children: t }) : t }) : null }) : null,
         r && /* @__PURE__ */ n(c, { children: r })
       ] }),
-      /* @__PURE__ */ n(c, { gap: 2, children: o })
+      /* @__PURE__ */ n(c, { gap: 2, children: i })
     ]
   }
-), lt = ({ children: e }) => /* @__PURE__ */ n(c, { spacing: 0.5, indent: 0.5, flex: 1, children: e });
+), tt = ({ children: e }) => /* @__PURE__ */ n(c, { spacing: 0.5, indent: 0.5, flex: 1, children: e });
 export {
-  Pn as ActionMenuFlatButton,
-  ze as ActionMenuPrimaryButton,
-  Ae as ActionMenuSecondaryButton,
-  $e as CheckboxMenu,
-  he as Collapsible,
-  ue as CollapsibleEmptyContent,
-  Je as CollapsibleGroupHeading,
-  Ve as CollapsibleList,
-  Xe as CollapsibleWithCheckbox,
-  pe as ErrorPanel,
-  Ke as ErrorScreen,
-  ge as LoadingPanel,
-  Qe as LoadingScreen,
-  He as NavBar,
-  Dn as NavBarButton,
-  Ee as NavBarHeading,
-  De as NavBarNotificationButton,
-  Ue as NavBarPopoverButton,
-  Te as NavBarSearchField,
-  Oe as NavBarUserButton,
-  We as Notification,
-  nn as NotificationHeader,
-  qe as NotificationList,
-  Ye as PageHeader,
-  Ze as PageHeaderRow,
-  nt as PageHeading,
-  lt as SelectedItemsActionsPadding,
-  at as SelectedItemsActionsPanel,
-  et as SidebarMenu,
-  ot as SidebarMenuCollapsible,
-  ye as SidebarMenuHeading,
-  rt as SidebarMenuLink,
-  it as SidebarMenuSeparator,
-  tt as SidebarRailMenu,
-  Ge as Toast,
-  ne as UnreadDot,
-  ee as getIconBgColorFromVariant
+  Rn as ActionMenuFlatButton,
+  Re as ActionMenuPrimaryButton,
+  Fe as ActionMenuSecondaryButton,
+  je as CheckboxMenu,
+  ce as Collapsible,
+  le as CollapsibleEmptyContent,
+  qe as CollapsibleGroupHeading,
+  We as CollapsibleList,
+  Ee as CollapsibleWithCheckbox,
+  se as ErrorPanel,
+  Ge as ErrorScreen,
+  de as LoadingPanel,
+  Oe as LoadingScreen,
+  Le as NavBar,
+  zn as NavBarButton,
+  Pe as NavBarHeading,
+  $e as NavBarNotificationButton,
+  Ae as NavBarPopoverButton,
+  ze as NavBarSearchField,
+  He as NavBarUserButton,
+  Te as Notification,
+  J as NotificationHeader,
+  Ue as NotificationList,
+  Xe as PageHeader,
+  Je as PageHeaderRow,
+  Ke as PageHeading,
+  tt as SelectedItemsActionsPadding,
+  et as SelectedItemsActionsPanel,
+  Qe as SidebarMenu,
+  Ze as SidebarMenuCollapsible,
+  _e as SidebarMenuHeading,
+  Ye as SidebarMenuLink,
+  nt as SidebarMenuSeparator,
+  Ve as SidebarRailMenu,
+  De as Toast,
+  Qn as UnreadDot,
+  Vn as getIconBgColorFromVariant
 };
 //# sourceMappingURL=index.es.js.map