@stenajs-webui/panels 20.1.0 → 20.3.0

package/dist/index.es.js

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