@stenajs-webui/panels 19.0.0-next.7 → 19.0.0-next.8

package/dist/index.es.js

@@ -1,11 +1,11 @@
 (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_rcj0j_1{--swui-textinput-line-height: 2.7rem;--swui-textinput-text-color: var(--lhds-color-ui-50)}._navBarSearchFieldInput_rcj0j_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_rcj0j_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-blue-50);--swui-textinput-border-color: transparent;--swui-textinput-border-color-hover: transparent}._navBarSearchField_rcj0j_1:focus-within{--swui-textinput-text-color: var(--lhds-color-ui-800);--swui-field-text-color: var(--swui-field-text-color);--swui-textinput-icon-color: var(--lhds-color-ui-500);--swui-textinput-bg-color: var(--lhds-color-ui-50)}._navBarUserButton_1cwhm_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 );--swui-button-border-radius: 16px;--swui-button-border-radius-icon-only: 16px}._navBarUserButton_1cwhm_1._initials_1cwhm_31{width:32px}._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}._collapsible_1nroa_1{--swui-collapsible-animation-time: var(--swui-animation-time-fast);--swui-collapsible-expanded-line-background-color: var( --swui-primary-action-color );--swui-collapsible-header-text-color: var(--lhds-color-ui-900);--swui-collapsible-header-background-color: var(--swui-white);--swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);--swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);--swui-collapsible-header-border-color: var(--lhds-color-ui-300);--swui-collapsible-header-border-color-focus: var( --swui-primary-action-color );--swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);--swui-collapsible-header-content-margin: calc( var(--swui-metrics-indent) * 2 );--swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);--swui-collapsible-header-indicator-color: var(--swui-primary-action-color);--swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);--swui-collapsible-header-indicator-color-hover: var( --swui-primary-action-color );--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;--swui-collapsible-content-background-color: var(--lhds-color-ui-100);--swui-collapsible-content-border-color: var(--lhds-color-ui-300);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2);--swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);--swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);--swui-collapsible-min-height: 40px}._collapsible_1nroa_1 ._header_1nroa_46{background-color:var(--swui-collapsible-header-background-color);width:100%;text-align:left;min-height:var(--swui-collapsible-min-height);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--swui-collapsible-header-border-color);padding:var(--swui-collapsible-header-padding)}._collapsible_1nroa_1 ._header_1nroa_46 ._indicator_1nroa_59{transition:all var(--swui-collapsible-animation-time) ease-in-out;margin-left:var(--swui-collapsible-header-content-margin);color:var(--swui-collapsible-header-indicator-color)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active){background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:not(:disabled):hover:not(:active) ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._header_1nroa_46:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 ._header_1nroa_46:active{background:var(--swui-collapsible-header-background-color-active)}._collapsible_1nroa_1 ._header_1nroa_46:disabled{cursor:not-allowed}._collapsible_1nroa_1{position:relative}._collapsible_1nroa_1:before{content:"";position:absolute;width:2px;background:var(--swui-collapsible-expanded-line-background-color);top:0;bottom:0;left:0;z-index:1}._collapsible_1nroa_1 ._headerText_1nroa_103{font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1[aria-expanded=false]{--swui-collapsible-expanded-line-background-color: transparent}._collapsible_1nroa_1[aria-expanded=false] ._indicator_1nroa_59{color:var(--swui-collapsible-header-indicator-color-collapsed)}._collapsible_1nroa_1 ._label_1nroa_114{margin-right:auto}._collapsible_1nroa_1 ._label_1nroa_114 span{--current-line-height: 1;font-weight:var(--swui-collapsible-header-font-weight)}._collapsible_1nroa_1 ._contentLeft_1nroa_123,._collapsible_1nroa_1 ._contentRight_1nroa_124{display:flex}._collapsible_1nroa_1 ._contentLeft_1nroa_123 button,._collapsible_1nroa_1 ._contentRight_1nroa_124 button{cursor:pointer}._collapsible_1nroa_1 ._contentLeft_1nroa_123{margin-right:var(--swui-collapsible-header-content-margin)}._collapsible_1nroa_1 ._contentRight_1nroa_124{margin-left:auto}._collapsible_1nroa_1 ._content_1nroa_123{display:flex;align-items:center;justify-content:stretch;background:var(--swui-collapsible-content-background-color);padding:var(--swui-collapsible-content-padding);min-height:var(--swui-collapsible-min-height);box-sizing:border-box}._collapsible_1nroa_1 ._content_1nroa_123:last-child{border-bottom:1px solid var(--swui-collapsible-content-border-color)}._collapsible_1nroa_1 ._content_1nroa_123._groupHeading_1nroa_155{border:none;font-size:var(--swui-collapsible-groupheading-font-size);font-family:var(--swui-font-primary);color:var(--swui-collapsible-groupheading-text-color);text-transform:uppercase;font-weight:var(--swui-font-weight-text-bold);letter-spacing:.1rem}._collapsible_1nroa_1 ._content_1nroa_123 [data-hidden=true]{display:none}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._content_1nroa_123:hover [data-hover=true]{color:var(--swui-collapsible-header-indicator-color-hover)}._collapsible_1nroa_1 ._contentEnter_1nroa_180{opacity:0}._collapsible_1nroa_1 ._contentEnterActive_1nroa_184{opacity:1;transition:opacity var(--swui-collapsible-animation-time) ease-in-out}._collapsible_1nroa_1 ._contentExitDone_1nroa_189{display:none}._collapsible_1nroa_1 button._content_1nroa_123{font-family:var(--swui-font-primary);font-size:inherit;width:100%;text-align:left}._collapsible_1nroa_1 button._content_1nroa_123:focus-visible{outline:1px solid var(--swui-collapsible-header-border-color-focus);outline-offset:-1px;box-shadow:var(--swui-collapsible-header-focus-shadow)}._collapsible_1nroa_1 button._content_1nroa_123:not(:disabled):hover{background-color:var(--swui-collapsible-header-background-color-hover)}._collapsible_1nroa_1 button._content_1nroa_123:disabled{cursor:not-allowed}._collapsible_1nroa_1 button._content_1nroa_123:focus-within [data-hidden=true]{display:inherit}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-background-color: var( --swui-collapsible-content-background-color );--swui-collapsible-header-font-weight: normal}._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 4)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 4);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 6)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 6);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 8)}._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1 ._collapsible_1nroa_1{--swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0 calc(var(--swui-metrics-indent) * 8);--swui-collapsible-content-padding: var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent) calc(var(--swui-metrics-indent) * 10)}._sidebarMenu_tg9i7_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:100vh}._sidebarMenu_tg9i7_1[data-collapsed]{width:var(--swui-sidebar-menu-item-height)}._sidebarMenu_tg9i7_1 button{--swui-button-text-color: var(--swui-white);--swui-button-background-color-hover: var( --swui-sidebar-menu-background-color-hover )}._stenaFlag_108h7_1{height:32px}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { ActionMenu as Y, ActionMenuContext as de, stenaAngleDown as $, PrimaryButton as ue, SecondaryButton as he, FlatButton as _, stenaHamburger as pe, stenaBellFilled as ge, Icon as F, stenaSearch as me, stenaUserCircle as fe, stenaTimes as Z, stenaMail as be, stenaAngleUp as ve, Banner as _e, Spinner as Ce, CircledIcon as xe, StenaFlag as Be, MenuButtonLink as ye, MenuButton as ke } from "@stenajs-webui/elements";
+import { ActionMenu as Y, ActionMenuContext as se, stenaAngleDown as $, PrimaryButton as de, SecondaryButton as ue, FlatButton as _, stenaHamburger as he, stenaBellFilled as pe, Icon as F, stenaSearch as ge, stenaUserCircle as me, stenaTimes as Z, stenaMail as fe, stenaAngleUp as be, Banner as ve, Spinner as _e, CircledIcon as Ce, StenaFlag as xe, MenuButtonLink as Be, MenuButton as ye } from "@stenajs-webui/elements";
 import * as ee from "react";
-import { useRef as Ne, useMemo as Ie, forwardRef as we, useState as Se } from "react";
-import { useBoolean as D, Column as S, Box as d, Row as i, Indent as x, Heading as U, Clickable as V, Txt as J, Space as b, Text as B, SeparatorLine as ne, exhaustSwitchCaseElseThrow as te } from "@stenajs-webui/core";
+import { useRef as ke, useMemo as Ne, forwardRef as Ie, useState as we } from "react";
+import { useBoolean as D, Column as S, Box as d, Row as i, Indent as x, Heading as U, Clickable as V, Txt as J, Space as b, Text as B, SeparatorLine as Se, exhaustSwitchCaseElseThrow as ne } from "@stenajs-webui/core";
 import { Popover as R } from "@stenajs-webui/tooltip";
-import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
-import { Checkbox as re, TextInput as je } from "@stenajs-webui/forms";
+import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
+import { Checkbox as te, TextInput as je } from "@stenajs-webui/forms";
 import h from "classnames";
 import { cssColor as f } from "@stenajs-webui/theme";
 import { CSSTransition as Ee } from "react-transition-group";
@@ -14,7 +14,7 @@ const W = ({
   placement: t = "bottom",
   buttonComponent: r,
   rightIcon: a = $,
-  portalTarget: l = "parent",
+  portalTarget: o = "parent",
   zIndex: c,
   menuWidth: u,
   menuTop: p,
@@ -22,7 +22,7 @@ const W = ({
   disableArrow: y = !1,
   ...A
 }) => {
-  const [j, E, g, H] = D(!1), k = Ne(null), P = {
+  const [j, E, g, H] = D(!1), k = ke(null), P = {
     name: "focusManager",
     defaultValue: !0,
     fn({
@@ -48,7 +48,7 @@ const W = ({
         }
       };
     }
-  }, N = Ie(() => ({
+  }, N = Ne(() => ({
     open: E,
     close: g
   }), [E, g]), z = (I) => {
@@ -63,13 +63,13 @@ const W = ({
       width: u,
       top: p,
       trapFocus: !0,
-      children: /* @__PURE__ */ e(de.Provider, {
+      children: /* @__PURE__ */ e(se.Provider, {
         value: N,
         children: n(g)
       })
     }),
     arrow: !1,
-    appendTo: l,
+    appendTo: o,
     zIndex: c,
     plugins: [P],
     lazy: !0,
@@ -81,10 +81,10 @@ const W = ({
     })
   });
 }, Sn = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: ue,
+  buttonComponent: de,
   ...n
 }), jn = (n) => /* @__PURE__ */ e(W, {
-  buttonComponent: he,
+  buttonComponent: ue,
   ...n
 }), Me = (n) => /* @__PURE__ */ e(W, {
   buttonComponent: _,
@@ -93,27 +93,27 @@ const W = ({
   renderMenu: n,
   ...t
 }) => {
-  const [r, a, l] = D(!1);
+  const [r, a, o] = D(!1);
   return /* @__PURE__ */ e(R, {
-    onClickOutside: l,
+    onClickOutside: o,
     arrow: !1,
     visible: r,
     disablePadding: !0,
     content: n ? /* @__PURE__ */ e(S, {
       children: /* @__PURE__ */ e(Y, {
-        children: n(l)
+        children: n(o)
       })
     }) : void 0,
     placement: "bottom-start",
     children: /* @__PURE__ */ e(d, {
       display: "inline-block",
-      children: /* @__PURE__ */ o(i, {
+      children: /* @__PURE__ */ l(i, {
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
         border: Fe,
         borderRadius: "4px",
-        children: [/* @__PURE__ */ e(re, {
+        children: [/* @__PURE__ */ e(te, {
           ...t
         }), /* @__PURE__ */ e(x, {
           num: 0.5
@@ -127,11 +127,11 @@ const W = ({
   });
 }, Re = "_navBar_kzibd_1", Ae = {
   navBar: Re
-}, ae = ({
+}, re = ({
   className: n,
   onClick: t
 }) => /* @__PURE__ */ e(_, {
-  leftIcon: pe,
+  leftIcon: he,
   className: n,
   onClick: t
 }), Mn = ({
@@ -139,25 +139,25 @@ const W = ({
   className: t,
   showMenuButton: r = !1,
   children: a,
-  right: l,
+  right: o,
   center: c,
   onClickMenuButton: u
 }) => {
   const p = c ? 1 : void 0;
-  return /* @__PURE__ */ o(i, {
+  return /* @__PURE__ */ l(i, {
     justifyContent: "space-between",
     className: h(Ae.navBar, t),
-    children: [/* @__PURE__ */ o(i, {
+    children: [/* @__PURE__ */ l(i, {
       flex: p,
       justifyContent: "flex-start",
       alignItems: "center",
-      children: [/* @__PURE__ */ o(i, {
+      children: [/* @__PURE__ */ l(i, {
         width: "86px",
         alignItems: "center",
-        children: [/* @__PURE__ */ e(x, {}), r && /* @__PURE__ */ e(ae, {
+        children: [/* @__PURE__ */ e(x, {}), r && /* @__PURE__ */ e(re, {
           onClick: u
         })]
-      }), n && /* @__PURE__ */ o(m, {
+      }), n && /* @__PURE__ */ l(m, {
         children: [n, /* @__PURE__ */ e(x, {
           num: 2
         })]
@@ -165,7 +165,7 @@ const W = ({
         children: /* @__PURE__ */ e(i, {
           justifyContent: "center",
           alignItems: "center",
-          children: ee.Children.map(a, (v, y) => /* @__PURE__ */ o(m, {
+          children: ee.Children.map(a, (v, y) => /* @__PURE__ */ l(m, {
             children: [y > 0 && /* @__PURE__ */ e(x, {}), v]
           }))
         })
@@ -174,11 +174,11 @@ const W = ({
       justifyContent: "center",
       alignItems: "center",
       children: c
-    }), /* @__PURE__ */ o(i, {
+    }), /* @__PURE__ */ l(i, {
       justifyContent: "flex-end",
       alignItems: "center",
       flex: p,
-      children: [l, /* @__PURE__ */ e(x, {
+      children: [o, /* @__PURE__ */ e(x, {
         num: 2
       })]
     })]
@@ -203,14 +203,14 @@ const W = ({
   children: t,
   ...r
 }) => {
-  const [a, , l, c] = D(!1);
+  const [a, , o, c] = D(!1);
   return /* @__PURE__ */ e(R, {
-    onClickOutside: l,
+    onClickOutside: o,
     triggerTarget: document.body,
     visible: a,
-    content: /* @__PURE__ */ o(m, {
+    content: /* @__PURE__ */ l(m, {
       children: [n && n({
-        close: l
+        close: o
       }), t]
     }),
     children: /* @__PURE__ */ e(ze, {
@@ -229,8 +229,8 @@ const W = ({
   unread: t = !1,
   className: r,
   labelClassName: a,
-  iconClassName: l,
-  icon: c = ge,
+  iconClassName: o,
+  icon: c = pe,
   ...u
 }) => {
   const p = n > 0;
@@ -240,7 +240,7 @@ const W = ({
     className: h(t && w.unread, p && w.hasCount, w.navBarNotificationButton, r),
     label: p ? String(n) : void 0,
     labelClassName: h(a, w.label),
-    iconClassName: h(l, w.icon)
+    iconClassName: h(o, w.icon)
   });
 }, Ue = "_navBarSearchFieldInput_rcj0j_1", Ve = "_navBarSearchField_rcj0j_1", Q = {
   navBarSearchFieldInput: Ue,
@@ -256,7 +256,7 @@ const W = ({
   placeholder: n,
   contentRight: /* @__PURE__ */ e(V, {
     children: /* @__PURE__ */ e(F, {
-      icon: me
+      icon: ge
     })
   }),
   ...a
@@ -267,8 +267,8 @@ const W = ({
   className: n,
   username: t,
   initials: r,
-  icon: a = fe,
-  iconClassName: l,
+  icon: a = me,
+  iconClassName: o,
   ...c
 }) => /* @__PURE__ */ e(Me, {
   ...c,
@@ -278,20 +278,20 @@ const W = ({
   leftIcon: t != null ? a : void 0,
   label: r != null ? r : t,
   disableArrow: !0
-}), oe = ({
+}), ae = ({
   text: n,
   timestamp: t,
   icon: r,
   iconAriaLabel: a,
-  iconColor: l,
+  iconColor: o,
   contentLeft: c,
   contentRight: u,
   onClose: p
-}) => /* @__PURE__ */ o(i, {
+}) => /* @__PURE__ */ l(i, {
   alignItems: "flex-start",
   indent: !0,
   spacing: !0,
-  children: [/* @__PURE__ */ o(i, {
+  children: [/* @__PURE__ */ l(i, {
     indent: 2,
     spacing: !0,
     gap: 2,
@@ -304,9 +304,9 @@ const W = ({
     }), !c && r && /* @__PURE__ */ e(F, {
       icon: r,
       size: 20,
-      color: l,
+      color: o,
       "aria-label": a
-    }), /* @__PURE__ */ o(d, {
+    }), /* @__PURE__ */ l(d, {
       minHeight: 20,
       justifyContent: "center",
       flex: 1,
@@ -335,12 +335,12 @@ const W = ({
 }), zn = ({
   children: n,
   ...t
-}) => /* @__PURE__ */ o(S, {
+}) => /* @__PURE__ */ l(S, {
   background: "var(--lhds-color-ui-50)",
   borderRadius: "var(--swui-border-radius)",
-  children: [/* @__PURE__ */ e(oe, {
+  children: [/* @__PURE__ */ e(ae, {
     ...t
-  }), n && /* @__PURE__ */ o(S, {
+  }), n && /* @__PURE__ */ l(S, {
     indent: 3,
     children: [n, /* @__PURE__ */ e(b, {
       num: 2
@@ -354,24 +354,24 @@ const W = ({
   onClickAriaLabel: t,
   children: r,
   width: a = 264,
-  maxWidth: l,
+  maxWidth: o,
   ...c
-}) => /* @__PURE__ */ o(d, {
+}) => /* @__PURE__ */ l(d, {
   borderRadius: 8,
   background: f("--lhds-color-ui-50"),
   shadow: "popover",
   width: a,
-  maxWidth: l,
+  maxWidth: o,
   role: "alert",
   position: "relative",
   children: [/* @__PURE__ */ e(d, {
     className: h({
       [O.nonClickable]: n
     }),
-    children: /* @__PURE__ */ e(oe, {
+    children: /* @__PURE__ */ e(ae, {
       ...c
     })
-  }), r && /* @__PURE__ */ o(d, {
+  }), r && /* @__PURE__ */ l(d, {
     indent: 3,
     className: h({
       [O.nonClickable]: n
@@ -397,28 +397,28 @@ const W = ({
   contentEnter: an,
   contentEnterActive: on,
   contentExitDone: ln
-}, q = () => /* @__PURE__ */ o(S, {
+}, q = () => /* @__PURE__ */ l(S, {
   indent: !0,
   spacing: !0,
   flex: 1,
   alignItems: "center",
   children: [/* @__PURE__ */ e(F, {
-    icon: be,
+    icon: fe,
     color: f("--lhds-color-ui-500")
   }), /* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(B, {
     size: "small",
     color: f("--lhds-color-ui-500"),
     children: "No content"
   })]
-}), le = ({
+}), oe = ({
   contentLeft: n,
   contentRight: t,
   className: r,
   children: a,
-  ...l
-}) => /* @__PURE__ */ o("div", {
+  ...o
+}) => /* @__PURE__ */ l("div", {
   className: h(s.content, r),
-  ...l,
+  ...o,
   children: [n && /* @__PURE__ */ e("div", {
     className: s.contentLeft,
     children: n
@@ -436,17 +436,17 @@ const W = ({
     default:
       return 0;
   }
-}, sn = we(function({
+}, sn = Ie(function({
   label: t,
   contentLeft: r,
   contentRight: a,
-  collapsed: l = !1,
+  collapsed: o = !1,
   onClick: c,
   className: u,
   disabled: p = !1,
   unmountOnCollapse: v = !1,
   mountOnEnter: y = !0,
-  icon: A = ve,
+  icon: A = be,
   iconCollapsed: j = $,
   iconSize: E = 16,
   children: g,
@@ -454,12 +454,12 @@ const W = ({
   ...k
 }, P) {
   const N = ee.useRef(null), z = N.current ? cn(getComputedStyle(N.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
-  return /* @__PURE__ */ o("div", {
+  return /* @__PURE__ */ l("div", {
     className: h(s.collapsible, u),
-    "aria-expanded": !l,
+    "aria-expanded": !o,
     ref: N,
     ...k,
-    children: [/* @__PURE__ */ o(V, {
+    children: [/* @__PURE__ */ l(V, {
       disableFocusHighlight: !0,
       disableOpacityOnClick: !0,
       className: s.header,
@@ -481,13 +481,13 @@ const W = ({
         className: s.contentRight,
         children: a
       }), /* @__PURE__ */ e(F, {
-        icon: l ? j : A,
+        icon: o ? j : A,
         className: s.indicator,
         size: E,
         fixedWidth: !0
       })]
     }), /* @__PURE__ */ e(Ee, {
-      in: !l,
+      in: !o,
       timeout: {
         enter: z
       },
@@ -502,7 +502,7 @@ const W = ({
       unmountOnExit: v,
       children: /* @__PURE__ */ e("div", {
         role: "region",
-        children: g != null ? g : /* @__PURE__ */ e(le, {
+        children: g != null ? g : /* @__PURE__ */ e(oe, {
           children: /* @__PURE__ */ e(q, {})
         })
       })
@@ -513,15 +513,15 @@ const W = ({
   onValueChange: t,
   onChange: r,
   indeterminate: a,
-  checkboxDisabled: l,
+  checkboxDisabled: o,
   ...c
 }) => /* @__PURE__ */ e(sn, {
-  contentLeft: /* @__PURE__ */ e(re, {
+  contentLeft: /* @__PURE__ */ e(te, {
     value: n,
     indeterminate: a,
     onValueChange: t,
     onChange: r,
-    disabled: l,
+    disabled: o,
     onClick: (u) => u.stopPropagation()
   }),
   ...c
@@ -530,9 +530,9 @@ const W = ({
   contentRight: t,
   className: r,
   onClick: a,
-  children: l,
+  children: o,
   ...c
-}) => /* @__PURE__ */ o(V, {
+}) => /* @__PURE__ */ l(V, {
   disableFocusHighlight: !0,
   disableOpacityOnClick: !0,
   className: h(s.content, r),
@@ -541,14 +541,14 @@ const W = ({
   children: [n && /* @__PURE__ */ e("div", {
     className: s.contentLeft,
     children: n
-  }), l != null ? l : /* @__PURE__ */ e(q, {}), t && /* @__PURE__ */ e("div", {
+  }), o != null ? o : /* @__PURE__ */ e(q, {}), t && /* @__PURE__ */ e("div", {
     className: s.contentRight,
     children: t
   })]
 }), $n = ({
   className: n,
   ...t
-}) => /* @__PURE__ */ e(le, {
+}) => /* @__PURE__ */ e(oe, {
   className: h(s.groupHeading, n),
   ...t
 }), dn = ({
@@ -556,7 +556,7 @@ const W = ({
 }) => /* @__PURE__ */ e(d, {
   justifyContent: "center",
   alignItems: "center",
-  children: /* @__PURE__ */ e(_e, {
+  children: /* @__PURE__ */ e(ve, {
     variant: "error",
     headerText: n
   })
@@ -570,9 +570,9 @@ const W = ({
   })
 }), un = ({
   text: n = "Loading..."
-}) => /* @__PURE__ */ o(d, {
+}) => /* @__PURE__ */ l(d, {
   alignItems: "center",
-  children: [/* @__PURE__ */ e(Ce, {
+  children: [/* @__PURE__ */ e(_e, {
     size: "small"
   }), /* @__PURE__ */ e(b, {
     num: 4
@@ -593,23 +593,21 @@ const W = ({
   renderPageHeading: t,
   renderTabs: r,
   children: a
-}) => /* @__PURE__ */ o(d, {
-  shadow: "box",
+}) => /* @__PURE__ */ l(d, {
+  shadow: "bottom",
   background: f("--lhds-color-ui-50"),
   gap: 2,
-  children: [/* @__PURE__ */ o(d, {
+  children: [/* @__PURE__ */ l(d, {
     indent: 3,
-    children: [n && /* @__PURE__ */ o(i, {
+    children: [n && /* @__PURE__ */ l(i, {
       spacing: 1,
       alignItems: "center",
       children: [/* @__PURE__ */ e(i, {
         width: "64px",
         height: "16px"
       }), n()]
-    }), t == null ? void 0 : t(), r == null ? void 0 : r()]
-  }), a && /* @__PURE__ */ o(m, {
-    children: [!r && n && /* @__PURE__ */ e(b, {}), /* @__PURE__ */ e(ne, {}), a]
-  })]
+    }), t == null ? void 0 : t(), r && /* @__PURE__ */ e(b, {}), r == null ? void 0 : r()]
+  }), a]
 }), Wn = (n) => /* @__PURE__ */ e(i, {
   indent: 3,
   spacing: !0,
@@ -619,17 +617,17 @@ const W = ({
   heading: t,
   headingLevel: r = "h2",
   contentLeft: a,
-  contentRight: l
-}) => /* @__PURE__ */ o(i, {
+  contentRight: o
+}) => /* @__PURE__ */ l(i, {
   alignItems: "center",
   gap: 2,
   height: "64px",
-  children: [/* @__PURE__ */ o(i, {
+  children: [/* @__PURE__ */ l(i, {
     alignItems: "center",
     children: [/* @__PURE__ */ e(i, {
       width: "64px",
       alignItems: "center",
-      children: n && /* @__PURE__ */ e(xe, {
+      children: n && /* @__PURE__ */ e(Ce, {
         icon: n
       })
     }), /* @__PURE__ */ e(U, {
@@ -645,7 +643,7 @@ const W = ({
       marginLeft: "auto"
     },
     alignItems: "center",
-    children: l
+    children: o
   })]
 }), hn = "_sidebarMenu_tg9i7_1", T = {
   sidebarMenu: hn
@@ -653,7 +651,7 @@ const W = ({
   stenaFlag: pn
 }, mn = ({
   onClick: n
-}) => /* @__PURE__ */ o(i, {
+}) => /* @__PURE__ */ l(i, {
   justifyContent: "space-between",
   alignItems: "center",
   flex: 1,
@@ -663,7 +661,7 @@ const W = ({
     leftIcon: Z,
     onClick: n,
     variant: "danger"
-  }), /* @__PURE__ */ e(Be, {
+  }), /* @__PURE__ */ e(xe, {
     className: gn.stenaFlag
   })]
 }), fn = ({
@@ -671,9 +669,9 @@ const W = ({
   children: t,
   onCloseClick: r,
   collapsed: a = !1,
-  variant: l = "standard",
+  variant: o = "standard",
   ...c
-}) => /* @__PURE__ */ o(d, {
+}) => /* @__PURE__ */ l(d, {
   indent: 1,
   className: h(T.sidebarMenu, a ? T.collapsed : null, n),
   style: {
@@ -699,20 +697,20 @@ const W = ({
   variant: n,
   onClickMenuButton: t,
   children: r
-}) => /* @__PURE__ */ o(fn, {
+}) => /* @__PURE__ */ l(fn, {
   collapsed: !0,
   position: "fixed",
   left: 0,
   top: 0,
   variant: n,
-  children: [/* @__PURE__ */ e(ae, {
+  children: [/* @__PURE__ */ e(re, {
     onClick: t
   }), r]
-}), L = (n) => /* @__PURE__ */ e(ye, {
+}), L = (n) => /* @__PURE__ */ e(Be, {
   ...n
-}), ce = ({
+}), le = ({
   label: n
-}) => /* @__PURE__ */ o(d, {
+}) => /* @__PURE__ */ l(d, {
   height: "32px",
   justifyContent: "center",
   indent: 1,
@@ -721,7 +719,7 @@ const W = ({
     size: "smaller",
     children: n
   })]
-}), ie = (n) => /* @__PURE__ */ e(ne, {
+}), ce = (n) => /* @__PURE__ */ e(Se, {
   color: f("--lhds-color-ui-400"),
   ...n
 }), bn = ({
@@ -729,10 +727,10 @@ const W = ({
   label: t,
   leftIcon: r,
   className: a,
-  initialExpand: l = !1
+  initialExpand: o = !1
 }) => {
-  const [c, u] = Se(l);
-  return /* @__PURE__ */ e(ke, {
+  const [c, u] = we(o);
+  return /* @__PURE__ */ e(ye, {
     label: t,
     onClick: () => u(!c),
     leftIcon: r,
@@ -742,21 +740,21 @@ const W = ({
     selected: c,
     children: n
   });
-}, se = (n) => n.map((t, r) => {
+}, ie = (n) => n.map((t, r) => {
   switch (t.type) {
     case "heading":
-      return /* @__PURE__ */ e(ce, {
+      return /* @__PURE__ */ e(le, {
         label: t.label
       }, r);
     case "separator":
-      return /* @__PURE__ */ e(ie, {}, r);
+      return /* @__PURE__ */ e(ce, {}, r);
     case "link": {
       const {
         type: a,
-        ...l
+        ...o
       } = t;
       return /* @__PURE__ */ e(L, {
-        ...l
+        ...o
       }, r);
     }
     case "grouped":
@@ -764,10 +762,10 @@ const W = ({
         leftIcon: t.leftIcon,
         label: t.label,
         initialExpand: !0,
-        children: se(t.items)
+        children: ie(t.items)
       }, r);
     default:
-      return te(t);
+      return ne(t);
   }
 }), Jn = (n, {
   popupMinWidth: t
@@ -776,10 +774,10 @@ const W = ({
     case "heading":
       return null;
     case "separator":
-      return /* @__PURE__ */ e(ie, {}, a);
+      return /* @__PURE__ */ e(ce, {}, a);
     case "link": {
       const {
-        type: l,
+        type: o,
         label: c,
         ...u
       } = r;
@@ -799,12 +797,12 @@ const W = ({
           trigger: "focusin mouseenter click",
           disablePadding: !0,
           lazy: !0,
-          content: /* @__PURE__ */ o(d, {
+          content: /* @__PURE__ */ l(d, {
             minWidth: t,
             background: "var(--lhds-color-blue-500)",
-            children: [/* @__PURE__ */ e(ce, {
+            children: [/* @__PURE__ */ e(le, {
               label: r.label
-            }), se(r.items)]
+            }), ie(r.items)]
           }),
           children: /* @__PURE__ */ e(L, {
             title: r.label,
@@ -814,14 +812,14 @@ const W = ({
         })
       }, a);
     default:
-      return te(r);
+      return ne(r);
   }
 }), vn = `1px solid ${f("--lhds-color-orange-400")}`, Kn = ({
   numItemsSelected: n,
   label: t,
   afterLabelContent: r,
   rightContent: a
-}) => /* @__PURE__ */ o(i, {
+}) => /* @__PURE__ */ l(i, {
   indent: 3,
   spacing: !0,
   minHeight: "56px",
@@ -829,14 +827,14 @@ const W = ({
   alignItems: "center",
   borderTop: vn,
   background: f("--lhds-color-orange-50"),
-  children: [/* @__PURE__ */ o(i, {
+  children: [/* @__PURE__ */ l(i, {
     alignItems: "center",
     children: [n != null || t != null ? /* @__PURE__ */ e(m, {
-      children: n != null ? /* @__PURE__ */ o(m, {
+      children: n != null ? /* @__PURE__ */ l(m, {
         children: [/* @__PURE__ */ e(B, {
           variant: "bold",
           children: n
-        }), /* @__PURE__ */ e(b, {}), /* @__PURE__ */ o(B, {
+        }), /* @__PURE__ */ e(b, {}), /* @__PURE__ */ l(B, {
           children: ["item", n === 1 ? "" : "s", " selected"]
         })]
       }) : t != null ? /* @__PURE__ */ e(m, {
@@ -844,7 +842,7 @@ const W = ({
           children: t
         }) : t
       }) : null
-    }) : null, r ? /* @__PURE__ */ o(m, {
+    }) : null, r ? /* @__PURE__ */ l(m, {
       children: [/* @__PURE__ */ e(x, {}), /* @__PURE__ */ e(d, {
         children: r
       })]
@@ -860,7 +858,7 @@ export {
   En as CheckboxMenu,
   sn as Collapsible,
   Ln as CollapsibleClickableContent,
-  le as CollapsibleContent,
+  oe as CollapsibleContent,
   q as CollapsibleEmptyContent,
   $n as CollapsibleGroupHeading,
   Tn as CollapsibleWithCheckbox,
@@ -882,13 +880,13 @@ export {
   Kn as SelectedItemsActionsPanel,
   fn as SidebarMenu,
   bn as SidebarMenuCollapsible,
-  ce as SidebarMenuHeading,
+  le as SidebarMenuHeading,
   L as SidebarMenuLink,
-  ie as SidebarMenuSeparator,
+  ce as SidebarMenuSeparator,
   Gn as SidebarRailMenu,
   On as Toast,
   cn as mapCSSTime,
-  se as renderItemsExpanded,
+  ie as renderItemsExpanded,
   Jn as renderItemsInRail
 };
 //# sourceMappingURL=index.es.js.map