@stenajs-webui/panels 19.0.0-next.44 → 19.0.0-next.46

package/dist/index.es.js

@@ -1,33 +1,33 @@
 (function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_18iz9_1{--swui-nav-bar-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-button-background-color: transparent;--swui-nav-bar-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-button-background-color-focus: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-active: var(--lhds-color-ui-200);--swui-nav-bar-button-background-color-selected: var(--lhds-color-blue-200);--swui-nav-bar-button-background-color-selected-hover: var( --lhds-color-blue-100 );--swui-nav-bar-button-background-color-selected-focus: var( --lhds-color-blue-300 );--swui-nav-bar-button-background-color-selected-active: var( --lhds-color-blue-200 );--swui-flat-button-text-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-button-text-color);--swui-flat-button-text-color-active: var(--swui-nav-bar-button-text-color);--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-active )}._navBarButton_18iz9_1._selected_18iz9_36{--swui-flat-button-background-color: var( --swui-nav-bar-button-background-color-selected );--swui-flat-button-background-color-hover: var( --swui-nav-bar-button-background-color-selected-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-button-background-color-selected-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-button-background-color-selected-active )}._navBarNotificationButton_8ej1j_1{--swui-nav-bar-notification-button-text-color: var(--lhds-color-ui-50);--swui-nav-bar-notification-button-background-color: var(--lhds-color-ui-400);--swui-nav-bar-notification-button-background-color-hover: var( --lhds-color-blue-900 );--swui-nav-bar-notification-button-background-color-focus: var( --lhds-color-blue-700 );--swui-nav-bar-notification-button-background-color-active: var( --lhds-color-blue-800 );--swui-nav-bar-notification-button-background-color-unread: var( --lhds-color-red-500 );--swui-nav-bar-notification-button-background-color-unread-hover: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-focus: var( --lhds-color-red-700 );--swui-nav-bar-notification-button-background-color-unread-active: var( --lhds-color-red-800 );--swui-flat-button-text-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-icon-color: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-text-color-active: var( --swui-nav-bar-notification-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-active );--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54{--swui-flat-button-background-color: var( --swui-nav-bar-notification-button-background-color-unread );--swui-flat-button-background-color-hover: var( --swui-nav-bar-notification-button-background-color-unread-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-notification-button-background-color-unread-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-notification-button-background-color-unread-active )}._navBarNotificationButton_8ej1j_1._unread_8ej1j_54._hasCount_8ej1j_68 ._icon_8ej1j_69{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count);animation:_shake_8ej1j_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}@-webkit-keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes _shake_8ej1j_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}15%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}22%{-webkit-transform:rotate(16deg);transform:rotate(16deg)}30%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}38%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}42%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}46%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}._navBarSearchFieldInput_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_afv8h_1{--swui-nav-bar-user-button-text-color: var(--lhds-color-blue-600);--swui-nav-bar-user-button-background-color: var(--lhds-color-ui-50);--swui-nav-bar-user-button-background-color-hover: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-focus: var(--lhds-color-ui-100);--swui-nav-bar-user-button-background-color-active: var(--lhds-color-ui-200);--swui-flat-button-text-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-icon-color: var(--swui-nav-bar-user-button-text-color);--swui-flat-button-text-color-active: var( --swui-nav-bar-user-button-text-color );--swui-flat-button-background-color: var( --swui-nav-bar-user-button-background-color );--swui-flat-button-background-color-hover: var( --swui-nav-bar-user-button-background-color-hover );--swui-flat-button-background-color-focus: var( --swui-nav-bar-user-button-background-color-focus );--swui-flat-button-background-color-active: var( --swui-nav-bar-user-button-background-color-active )}._navBarUserButton_afv8h_1._initials_afv8h_28{width:32px}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenu_11tso_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active );background-color:var(--current-background-color);height:100dvh}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { jsx as n, jsxs as r, Fragment as v } from "react/jsx-runtime";
-import { ActionMenu as G, ActionMenuContext as an, stenaAngleDown as J, PrimaryButton as rn, SecondaryButton as cn, FlatButton as B, stenaHamburger as K, stenaBellFilled as ln, stenaTimes as z, stenaUserCircle as sn, CircledIcon as Q, Icon as dn, stenaMail as un, MenuButton as P, Banner as hn, Spinner as pn, StenaFlag as gn, stenaAngleLeftDouble as V, stenaPin as fn, IconMenuButtonLink as mn, MenuButtonLink as vn, IconMenuButton as X } from "@stenajs-webui/elements";
-import * as bn from "react";
-import { useRef as _n, useMemo as Bn, forwardRef as Cn, createContext as xn, useContext as yn, useState as kn } from "react";
-import { useBoolean as $, Column as g, Box as l, Row as s, Indent as x, Heading as A, Text as b, Space as _, SeparatorLine as In } from "@stenajs-webui/core";
-import { Popover as M, Tooltip as Nn } from "@stenajs-webui/tooltip";
-import { Checkbox as Y, TextInput as wn, TextInputButton as Sn } from "@stenajs-webui/forms";
+import { jsxs as a, Fragment as v, jsx as n } from "react/jsx-runtime";
+import { ActionMenu as G, ActionMenuContext as on, stenaAngleDown as J, PrimaryButton as rn, SecondaryButton as an, FlatButton as B, stenaHamburger as K, stenaBellFilled as cn, stenaTimes as z, stenaUserCircle as ln, CircledIcon as Q, Icon as sn, stenaMail as dn, MenuButton as P, Banner as un, Spinner as hn, StenaFlag as pn, stenaAngleLeftDouble as V, stenaPin as gn, IconMenuButtonLink as fn, MenuButtonLink as mn, IconMenuButton as X } from "@stenajs-webui/elements";
+import * as vn from "react";
+import { useRef as bn, useMemo as _n, forwardRef as Bn, createContext as Cn, useContext as xn, useState as yn } from "react";
+import { useBoolean as $, Column as g, Box as l, Row as s, Indent as x, Heading as A, Text as b, Space as _, SeparatorLine as kn } from "@stenajs-webui/core";
+import { Popover as F, Tooltip as In } from "@stenajs-webui/tooltip";
+import { Checkbox as Y, TextInput as Nn, TextInputButton as wn } from "@stenajs-webui/forms";
 import h from "classnames";
 import { cssColor as f } from "@stenajs-webui/theme";
 const H = ({
   renderItems: e,
   placement: t = "bottom",
   buttonComponent: o,
-  rightIcon: a = J,
+  rightIcon: r = J,
   portalTarget: i = "parent",
   zIndex: c,
   menuWidth: d,
   menuTop: u,
   onClick: p,
   disableArrow: m = !1,
-  ...F
+  ...R
 }) => {
-  const [U, D, y, nn] = $(!1), R = _n(null), en = {
+  const [U, D, y, nn] = $(!1), N = bn(null), en = {
     name: "focusManager",
     defaultValue: !0,
     fn({ popper: k }) {
-      let N = !1;
+      let w = !1;
       const O = (C) => {
-        C.key === "Escape" && (N = !0, y()), (C.key === "Enter" || C.key === " ") && (N = !0);
+        C.key === "Escape" && (w = !0, y()), (C.key === "Enter" || C.key === " ") && (w = !0);
       };
       return {
         onCreate() {
@@ -38,47 +38,50 @@ const H = ({
         },
         onMount() {
           var C;
-          N = !1, (C = k.querySelector("button:not([disabled]), a[href]")) == null || C.focus();
+          w = !1, (C = k.querySelector("button:not([disabled]), a[href]")) == null || C.focus();
         },
         onHide() {
-          R.current && N && R.current.focus();
+          N.current && w && N.current.focus();
         }
       };
     }
-  }, tn = Bn(() => ({ open: D, close: y }), [D, y]), on = (k) => {
-    p == null || p(k), nn();
-  };
-  return /* @__PURE__ */ n(
-    M,
-    {
-      disablePadding: !0,
-      visible: U,
-      onClickOutside: y,
-      placement: t,
-      content: U && /* @__PURE__ */ n(G, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ n(an.Provider, { value: tn, children: e(y) }) }),
-      arrow: !1,
-      appendTo: i,
-      zIndex: c,
-      plugins: [en],
-      lazy: !0,
-      children: /* @__PURE__ */ n(
-        o,
-        {
-          rightIcon: m ? void 0 : a,
-          ...F,
-          ref: R,
-          onClick: on
+  }, tn = _n(() => ({ open: D, close: y }), [D, y]);
+  return /* @__PURE__ */ a(v, { children: [
+    /* @__PURE__ */ n(
+      o,
+      {
+        rightIcon: m ? void 0 : r,
+        ...R,
+        ref: N,
+        onClick: (k) => {
+          p == null || p(k), nn();
         }
-      )
-    }
-  );
-}, Me = (e) => /* @__PURE__ */ n(H, { buttonComponent: rn, ...e }), Fe = (e) => /* @__PURE__ */ n(H, { buttonComponent: cn, ...e }), jn = (e) => /* @__PURE__ */ n(H, { buttonComponent: B, ...e }), Mn = "1px solid var(--lhds-color-ui-300)", Re = ({
+      }
+    ),
+    /* @__PURE__ */ n(
+      F,
+      {
+        disablePadding: !0,
+        visible: U,
+        onClickOutside: y,
+        placement: t,
+        content: U && /* @__PURE__ */ n(G, { width: d, top: u, trapFocus: !0, children: /* @__PURE__ */ n(on.Provider, { value: tn, children: e(y) }) }),
+        arrow: !1,
+        appendTo: i,
+        zIndex: c,
+        plugins: [en],
+        lazy: !0,
+        reference: N
+      }
+    )
+  ] });
+}, Me = (e) => /* @__PURE__ */ n(H, { buttonComponent: rn, ...e }), Fe = (e) => /* @__PURE__ */ n(H, { buttonComponent: an, ...e }), Sn = (e) => /* @__PURE__ */ n(H, { buttonComponent: B, ...e }), jn = "1px solid var(--lhds-color-ui-300)", Re = ({
   renderMenu: e,
   ...t
 }) => {
-  const [o, a, i] = $(!1);
+  const [o, r, i] = $(!1);
   return /* @__PURE__ */ n(
-    M,
+    F,
     {
       onClickOutside: i,
       arrow: !1,
@@ -86,26 +89,26 @@ const H = ({
       disablePadding: !0,
       content: e ? /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(G, { children: e(i) }) }) : void 0,
       placement: "bottom-start",
-      children: /* @__PURE__ */ n(l, { display: "inline-block", children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ n(l, { display: "inline-block", children: /* @__PURE__ */ a(
         s,
         {
           spacing: 0.5,
           indent: !0,
           alignItems: "center",
-          border: Mn,
+          border: jn,
           borderRadius: "4px",
           children: [
             /* @__PURE__ */ n(Y, { ...t }),
             /* @__PURE__ */ n(x, { num: 0.5 }),
-            /* @__PURE__ */ n(B, { size: "small", onClick: a, leftIcon: J })
+            /* @__PURE__ */ n(B, { size: "small", onClick: r, leftIcon: J })
           ]
         }
       ) })
     }
   );
-}, Fn = "_navBar_kzibd_1", Rn = {
-  navBar: Fn
-}, Ln = ({
+}, Mn = "_navBar_kzibd_1", Fn = {
+  navBar: Mn
+}, Rn = ({
   className: e,
   onClick: t
 }) => /* @__PURE__ */ n(
@@ -119,34 +122,34 @@ const H = ({
   left: e,
   className: t,
   showMenuButton: o = !1,
-  children: a,
+  children: r,
   right: i,
   center: c,
   onClickMenuButton: d
 }) => {
   const u = c ? 1 : void 0;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     s,
     {
       justifyContent: "space-between",
-      className: h(Rn.navBar, t),
+      className: h(Fn.navBar, t),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           s,
           {
             flex: u,
             justifyContent: "flex-start",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ r(s, { width: "86px", alignItems: "center", children: [
+              /* @__PURE__ */ a(s, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ n(x, {}),
-                o && /* @__PURE__ */ n(Ln, { onClick: d })
+                o && /* @__PURE__ */ n(Rn, { onClick: d })
               ] }),
-              e && /* @__PURE__ */ r(v, { children: [
+              e && /* @__PURE__ */ a(v, { children: [
                 e,
                 /* @__PURE__ */ n(x, { num: 2 })
               ] }),
-              a && /* @__PURE__ */ n(v, { children: /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: bn.Children.map(a, (p, m) => /* @__PURE__ */ r(v, { children: [
+              r && /* @__PURE__ */ n(v, { children: /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: vn.Children.map(r, (p, m) => /* @__PURE__ */ a(v, { children: [
                 m > 0 && /* @__PURE__ */ n(x, {}),
                 p
               ] })) }) })
@@ -154,17 +157,17 @@ const H = ({
           }
         ),
         c && /* @__PURE__ */ n(s, { justifyContent: "center", alignItems: "center", children: c }),
-        /* @__PURE__ */ r(s, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
+        /* @__PURE__ */ a(s, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
           i,
           /* @__PURE__ */ n(x, { num: 2 })
         ] })
       ]
     }
   );
-}, zn = "_navBarButton_18iz9_1", Pn = "_selected_18iz9_36", T = {
-  navBarButton: zn,
-  selected: Pn
-}, $n = ({
+}, Ln = "_navBarButton_18iz9_1", zn = "_selected_18iz9_36", T = {
+  navBarButton: Ln,
+  selected: zn
+}, Pn = ({
   selected: e,
   className: t,
   ...o
@@ -183,33 +186,33 @@ const H = ({
   children: t,
   ...o
 }) => {
-  const [a, , i, c] = $(!1);
+  const [r, , i, c] = $(!1);
   return /* @__PURE__ */ n(
-    M,
+    F,
     {
       onClickOutside: i,
       triggerTarget: document.body,
-      visible: a,
-      content: /* @__PURE__ */ r(v, { children: [
+      visible: r,
+      content: /* @__PURE__ */ a(v, { children: [
         e && e({ close: i }),
         t
       ] }),
-      children: /* @__PURE__ */ n($n, { ...o, onClick: c })
+      children: /* @__PURE__ */ n(Pn, { ...o, onClick: c })
     }
   );
-}, An = "_navBarNotificationButton_8ej1j_1", Hn = "_unread_8ej1j_54", En = "_hasCount_8ej1j_68", Un = "_icon_8ej1j_69", Dn = "_shake_8ej1j_1", I = {
-  navBarNotificationButton: An,
-  unread: Hn,
-  hasCount: En,
-  icon: Un,
-  shake: Dn
+}, $n = "_navBarNotificationButton_8ej1j_1", An = "_unread_8ej1j_54", Hn = "_hasCount_8ej1j_68", En = "_icon_8ej1j_69", Un = "_shake_8ej1j_1", I = {
+  navBarNotificationButton: $n,
+  unread: An,
+  hasCount: Hn,
+  icon: En,
+  shake: Un
 }, $e = ({
   count: e,
   unread: t = !1,
   className: o,
-  labelClassName: a,
+  labelClassName: r,
   iconClassName: i,
-  icon: c = ln,
+  icon: c = cn,
   ...d
 }) => {
   const u = e > 0;
@@ -225,56 +228,56 @@ const H = ({
         o
       ),
       label: u ? String(e) : void 0,
-      labelClassName: h(a, I.label),
+      labelClassName: h(r, I.label),
       iconClassName: h(i, I.icon)
     }
   );
-}, On = "_navBarSearchFieldInput_q4zl6_1", Tn = "_navBarSearchField_q4zl6_1", qn = "_withButton_q4zl6_25", Wn = "_clearButton_q4zl6_36", w = {
-  navBarSearchFieldInput: On,
-  navBarSearchField: Tn,
-  withButton: qn,
-  clearButton: Wn
+}, Dn = "_navBarSearchFieldInput_q4zl6_1", On = "_navBarSearchField_q4zl6_1", Tn = "_withButton_q4zl6_25", qn = "_clearButton_q4zl6_36", S = {
+  navBarSearchFieldInput: Dn,
+  navBarSearchField: On,
+  withButton: Tn,
+  clearButton: qn
 }, Ae = ({
   placeholder: e = "Search",
   className: t,
   wrapperClassName: o,
-  showClearButton: a,
+  showClearButton: r,
   onClickClearButton: i,
   ...c
 }) => /* @__PURE__ */ n(
-  wn,
+  Nn,
   {
     wrapperClassName: h(
-      w.navBarSearchField,
-      a ? w.withButton : void 0,
+      S.navBarSearchField,
+      r ? S.withButton : void 0,
       o
     ),
-    className: h(w.navBarSearchFieldInput, t),
+    className: h(S.navBarSearchFieldInput, t),
     placeholder: e,
-    buttonRight: a ? /* @__PURE__ */ n(
-      Sn,
+    buttonRight: r ? /* @__PURE__ */ n(
+      wn,
       {
-        className: w.clearButton,
+        className: S.clearButton,
         icon: z,
-        variant: "danger",
+        variant: "error",
         onClick: i
       }
     ) : void 0,
     ...c
   }
-), Gn = "_navBarUserButton_afv8h_1", Jn = "_initials_afv8h_28", q = {
-  navBarUserButton: Gn,
-  initials: Jn
+), Wn = "_navBarUserButton_afv8h_1", Gn = "_initials_afv8h_28", q = {
+  navBarUserButton: Wn,
+  initials: Gn
 }, He = ({
   className: e,
   username: t,
   initials: o,
-  icon: a = sn,
+  icon: r = ln,
   iconClassName: i,
   responsiveIconOnly: c = o == null,
   ...d
 }) => /* @__PURE__ */ n(
-  jn,
+  Sn,
   {
     ...d,
     className: h(
@@ -282,22 +285,22 @@ const H = ({
       q.navBarUserButton,
       e
     ),
-    leftIcon: t != null ? a : void 0,
+    leftIcon: t != null ? r : void 0,
     label: o != null ? o : t,
     responsiveIconOnly: c,
     disableArrow: !0
   }
-), Kn = "_unreadDot_l8bni_1", Qn = "_dot_l8bni_4", W = {
-  unreadDot: Kn,
-  dot: Qn
-}, Vn = ({ children: e }) => /* @__PURE__ */ r("div", { className: W.unreadDot, children: [
+), Jn = "_unreadDot_l8bni_1", Kn = "_dot_l8bni_4", W = {
+  unreadDot: Jn,
+  dot: Kn
+}, Qn = ({ children: e }) => /* @__PURE__ */ a("div", { className: W.unreadDot, children: [
   e,
   /* @__PURE__ */ n("div", { className: W.dot })
 ] }), Z = ({
   text: e,
   timestamp: t,
   icon: o,
-  iconAriaLabel: a,
+  iconAriaLabel: r,
   contentLeft: i,
   contentRight: c,
   onClose: d,
@@ -309,15 +312,15 @@ const H = ({
     {
       size: "small",
       icon: o,
-      "aria-label": a,
-      backgroundColor: Xn(u, p)
+      "aria-label": r,
+      backgroundColor: Vn(u, p)
     }
   ) : void 0;
-  return /* @__PURE__ */ r(s, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
-    /* @__PURE__ */ r(s, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
+  return /* @__PURE__ */ a(s, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
+    /* @__PURE__ */ a(s, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
       i && /* @__PURE__ */ n(l, { minHeight: 20, justifyContent: "center", children: i }),
-      !i && m && (u ? /* @__PURE__ */ n(Vn, { children: m }) : m),
-      /* @__PURE__ */ r(l, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
+      !i && m && (u ? /* @__PURE__ */ n(Qn, { children: m }) : m),
+      /* @__PURE__ */ a(l, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
         /* @__PURE__ */ n(b, { variant: "bold", children: e }),
         t && /* @__PURE__ */ n(
           b,
@@ -350,63 +353,63 @@ const H = ({
       }
     )
   ] });
-}, Xn = (e, t) => {
+}, Vn = (e, t) => {
   if (!(!e && t === "standard"))
     return "--lhds-color-ui-50";
-}, Yn = "_notification_1hao0_1", Zn = "_body_1hao0_7", ne = "_standard_1hao0_13", ee = "_unread_1hao0_14", te = "_danger_1hao0_19", S = {
-  notification: Yn,
-  body: Zn,
-  standard: ne,
-  unread: ee,
-  danger: te
+}, Xn = "_notification_1hao0_1", Yn = "_body_1hao0_7", Zn = "_standard_1hao0_13", ne = "_unread_1hao0_14", ee = "_danger_1hao0_19", j = {
+  notification: Xn,
+  body: Yn,
+  standard: Zn,
+  unread: ne,
+  danger: ee
 }, Ee = ({
   variant: e = "standard",
   children: t,
   unread: o,
-  ...a
-}) => /* @__PURE__ */ r(
+  ...r
+}) => /* @__PURE__ */ a(
   "div",
   {
     className: h(
-      S.notification,
-      S[e],
-      o && S.unread
+      j.notification,
+      j[e],
+      o && j.unread
     ),
     children: [
-      /* @__PURE__ */ n(Z, { ...a, unread: o, variant: e }),
-      t && /* @__PURE__ */ n(g, { className: S.body, children: t })
+      /* @__PURE__ */ n(Z, { ...r, unread: o, variant: e }),
+      t && /* @__PURE__ */ n(g, { className: j.body, children: t })
     ]
   }
-), oe = "_notificationList_1rkvu_1", ae = {
-  notificationList: oe
+), te = "_notificationList_1rkvu_1", oe = {
+  notificationList: te
 }, Ue = ({
   children: e
-}) => /* @__PURE__ */ r("div", { className: ae.notificationList, children: [
+}) => /* @__PURE__ */ a("div", { className: oe.notificationList, children: [
   e,
   /* @__PURE__ */ n("div", {})
-] }), re = "_clickable_1ijxc_1", ie = "_nonClickable_1ijxc_27", L = {
+] }), re = "_clickable_1ijxc_1", ae = "_nonClickable_1ijxc_27", L = {
   clickable: re,
-  nonClickable: ie
+  nonClickable: ae
 }, De = ({
   onClick: e,
   onClickAriaLabel: t,
   children: o,
-  width: a = 264,
+  width: r = 264,
   maxWidth: i,
   ...c
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   l,
   {
     borderRadius: 8,
     background: f("--lhds-color-ui-50"),
     shadow: "popover",
-    width: a,
+    width: r,
     maxWidth: i,
     role: "alert",
     position: "relative",
     children: [
       /* @__PURE__ */ n(l, { className: h({ [L.nonClickable]: e }), children: /* @__PURE__ */ n(Z, { ...c }) }),
-      o && /* @__PURE__ */ r(l, { indent: 3, className: h({ [L.nonClickable]: e }), children: [
+      o && /* @__PURE__ */ a(l, { indent: 3, className: h({ [L.nonClickable]: e }), children: [
         o,
         /* @__PURE__ */ n(_, { num: 2 })
       ] }),
@@ -420,28 +423,28 @@ const H = ({
       )
     ]
   }
-), ce = () => /* @__PURE__ */ r(g, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ n(dn, { icon: un, color: f("--lhds-color-ui-500") }),
+), ie = () => /* @__PURE__ */ a(g, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ n(sn, { icon: dn, color: f("--lhds-color-ui-500") }),
   /* @__PURE__ */ n(_, {}),
   /* @__PURE__ */ n(b, { size: "small", color: f("--lhds-color-ui-500"), children: "No content" })
-] }), le = Cn(
+] }), ce = Bn(
   function({
     label: t,
     contentLeft: o,
-    contentRight: a,
+    contentRight: r,
     collapsed: i = !1,
     onClick: c,
     disabled: d = !1,
     children: u,
     autoFocus: p = !1,
     ...m
-  }, F) {
+  }, R) {
     return /* @__PURE__ */ n(
       P,
       {
         ...m,
         autoFocus: p,
-        ref: F,
+        ref: R,
         label: t,
         onClick: c,
         disabled: d,
@@ -449,8 +452,8 @@ const H = ({
         expanded: !i,
         selected: !i,
         left: o,
-        right: a,
-        children: u != null ? u : /* @__PURE__ */ n(ce, {})
+        right: r,
+        children: u != null ? u : /* @__PURE__ */ n(ie, {})
       }
     );
   }
@@ -460,17 +463,17 @@ const H = ({
   value: e,
   onValueChange: t,
   onChange: o,
-  indeterminate: a,
+  indeterminate: r,
   checkboxDisabled: i,
   ...c
 }) => /* @__PURE__ */ n(
-  le,
+  ce,
   {
     contentLeft: /* @__PURE__ */ n(
       Y,
       {
         value: e,
-        indeterminate: a,
+        indeterminate: r,
         onValueChange: t,
         onChange: o,
         disabled: i,
@@ -479,21 +482,21 @@ const H = ({
     ),
     ...c
   }
-), qe = ({ children: e }) => /* @__PURE__ */ n(l, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e }) }), se = ({
+), qe = ({ children: e }) => /* @__PURE__ */ n(l, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e }) }), le = ({
   text: e = "Something unexpected happened."
-}) => /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(hn, { variant: "error", headerText: e }) }), We = (e) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ n(l, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(un, { variant: "error", headerText: e }) }), We = (e) => /* @__PURE__ */ n(
   l,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(se, { ...e })
+    children: /* @__PURE__ */ n(le, { ...e })
   }
-), de = ({
+), se = ({
   text: e = "Loading..."
-}) => /* @__PURE__ */ r(l, { alignItems: "center", children: [
-  /* @__PURE__ */ n(pn, { size: "small" }),
+}) => /* @__PURE__ */ a(l, { alignItems: "center", children: [
+  /* @__PURE__ */ n(hn, { size: "small" }),
   /* @__PURE__ */ n(_, { num: 4 }),
   /* @__PURE__ */ n(A, { variant: "h4", children: e })
 ] }), Ge = (e) => /* @__PURE__ */ n(
@@ -503,16 +506,16 @@ const H = ({
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(de, { ...e })
+    children: /* @__PURE__ */ n(se, { ...e })
   }
 ), Je = ({
   renderBreadCrumbs: e,
   renderPageHeading: t,
   renderTabs: o,
-  children: a
-}) => /* @__PURE__ */ r(l, { shadow: "bottom", background: f("--lhds-color-ui-50"), gap: 2, children: [
-  /* @__PURE__ */ r(l, { indent: 3, children: [
-    e && /* @__PURE__ */ r(s, { spacing: 1, alignItems: "center", children: [
+  children: r
+}) => /* @__PURE__ */ a(l, { shadow: "bottom", background: f("--lhds-color-ui-50"), gap: 2, children: [
+  /* @__PURE__ */ a(l, { indent: 3, children: [
+    e && /* @__PURE__ */ a(s, { spacing: 1, alignItems: "center", children: [
       /* @__PURE__ */ n(s, { width: "64px", height: "16px" }),
       e()
     ] }),
@@ -520,27 +523,27 @@ const H = ({
     o && /* @__PURE__ */ n(_, {}),
     o == null ? void 0 : o()
   ] }),
-  a
+  r
 ] }), Ke = (e) => /* @__PURE__ */ n(s, { indent: 3, spacing: !0, ...e }), Qe = ({
   icon: e,
   heading: t,
   headingLevel: o = "h2",
-  contentLeft: a,
+  contentLeft: r,
   contentRight: i
-}) => /* @__PURE__ */ r(s, { alignItems: "center", gap: 2, height: "64px", children: [
-  /* @__PURE__ */ r(s, { alignItems: "center", children: [
+}) => /* @__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(A, { variant: "h3", as: o, children: t })
   ] }),
-  /* @__PURE__ */ n(s, { alignItems: "center", children: a }),
+  /* @__PURE__ */ n(s, { alignItems: "center", children: r }),
   /* @__PURE__ */ n(s, { style: { marginLeft: "auto" }, alignItems: "center", children: i })
-] }), ue = "_sidebarMenu_11tso_1", he = {
-  sidebarMenu: ue
-}, pe = "_stenaFlag_108h7_1", ge = {
-  stenaFlag: pe
-}, fe = ({ onClick: e }) => /* @__PURE__ */ r(g, { background: f("--lhds-color-ui-50"), children: [
+] }), de = "_sidebarMenu_11tso_1", ue = {
+  sidebarMenu: de
+}, he = "_stenaFlag_108h7_1", pe = {
+  stenaFlag: he
+}, ge = ({ onClick: e }) => /* @__PURE__ */ a(g, { background: f("--lhds-color-ui-50"), children: [
   /* @__PURE__ */ n(_, {}),
-  /* @__PURE__ */ r(
+  /* @__PURE__ */ a(
     s,
     {
       justifyContent: "space-between",
@@ -557,49 +560,49 @@ const H = ({
             variant: "danger"
           }
         ),
-        /* @__PURE__ */ n(gn, { className: ge.stenaFlag })
+        /* @__PURE__ */ n(pn, { className: pe.stenaFlag })
       ]
     }
   )
-] }), me = ({
+] }), fe = ({
   isPinned: e,
   onClick: t,
   label: o
 }) => {
-  const a = e ? "Unpin menu" : "Pin menu", i = o != null ? o : a;
-  return /* @__PURE__ */ n(P, { onClick: t, label: i, leftIcon: e ? V : fn });
+  const r = e ? "Unpin menu" : "Pin menu", i = o != null ? o : r;
+  return /* @__PURE__ */ n(P, { onClick: t, label: i, leftIcon: e ? V : gn });
 }, Ve = ({
   className: e,
   children: t,
   onCloseClick: o,
-  variant: a = "standard",
+  variant: r = "standard",
   pinButtonVisible: i,
   onClickPinButton: c,
   bottomItems: d,
   isPinned: u,
   ...p
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   l,
   {
-    className: h(he.sidebarMenu, e),
+    className: h(ue.sidebarMenu, e),
     style: {
       ["--swui-sidebar-menu-item-height"]: "40px"
     },
     ...p,
     children: [
-      /* @__PURE__ */ n(fe, { onClick: o }),
+      /* @__PURE__ */ n(ge, { onClick: o }),
       /* @__PURE__ */ n(
         l,
         {
           height: "100%",
           background: "var(--current-background-color)",
           overflow: "auto",
-          children: /* @__PURE__ */ r(g, { justifyContent: "space-between", flex: 1, gap: 1, indent: 1, children: [
+          children: /* @__PURE__ */ a(g, { justifyContent: "space-between", flex: 1, gap: 1, indent: 1, children: [
             /* @__PURE__ */ n(g, { gap: 1, children: t }),
-            (d || i) && /* @__PURE__ */ r(g, { gap: 1, children: [
+            (d || i) && /* @__PURE__ */ a(g, { gap: 1, children: [
               d,
               i && /* @__PURE__ */ n(
-                me,
+                fe,
                 {
                   isPinned: u,
                   onClick: c
@@ -612,18 +615,18 @@ const H = ({
       )
     ]
   }
-), j = xn(!1), E = () => yn(j), ve = ({
+), M = Cn(!1), E = () => xn(M), me = ({
   label: e,
   leftIcon: t,
   ...o
-}) => t == null ? null : /* @__PURE__ */ n(Nn, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(mn, { icon: t, ...o }) }), be = (e) => E() ? /* @__PURE__ */ n(ve, { ...e }) : /* @__PURE__ */ n(vn, { ...e }), Xe = ({
+}) => t == null ? null : /* @__PURE__ */ n(In, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(fn, { icon: t, ...o }) }), ve = (e) => E() ? /* @__PURE__ */ n(me, { ...e }) : /* @__PURE__ */ n(mn, { ...e }), Xe = ({
   closeButtonVisible: e,
   onClickCloseButton: t,
   onClickMenuButton: o,
-  children: a,
+  children: r,
   bottomItems: i,
   closeButtonTitle: c = "Unpin menu"
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   l,
   {
     position: "fixed",
@@ -637,12 +640,12 @@ const H = ({
     background: f("--lhds-color-ui-50"),
     children: [
       /* @__PURE__ */ n(X, { onClick: o, icon: K }),
-      /* @__PURE__ */ r(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ n(g, { gap: 1, children: /* @__PURE__ */ n(j.Provider, { value: !0, children: a }) }),
-        /* @__PURE__ */ n(g, { gap: 1, children: (i || e) && /* @__PURE__ */ r(j.Provider, { value: !0, children: [
+      /* @__PURE__ */ a(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
+        /* @__PURE__ */ n(g, { gap: 1, children: /* @__PURE__ */ n(M.Provider, { value: !0, children: r }) }),
+        /* @__PURE__ */ n(g, { gap: 1, children: (i || e) && /* @__PURE__ */ a(M.Provider, { value: !0, children: [
           i,
           e && /* @__PURE__ */ n(
-            be,
+            ve,
             {
               leftIcon: V,
               label: c,
@@ -653,18 +656,18 @@ const H = ({
       ] })
     ]
   }
-), _e = ({
+), be = ({
   label: e
-}) => E() ? null : /* @__PURE__ */ r(l, { height: "32px", justifyContent: "center", indent: 1, children: [
+}) => E() ? null : /* @__PURE__ */ a(l, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ n(_, {}),
   /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e })
-] }), Be = ({
+] }), _e = ({
   children: e,
   label: t,
   icon: o,
-  popupMinWidth: a = "200px"
+  popupMinWidth: r = "200px"
 }) => /* @__PURE__ */ n(
-  M,
+  F,
   {
     appendTo: "parent",
     arrow: !1,
@@ -676,13 +679,13 @@ const H = ({
     content: /* @__PURE__ */ n(
       l,
       {
-        minWidth: a,
+        minWidth: r,
         shadow: "popover",
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ r(j.Provider, { value: !1, children: [
-          /* @__PURE__ */ n(_e, { label: t }),
+        children: /* @__PURE__ */ a(M.Provider, { value: !1, children: [
+          /* @__PURE__ */ n(be, { label: t }),
           e
         ] })
       }
@@ -693,17 +696,17 @@ const H = ({
   children: e,
   label: t,
   leftIcon: o,
-  className: a,
+  className: r,
   initialExpand: i = !1
 }) => {
-  const [c, d] = kn(i);
-  return E() ? o == null ? null : /* @__PURE__ */ n(Be, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
+  const [c, d] = yn(i);
+  return E() ? o == null ? null : /* @__PURE__ */ n(_e, { label: t, icon: o, children: e }) : /* @__PURE__ */ n(
     P,
     {
       label: t,
       onClick: () => d(!c),
       leftIcon: o,
-      className: a,
+      className: r,
       expandable: !0,
       expanded: c,
       selected: c,
@@ -711,17 +714,17 @@ const H = ({
     }
   );
 }, Ze = (e) => /* @__PURE__ */ n(
-  In,
+  kn,
   {
     color: f("--lhds-color-ui-400"),
     ...e
   }
-), Ce = `1px solid ${f("--lhds-color-orange-400")}`, nt = ({
+), Be = `1px solid ${f("--lhds-color-orange-400")}`, nt = ({
   numItemsSelected: e,
   label: t,
   afterLabelContent: o,
-  rightContent: a
-}) => /* @__PURE__ */ r(
+  rightContent: r
+}) => /* @__PURE__ */ a(
   s,
   {
     indent: 3,
@@ -729,44 +732,44 @@ const H = ({
     minHeight: "56px",
     justifyContent: "space-between",
     alignItems: "center",
-    borderTop: Ce,
+    borderTop: Be,
     background: f("--lhds-color-orange-50"),
     children: [
-      /* @__PURE__ */ r(s, { alignItems: "center", children: [
-        e != null || t != null ? /* @__PURE__ */ n(v, { children: e != null ? /* @__PURE__ */ r(v, { children: [
+      /* @__PURE__ */ a(s, { alignItems: "center", children: [
+        e != null || t != null ? /* @__PURE__ */ n(v, { children: e != null ? /* @__PURE__ */ a(v, { children: [
           /* @__PURE__ */ n(b, { variant: "bold", children: e }),
           /* @__PURE__ */ n(_, {}),
-          /* @__PURE__ */ r(b, { children: [
+          /* @__PURE__ */ a(b, { children: [
             "item",
             e === 1 ? "" : "s",
             " selected"
           ] })
         ] }) : t != null ? /* @__PURE__ */ n(v, { children: typeof t == "string" ? /* @__PURE__ */ n(b, { children: t }) : t }) : null }) : null,
-        o ? /* @__PURE__ */ r(v, { children: [
+        o ? /* @__PURE__ */ a(v, { children: [
           /* @__PURE__ */ n(x, {}),
           /* @__PURE__ */ n(l, { children: o })
         ] }) : null
       ] }),
-      /* @__PURE__ */ n(l, { children: a })
+      /* @__PURE__ */ n(l, { children: r })
     ]
   }
 );
 export {
-  jn as ActionMenuFlatButton,
+  Sn as ActionMenuFlatButton,
   Me as ActionMenuPrimaryButton,
   Fe as ActionMenuSecondaryButton,
   Re as CheckboxMenu,
-  le as Collapsible,
-  ce as CollapsibleEmptyContent,
+  ce as Collapsible,
+  ie as CollapsibleEmptyContent,
   qe as CollapsibleGroupHeading,
   Oe as CollapsibleList,
   Te as CollapsibleWithCheckbox,
-  se as ErrorPanel,
+  le as ErrorPanel,
   We as ErrorScreen,
-  de as LoadingPanel,
+  se as LoadingPanel,
   Ge as LoadingScreen,
   Le as NavBar,
-  $n as NavBarButton,
+  Pn as NavBarButton,
   ze as NavBarHeading,
   $e as NavBarNotificationButton,
   Pe as NavBarPopoverButton,
@@ -781,12 +784,12 @@ export {
   nt as SelectedItemsActionsPanel,
   Ve as SidebarMenu,
   Ye as SidebarMenuCollapsible,
-  _e as SidebarMenuHeading,
-  be as SidebarMenuLink,
+  be as SidebarMenuHeading,
+  ve as SidebarMenuLink,
   Ze as SidebarMenuSeparator,
   Xe as SidebarRailMenu,
   De as Toast,
-  Vn as UnreadDot,
-  Xn as getIconBgColor
+  Qn as UnreadDot,
+  Vn as getIconBgColor
 };
 //# sourceMappingURL=index.es.js.map