@stenajs-webui/panels 22.2.1 → 22.3.0

package/dist/index.es.js

@@ -1,11 +1,11 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._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 { jsx as n, Fragment as B, jsxs as o } from "react/jsx-runtime";
-import { ActionMenu as G, ActionMenuContext as an, stenaAngleDown as W, PrimaryButton as ln, SecondaryButton as cn, FlatButton as k, stenaHamburger as E, BaseButton as sn, stenaBellFilled as dn, TextInputButton as un, stenaTimes as hn, stenaUserCircle as pn, CircledIcon as j, CloseButton as q, MenuButton as L, Icon as gn, stenaMail as mn, Card as fn, CardBody as bn, stenaTripFerryXl as _n, Spinner as Bn, StenaFlag as vn, stenaAngleLeftDouble as O, stenaPin as Cn, IconMenuButton as P, IconMenuButtonLink as xn, MenuButtonLink as yn } from "@stenajs-webui/elements";
-import * as In from "react";
-import { useRef as wn, useMemo as Nn, forwardRef as A, createContext as kn, useContext as Mn, useState as Sn } from "react";
-import { useBoolean as X, Row as c, Indent as x, Column as h, Heading as M, Box as d, Text as f, Space as m, SeparatorLine as Rn } from "@stenajs-webui/core";
+import { ActionMenu as G, ActionMenuContext as ln, stenaAngleDown as W, PrimaryButton as cn, SecondaryButton as sn, FlatButton as k, stenaHamburger as E, BaseButton as dn, stenaBellFilled as un, TextInputButton as hn, stenaTimes as pn, stenaUserCircle as gn, CircledIcon as j, CloseButton as q, MenuButton as L, Icon as mn, stenaMail as fn, Card as bn, CardBody as _n, stenaTripFerryXl as Bn, Spinner as vn, StenaFlag as Cn, stenaAngleLeftDouble as O, stenaPin as xn, IconMenuButton as P, IconMenuButtonLink as yn, MenuButtonLink as In } from "@stenajs-webui/elements";
+import * as wn from "react";
+import { useRef as Nn, useMemo as kn, forwardRef as A, createContext as Mn, useContext as Sn, useState as Rn } from "react";
+import { useBoolean as X, Row as c, Indent as x, Column as h, Heading as M, Box as d, Text as f, Space as m, SeparatorLine as Fn } from "@stenajs-webui/core";
 import { ControlledPopover as J, Popover as K, Tooltip as Q } from "@stenajs-webui/tooltip";
-import { Checkbox as V, TextInput as Fn } from "@stenajs-webui/forms";
+import { Checkbox as V, TextInput as jn } from "@stenajs-webui/forms";
 import p from "classnames";
 import { cssColor as b } from "@stenajs-webui/theme";
 const $ = ({
@@ -20,10 +20,11 @@ const $ = ({
   buttonRef: g,
   appendTo: _,
   zIndex: v,
-  ...Z
+  disableTrapFocus: Z = !1,
+  ...nn
 }) => {
-  const [H, U, y, nn] = X(!1), en = wn(null), tn = g ?? en, rn = Nn(() => ({ open: U, close: y }), [U, y]), on = (S) => {
-    s == null || s(S), nn();
+  const [H, U, y, en] = X(!1), tn = Nn(null), rn = g ?? tn, on = kn(() => ({ open: U, close: y }), [U, y]), an = (S) => {
+    s == null || s(S), en();
   };
   return /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(
     J,
@@ -32,9 +33,9 @@ const $ = ({
         r,
         {
           rightIcon: u ? void 0 : i,
-          ...Z,
-          ref: tn,
-          onClick: on,
+          ...nn,
+          ref: rn,
+          onClick: an,
           ...S
         }
       ),
@@ -45,10 +46,18 @@ const $ = ({
       placement: t,
       appendTo: _,
       zIndex: v,
-      children: H && /* @__PURE__ */ n(G, { width: a, top: l, trapFocus: !0, children: /* @__PURE__ */ n(an.Provider, { value: rn, children: e(y) }) })
+      children: H && /* @__PURE__ */ n(
+        G,
+        {
+          width: a,
+          top: l,
+          trapFocus: !Z,
+          children: /* @__PURE__ */ n(ln.Provider, { value: on, children: e(y) })
+        }
+      )
     }
   ) });
-}, Pe = (e) => /* @__PURE__ */ n($, { buttonComponent: ln, ...e }), Ae = (e) => /* @__PURE__ */ n($, { buttonComponent: cn, ...e }), jn = (e) => /* @__PURE__ */ n($, { buttonComponent: k, ...e }), Ln = "1px solid var(--lhds-color-ui-300)", $e = ({
+}, Ae = (e) => /* @__PURE__ */ n($, { buttonComponent: cn, ...e }), $e = (e) => /* @__PURE__ */ n($, { buttonComponent: sn, ...e }), Ln = (e) => /* @__PURE__ */ n($, { buttonComponent: k, ...e }), Pn = "1px solid var(--lhds-color-ui-300)", ze = ({
   renderMenu: e,
   ...t
 }) => /* @__PURE__ */ n(
@@ -61,7 +70,7 @@ const $ = ({
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: Ln,
+        border: Pn,
         borderRadius: "4px",
         children: [
           /* @__PURE__ */ n(V, { ...t }),
@@ -75,9 +84,9 @@ const $ = ({
     placement: "bottom-start",
     children: ({ onRequestClose: r }) => /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(G, { children: e(r) }) })
   }
-), Pn = "_navBar_kzibd_1", An = {
-  navBar: Pn
-}, $n = ({
+), An = "_navBar_kzibd_1", $n = {
+  navBar: An
+}, zn = ({
   className: e,
   onClick: t
 }) => /* @__PURE__ */ n(
@@ -87,7 +96,7 @@ const $ = ({
     className: e,
     onClick: t
   }
-), ze = ({
+), He = ({
   left: e,
   className: t,
   showMenuButton: r = !1,
@@ -101,7 +110,7 @@ const $ = ({
     c,
     {
       justifyContent: "space-between",
-      className: p(An.navBar, t),
+      className: p($n.navBar, t),
       children: [
         /* @__PURE__ */ o(
           c,
@@ -112,13 +121,13 @@ const $ = ({
             children: [
               /* @__PURE__ */ o(c, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ n(x, {}),
-                r && /* @__PURE__ */ n($n, { onClick: s })
+                r && /* @__PURE__ */ n(zn, { onClick: s })
               ] }),
               e && /* @__PURE__ */ o(B, { children: [
                 e,
                 /* @__PURE__ */ n(x, { num: 2 })
               ] }),
-              i && /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(c, { justifyContent: "center", alignItems: "center", children: In.Children.map(i, (g, _) => /* @__PURE__ */ o(B, { children: [
+              i && /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(c, { justifyContent: "center", alignItems: "center", children: wn.Children.map(i, (g, _) => /* @__PURE__ */ o(B, { children: [
                 _ > 0 && /* @__PURE__ */ n(x, {}),
                 g
               ] })) }) })
@@ -133,10 +142,10 @@ const $ = ({
       ]
     }
   );
-}, zn = "_navBarButton_b3x3w_1", Hn = "_selected_b3x3w_14", T = {
-  navBarButton: zn,
-  selected: Hn
-}, Un = A(
+}, Hn = "_navBarButton_b3x3w_1", Un = "_selected_b3x3w_14", T = {
+  navBarButton: Hn,
+  selected: Un
+}, Tn = A(
   function({ selected: e, className: t, ...r }, i) {
     return /* @__PURE__ */ n(
       k,
@@ -151,7 +160,7 @@ const $ = ({
       }
     );
   }
-), He = (e) => /* @__PURE__ */ n(M, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Ue = ({
+), Ue = (e) => /* @__PURE__ */ n(M, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Te = ({
   content: e,
   children: t,
   appendTo: r,
@@ -162,7 +171,7 @@ const $ = ({
   return /* @__PURE__ */ n(
     J,
     {
-      renderTrigger: (g) => /* @__PURE__ */ n(Un, { ...a, ...g, onClick: u }),
+      renderTrigger: (g) => /* @__PURE__ */ n(Tn, { ...a, ...g, onClick: u }),
       open: l,
       onRequestClose: s,
       zIndex: i,
@@ -173,23 +182,23 @@ const $ = ({
       ] })
     }
   );
-}, Tn = "_navBarNotificationButton_1wt3y_1", Dn = "_unread_1wt3y_23", Gn = "_icon_1wt3y_23", Wn = "_shake_1wt3y_1", C = {
-  navBarNotificationButton: Tn,
-  unread: Dn,
-  icon: Gn,
-  shake: Wn
-}, Te = A(function({
+}, Dn = "_navBarNotificationButton_1wt3y_1", Gn = "_unread_1wt3y_23", Wn = "_icon_1wt3y_23", En = "_shake_1wt3y_1", C = {
+  navBarNotificationButton: Dn,
+  unread: Gn,
+  icon: Wn,
+  shake: En
+}, De = A(function({
   count: e,
   unread: t = !1,
   className: r,
   labelClassName: i,
   iconClassName: a,
-  icon: l = dn,
+  icon: l = un,
   ...s
 }, u) {
   const g = e > 1;
   return /* @__PURE__ */ n(
-    sn,
+    dn,
     {
       ...s,
       ref: u,
@@ -205,12 +214,12 @@ const $ = ({
       iconClassName: p(a, C.icon)
     }
   );
-}), En = "_navBarSearchFieldInput_1rp8g_1", qn = "_navBarSearchFieldWrapper_1rp8g_12", On = "_withButton_1rp8g_24", Xn = "_clearButton_1rp8g_33", I = {
-  navBarSearchFieldInput: En,
-  navBarSearchFieldWrapper: qn,
-  withButton: On,
-  clearButton: Xn
-}, De = ({
+}), qn = "_navBarSearchFieldInput_1rp8g_1", On = "_navBarSearchFieldWrapper_1rp8g_12", Xn = "_withButton_1rp8g_24", Jn = "_clearButton_1rp8g_33", I = {
+  navBarSearchFieldInput: qn,
+  navBarSearchFieldWrapper: On,
+  withButton: Xn,
+  clearButton: Jn
+}, Ge = ({
   placeholder: e = "Search",
   className: t,
   wrapperClassName: r,
@@ -219,7 +228,7 @@ const $ = ({
   value: l,
   ...s
 }) => /* @__PURE__ */ n(
-  Fn,
+  jn,
   {
     wrapperClassName: p(
       I.navBarSearchFieldWrapper,
@@ -230,40 +239,40 @@ const $ = ({
     placeholder: e,
     value: l,
     buttonRight: l && i ? /* @__PURE__ */ n(
-      un,
+      hn,
       {
         className: I.clearButton,
-        icon: hn,
+        icon: pn,
         variant: "error",
         onClick: a
       }
     ) : void 0,
     ...s
   }
-), Jn = "_navBarUserButton_10f9z_1", Kn = {
-  navBarUserButton: Jn
-}, Ge = ({
+), Kn = "_navBarUserButton_10f9z_1", Qn = {
+  navBarUserButton: Kn
+}, We = ({
   className: e,
   username: t,
   initials: r,
-  icon: i = pn,
+  icon: i = gn,
   responsiveIconOnly: a = r == null,
   ...l
 }) => /* @__PURE__ */ n(
-  jn,
+  Ln,
   {
     ...l,
-    className: p(Kn.navBarUserButton, e),
+    className: p(Qn.navBarUserButton, e),
     leftIcon: t != null ? i : void 0,
     label: r ?? t,
     forceRound: r != null,
     responsiveIconOnly: a,
     disableArrow: !0
   }
-), Qn = "_unreadDot_l8bni_1", Vn = "_dot_l8bni_4", D = {
-  unreadDot: Qn,
-  dot: Vn
-}, Yn = ({ children: e }) => /* @__PURE__ */ o("div", { className: D.unreadDot, children: [
+), Vn = "_unreadDot_l8bni_1", Yn = "_dot_l8bni_4", D = {
+  unreadDot: Vn,
+  dot: Yn
+}, Zn = ({ children: e }) => /* @__PURE__ */ o("div", { className: D.unreadDot, children: [
   e,
   /* @__PURE__ */ n("div", { className: D.dot })
 ] }), Y = ({
@@ -284,13 +293,13 @@ const $ = ({
       size: "small",
       icon: r,
       "aria-label": i,
-      backgroundColor: _ || Zn(u, g)
+      backgroundColor: _ || ne(u, g)
     }
   ) : void 0;
   return /* @__PURE__ */ o(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
     /* @__PURE__ */ o(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
       a && /* @__PURE__ */ n(d, { minHeight: 20, justifyContent: "center", children: a }),
-      !a && v && (u ? /* @__PURE__ */ n(Yn, { children: v }) : v),
+      !a && v && (u ? /* @__PURE__ */ n(Zn, { children: v }) : v),
       /* @__PURE__ */ o(d, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
         /* @__PURE__ */ n(f, { variant: "bold", children: e }),
         t && /* @__PURE__ */ n(
@@ -316,16 +325,16 @@ const $ = ({
       }
     )
   ] });
-}, Zn = (e, t) => {
+}, ne = (e, t) => {
   if (!(!e && t === "standard"))
     return "--lhds-color-ui-50";
-}, ne = "_notification_1hao0_1", ee = "_body_1hao0_7", te = "_standard_1hao0_13", re = "_unread_1hao0_14", ie = "_danger_1hao0_19", w = {
-  notification: ne,
-  body: ee,
-  standard: te,
-  unread: re,
-  danger: ie
-}, We = ({
+}, ee = "_notification_1hao0_1", te = "_body_1hao0_7", re = "_standard_1hao0_13", ie = "_unread_1hao0_14", oe = "_danger_1hao0_19", w = {
+  notification: ee,
+  body: te,
+  standard: re,
+  unread: ie,
+  danger: oe
+}, Ee = ({
   variant: e = "standard",
   children: t,
   unread: r,
@@ -343,17 +352,17 @@ const $ = ({
       t && /* @__PURE__ */ n(h, { className: w.body, children: t })
     ]
   }
-), oe = "_notificationList_1rkvu_1", ae = {
-  notificationList: oe
-}, Ee = ({
+), ae = "_notificationList_1rkvu_1", le = {
+  notificationList: ae
+}, qe = ({
   children: e
-}) => /* @__PURE__ */ o("div", { className: ae.notificationList, children: [
+}) => /* @__PURE__ */ o("div", { className: le.notificationList, children: [
   e,
   /* @__PURE__ */ n("div", {})
-] }), le = "_clickable_1ijxc_1", ce = "_nonClickable_1ijxc_27", R = {
-  clickable: le,
-  nonClickable: ce
-}, qe = ({
+] }), ce = "_clickable_1ijxc_1", se = "_nonClickable_1ijxc_27", R = {
+  clickable: ce,
+  nonClickable: se
+}, Oe = ({
   onClick: e,
   onClickAriaLabel: t,
   children: r,
@@ -386,7 +395,7 @@ const $ = ({
       )
     ]
   }
-), se = A(
+), de = A(
   ({ contentLeft: e, contentRight: t, collapsed: r = !1, ...i }, a) => /* @__PURE__ */ n(
     L,
     {
@@ -399,9 +408,9 @@ const $ = ({
       ...i
     }
   )
-), Oe = ({
+), Xe = ({
   children: e
-}) => /* @__PURE__ */ n(h, { gap: 1, children: e }), Xe = ({
+}) => /* @__PURE__ */ n(h, { gap: 1, children: e }), Je = ({
   value: e,
   onValueChange: t,
   onChange: r,
@@ -409,7 +418,7 @@ const $ = ({
   checkboxDisabled: a,
   ...l
 }) => /* @__PURE__ */ n(
-  se,
+  de,
   {
     contentLeft: /* @__PURE__ */ n(
       V,
@@ -424,23 +433,23 @@ const $ = ({
     ),
     ...l
   }
-), de = "_sidebarMenuCollapsibleGroupBox_ikek9_1", ue = {
-  sidebarMenuCollapsibleGroupBox: de
-}, he = ({ children: e }) => /* @__PURE__ */ n("div", { className: ue.sidebarMenuCollapsibleGroupBox, children: e }), Je = ({ children: e }) => /* @__PURE__ */ n(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(f, { variant: "overline", size: "smaller", children: e }) }), Ke = ({ text: e = "No content" }) => /* @__PURE__ */ o(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ n(gn, { icon: mn, color: b("--lhds-color-ui-500") }),
+), ue = "_sidebarMenuCollapsibleGroupBox_ikek9_1", he = {
+  sidebarMenuCollapsibleGroupBox: ue
+}, pe = ({ children: e }) => /* @__PURE__ */ n("div", { className: he.sidebarMenuCollapsibleGroupBox, children: e }), Ke = ({ children: e }) => /* @__PURE__ */ n(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(f, { variant: "overline", size: "smaller", children: e }) }), Qe = ({ text: e = "No content" }) => /* @__PURE__ */ o(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ n(mn, { icon: fn, color: b("--lhds-color-ui-500") }),
   /* @__PURE__ */ n(m, {}),
   /* @__PURE__ */ n(f, { size: "small", color: b("--lhds-color-ui-500"), children: e })
-] }), pe = ({
+] }), ge = ({
   text: e,
   heading: t,
   children: r,
   buttons: i,
-  icon: a = _n,
+  icon: a = Bn,
   headingLevel: l = "h3",
   ...s
 }) => {
   const u = !e && !t ? "Something unexpected happened." : e;
-  return /* @__PURE__ */ n(fn, { ...s, children: /* @__PURE__ */ n(bn, { children: /* @__PURE__ */ o(h, { spacing: 1, gap: 3, alignItems: "center", children: [
+  return /* @__PURE__ */ n(bn, { ...s, children: /* @__PURE__ */ n(_n, { children: /* @__PURE__ */ o(h, { spacing: 1, gap: 3, alignItems: "center", children: [
     /* @__PURE__ */ o(h, { alignItems: "center", children: [
       /* @__PURE__ */ n(m, { num: 1 }),
       /* @__PURE__ */ n(j, { icon: a, size: "xl" })
@@ -453,31 +462,31 @@ const $ = ({
       i
     ] })
   ] }) }) });
-}, Qe = (e) => /* @__PURE__ */ n(
+}, Ve = (e) => /* @__PURE__ */ n(
   d,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(pe, { ...e })
+    children: /* @__PURE__ */ n(ge, { ...e })
   }
-), ge = ({
+), me = ({
   text: e = "Loading..."
 }) => /* @__PURE__ */ o(d, { alignItems: "center", children: [
-  /* @__PURE__ */ n(Bn, { size: "small" }),
+  /* @__PURE__ */ n(vn, { size: "small" }),
   /* @__PURE__ */ n(m, { num: 4 }),
   /* @__PURE__ */ n(M, { variant: "h4", children: e })
-] }), Ve = (e) => /* @__PURE__ */ n(
+] }), Ye = (e) => /* @__PURE__ */ n(
   d,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ n(ge, { ...e })
+    children: /* @__PURE__ */ n(me, { ...e })
   }
-), Ye = ({
+), Ze = ({
   renderBreadCrumbs: e,
   renderPageHeading: t,
   renderTabs: r,
@@ -493,7 +502,7 @@ const $ = ({
     r == null ? void 0 : r()
   ] }),
   i
-] }), Ze = (e) => /* @__PURE__ */ n(c, { indent: 3, spacing: !0, ...e }), nt = ({
+] }), nt = (e) => /* @__PURE__ */ n(c, { indent: 3, spacing: !0, ...e }), et = ({
   icon: e,
   heading: t,
   headingLevel: r = "h2",
@@ -506,13 +515,13 @@ const $ = ({
   ] }),
   /* @__PURE__ */ n(c, { alignItems: "center", children: i }),
   /* @__PURE__ */ n(c, { style: { marginLeft: "auto" }, alignItems: "center", children: a })
-] }), me = "_sidebarMenu_1bx5w_1", fe = "_sidebarItems_1bx5w_38", be = "_scrollContainer_1bx5w_48", F = {
-  sidebarMenu: me,
-  sidebarItems: fe,
-  scrollContainer: be
-}, _e = "_stenaFlag_108h7_1", Be = {
-  stenaFlag: _e
-}, ve = ({ onClick: e }) => /* @__PURE__ */ o(h, { background: b("--lhds-color-ui-50"), children: [
+] }), fe = "_sidebarMenu_1bx5w_1", be = "_sidebarItems_1bx5w_38", _e = "_scrollContainer_1bx5w_48", F = {
+  sidebarMenu: fe,
+  sidebarItems: be,
+  scrollContainer: _e
+}, Be = "_stenaFlag_108h7_1", ve = {
+  stenaFlag: Be
+}, Ce = ({ onClick: e }) => /* @__PURE__ */ o(h, { background: b("--lhds-color-ui-50"), children: [
   /* @__PURE__ */ n(m, {}),
   /* @__PURE__ */ o(
     c,
@@ -524,15 +533,15 @@ const $ = ({
       minHeight: "48px",
       children: [
         /* @__PURE__ */ n(q, { onClick: e }),
-        /* @__PURE__ */ n(vn, { className: Be.stenaFlag })
+        /* @__PURE__ */ n(Cn, { className: ve.stenaFlag })
       ]
     }
   )
-] }), Ce = ({
+] }), xe = ({
   isPinned: e,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ n(L, { onClick: t, label: r ?? (e ? "Unpin menu" : "Pin menu"), leftIcon: e ? O : Cn }), et = ({
+}) => /* @__PURE__ */ n(L, { onClick: t, label: r ?? (e ? "Unpin menu" : "Pin menu"), leftIcon: e ? O : xn }), tt = ({
   className: e,
   children: t,
   onCloseClick: r,
@@ -542,7 +551,7 @@ const $ = ({
   isPinned: s,
   ...u
 }) => /* @__PURE__ */ o(d, { ...u, className: p(F.sidebarMenu, e), children: [
-  /* @__PURE__ */ n(ve, { onClick: r }),
+  /* @__PURE__ */ n(Ce, { onClick: r }),
   /* @__PURE__ */ n(d, { className: F.scrollContainer, children: /* @__PURE__ */ o(
     h,
     {
@@ -556,7 +565,7 @@ const $ = ({
         (l || i) && /* @__PURE__ */ o(h, { gap: 1, children: [
           l,
           i && /* @__PURE__ */ n(
-            Ce,
+            xe,
             {
               isPinned: s,
               onClick: a
@@ -567,10 +576,10 @@ const $ = ({
       ]
     }
   ) })
-] }), N = kn(!1), z = () => Mn(N), xe = ({
+] }), N = Mn(!1), z = () => Sn(N), ye = ({
   label: e,
   ...t
-}) => /* @__PURE__ */ n(Q, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(P, { ...t }) }), tt = ({
+}) => /* @__PURE__ */ n(Q, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(P, { ...t }) }), rt = ({
   closeButtonVisible: e,
   onClickCloseButton: t,
   onClickMenuButton: r,
@@ -596,7 +605,7 @@ const $ = ({
         /* @__PURE__ */ n(h, { gap: 1, children: (a || e) && /* @__PURE__ */ o(N.Provider, { value: !0, children: [
           a,
           e && /* @__PURE__ */ n(
-            xe,
+            ye,
             {
               icon: O,
               label: l,
@@ -607,16 +616,16 @@ const $ = ({
       ] })
     ]
   }
-), ye = ({
+), Ie = ({
   label: e
 }) => z() ? null : /* @__PURE__ */ o(d, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ n(m, {}),
   /* @__PURE__ */ n(f, { variant: "overline", size: "smaller", children: e })
-] }), Ie = ({
+] }), we = ({
   label: e,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ n(Q, { label: e, placement: "right", children: /* @__PURE__ */ n(xn, { icon: t, ...r }) }), rt = (e) => z() ? /* @__PURE__ */ n(Ie, { ...e }) : /* @__PURE__ */ n(yn, { ...e }), we = ({
+}) => t == null ? null : /* @__PURE__ */ n(Q, { label: e, placement: "right", children: /* @__PURE__ */ n(yn, { icon: t, ...r }) }), it = (e) => z() ? /* @__PURE__ */ n(we, { ...e }) : /* @__PURE__ */ n(In, { ...e }), Ne = ({
   children: e,
   label: t,
   icon: r,
@@ -637,21 +646,21 @@ const $ = ({
         indent: 1,
         gap: 2,
         children: /* @__PURE__ */ o(N.Provider, { value: !1, children: [
-          /* @__PURE__ */ n(ye, { label: t }),
+          /* @__PURE__ */ n(Ie, { label: t }),
           e
         ] })
       }
     )
   }
-), it = ({
+), ot = ({
   children: e,
   label: t,
   leftIcon: r,
   className: i,
   initialExpand: a = !1
 }) => {
-  const [l, s] = Sn(a);
-  return z() ? r == null ? null : /* @__PURE__ */ n(we, { label: t, icon: r, children: e }) : /* @__PURE__ */ n(
+  const [l, s] = Rn(a);
+  return z() ? r == null ? null : /* @__PURE__ */ n(Ne, { label: t, icon: r, children: e }) : /* @__PURE__ */ n(
     L,
     {
       label: t,
@@ -661,16 +670,16 @@ const $ = ({
       expandable: !0,
       expanded: l,
       selected: l,
-      children: /* @__PURE__ */ n(he, { children: e })
+      children: /* @__PURE__ */ n(pe, { children: e })
     }
   );
-}, ot = (e) => /* @__PURE__ */ n(
-  Rn,
+}, at = (e) => /* @__PURE__ */ n(
+  Fn,
   {
     color: b("--lhds-color-ui-400"),
     ...e
   }
-), at = ({ numItemsSelected: e, label: t, afterLabelContent: r, rightContent: i }) => /* @__PURE__ */ o(
+), lt = ({ numItemsSelected: e, label: t, afterLabelContent: r, rightContent: i }) => /* @__PURE__ */ o(
   c,
   {
     indent: 3,
@@ -698,45 +707,45 @@ const $ = ({
       /* @__PURE__ */ n(c, { gap: 2, children: i })
     ]
   }
-), lt = ({ children: e }) => /* @__PURE__ */ n(c, { spacing: 0.5, indent: 0.5, flex: 1, children: e });
+), ct = ({ children: e }) => /* @__PURE__ */ n(c, { spacing: 0.5, indent: 0.5, flex: 1, children: e });
 export {
-  jn as ActionMenuFlatButton,
-  Pe as ActionMenuPrimaryButton,
-  Ae as ActionMenuSecondaryButton,
-  $e as CheckboxMenu,
-  se as Collapsible,
-  Ke as CollapsibleEmptyContent,
-  Je as CollapsibleGroupHeading,
-  Oe as CollapsibleList,
-  Xe as CollapsibleWithCheckbox,
-  pe as ErrorPanel,
-  Qe as ErrorScreen,
-  ge as LoadingPanel,
-  Ve as LoadingScreen,
-  ze as NavBar,
-  Un as NavBarButton,
-  He as NavBarHeading,
-  Te as NavBarNotificationButton,
-  Ue as NavBarPopoverButton,
-  De as NavBarSearchField,
-  Ge as NavBarUserButton,
-  We as Notification,
+  Ln as ActionMenuFlatButton,
+  Ae as ActionMenuPrimaryButton,
+  $e as ActionMenuSecondaryButton,
+  ze as CheckboxMenu,
+  de as Collapsible,
+  Qe as CollapsibleEmptyContent,
+  Ke as CollapsibleGroupHeading,
+  Xe as CollapsibleList,
+  Je as CollapsibleWithCheckbox,
+  ge as ErrorPanel,
+  Ve as ErrorScreen,
+  me as LoadingPanel,
+  Ye as LoadingScreen,
+  He as NavBar,
+  Tn as NavBarButton,
+  Ue as NavBarHeading,
+  De as NavBarNotificationButton,
+  Te as NavBarPopoverButton,
+  Ge as NavBarSearchField,
+  We as NavBarUserButton,
+  Ee as Notification,
   Y as NotificationHeader,
-  Ee as NotificationList,
-  Ye as PageHeader,
-  Ze as PageHeaderRow,
-  nt as PageHeading,
-  lt as SelectedItemsActionsPadding,
-  at as SelectedItemsActionsPanel,
-  et as SidebarMenu,
-  it as SidebarMenuCollapsible,
-  he as SidebarMenuCollapsibleGroupBox,
-  ye as SidebarMenuHeading,
-  rt as SidebarMenuLink,
-  ot as SidebarMenuSeparator,
-  tt as SidebarRailMenu,
-  qe as Toast,
-  Yn as UnreadDot,
-  Zn as getIconBgColorFromVariant
+  qe as NotificationList,
+  Ze as PageHeader,
+  nt as PageHeaderRow,
+  et as PageHeading,
+  ct as SelectedItemsActionsPadding,
+  lt as SelectedItemsActionsPanel,
+  tt as SidebarMenu,
+  ot as SidebarMenuCollapsible,
+  pe as SidebarMenuCollapsibleGroupBox,
+  Ie as SidebarMenuHeading,
+  it as SidebarMenuLink,
+  at as SidebarMenuSeparator,
+  rt as SidebarRailMenu,
+  Oe as Toast,
+  Zn as UnreadDot,
+  ne as getIconBgColorFromVariant
 };
 //# sourceMappingURL=index.es.js.map