@stenajs-webui/panels 19.0.0-next.65 → 19.0.0-next.67

package/dist/index.es.js

@@ -1,41 +1,41 @@
 (function(){"use strict";try{var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@-webkit-keyframes _shake_1wt3y_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_1wt3y_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_q4zl6_1._navBarSearchFieldInput_q4zl6_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50);--swui-textinput-placeholder-color: var(--lhds-color-blue-800);padding:0 var(--swui-metrics-indent)}._navBarSearchFieldInput_q4zl6_1._navBarSearchFieldInput_q4zl6_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_q4zl6_1{--swui-textinput-animation-time: var(--swui-animation-time-fast);--swui-textinput-placeholder-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-200);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent;padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchField_q4zl6_1._withButton_q4zl6_25{padding-right:1px}._navBarSearchField_q4zl6_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._clearButton_q4zl6_36{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 import { jsxs as a, Fragment as b, jsx as n } from "react/jsx-runtime";
-import { ActionMenu as G, ActionMenuContext as cn, stenaAngleDown as J, PrimaryButton as ln, SecondaryButton as sn, FlatButton as j, stenaHamburger as K, BaseButton as dn, stenaBellFilled as un, TextInputButton as hn, stenaTimes as pn, stenaUserCircle as gn, CircledIcon as Q, CloseButton as V, Icon as mn, stenaMail as fn, MenuButton as z, Banner as bn, Spinner as vn, StenaFlag as _n, stenaAngleLeftDouble as X, stenaPin as Bn, IconMenuButton as $, IconMenuButtonLink as Cn, MenuButtonLink as xn } from "@stenajs-webui/elements";
-import * as yn from "react";
-import { useRef as kn, useMemo as wn, forwardRef as In, createContext as Nn, useContext as Mn, useState as Sn } from "react";
-import { useBoolean as A, Column as g, Box as l, Row as s, Indent as C, Heading as H, Text as v, Space as _, SeparatorLine as Fn } from "@stenajs-webui/core";
-import { Popover as R, Tooltip as Y } from "@stenajs-webui/tooltip";
-import { Checkbox as Z, TextInput as jn } from "@stenajs-webui/forms";
-import h from "classnames";
-import { cssColor as m } from "@stenajs-webui/theme";
-const E = ({
+import { ActionMenu as X, ActionMenuContext as cn, stenaAngleDown as J, PrimaryButton as ln, SecondaryButton as sn, FlatButton as j, stenaHamburger as K, BaseButton as dn, stenaBellFilled as un, TextInputButton as hn, stenaTimes as pn, stenaUserCircle as gn, CircledIcon as $, CloseButton as Q, Icon as mn, stenaMail as fn, MenuButton as A, Card as vn, CardBody as bn, stenaTripFerryXl as _n, Spinner as Bn, StenaFlag as Cn, stenaAngleLeftDouble as V, 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 Mn, createContext as Sn, useContext as Fn, useState as jn } from "react";
+import { useBoolean as E, Column as h, Box as s, Row as d, Indent as C, Heading as R, Text as _, Space as m, SeparatorLine as Rn } from "@stenajs-webui/core";
+import { Popover as L, Tooltip as Y } from "@stenajs-webui/tooltip";
+import { Checkbox as Z, TextInput as Ln } from "@stenajs-webui/forms";
+import p from "classnames";
+import { cssColor as f } from "@stenajs-webui/theme";
+const T = ({
   renderItems: e,
   placement: t = "bottom",
   buttonComponent: o,
   rightIcon: r = J,
   portalTarget: i = "parent",
   zIndex: c,
-  menuWidth: d,
+  menuWidth: l,
   menuTop: u,
-  onClick: p,
-  disableArrow: f = !1,
+  onClick: g,
+  disableArrow: v = !1,
   buttonRef: x,
   ...en
 }) => {
-  const [D, T, y, tn] = A(!1), on = kn(null), I = x != null ? x : on, rn = {
+  const [D, O, y, tn] = E(!1), on = In(null), I = x != null ? x : on, rn = {
     name: "focusManager",
     defaultValue: !0,
     fn({ popper: k }) {
       let N = !1;
-      const O = (B) => {
+      const q = (B) => {
         B.key === "Escape" && (N = !0, y()), (B.key === "Enter" || B.key === " ") && (N = !0);
       };
       return {
         onCreate() {
-          k.addEventListener("keydown", O);
+          k.addEventListener("keydown", q);
         },
         onDestroy() {
-          k.removeEventListener("keydown", O);
+          k.removeEventListener("keydown", q);
         },
         onMount() {
           var B;
@@ -46,27 +46,27 @@ const E = ({
         }
       };
     }
-  }, an = wn(() => ({ open: T, close: y }), [T, y]);
+  }, an = Nn(() => ({ open: O, close: y }), [O, y]);
   return /* @__PURE__ */ a(b, { children: [
     /* @__PURE__ */ n(
       o,
       {
-        rightIcon: f ? void 0 : r,
+        rightIcon: v ? void 0 : r,
         ...en,
         ref: I,
         onClick: (k) => {
-          p == null || p(k), tn();
+          g == null || g(k), tn();
         }
       }
     ),
     /* @__PURE__ */ n(
-      R,
+      L,
       {
         disablePadding: !0,
         visible: D,
         onClickOutside: y,
         placement: t,
-        content: D && /* @__PURE__ */ n(G, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ n(cn.Provider, { value: an, children: e(y) }) }),
+        content: D && /* @__PURE__ */ n(X, { width: l, top: u, trapFocus: !0, children: /* @__PURE__ */ n(cn.Provider, { value: an, children: e(y) }) }),
         arrow: !1,
         appendTo: i,
         zIndex: c,
@@ -76,27 +76,27 @@ const E = ({
       }
     )
   ] });
-}, Pe = (e) => /* @__PURE__ */ n(E, { buttonComponent: ln, ...e }), ze = (e) => /* @__PURE__ */ n(E, { buttonComponent: sn, ...e }), Rn = (e) => /* @__PURE__ */ n(E, { buttonComponent: j, ...e }), Ln = "1px solid var(--lhds-color-ui-300)", $e = ({
+}, $e = (e) => /* @__PURE__ */ n(T, { buttonComponent: ln, ...e }), Ae = (e) => /* @__PURE__ */ n(T, { buttonComponent: sn, ...e }), zn = (e) => /* @__PURE__ */ n(T, { buttonComponent: j, ...e }), Pn = "1px solid var(--lhds-color-ui-300)", He = ({
   renderMenu: e,
   ...t
 }) => {
-  const [o, r, i] = A(!1);
+  const [o, r, i] = E(!1);
   return /* @__PURE__ */ n(
-    R,
+    L,
     {
       onClickOutside: i,
       arrow: !1,
       visible: o,
       disablePadding: !0,
-      content: e ? /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(G, { children: e(i) }) }) : void 0,
+      content: e ? /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(X, { children: e(i) }) }) : void 0,
       placement: "bottom-start",
-      children: /* @__PURE__ */ n(l, { display: "inline-block", children: /* @__PURE__ */ a(
-        s,
+      children: /* @__PURE__ */ n(s, { display: "inline-block", children: /* @__PURE__ */ a(
+        d,
         {
           spacing: 0.5,
           indent: !0,
           alignItems: "center",
-          border: Ln,
+          border: Pn,
           borderRadius: "4px",
           children: [
             /* @__PURE__ */ n(Z, { ...t }),
@@ -107,9 +107,9 @@ const E = ({
       ) })
     }
   );
-}, Pn = "_navBar_kzibd_1", zn = {
-  navBar: Pn
-}, $n = ({
+}, $n = "_navBar_kzibd_1", An = {
+  navBar: $n
+}, Hn = ({
   className: e,
   onClick: t
 }) => /* @__PURE__ */ n(
@@ -119,56 +119,56 @@ const E = ({
     className: e,
     onClick: t
   }
-), Ae = ({
+), Ee = ({
   left: e,
   className: t,
   showMenuButton: o = !1,
   children: r,
   right: i,
   center: c,
-  onClickMenuButton: d
+  onClickMenuButton: l
 }) => {
   const u = c ? 1 : void 0;
   return /* @__PURE__ */ a(
-    s,
+    d,
     {
       justifyContent: "space-between",
-      className: h(zn.navBar, t),
+      className: p(An.navBar, t),
       children: [
         /* @__PURE__ */ a(
-          s,
+          d,
           {
             flex: u,
             justifyContent: "flex-start",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ a(s, { width: "86px", alignItems: "center", children: [
+              /* @__PURE__ */ a(d, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ n(C, {}),
-                o && /* @__PURE__ */ n($n, { onClick: d })
+                o && /* @__PURE__ */ n(Hn, { onClick: l })
               ] }),
               e && /* @__PURE__ */ a(b, { children: [
                 e,
                 /* @__PURE__ */ n(C, { num: 2 })
               ] }),
-              r && /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: yn.Children.map(r, (p, f) => /* @__PURE__ */ a(b, { children: [
-                f > 0 && /* @__PURE__ */ n(C, {}),
-                p
+              r && /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(d, { justifyContent: "center", alignItems: "center", children: wn.Children.map(r, (g, v) => /* @__PURE__ */ a(b, { children: [
+                v > 0 && /* @__PURE__ */ n(C, {}),
+                g
               ] })) }) })
             ]
           }
         ),
-        c && /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: c }),
-        /* @__PURE__ */ a(s, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
+        c && /* @__PURE__ */ n(d, { justifyContent: "center", alignItems: "center", children: c }),
+        /* @__PURE__ */ a(d, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
           i,
           /* @__PURE__ */ n(C, { num: 2 })
         ] })
       ]
     }
   );
-}, An = "_navBarButton_b3x3w_1", Hn = "_selected_b3x3w_14", q = {
-  navBarButton: An,
-  selected: Hn
-}, En = ({
+}, En = "_navBarButton_b3x3w_1", Tn = "_selected_b3x3w_14", W = {
+  navBarButton: En,
+  selected: Tn
+}, Un = ({
   selected: e,
   className: t,
   ...o
@@ -176,20 +176,20 @@ const E = ({
   j,
   {
     ...o,
-    className: h(
-      q.navBarButton,
-      e && q.selected,
+    className: p(
+      W.navBarButton,
+      e && W.selected,
       t
     )
   }
-), He = (e) => /* @__PURE__ */ n(H, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Ee = ({
+), Te = (e) => /* @__PURE__ */ n(R, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Ue = ({
   content: e,
   children: t,
   ...o
 }) => {
-  const [r, , i, c] = A(!1);
+  const [r, , i, c] = E(!1);
   return /* @__PURE__ */ n(
-    R,
+    L,
     {
       onClickOutside: i,
       triggerTarget: document.body,
@@ -198,46 +198,46 @@ const E = ({
         e && e({ close: i }),
         t
       ] }),
-      children: /* @__PURE__ */ n(En, { ...o, onClick: c })
+      children: /* @__PURE__ */ n(Un, { ...o, onClick: c })
     }
   );
-}, Un = "_navBarNotificationButton_1wt3y_1", Dn = "_unread_1wt3y_23", Tn = "_icon_1wt3y_23", On = "_shake_1wt3y_1", w = {
-  navBarNotificationButton: Un,
-  unread: Dn,
-  icon: Tn,
-  shake: On
-}, Ue = ({
+}, Dn = "_navBarNotificationButton_1wt3y_1", On = "_unread_1wt3y_23", qn = "_icon_1wt3y_23", Wn = "_shake_1wt3y_1", w = {
+  navBarNotificationButton: Dn,
+  unread: On,
+  icon: qn,
+  shake: Wn
+}, De = ({
   count: e,
   unread: t = !1,
   className: o,
   labelClassName: r,
   iconClassName: i,
   icon: c = un,
-  ...d
+  ...l
 }) => {
   const u = e > 1;
   return /* @__PURE__ */ n(
     dn,
     {
-      ...d,
+      ...l,
       leftIcon: c,
-      className: h(
+      className: p(
         w.navBarNotificationButton,
         t && w.unread,
         u && w.hasCount,
         o
       ),
       label: u ? String(e) : void 0,
-      labelClassName: h(r, w.label),
-      iconClassName: h(i, w.icon)
+      labelClassName: p(r, w.label),
+      iconClassName: p(i, w.icon)
     }
   );
-}, qn = "_navBarSearchFieldInput_q4zl6_1", Wn = "_navBarSearchField_q4zl6_1", Gn = "_withButton_q4zl6_25", Jn = "_clearButton_q4zl6_36", M = {
-  navBarSearchFieldInput: qn,
-  navBarSearchField: Wn,
-  withButton: Gn,
-  clearButton: Jn
-}, De = ({
+}, Gn = "_navBarSearchFieldInput_q4zl6_1", Xn = "_navBarSearchField_q4zl6_1", Jn = "_withButton_q4zl6_25", Kn = "_clearButton_q4zl6_36", M = {
+  navBarSearchFieldInput: Gn,
+  navBarSearchField: Xn,
+  withButton: Jn,
+  clearButton: Kn
+}, Oe = ({
   placeholder: e = "Search",
   className: t,
   wrapperClassName: o,
@@ -245,14 +245,14 @@ const E = ({
   onClickClearButton: i,
   ...c
 }) => /* @__PURE__ */ n(
-  jn,
+  Ln,
   {
-    wrapperClassName: h(
+    wrapperClassName: p(
       M.navBarSearchField,
       r ? M.withButton : void 0,
       o
     ),
-    className: h(M.navBarSearchFieldInput, t),
+    className: p(M.navBarSearchFieldInput, t),
     placeholder: e,
     buttonRight: r ? /* @__PURE__ */ n(
       hn,
@@ -265,33 +265,33 @@ const E = ({
     ) : void 0,
     ...c
   }
-), Kn = "_navBarUserButton_10f9z_1", Qn = {
-  navBarUserButton: Kn
-}, Te = ({
+), Qn = "_navBarUserButton_10f9z_1", Vn = {
+  navBarUserButton: Qn
+}, qe = ({
   className: e,
   username: t,
   initials: o,
   icon: r = gn,
   iconClassName: i,
   responsiveIconOnly: c = o == null,
-  ...d
+  ...l
 }) => /* @__PURE__ */ n(
-  Rn,
+  zn,
   {
-    ...d,
-    className: h(Qn.navBarUserButton, e),
+    ...l,
+    className: p(Vn.navBarUserButton, e),
     leftIcon: t != null ? r : void 0,
     label: o != null ? o : t,
     forceRound: o != null,
     responsiveIconOnly: c,
     disableArrow: !0
   }
-), Vn = "_unreadDot_l8bni_1", Xn = "_dot_l8bni_4", W = {
-  unreadDot: Vn,
-  dot: Xn
-}, Yn = ({ children: e }) => /* @__PURE__ */ a("div", { className: W.unreadDot, children: [
+), Yn = "_unreadDot_l8bni_1", Zn = "_dot_l8bni_4", G = {
+  unreadDot: Yn,
+  dot: Zn
+}, ne = ({ children: e }) => /* @__PURE__ */ a("div", { className: G.unreadDot, children: [
   e,
-  /* @__PURE__ */ n("div", { className: W.dot })
+  /* @__PURE__ */ n("div", { className: G.dot })
 ] }), nn = ({
   text: e,
   timestamp: t,
@@ -299,30 +299,30 @@ const E = ({
   iconAriaLabel: r,
   contentLeft: i,
   contentRight: c,
-  onClose: d,
+  onClose: l,
   unread: u = !1,
-  variant: p
+  variant: g
 }) => {
-  const f = o ? /* @__PURE__ */ n(
-    Q,
+  const v = o ? /* @__PURE__ */ n(
+    $,
     {
       size: "small",
       icon: o,
       "aria-label": r,
-      backgroundColor: Zn(u, p)
+      backgroundColor: ee(u, g)
     }
   ) : void 0;
-  return /* @__PURE__ */ a(s, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
-    /* @__PURE__ */ a(s, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
-      i && /* @__PURE__ */ n(l, { minHeight: 20, justifyContent: "center", children: i }),
-      !i && f && (u ? /* @__PURE__ */ n(Yn, { children: f }) : f),
-      /* @__PURE__ */ a(l, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
-        /* @__PURE__ */ n(v, { variant: "bold", children: e }),
+  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 && v && (u ? /* @__PURE__ */ n(ne, { children: v }) : v),
+      /* @__PURE__ */ a(s, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
+        /* @__PURE__ */ n(_, { variant: "bold", children: e }),
         t && /* @__PURE__ */ n(
-          v,
+          _,
           {
             size: "small",
-            color: m(
+            color: f(
               u ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
             ),
             children: t
@@ -331,26 +331,26 @@ const E = ({
       ] }),
       c
     ] }),
-    d && /* @__PURE__ */ n(
-      l,
+    l && /* @__PURE__ */ n(
+      s,
       {
         flex: "none",
         justifyContent: "center",
         height: "calc(20px + 2 * var(--swui-metrics-spacing))",
-        children: /* @__PURE__ */ n(V, { onClick: d })
+        children: /* @__PURE__ */ n(Q, { onClick: l })
       }
     )
   ] });
-}, Zn = (e, t) => {
+}, ee = (e, t) => {
   if (!(!e && t === "standard"))
     return "--lhds-color-ui-50";
-}, ne = "_notification_1hao0_1", ee = "_body_1hao0_7", te = "_standard_1hao0_13", oe = "_unread_1hao0_14", re = "_danger_1hao0_19", S = {
-  notification: ne,
-  body: ee,
-  standard: te,
-  unread: oe,
-  danger: re
-}, Oe = ({
+}, te = "_notification_1hao0_1", oe = "_body_1hao0_7", re = "_standard_1hao0_13", ae = "_unread_1hao0_14", ie = "_danger_1hao0_19", S = {
+  notification: te,
+  body: oe,
+  standard: re,
+  unread: ae,
+  danger: ie
+}, We = ({
   variant: e = "standard",
   children: t,
   unread: o,
@@ -358,27 +358,27 @@ const E = ({
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: h(
+    className: p(
       S.notification,
       S[e],
       o && S.unread
     ),
     children: [
       /* @__PURE__ */ n(nn, { ...r, unread: o, variant: e }),
-      t && /* @__PURE__ */ n(g, { className: S.body, children: t })
+      t && /* @__PURE__ */ n(h, { className: S.body, children: t })
     ]
   }
-), ae = "_notificationList_1rkvu_1", ie = {
-  notificationList: ae
-}, qe = ({
+), ce = "_notificationList_1rkvu_1", le = {
+  notificationList: ce
+}, Ge = ({
   children: e
-}) => /* @__PURE__ */ a("div", { className: ie.notificationList, children: [
+}) => /* @__PURE__ */ a("div", { className: le.notificationList, children: [
   e,
   /* @__PURE__ */ n("div", {})
-] }), ce = "_clickable_1ijxc_1", le = "_nonClickable_1ijxc_27", L = {
-  clickable: ce,
-  nonClickable: le
-}, We = ({
+] }), se = "_clickable_1ijxc_1", de = "_nonClickable_1ijxc_27", z = {
+  clickable: se,
+  nonClickable: de
+}, Xe = ({
   onClick: e,
   onClickAriaLabel: t,
   children: o,
@@ -386,68 +386,68 @@ const E = ({
   maxWidth: i,
   ...c
 }) => /* @__PURE__ */ a(
-  l,
+  s,
   {
     borderRadius: 8,
-    background: m("--lhds-color-ui-50"),
+    background: f("--lhds-color-ui-50"),
     shadow: "popover",
     width: r,
     maxWidth: i,
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ n(l, { className: h({ [L.nonClickable]: e }), children: /* @__PURE__ */ n(nn, { ...c }) }),
-      o && /* @__PURE__ */ a(l, { indent: 3, className: h({ [L.nonClickable]: e }), children: [
+      /* @__PURE__ */ n(s, { className: p({ [z.nonClickable]: e }), children: /* @__PURE__ */ n(nn, { ...c }) }),
+      o && /* @__PURE__ */ a(s, { indent: 3, className: p({ [z.nonClickable]: e }), children: [
         o,
-        /* @__PURE__ */ n(_, { num: 2 })
+        /* @__PURE__ */ n(m, { num: 2 })
       ] }),
       e && /* @__PURE__ */ n(
         "button",
         {
           onClick: e,
-          className: L.clickable,
+          className: z.clickable,
           "aria-label": t
         }
       )
     ]
   }
-), se = () => /* @__PURE__ */ a(g, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ n(mn, { icon: fn, color: m("--lhds-color-ui-500") }),
-  /* @__PURE__ */ n(_, {}),
-  /* @__PURE__ */ n(v, { size: "small", color: m("--lhds-color-ui-500"), children: "No content" })
-] }), de = In(
+), ue = () => /* @__PURE__ */ a(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ n(mn, { icon: fn, color: f("--lhds-color-ui-500") }),
+  /* @__PURE__ */ n(m, {}),
+  /* @__PURE__ */ n(_, { size: "small", color: f("--lhds-color-ui-500"), children: "No content" })
+] }), he = Mn(
   function({
     label: t,
     contentLeft: o,
     contentRight: r,
     collapsed: i = !1,
     onClick: c,
-    disabled: d = !1,
+    disabled: l = !1,
     children: u,
-    autoFocus: p = !1,
-    ...f
+    autoFocus: g = !1,
+    ...v
   }, x) {
     return /* @__PURE__ */ n(
-      z,
+      A,
       {
-        ...f,
-        autoFocus: p,
+        ...v,
+        autoFocus: g,
         ref: x,
         label: t,
         onClick: c,
-        disabled: d,
+        disabled: l,
         expandable: !0,
         expanded: !i,
         selected: !i,
         left: o,
         right: r,
-        children: u != null ? u : /* @__PURE__ */ n(se, {})
+        children: u != null ? u : /* @__PURE__ */ n(ue, {})
       }
     );
   }
-), Ge = ({
+), Je = ({
   children: e
-}) => /* @__PURE__ */ n(g, { gap: 1, children: e }), Je = ({
+}) => /* @__PURE__ */ n(h, { gap: 1, children: e }), Ke = ({
   value: e,
   onValueChange: t,
   onChange: o,
@@ -455,7 +455,7 @@ const E = ({
   checkboxDisabled: i,
   ...c
 }) => /* @__PURE__ */ n(
-  de,
+  he,
   {
     contentLeft: /* @__PURE__ */ n(
       Z,
@@ -465,76 +465,96 @@ const E = ({
         onValueChange: t,
         onChange: o,
         disabled: i,
-        onClick: (d) => d.stopPropagation()
+        onClick: (l) => l.stopPropagation()
       }
     ),
     ...c
   }
-), Ke = ({ children: e }) => /* @__PURE__ */ n(l, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e }) }), ue = ({
-  text: e = "Something unexpected happened."
-}) => /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(bn, { variant: "error", headerText: e }) }), Qe = (e) => /* @__PURE__ */ n(
-  l,
+), Qe = ({ children: e }) => /* @__PURE__ */ n(s, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(_, { variant: "overline", size: "smaller", children: e }) }), pe = ({
+  text: e,
+  heading: t,
+  children: o,
+  buttons: r,
+  icon: i = _n,
+  headingLevel: c = "h3"
+}) => {
+  const l = !e && !t ? "Something unexpected happened." : e;
+  return /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ n(bn, { children: /* @__PURE__ */ a(h, { spacing: 1, gap: 3, alignItems: "center", children: [
+    /* @__PURE__ */ a(h, { alignItems: "center", children: [
+      /* @__PURE__ */ n(m, { num: 1 }),
+      /* @__PURE__ */ n($, { icon: i, size: "xl" })
+    ] }),
+    t && /* @__PURE__ */ n(R, { as: c, children: t }),
+    l && /* @__PURE__ */ n(_, { children: l }),
+    o,
+    r && /* @__PURE__ */ a(s, { children: [
+      /* @__PURE__ */ n(m, { num: 2 }),
+      r
+    ] })
+  ] }) }) });
+}, Ve = (e) => /* @__PURE__ */ n(
+  s,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(ue, { ...e })
+    children: /* @__PURE__ */ n(pe, { ...e })
   }
-), he = ({
+), ge = ({
   text: e = "Loading..."
-}) => /* @__PURE__ */ a(l, { alignItems: "center", children: [
-  /* @__PURE__ */ n(vn, { size: "small" }),
-  /* @__PURE__ */ n(_, { num: 4 }),
-  /* @__PURE__ */ n(H, { variant: "h4", children: e })
-] }), Ve = (e) => /* @__PURE__ */ n(
-  l,
+}) => /* @__PURE__ */ a(s, { alignItems: "center", children: [
+  /* @__PURE__ */ n(Bn, { size: "small" }),
+  /* @__PURE__ */ n(m, { num: 4 }),
+  /* @__PURE__ */ n(R, { variant: "h4", children: e })
+] }), Ye = (e) => /* @__PURE__ */ n(
+  s,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(he, { ...e })
+    children: /* @__PURE__ */ n(ge, { ...e })
   }
-), Xe = ({
+), Ze = ({
   renderBreadCrumbs: e,
   renderPageHeading: t,
   renderTabs: o,
   children: r
-}) => /* @__PURE__ */ a(l, { shadow: "bottom", background: m("--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" }),
+}) => /* @__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" }),
       e()
     ] }),
     t == null ? void 0 : t(),
-    o && /* @__PURE__ */ n(_, {}),
+    o && /* @__PURE__ */ n(m, {}),
     o == null ? void 0 : o()
   ] }),
   r
-] }), Ye = (e) => /* @__PURE__ */ n(s, { indent: 3, spacing: !0, ...e }), Ze = ({
+] }), nt = (e) => /* @__PURE__ */ n(d, { indent: 3, spacing: !0, ...e }), et = ({
   icon: e,
   heading: t,
   headingLevel: o = "h2",
   contentLeft: r,
   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(Q, { icon: e }) }),
-    /* @__PURE__ */ n(H, { variant: "h3", as: o, children: t })
+}) => /* @__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(R, { variant: "h3", as: o, children: t })
   ] }),
-  /* @__PURE__ */ n(s, { alignItems: "center", children: r }),
-  /* @__PURE__ */ n(s, { style: { marginLeft: "auto" }, alignItems: "center", children: i })
-] }), pe = "_sidebarMenu_1bx5w_1", ge = "_sidebarItems_1bx5w_38", me = "_scrollContainer_1bx5w_48", P = {
-  sidebarMenu: pe,
-  sidebarItems: ge,
-  scrollContainer: me
-}, fe = "_stenaFlag_108h7_1", be = {
-  stenaFlag: fe
-}, ve = ({ onClick: e }) => /* @__PURE__ */ a(g, { background: m("--lhds-color-ui-50"), children: [
-  /* @__PURE__ */ n(_, {}),
+  /* @__PURE__ */ n(d, { alignItems: "center", children: r }),
+  /* @__PURE__ */ n(d, { style: { marginLeft: "auto" }, alignItems: "center", children: i })
+] }), me = "_sidebarMenu_1bx5w_1", fe = "_sidebarItems_1bx5w_38", ve = "_scrollContainer_1bx5w_48", P = {
+  sidebarMenu: me,
+  sidebarItems: fe,
+  scrollContainer: ve
+}, be = "_stenaFlag_108h7_1", _e = {
+  stenaFlag: be
+}, Be = ({ onClick: e }) => /* @__PURE__ */ a(h, { background: f("--lhds-color-ui-50"), children: [
+  /* @__PURE__ */ n(m, {}),
   /* @__PURE__ */ a(
-    s,
+    d,
     {
       justifyContent: "space-between",
       alignItems: "center",
@@ -542,32 +562,32 @@ const E = ({
       indent: 1,
       minHeight: "48px",
       children: [
-        /* @__PURE__ */ n(V, { onClick: e }),
-        /* @__PURE__ */ n(_n, { className: be.stenaFlag })
+        /* @__PURE__ */ n(Q, { onClick: e }),
+        /* @__PURE__ */ n(Cn, { className: _e.stenaFlag })
       ]
     }
   )
-] }), _e = ({
+] }), Ce = ({
   isPinned: e,
   onClick: t,
   label: o
 }) => {
   const r = e ? "Unpin menu" : "Pin menu", i = o != null ? o : r;
-  return /* @__PURE__ */ n(z, { onClick: t, label: i, leftIcon: e ? X : Bn });
-}, nt = ({
+  return /* @__PURE__ */ n(A, { onClick: t, label: i, leftIcon: e ? V : xn });
+}, tt = ({
   className: e,
   children: t,
   onCloseClick: o,
   variant: r = "standard",
   pinButtonVisible: i,
   onClickPinButton: c,
-  bottomItems: d,
+  bottomItems: l,
   isPinned: u,
-  ...p
-}) => /* @__PURE__ */ a(l, { ...p, className: h(P.sidebarMenu, e), children: [
-  /* @__PURE__ */ n(ve, { onClick: o }),
-  /* @__PURE__ */ n(l, { className: P.scrollContainer, children: /* @__PURE__ */ a(
-    g,
+  ...g
+}) => /* @__PURE__ */ a(s, { ...g, className: p(P.sidebarMenu, e), children: [
+  /* @__PURE__ */ n(Be, { onClick: o }),
+  /* @__PURE__ */ n(s, { className: P.scrollContainer, children: /* @__PURE__ */ a(
+    h,
     {
       className: P.sidebarItems,
       justifyContent: "space-between",
@@ -575,25 +595,25 @@ const E = ({
       gap: 1,
       indent: 1,
       children: [
-        /* @__PURE__ */ n(g, { gap: 1, children: t }),
-        (d || i) && /* @__PURE__ */ a(g, { gap: 1, children: [
-          d,
+        /* @__PURE__ */ n(h, { gap: 1, children: t }),
+        (l || i) && /* @__PURE__ */ a(h, { gap: 1, children: [
+          l,
           i && /* @__PURE__ */ n(
-            _e,
+            Ce,
             {
               isPinned: u,
               onClick: c
             }
           ),
-          /* @__PURE__ */ n(_, {})
+          /* @__PURE__ */ n(m, {})
         ] })
       ]
     }
   ) })
-] }), F = Nn(!1), U = () => Mn(F), Be = ({
+] }), F = Sn(!1), U = () => Fn(F), xe = ({
   label: e,
   ...t
-}) => /* @__PURE__ */ n(Y, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n($, { ...t }) }), et = ({
+}) => /* @__PURE__ */ n(Y, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(H, { ...t }) }), ot = ({
   closeButtonVisible: e,
   onClickCloseButton: t,
   onClickMenuButton: o,
@@ -601,7 +621,7 @@ const E = ({
   bottomItems: i,
   closeButtonTitle: c = "Unpin menu"
 }) => /* @__PURE__ */ a(
-  l,
+  s,
   {
     position: "fixed",
     left: 0,
@@ -611,17 +631,17 @@ const E = ({
     spacing: 1,
     gap: 1,
     shadow: "popover",
-    background: m("--lhds-color-ui-50"),
+    background: f("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ n($, { onClick: o, icon: K }),
-      /* @__PURE__ */ a(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ n(g, { gap: 1, children: /* @__PURE__ */ n(F.Provider, { value: !0, children: r }) }),
-        /* @__PURE__ */ n(g, { gap: 1, children: (i || e) && /* @__PURE__ */ a(F.Provider, { value: !0, 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(F.Provider, { value: !0, children: r }) }),
+        /* @__PURE__ */ n(h, { gap: 1, children: (i || e) && /* @__PURE__ */ a(F.Provider, { value: !0, children: [
           i,
           e && /* @__PURE__ */ n(
-            Be,
+            xe,
             {
-              icon: X,
+              icon: V,
               label: c,
               onClick: t
             }
@@ -630,22 +650,22 @@ const E = ({
       ] })
     ]
   }
-), Ce = ({
+), ye = ({
   label: e
-}) => U() ? null : /* @__PURE__ */ a(l, { height: "32px", justifyContent: "center", indent: 1, children: [
-  /* @__PURE__ */ n(_, {}),
-  /* @__PURE__ */ n(v, { variant: "overline", size: "smaller", children: e })
-] }), xe = ({
+}) => U() ? null : /* @__PURE__ */ a(s, { height: "32px", justifyContent: "center", indent: 1, children: [
+  /* @__PURE__ */ n(m, {}),
+  /* @__PURE__ */ n(_, { variant: "overline", size: "smaller", children: e })
+] }), ke = ({
   label: e,
   leftIcon: t,
   ...o
-}) => t == null ? null : /* @__PURE__ */ n(Y, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(Cn, { icon: t, ...o }) }), tt = (e) => U() ? /* @__PURE__ */ n(xe, { ...e }) : /* @__PURE__ */ n(xn, { ...e }), ye = ({
+}) => 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(ke, { ...e }) : /* @__PURE__ */ n(kn, { ...e }), we = ({
   children: e,
   label: t,
   icon: o,
   popupMinWidth: r = "200px"
 }) => /* @__PURE__ */ n(
-  R,
+  L,
   {
     appendTo: "parent",
     arrow: !1,
@@ -655,7 +675,7 @@ const E = ({
     disablePadding: !0,
     lazy: !0,
     content: /* @__PURE__ */ n(
-      l,
+      s,
       {
         minWidth: r,
         shadow: "popover",
@@ -663,26 +683,26 @@ const E = ({
         indent: 1,
         gap: 2,
         children: /* @__PURE__ */ a(F.Provider, { value: !1, children: [
-          /* @__PURE__ */ n(Ce, { label: t }),
+          /* @__PURE__ */ n(ye, { label: t }),
           e
         ] })
       }
     ),
-    children: /* @__PURE__ */ n($, { icon: o })
+    children: /* @__PURE__ */ n(H, { icon: o })
   }
-), ot = ({
+), at = ({
   children: e,
   label: t,
   leftIcon: o,
   className: r,
   initialExpand: i = !1
 }) => {
-  const [c, d] = Sn(i);
-  return U() ? o == null ? null : /* @__PURE__ */ n(ye, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
-    z,
+  const [c, l] = jn(i);
+  return U() ? o == null ? null : /* @__PURE__ */ n(we, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
+    A,
     {
       label: t,
-      onClick: () => d(!c),
+      onClick: () => l(!c),
       leftIcon: o,
       className: r,
       expandable: !0,
@@ -691,83 +711,83 @@ const E = ({
       children: e
     }
   );
-}, rt = (e) => /* @__PURE__ */ n(
-  Fn,
+}, it = (e) => /* @__PURE__ */ n(
+  Rn,
   {
-    color: m("--lhds-color-ui-400"),
+    color: f("--lhds-color-ui-400"),
     ...e
   }
-), ke = `1px solid ${m("--lhds-color-orange-400")}`, at = ({
+), Ie = `1px solid ${f("--lhds-color-orange-400")}`, ct = ({
   numItemsSelected: e,
   label: t,
   afterLabelContent: o,
   rightContent: r
 }) => /* @__PURE__ */ a(
-  s,
+  d,
   {
     indent: 3,
     spacing: !0,
     minHeight: "56px",
     justifyContent: "space-between",
     alignItems: "center",
-    borderTop: ke,
-    background: m("--lhds-color-orange-50"),
+    borderTop: Ie,
+    background: f("--lhds-color-orange-50"),
     children: [
-      /* @__PURE__ */ a(s, { alignItems: "center", children: [
+      /* @__PURE__ */ a(d, { alignItems: "center", children: [
         e != null || t != null ? /* @__PURE__ */ n(b, { children: e != null ? /* @__PURE__ */ a(b, { children: [
-          /* @__PURE__ */ n(v, { variant: "bold", children: e }),
-          /* @__PURE__ */ n(_, {}),
-          /* @__PURE__ */ a(v, { children: [
+          /* @__PURE__ */ n(_, { variant: "bold", children: e }),
+          /* @__PURE__ */ n(m, {}),
+          /* @__PURE__ */ a(_, { children: [
             "item",
             e === 1 ? "" : "s",
             " selected"
           ] })
-        ] }) : t != null ? /* @__PURE__ */ n(b, { children: typeof t == "string" ? /* @__PURE__ */ n(v, { children: t }) : t }) : null }) : null,
+        ] }) : t != null ? /* @__PURE__ */ n(b, { children: typeof t == "string" ? /* @__PURE__ */ n(_, { children: t }) : t }) : null }) : null,
         o ? /* @__PURE__ */ a(b, { children: [
           /* @__PURE__ */ n(C, {}),
-          /* @__PURE__ */ n(l, { children: o })
+          /* @__PURE__ */ n(s, { children: o })
         ] }) : null
       ] }),
-      /* @__PURE__ */ n(l, { children: r })
+      /* @__PURE__ */ n(s, { children: r })
     ]
   }
 );
 export {
-  Rn as ActionMenuFlatButton,
-  Pe as ActionMenuPrimaryButton,
-  ze as ActionMenuSecondaryButton,
-  $e as CheckboxMenu,
-  de as Collapsible,
-  se as CollapsibleEmptyContent,
-  Ke as CollapsibleGroupHeading,
-  Ge as CollapsibleList,
-  Je as CollapsibleWithCheckbox,
-  ue as ErrorPanel,
-  Qe as ErrorScreen,
-  he as LoadingPanel,
-  Ve as LoadingScreen,
-  Ae as NavBar,
-  En as NavBarButton,
-  He as NavBarHeading,
-  Ue as NavBarNotificationButton,
-  Ee as NavBarPopoverButton,
-  De as NavBarSearchField,
-  Te as NavBarUserButton,
-  Oe as Notification,
+  zn as ActionMenuFlatButton,
+  $e as ActionMenuPrimaryButton,
+  Ae as ActionMenuSecondaryButton,
+  He as CheckboxMenu,
+  he as Collapsible,
+  ue as CollapsibleEmptyContent,
+  Qe as CollapsibleGroupHeading,
+  Je as CollapsibleList,
+  Ke as CollapsibleWithCheckbox,
+  pe as ErrorPanel,
+  Ve as ErrorScreen,
+  ge as LoadingPanel,
+  Ye as LoadingScreen,
+  Ee as NavBar,
+  Un as NavBarButton,
+  Te as NavBarHeading,
+  De as NavBarNotificationButton,
+  Ue as NavBarPopoverButton,
+  Oe as NavBarSearchField,
+  qe as NavBarUserButton,
+  We as Notification,
   nn as NotificationHeader,
-  qe as NotificationList,
-  Xe as PageHeader,
-  Ye as PageHeaderRow,
-  Ze as PageHeading,
-  at as SelectedItemsActionsPanel,
-  nt as SidebarMenu,
-  ot as SidebarMenuCollapsible,
-  Ce as SidebarMenuHeading,
-  tt as SidebarMenuLink,
-  rt as SidebarMenuSeparator,
-  et as SidebarRailMenu,
-  We as Toast,
-  Yn as UnreadDot,
-  Zn as getIconBgColor
+  Ge as NotificationList,
+  Ze as PageHeader,
+  nt as PageHeaderRow,
+  et as PageHeading,
+  ct as SelectedItemsActionsPanel,
+  tt as SidebarMenu,
+  at as SidebarMenuCollapsible,
+  ye as SidebarMenuHeading,
+  rt as SidebarMenuLink,
+  it as SidebarMenuSeparator,
+  ot as SidebarRailMenu,
+  Xe as Toast,
+  ne as UnreadDot,
+  ee as getIconBgColor
 };
 //# sourceMappingURL=index.es.js.map