@stenajs-webui/panels 19.0.0-next.11 → 19.0.0-next.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.es.js +608 -687
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/package.json +7 -7
package/dist/index.es.js CHANGED
@@ -1,11 +1,11 @@
1
1
  (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_16tw5_1._navBarSearchFieldInput_16tw5_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:1px var(--swui-metrics-indent)}._navBarSearchFieldInput_16tw5_1._navBarSearchFieldInput_16tw5_1:focus{--swui-textinput-text-color: var(--lhds-color-ui-800)}._navBarSearchField_16tw5_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:1px var(--swui-metrics-indent) 0;border-radius:var(--swui-max-border-radius)}._navBarSearchField_16tw5_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)}._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_1jqed_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_1jqed_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)}})();
2
+ import { jsx as e, jsxs as i, Fragment as v } from "react/jsx-runtime";
2
3
  import { ActionMenu as Z, ActionMenuContext as se, stenaAngleDown as z, PrimaryButton as ue, SecondaryButton as de, FlatButton as C, stenaHamburger as ee, stenaBellFilled as he, stenaUserCircle as pe, Icon as O, stenaTimes as ne, stenaMail as me, stenaAngleUp as ge, Banner as fe, Spinner as be, CircledIcon as ve, StenaFlag as _e, MenuButton as te, stenaAngleLeftDouble as oe, stenaPin as Ce, IconMenuButton as T, IconMenuButtonLink as xe, MenuButtonLink as Be } from "@stenajs-webui/elements";
3
- import * as ie from "react";
4
+ import * as re from "react";
4
5
  import { useRef as ye, useMemo as ke, forwardRef as Ne, createContext as we, useContext as Ie, useState as Se } from "react";
5
- import { useBoolean as $, Column as g, Box as s, Row as l, Indent as B, Heading as D, Txt as J, Space as f, Text as y, Clickable as ae, SeparatorLine as je } from "@stenajs-webui/core";
6
+ import { useBoolean as $, Column as g, Box as s, Row as l, Indent as B, Heading as D, Txt as J, Space as f, Text as y, Clickable as ie, SeparatorLine as je } from "@stenajs-webui/core";
6
7
  import { Popover as E, Tooltip as Me } from "@stenajs-webui/tooltip";
7
- import { jsx as e, jsxs as a, Fragment as v } from "react/jsx-runtime";
8
- import { Checkbox as re, TextInput as Re } from "@stenajs-webui/forms";
8
+ import { Checkbox as ae, TextInput as Re } from "@stenajs-webui/forms";
9
9
  import p from "classnames";
10
10
  import { cssColor as b } from "@stenajs-webui/theme";
11
11
  import { CSSTransition as Ee } from "react-transition-group";
@@ -13,8 +13,8 @@ const U = ({
13
13
  renderItems: n,
14
14
  placement: t = "bottom",
15
15
  buttonComponent: o,
16
- rightIcon: i = z,
17
- portalTarget: r = "parent",
16
+ rightIcon: r = z,
17
+ portalTarget: a = "parent",
18
18
  zIndex: c,
19
19
  menuWidth: d,
20
20
  menuTop: h,
@@ -25,9 +25,7 @@ const U = ({
25
25
  const [j, M, m, A] = $(!1), N = ye(null), H = {
26
26
  name: "focusManager",
27
27
  defaultValue: !0,
28
- fn({
29
- popper: I
30
- }) {
28
+ fn({ popper: I }) {
31
29
  let R = !1;
32
30
  const G = (x) => {
33
31
  x.key === "Escape" && (R = !0, m()), (x.key === "Enter" || x.key === " ") && (R = !0);
@@ -48,141 +46,122 @@ const U = ({
48
46
  }
49
47
  };
50
48
  }
51
- }, w = ke(() => ({
52
- open: M,
53
- close: m
54
- }), [M, m]), P = (I) => {
49
+ }, w = ke(() => ({ open: M, close: m }), [M, m]), P = (I) => {
55
50
  _ == null || _(I), A();
56
51
  };
57
- return /* @__PURE__ */ e(E, {
58
- disablePadding: !0,
59
- visible: j,
60
- onClickOutside: m,
61
- placement: t,
62
- content: j && /* @__PURE__ */ e(Z, {
63
- width: d,
64
- top: h,
65
- trapFocus: !0,
66
- children: /* @__PURE__ */ e(se.Provider, {
67
- value: w,
68
- children: n(m)
69
- })
70
- }),
71
- arrow: !1,
72
- appendTo: r,
73
- zIndex: c,
74
- plugins: [H],
75
- lazy: !0,
76
- children: /* @__PURE__ */ e(o, {
77
- rightIcon: k ? void 0 : i,
78
- ...F,
79
- ref: N,
80
- onClick: P
81
- })
82
- });
83
- }, Fn = (n) => /* @__PURE__ */ e(U, {
84
- buttonComponent: ue,
85
- ...n
86
- }), An = (n) => /* @__PURE__ */ e(U, {
87
- buttonComponent: de,
88
- ...n
89
- }), Fe = (n) => /* @__PURE__ */ e(U, {
90
- buttonComponent: C,
91
- ...n
92
- }), Ae = "1px solid var(--lhds-color-ui-300)", Hn = ({
52
+ return /* @__PURE__ */ e(
53
+ E,
54
+ {
55
+ disablePadding: !0,
56
+ visible: j,
57
+ onClickOutside: m,
58
+ placement: t,
59
+ content: j && /* @__PURE__ */ e(Z, { width: d, top: h, trapFocus: !0, children: /* @__PURE__ */ e(se.Provider, { value: w, children: n(m) }) }),
60
+ arrow: !1,
61
+ appendTo: a,
62
+ zIndex: c,
63
+ plugins: [H],
64
+ lazy: !0,
65
+ children: /* @__PURE__ */ e(
66
+ o,
67
+ {
68
+ rightIcon: k ? void 0 : r,
69
+ ...F,
70
+ ref: N,
71
+ onClick: P
72
+ }
73
+ )
74
+ }
75
+ );
76
+ }, Fn = (n) => /* @__PURE__ */ e(U, { buttonComponent: ue, ...n }), An = (n) => /* @__PURE__ */ e(U, { buttonComponent: de, ...n }), Fe = (n) => /* @__PURE__ */ e(U, { buttonComponent: C, ...n }), Ae = "1px solid var(--lhds-color-ui-300)", Hn = ({
93
77
  renderMenu: n,
94
78
  ...t
95
79
  }) => {
96
- const [o, i, r] = $(!1);
97
- return /* @__PURE__ */ e(E, {
98
- onClickOutside: r,
99
- arrow: !1,
100
- visible: o,
101
- disablePadding: !0,
102
- content: n ? /* @__PURE__ */ e(g, {
103
- children: /* @__PURE__ */ e(Z, {
104
- children: n(r)
105
- })
106
- }) : void 0,
107
- placement: "bottom-start",
108
- children: /* @__PURE__ */ e(s, {
109
- display: "inline-block",
110
- children: /* @__PURE__ */ a(l, {
111
- spacing: 0.5,
112
- indent: !0,
113
- alignItems: "center",
114
- border: Ae,
115
- borderRadius: "4px",
116
- children: [/* @__PURE__ */ e(re, {
117
- ...t
118
- }), /* @__PURE__ */ e(B, {
119
- num: 0.5
120
- }), /* @__PURE__ */ e(C, {
121
- size: "small",
122
- onClick: i,
123
- leftIcon: z
124
- })]
125
- })
126
- })
127
- });
80
+ const [o, r, a] = $(!1);
81
+ return /* @__PURE__ */ e(
82
+ E,
83
+ {
84
+ onClickOutside: a,
85
+ arrow: !1,
86
+ visible: o,
87
+ disablePadding: !0,
88
+ content: n ? /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(Z, { children: n(a) }) }) : void 0,
89
+ placement: "bottom-start",
90
+ children: /* @__PURE__ */ e(s, { display: "inline-block", children: /* @__PURE__ */ i(
91
+ l,
92
+ {
93
+ spacing: 0.5,
94
+ indent: !0,
95
+ alignItems: "center",
96
+ border: Ae,
97
+ borderRadius: "4px",
98
+ children: [
99
+ /* @__PURE__ */ e(ae, { ...t }),
100
+ /* @__PURE__ */ e(B, { num: 0.5 }),
101
+ /* @__PURE__ */ e(C, { size: "small", onClick: r, leftIcon: z })
102
+ ]
103
+ }
104
+ ) })
105
+ }
106
+ );
128
107
  }, He = "_navBar_kzibd_1", Pe = {
129
108
  navBar: He
130
109
  }, Le = ({
131
110
  className: n,
132
111
  onClick: t
133
- }) => /* @__PURE__ */ e(C, {
134
- leftIcon: ee,
135
- className: n,
136
- onClick: t
137
- }), Pn = ({
112
+ }) => /* @__PURE__ */ e(
113
+ C,
114
+ {
115
+ leftIcon: ee,
116
+ className: n,
117
+ onClick: t
118
+ }
119
+ ), Pn = ({
138
120
  left: n,
139
121
  className: t,
140
122
  showMenuButton: o = !1,
141
- children: i,
142
- right: r,
123
+ children: r,
124
+ right: a,
143
125
  center: c,
144
126
  onClickMenuButton: d
145
127
  }) => {
146
128
  const h = c ? 1 : void 0;
147
- return /* @__PURE__ */ a(l, {
148
- justifyContent: "space-between",
149
- className: p(Pe.navBar, t),
150
- children: [/* @__PURE__ */ a(l, {
151
- flex: h,
152
- justifyContent: "flex-start",
153
- alignItems: "center",
154
- children: [/* @__PURE__ */ a(l, {
155
- width: "86px",
156
- alignItems: "center",
157
- children: [/* @__PURE__ */ e(B, {}), o && /* @__PURE__ */ e(Le, {
158
- onClick: d
159
- })]
160
- }), n && /* @__PURE__ */ a(v, {
161
- children: [n, /* @__PURE__ */ e(B, {
162
- num: 2
163
- })]
164
- }), i && /* @__PURE__ */ e(v, {
165
- children: /* @__PURE__ */ e(l, {
166
- justifyContent: "center",
167
- alignItems: "center",
168
- children: ie.Children.map(i, (_, k) => /* @__PURE__ */ a(v, {
169
- children: [k > 0 && /* @__PURE__ */ e(B, {}), _]
170
- }))
171
- })
172
- })]
173
- }), c && /* @__PURE__ */ e(l, {
174
- justifyContent: "center",
175
- alignItems: "center",
176
- children: c
177
- }), /* @__PURE__ */ a(l, {
178
- justifyContent: "flex-end",
179
- alignItems: "center",
180
- flex: h,
181
- children: [r, /* @__PURE__ */ e(B, {
182
- num: 2
183
- })]
184
- })]
185
- });
129
+ return /* @__PURE__ */ i(
130
+ l,
131
+ {
132
+ justifyContent: "space-between",
133
+ className: p(Pe.navBar, t),
134
+ children: [
135
+ /* @__PURE__ */ i(
136
+ l,
137
+ {
138
+ flex: h,
139
+ justifyContent: "flex-start",
140
+ alignItems: "center",
141
+ children: [
142
+ /* @__PURE__ */ i(l, { width: "86px", alignItems: "center", children: [
143
+ /* @__PURE__ */ e(B, {}),
144
+ o && /* @__PURE__ */ e(Le, { onClick: d })
145
+ ] }),
146
+ n && /* @__PURE__ */ i(v, { children: [
147
+ n,
148
+ /* @__PURE__ */ e(B, { num: 2 })
149
+ ] }),
150
+ r && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(l, { justifyContent: "center", alignItems: "center", children: re.Children.map(r, (_, k) => /* @__PURE__ */ i(v, { children: [
151
+ k > 0 && /* @__PURE__ */ e(B, {}),
152
+ _
153
+ ] })) }) })
154
+ ]
155
+ }
156
+ ),
157
+ c && /* @__PURE__ */ e(l, { justifyContent: "center", alignItems: "center", children: c }),
158
+ /* @__PURE__ */ i(l, { justifyContent: "flex-end", alignItems: "center", flex: h, children: [
159
+ a,
160
+ /* @__PURE__ */ e(B, { num: 2 })
161
+ ] })
162
+ ]
163
+ }
164
+ );
186
165
  }, Te = "_navBarButton_18iz9_1", ze = "_selected_18iz9_36", K = {
187
166
  navBarButton: Te,
188
167
  selected: ze
@@ -190,34 +169,35 @@ const U = ({
190
169
  selected: n,
191
170
  className: t,
192
171
  ...o
193
- }) => /* @__PURE__ */ e(C, {
194
- ...o,
195
- className: p(K.navBarButton, n && K.selected, t)
196
- }), Ln = (n) => /* @__PURE__ */ e(D, {
197
- whiteSpace: "nowrap",
198
- variant: "h4",
199
- as: "h1",
200
- ...n
201
- }), Tn = ({
172
+ }) => /* @__PURE__ */ e(
173
+ C,
174
+ {
175
+ ...o,
176
+ className: p(
177
+ K.navBarButton,
178
+ n && K.selected,
179
+ t
180
+ )
181
+ }
182
+ ), Ln = (n) => /* @__PURE__ */ e(D, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), Tn = ({
202
183
  content: n,
203
184
  children: t,
204
185
  ...o
205
186
  }) => {
206
- const [i, , r, c] = $(!1);
207
- return /* @__PURE__ */ e(E, {
208
- onClickOutside: r,
209
- triggerTarget: document.body,
210
- visible: i,
211
- content: /* @__PURE__ */ a(v, {
212
- children: [n && n({
213
- close: r
214
- }), t]
215
- }),
216
- children: /* @__PURE__ */ e(Oe, {
217
- ...o,
218
- onClick: c
219
- })
220
- });
187
+ const [r, , a, c] = $(!1);
188
+ return /* @__PURE__ */ e(
189
+ E,
190
+ {
191
+ onClickOutside: a,
192
+ triggerTarget: document.body,
193
+ visible: r,
194
+ content: /* @__PURE__ */ i(v, { children: [
195
+ n && n({ close: a }),
196
+ t
197
+ ] }),
198
+ children: /* @__PURE__ */ e(Oe, { ...o, onClick: c })
199
+ }
200
+ );
221
201
  }, $e = "_navBarNotificationButton_8ej1j_1", De = "_unread_8ej1j_54", Ue = "_hasCount_8ej1j_68", Ve = "_icon_8ej1j_69", We = "_shake_8ej1j_1", S = {
222
202
  navBarNotificationButton: $e,
223
203
  unread: De,
@@ -228,20 +208,28 @@ const U = ({
228
208
  count: n,
229
209
  unread: t = !1,
230
210
  className: o,
231
- labelClassName: i,
232
- iconClassName: r,
211
+ labelClassName: r,
212
+ iconClassName: a,
233
213
  icon: c = he,
234
214
  ...d
235
215
  }) => {
236
216
  const h = n > 0;
237
- return /* @__PURE__ */ e(C, {
238
- ...d,
239
- leftIcon: c,
240
- className: p(t && S.unread, h && S.hasCount, S.navBarNotificationButton, o),
241
- label: h ? String(n) : void 0,
242
- labelClassName: p(i, S.label),
243
- iconClassName: p(r, S.icon)
244
- });
217
+ return /* @__PURE__ */ e(
218
+ C,
219
+ {
220
+ ...d,
221
+ leftIcon: c,
222
+ className: p(
223
+ t && S.unread,
224
+ h && S.hasCount,
225
+ S.navBarNotificationButton,
226
+ o
227
+ ),
228
+ label: h ? String(n) : void 0,
229
+ labelClassName: p(r, S.label),
230
+ iconClassName: p(a, S.icon)
231
+ }
232
+ );
245
233
  }, qe = "_navBarSearchFieldInput_16tw5_1", Ge = "_navBarSearchField_16tw5_1", Q = {
246
234
  navBarSearchFieldInput: qe,
247
235
  navBarSearchField: Ge
@@ -249,179 +237,157 @@ const U = ({
249
237
  placeholder: n = "Search",
250
238
  className: t,
251
239
  wrapperClassName: o,
252
- ...i
253
- }) => /* @__PURE__ */ e(Re, {
254
- wrapperClassName: p(Q.navBarSearchField, o),
255
- className: p(Q.navBarSearchFieldInput, t),
256
- placeholder: n,
257
- ...i
258
- }), Je = "_navBarUserButton_1cwhm_1", Ke = "_initials_1cwhm_31", X = {
240
+ ...r
241
+ }) => /* @__PURE__ */ e(
242
+ Re,
243
+ {
244
+ wrapperClassName: p(Q.navBarSearchField, o),
245
+ className: p(Q.navBarSearchFieldInput, t),
246
+ placeholder: n,
247
+ ...r
248
+ }
249
+ ), Je = "_navBarUserButton_1cwhm_1", Ke = "_initials_1cwhm_31", X = {
259
250
  navBarUserButton: Je,
260
251
  initials: Ke
261
252
  }, $n = ({
262
253
  className: n,
263
254
  username: t,
264
255
  initials: o,
265
- icon: i = pe,
266
- iconClassName: r,
256
+ icon: r = pe,
257
+ iconClassName: a,
267
258
  ...c
268
- }) => /* @__PURE__ */ e(Fe, {
269
- ...c,
270
- className: p({
271
- [X.initials]: o != null
272
- }, X.navBarUserButton, n),
273
- leftIcon: t != null ? i : void 0,
274
- label: o != null ? o : t,
275
- disableArrow: !0
276
- }), ce = ({
259
+ }) => /* @__PURE__ */ e(
260
+ Fe,
261
+ {
262
+ ...c,
263
+ className: p(
264
+ { [X.initials]: o != null },
265
+ X.navBarUserButton,
266
+ n
267
+ ),
268
+ leftIcon: t != null ? r : void 0,
269
+ label: o != null ? o : t,
270
+ disableArrow: !0
271
+ }
272
+ ), ce = ({
277
273
  text: n,
278
274
  timestamp: t,
279
275
  icon: o,
280
- iconAriaLabel: i,
281
- iconColor: r,
276
+ iconAriaLabel: r,
277
+ iconColor: a,
282
278
  contentLeft: c,
283
279
  contentRight: d,
284
280
  onClose: h
285
- }) => /* @__PURE__ */ a(l, {
286
- alignItems: "flex-start",
287
- indent: !0,
288
- spacing: !0,
289
- children: [/* @__PURE__ */ a(l, {
290
- indent: 2,
291
- spacing: !0,
292
- gap: 2,
293
- flex: 1,
294
- alignItems: "flex-start",
295
- children: [c && /* @__PURE__ */ e(s, {
296
- minHeight: 20,
297
- justifyContent: "center",
298
- children: c
299
- }), !c && o && /* @__PURE__ */ e(O, {
300
- icon: o,
301
- size: 20,
302
- color: r,
303
- "aria-label": i
304
- }), /* @__PURE__ */ a(s, {
305
- minHeight: 20,
281
+ }) => /* @__PURE__ */ i(l, { alignItems: "flex-start", indent: !0, spacing: !0, children: [
282
+ /* @__PURE__ */ i(l, { indent: 2, spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
283
+ c && /* @__PURE__ */ e(s, { minHeight: 20, justifyContent: "center", children: c }),
284
+ !c && o && /* @__PURE__ */ e(
285
+ O,
286
+ {
287
+ icon: o,
288
+ size: 20,
289
+ color: a,
290
+ "aria-label": r
291
+ }
292
+ ),
293
+ /* @__PURE__ */ i(s, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
294
+ /* @__PURE__ */ e(J, { variant: "bold", children: n }),
295
+ t && /* @__PURE__ */ e(J, { size: "small", color: b("--lhds-color-ui-600"), children: t })
296
+ ] }),
297
+ d
298
+ ] }),
299
+ h && /* @__PURE__ */ e(
300
+ s,
301
+ {
302
+ flex: "none",
306
303
  justifyContent: "center",
307
- flex: 1,
308
- gap: 0.5,
309
- children: [/* @__PURE__ */ e(J, {
310
- variant: "bold",
311
- children: n
312
- }), t && /* @__PURE__ */ e(J, {
313
- size: "small",
314
- color: b("--lhds-color-ui-600"),
315
- children: t
316
- })]
317
- }), d]
318
- }), h && /* @__PURE__ */ e(s, {
319
- flex: "none",
320
- justifyContent: "center",
321
- style: {
322
- height: "calc(20px + 2 * var(--swui-metrics-spacing))"
323
- },
324
- children: /* @__PURE__ */ e(C, {
325
- leftIcon: ne,
326
- onClick: h,
327
- "aria-label": "Close"
328
- })
329
- })]
330
- }), Dn = ({
304
+ style: {
305
+ height: "calc(20px + 2 * var(--swui-metrics-spacing))"
306
+ },
307
+ children: /* @__PURE__ */ e(
308
+ C,
309
+ {
310
+ leftIcon: ne,
311
+ onClick: h,
312
+ "aria-label": "Close"
313
+ }
314
+ )
315
+ }
316
+ )
317
+ ] }), Dn = ({
331
318
  children: n,
332
319
  ...t
333
- }) => /* @__PURE__ */ a(g, {
334
- background: "var(--lhds-color-ui-50)",
335
- borderRadius: "var(--swui-border-radius)",
336
- children: [/* @__PURE__ */ e(ce, {
337
- ...t
338
- }), n && /* @__PURE__ */ a(g, {
339
- indent: 3,
340
- children: [n, /* @__PURE__ */ e(f, {
341
- num: 2
342
- })]
343
- })]
344
- }), Qe = "_clickable_1ijxc_1", Xe = "_nonClickable_1ijxc_27", L = {
320
+ }) => /* @__PURE__ */ i(
321
+ g,
322
+ {
323
+ background: "var(--lhds-color-ui-50)",
324
+ borderRadius: "var(--swui-border-radius)",
325
+ children: [
326
+ /* @__PURE__ */ e(ce, { ...t }),
327
+ n && /* @__PURE__ */ i(g, { indent: 3, children: [
328
+ n,
329
+ /* @__PURE__ */ e(f, { num: 2 })
330
+ ] })
331
+ ]
332
+ }
333
+ ), Qe = "_clickable_1ijxc_1", Xe = "_nonClickable_1ijxc_27", L = {
345
334
  clickable: Qe,
346
335
  nonClickable: Xe
347
336
  }, Un = ({
348
337
  onClick: n,
349
338
  onClickAriaLabel: t,
350
339
  children: o,
351
- width: i = 264,
352
- maxWidth: r,
340
+ width: r = 264,
341
+ maxWidth: a,
353
342
  ...c
354
- }) => /* @__PURE__ */ a(s, {
355
- borderRadius: 8,
356
- background: b("--lhds-color-ui-50"),
357
- shadow: "popover",
358
- width: i,
359
- maxWidth: r,
360
- role: "alert",
361
- position: "relative",
362
- children: [/* @__PURE__ */ e(s, {
363
- className: p({
364
- [L.nonClickable]: n
365
- }),
366
- children: /* @__PURE__ */ e(ce, {
367
- ...c
368
- })
369
- }), o && /* @__PURE__ */ a(s, {
370
- indent: 3,
371
- className: p({
372
- [L.nonClickable]: n
373
- }),
374
- children: [o, /* @__PURE__ */ e(f, {
375
- num: 2
376
- })]
377
- }), n && /* @__PURE__ */ e("button", {
378
- onClick: n,
379
- className: L.clickable,
380
- "aria-label": t
381
- })]
382
- }), Ye = "_collapsible_1nroa_1", Ze = "_header_1nroa_46", en = "_indicator_1nroa_59", nn = "_headerText_1nroa_103", tn = "_label_1nroa_114", on = "_contentLeft_1nroa_123", an = "_contentRight_1nroa_124", rn = "_content_1nroa_123", cn = "_groupHeading_1nroa_155", ln = "_contentEnter_1nroa_180", sn = "_contentEnterActive_1nroa_184", un = "_contentExitDone_1nroa_189", u = {
343
+ }) => /* @__PURE__ */ i(
344
+ s,
345
+ {
346
+ borderRadius: 8,
347
+ background: b("--lhds-color-ui-50"),
348
+ shadow: "popover",
349
+ width: r,
350
+ maxWidth: a,
351
+ role: "alert",
352
+ position: "relative",
353
+ children: [
354
+ /* @__PURE__ */ e(s, { className: p({ [L.nonClickable]: n }), children: /* @__PURE__ */ e(ce, { ...c }) }),
355
+ o && /* @__PURE__ */ i(s, { indent: 3, className: p({ [L.nonClickable]: n }), children: [
356
+ o,
357
+ /* @__PURE__ */ e(f, { num: 2 })
358
+ ] }),
359
+ n && /* @__PURE__ */ e(
360
+ "button",
361
+ {
362
+ onClick: n,
363
+ className: L.clickable,
364
+ "aria-label": t
365
+ }
366
+ )
367
+ ]
368
+ }
369
+ ), Ye = "_collapsible_1nroa_1", Ze = "_header_1nroa_46", en = "_indicator_1nroa_59", nn = "_headerText_1nroa_103", tn = "_label_1nroa_114", on = "_contentLeft_1nroa_123", rn = "_contentRight_1nroa_124", an = "_content_1nroa_123", cn = "_groupHeading_1nroa_155", ln = "_contentEnter_1nroa_180", sn = "_contentEnterActive_1nroa_184", un = "_contentExitDone_1nroa_189", u = {
383
370
  collapsible: Ye,
384
371
  header: Ze,
385
372
  indicator: en,
386
373
  headerText: nn,
387
374
  label: tn,
388
375
  contentLeft: on,
389
- contentRight: an,
390
- content: rn,
376
+ contentRight: rn,
377
+ content: an,
391
378
  groupHeading: cn,
392
379
  contentEnter: ln,
393
380
  contentEnterActive: sn,
394
381
  contentExitDone: un
395
- }, V = () => /* @__PURE__ */ a(g, {
396
- indent: !0,
397
- spacing: !0,
398
- flex: 1,
399
- alignItems: "center",
400
- children: [/* @__PURE__ */ e(O, {
401
- icon: me,
402
- color: b("--lhds-color-ui-500")
403
- }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(y, {
404
- size: "small",
405
- color: b("--lhds-color-ui-500"),
406
- children: "No content"
407
- })]
408
- }), le = ({
409
- contentLeft: n,
410
- contentRight: t,
411
- className: o,
412
- children: i,
413
- ...r
414
- }) => /* @__PURE__ */ a("div", {
415
- className: p(u.content, o),
416
- ...r,
417
- children: [n && /* @__PURE__ */ e("div", {
418
- className: u.contentLeft,
419
- children: n
420
- }), i != null ? i : /* @__PURE__ */ e(V, {}), t && /* @__PURE__ */ e("div", {
421
- className: u.contentRight,
422
- children: t
423
- })]
424
- }), dn = (n) => {
382
+ }, V = () => /* @__PURE__ */ i(g, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
383
+ /* @__PURE__ */ e(O, { icon: me, color: b("--lhds-color-ui-500") }),
384
+ /* @__PURE__ */ e(f, {}),
385
+ /* @__PURE__ */ e(y, { size: "small", color: b("--lhds-color-ui-500"), children: "No content" })
386
+ ] }), le = ({ contentLeft: n, contentRight: t, className: o, children: r, ...a }) => /* @__PURE__ */ i("div", { className: p(u.content, o), ...a, children: [
387
+ n && /* @__PURE__ */ e("div", { className: u.contentLeft, children: n }),
388
+ r != null ? r : /* @__PURE__ */ e(V, {}),
389
+ t && /* @__PURE__ */ e("div", { className: u.contentRight, children: t })
390
+ ] }), dn = (n) => {
425
391
  const t = parseFloat(n), o = n.match(/m?s/);
426
392
  switch (o == null ? void 0 : o[0]) {
427
393
  case "s":
@@ -431,437 +397,392 @@ const U = ({
431
397
  default:
432
398
  return 0;
433
399
  }
434
- }, hn = Ne(function({
435
- label: t,
436
- contentLeft: o,
437
- contentRight: i,
438
- collapsed: r = !1,
439
- onClick: c,
440
- className: d,
441
- disabled: h = !1,
442
- unmountOnCollapse: _ = !1,
443
- mountOnEnter: k = !0,
444
- icon: F = ge,
445
- iconCollapsed: j = z,
446
- iconSize: M = 16,
447
- children: m,
448
- autoFocus: A = !1,
449
- ...N
450
- }, H) {
451
- const w = ie.useRef(null), P = w.current ? dn(getComputedStyle(w.current).getPropertyValue("--swui-collapsible-animation-time")) : void 0;
452
- return /* @__PURE__ */ a("div", {
453
- className: p(u.collapsible, d),
454
- "aria-expanded": !r,
455
- ref: w,
456
- ...N,
457
- children: [/* @__PURE__ */ a(ae, {
458
- disableFocusHighlight: !0,
459
- disableOpacityOnClick: !0,
460
- className: u.header,
461
- onClick: c,
462
- disabled: h,
463
- autoFocus: A,
464
- ref: H,
465
- children: [o && /* @__PURE__ */ e("div", {
466
- className: u.contentLeft,
467
- children: o
468
- }), /* @__PURE__ */ e("div", {
469
- className: u.label,
470
- children: /* @__PURE__ */ e(y, {
471
- color: "var(--swui-collapsible-header-text-color)",
472
- className: u.headerText,
473
- children: t
474
- })
475
- }), i && /* @__PURE__ */ e("div", {
476
- className: u.contentRight,
477
- children: i
478
- }), /* @__PURE__ */ e(O, {
479
- icon: r ? j : F,
480
- className: u.indicator,
481
- size: M,
482
- fixedWidth: !0
483
- })]
484
- }), /* @__PURE__ */ e(Ee, {
485
- in: !r,
486
- timeout: {
487
- enter: P
488
- },
489
- classNames: {
490
- enter: u.contentEnter,
491
- enterActive: u.contentEnterActive,
492
- exit: u.contentExit,
493
- exitActive: u.contentExitActive,
494
- exitDone: u.contentExitDone
495
- },
496
- mountOnEnter: k,
497
- unmountOnExit: _,
498
- children: /* @__PURE__ */ e("div", {
499
- role: "region",
500
- children: m != null ? m : /* @__PURE__ */ e(le, {
501
- children: /* @__PURE__ */ e(V, {})
502
- })
503
- })
504
- })]
505
- });
506
- }), Vn = ({
400
+ }, hn = Ne(
401
+ function({
402
+ label: t,
403
+ contentLeft: o,
404
+ contentRight: r,
405
+ collapsed: a = !1,
406
+ onClick: c,
407
+ className: d,
408
+ disabled: h = !1,
409
+ unmountOnCollapse: _ = !1,
410
+ mountOnEnter: k = !0,
411
+ icon: F = ge,
412
+ iconCollapsed: j = z,
413
+ iconSize: M = 16,
414
+ children: m,
415
+ autoFocus: A = !1,
416
+ ...N
417
+ }, H) {
418
+ const w = re.useRef(null), P = w.current ? dn(
419
+ getComputedStyle(w.current).getPropertyValue(
420
+ "--swui-collapsible-animation-time"
421
+ )
422
+ ) : void 0;
423
+ return /* @__PURE__ */ i(
424
+ "div",
425
+ {
426
+ className: p(u.collapsible, d),
427
+ "aria-expanded": !a,
428
+ ref: w,
429
+ ...N,
430
+ children: [
431
+ /* @__PURE__ */ i(
432
+ ie,
433
+ {
434
+ disableFocusHighlight: !0,
435
+ disableOpacityOnClick: !0,
436
+ className: u.header,
437
+ onClick: c,
438
+ disabled: h,
439
+ autoFocus: A,
440
+ ref: H,
441
+ children: [
442
+ o && /* @__PURE__ */ e("div", { className: u.contentLeft, children: o }),
443
+ /* @__PURE__ */ e("div", { className: u.label, children: /* @__PURE__ */ e(
444
+ y,
445
+ {
446
+ color: "var(--swui-collapsible-header-text-color)",
447
+ className: u.headerText,
448
+ children: t
449
+ }
450
+ ) }),
451
+ r && /* @__PURE__ */ e("div", { className: u.contentRight, children: r }),
452
+ /* @__PURE__ */ e(
453
+ O,
454
+ {
455
+ icon: a ? j : F,
456
+ className: u.indicator,
457
+ size: M,
458
+ fixedWidth: !0
459
+ }
460
+ )
461
+ ]
462
+ }
463
+ ),
464
+ /* @__PURE__ */ e(
465
+ Ee,
466
+ {
467
+ in: !a,
468
+ timeout: {
469
+ enter: P
470
+ },
471
+ classNames: {
472
+ enter: u.contentEnter,
473
+ enterActive: u.contentEnterActive,
474
+ exit: u.contentExit,
475
+ exitActive: u.contentExitActive,
476
+ exitDone: u.contentExitDone
477
+ },
478
+ mountOnEnter: k,
479
+ unmountOnExit: _,
480
+ children: /* @__PURE__ */ e("div", { role: "region", children: m != null ? m : /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(V, {}) }) })
481
+ }
482
+ )
483
+ ]
484
+ }
485
+ );
486
+ }
487
+ ), Vn = ({
507
488
  value: n,
508
489
  onValueChange: t,
509
490
  onChange: o,
510
- indeterminate: i,
511
- checkboxDisabled: r,
512
- ...c
513
- }) => /* @__PURE__ */ e(hn, {
514
- contentLeft: /* @__PURE__ */ e(re, {
515
- value: n,
516
- indeterminate: i,
517
- onValueChange: t,
518
- onChange: o,
519
- disabled: r,
520
- onClick: (d) => d.stopPropagation()
521
- }),
491
+ indeterminate: r,
492
+ checkboxDisabled: a,
522
493
  ...c
523
- }), Wn = ({
524
- contentLeft: n,
525
- contentRight: t,
526
- className: o,
527
- onClick: i,
528
- children: r,
529
- ...c
530
- }) => /* @__PURE__ */ a(ae, {
531
- disableFocusHighlight: !0,
532
- disableOpacityOnClick: !0,
533
- className: p(u.content, o),
534
- onClick: i,
535
- ...c,
536
- children: [n && /* @__PURE__ */ e("div", {
537
- className: u.contentLeft,
538
- children: n
539
- }), r != null ? r : /* @__PURE__ */ e(V, {}), t && /* @__PURE__ */ e("div", {
540
- className: u.contentRight,
541
- children: t
542
- })]
543
- }), qn = ({
544
- className: n,
545
- ...t
546
- }) => /* @__PURE__ */ e(le, {
547
- className: p(u.groupHeading, n),
548
- ...t
549
- }), pn = ({
494
+ }) => /* @__PURE__ */ e(
495
+ hn,
496
+ {
497
+ contentLeft: /* @__PURE__ */ e(
498
+ ae,
499
+ {
500
+ value: n,
501
+ indeterminate: r,
502
+ onValueChange: t,
503
+ onChange: o,
504
+ disabled: a,
505
+ onClick: (d) => d.stopPropagation()
506
+ }
507
+ ),
508
+ ...c
509
+ }
510
+ ), Wn = ({ contentLeft: n, contentRight: t, className: o, onClick: r, children: a, ...c }) => /* @__PURE__ */ i(
511
+ ie,
512
+ {
513
+ disableFocusHighlight: !0,
514
+ disableOpacityOnClick: !0,
515
+ className: p(u.content, o),
516
+ onClick: r,
517
+ ...c,
518
+ children: [
519
+ n && /* @__PURE__ */ e("div", { className: u.contentLeft, children: n }),
520
+ a != null ? a : /* @__PURE__ */ e(V, {}),
521
+ t && /* @__PURE__ */ e("div", { className: u.contentRight, children: t })
522
+ ]
523
+ }
524
+ ), qn = ({ className: n, ...t }) => /* @__PURE__ */ e(
525
+ le,
526
+ {
527
+ className: p(u.groupHeading, n),
528
+ ...t
529
+ }
530
+ ), pn = ({
550
531
  text: n = "Something unexpected happened."
551
- }) => /* @__PURE__ */ e(s, {
552
- justifyContent: "center",
553
- alignItems: "center",
554
- children: /* @__PURE__ */ e(fe, {
555
- variant: "error",
556
- headerText: n
557
- })
558
- }), Gn = (n) => /* @__PURE__ */ e(s, {
559
- width: "100%",
560
- height: "100%",
561
- justifyContent: "center",
562
- alignItems: "center",
563
- children: /* @__PURE__ */ e(pn, {
564
- ...n
565
- })
566
- }), mn = ({
532
+ }) => /* @__PURE__ */ e(s, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(fe, { variant: "error", headerText: n }) }), Gn = (n) => /* @__PURE__ */ e(
533
+ s,
534
+ {
535
+ width: "100%",
536
+ height: "100%",
537
+ justifyContent: "center",
538
+ alignItems: "center",
539
+ children: /* @__PURE__ */ e(pn, { ...n })
540
+ }
541
+ ), mn = ({
567
542
  text: n = "Loading..."
568
- }) => /* @__PURE__ */ a(s, {
569
- alignItems: "center",
570
- children: [/* @__PURE__ */ e(be, {
571
- size: "small"
572
- }), /* @__PURE__ */ e(f, {
573
- num: 4
574
- }), /* @__PURE__ */ e(D, {
575
- variant: "h4",
576
- children: n
577
- })]
578
- }), Jn = (n) => /* @__PURE__ */ e(s, {
579
- width: "100%",
580
- height: "100%",
581
- justifyContent: "center",
582
- alignItems: "center",
583
- children: /* @__PURE__ */ e(mn, {
584
- ...n
585
- })
586
- }), Kn = ({
543
+ }) => /* @__PURE__ */ i(s, { alignItems: "center", children: [
544
+ /* @__PURE__ */ e(be, { size: "small" }),
545
+ /* @__PURE__ */ e(f, { num: 4 }),
546
+ /* @__PURE__ */ e(D, { variant: "h4", children: n })
547
+ ] }), Jn = (n) => /* @__PURE__ */ e(
548
+ s,
549
+ {
550
+ width: "100%",
551
+ height: "100%",
552
+ justifyContent: "center",
553
+ alignItems: "center",
554
+ children: /* @__PURE__ */ e(mn, { ...n })
555
+ }
556
+ ), Kn = ({
587
557
  renderBreadCrumbs: n,
588
558
  renderPageHeading: t,
589
559
  renderTabs: o,
590
- children: i
591
- }) => /* @__PURE__ */ a(s, {
592
- shadow: "bottom",
593
- background: b("--lhds-color-ui-50"),
594
- gap: 2,
595
- children: [/* @__PURE__ */ a(s, {
596
- indent: 3,
597
- children: [n && /* @__PURE__ */ a(l, {
598
- spacing: 1,
599
- alignItems: "center",
600
- children: [/* @__PURE__ */ e(l, {
601
- width: "64px",
602
- height: "16px"
603
- }), n()]
604
- }), t == null ? void 0 : t(), o && /* @__PURE__ */ e(f, {}), o == null ? void 0 : o()]
605
- }), i]
606
- }), Qn = (n) => /* @__PURE__ */ e(l, {
607
- indent: 3,
608
- spacing: !0,
609
- ...n
610
- }), Xn = ({
560
+ children: r
561
+ }) => /* @__PURE__ */ i(s, { shadow: "bottom", background: b("--lhds-color-ui-50"), gap: 2, children: [
562
+ /* @__PURE__ */ i(s, { indent: 3, children: [
563
+ n && /* @__PURE__ */ i(l, { spacing: 1, alignItems: "center", children: [
564
+ /* @__PURE__ */ e(l, { width: "64px", height: "16px" }),
565
+ n()
566
+ ] }),
567
+ t == null ? void 0 : t(),
568
+ o && /* @__PURE__ */ e(f, {}),
569
+ o == null ? void 0 : o()
570
+ ] }),
571
+ r
572
+ ] }), Qn = (n) => /* @__PURE__ */ e(l, { indent: 3, spacing: !0, ...n }), Xn = ({
611
573
  icon: n,
612
574
  heading: t,
613
575
  headingLevel: o = "h2",
614
- contentLeft: i,
615
- contentRight: r
616
- }) => /* @__PURE__ */ a(l, {
617
- alignItems: "center",
618
- gap: 2,
619
- height: "64px",
620
- children: [/* @__PURE__ */ a(l, {
621
- alignItems: "center",
622
- children: [/* @__PURE__ */ e(l, {
623
- width: "64px",
624
- alignItems: "center",
625
- children: n && /* @__PURE__ */ e(ve, {
626
- icon: n
627
- })
628
- }), /* @__PURE__ */ e(D, {
629
- variant: "h3",
630
- as: o,
631
- children: t
632
- })]
633
- }), /* @__PURE__ */ e(l, {
634
- alignItems: "center",
635
- children: i
636
- }), /* @__PURE__ */ e(l, {
637
- style: {
638
- marginLeft: "auto"
639
- },
640
- alignItems: "center",
641
- children: r
642
- })]
643
- }), gn = "_sidebarMenu_1jqed_1", Y = {
576
+ contentLeft: r,
577
+ contentRight: a
578
+ }) => /* @__PURE__ */ i(l, { alignItems: "center", gap: 2, height: "64px", children: [
579
+ /* @__PURE__ */ i(l, { alignItems: "center", children: [
580
+ /* @__PURE__ */ e(l, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(ve, { icon: n }) }),
581
+ /* @__PURE__ */ e(D, { variant: "h3", as: o, children: t })
582
+ ] }),
583
+ /* @__PURE__ */ e(l, { alignItems: "center", children: r }),
584
+ /* @__PURE__ */ e(l, { style: { marginLeft: "auto" }, alignItems: "center", children: a })
585
+ ] }), gn = "_sidebarMenu_1jqed_1", Y = {
644
586
  sidebarMenu: gn
645
587
  }, fn = "_stenaFlag_108h7_1", bn = {
646
588
  stenaFlag: fn
647
- }, vn = ({
648
- onClick: n
649
- }) => /* @__PURE__ */ a(l, {
650
- justifyContent: "space-between",
651
- alignItems: "center",
652
- flex: 1,
653
- indent: 1,
654
- minHeight: "48px",
655
- children: [/* @__PURE__ */ e(C, {
656
- leftIcon: ne,
657
- onClick: n,
658
- variant: "danger"
659
- }), /* @__PURE__ */ e(_e, {
660
- className: bn.stenaFlag
661
- })]
662
- }), _n = ({
589
+ }, vn = ({ onClick: n }) => /* @__PURE__ */ i(
590
+ l,
591
+ {
592
+ justifyContent: "space-between",
593
+ alignItems: "center",
594
+ flex: 1,
595
+ indent: 1,
596
+ minHeight: "48px",
597
+ children: [
598
+ /* @__PURE__ */ e(C, { leftIcon: ne, onClick: n, variant: "danger" }),
599
+ /* @__PURE__ */ e(_e, { className: bn.stenaFlag })
600
+ ]
601
+ }
602
+ ), _n = ({
663
603
  isPinned: n,
664
604
  onClick: t,
665
605
  label: o
666
606
  }) => {
667
- const i = n ? "Unpin menu" : "Pin menu", r = o != null ? o : i;
668
- return /* @__PURE__ */ e(te, {
669
- onClick: t,
670
- label: r,
671
- leftIcon: n ? oe : Ce
672
- });
607
+ const r = n ? "Unpin menu" : "Pin menu", a = o != null ? o : r;
608
+ return /* @__PURE__ */ e(te, { onClick: t, label: a, leftIcon: n ? oe : Ce });
673
609
  }, Yn = ({
674
610
  className: n,
675
611
  children: t,
676
612
  onCloseClick: o,
677
- variant: i = "standard",
678
- pinButtonVisible: r,
613
+ variant: r = "standard",
614
+ pinButtonVisible: a,
679
615
  onClickPinButton: c,
680
616
  isPinned: d,
681
617
  ...h
682
- }) => /* @__PURE__ */ a(s, {
683
- indent: 1,
684
- className: p(Y.sidebarMenu, n),
685
- style: {
686
- ["--swui-sidebar-menu-item-height"]: "40px"
687
- },
688
- ...h,
689
- children: [/* @__PURE__ */ e(f, {
690
- num: 1
691
- }), /* @__PURE__ */ e(vn, {
692
- onClick: o
693
- }), /* @__PURE__ */ e(s, {
694
- className: Y.sidebarMenuContent,
695
- height: "100%",
696
- background: "var(--current-background-color)",
697
- children: /* @__PURE__ */ a(g, {
698
- justifyContent: "space-between",
699
- flex: 1,
700
- gap: 1,
701
- children: [/* @__PURE__ */ e(g, {
702
- gap: 1,
703
- children: t
704
- }), r && /* @__PURE__ */ a(g, {
705
- children: [/* @__PURE__ */ e(_n, {
706
- isPinned: d,
707
- onClick: c
708
- }), /* @__PURE__ */ e(f, {})]
709
- })]
710
- })
711
- })]
712
- }), W = we(!1), q = () => Ie(W), Zn = ({
618
+ }) => /* @__PURE__ */ i(
619
+ s,
620
+ {
621
+ indent: 1,
622
+ className: p(Y.sidebarMenu, n),
623
+ style: {
624
+ ["--swui-sidebar-menu-item-height"]: "40px"
625
+ },
626
+ ...h,
627
+ children: [
628
+ /* @__PURE__ */ e(f, { num: 1 }),
629
+ /* @__PURE__ */ e(vn, { onClick: o }),
630
+ /* @__PURE__ */ e(
631
+ s,
632
+ {
633
+ className: Y.sidebarMenuContent,
634
+ height: "100%",
635
+ background: "var(--current-background-color)",
636
+ children: /* @__PURE__ */ i(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
637
+ /* @__PURE__ */ e(g, { gap: 1, children: t }),
638
+ a && /* @__PURE__ */ i(g, { children: [
639
+ /* @__PURE__ */ e(
640
+ _n,
641
+ {
642
+ isPinned: d,
643
+ onClick: c
644
+ }
645
+ ),
646
+ /* @__PURE__ */ e(f, {})
647
+ ] })
648
+ ] })
649
+ }
650
+ )
651
+ ]
652
+ }
653
+ ), W = we(!1), q = () => Ie(W), Zn = ({
713
654
  closeButtonVisible: n,
714
655
  onClickCloseButton: t,
715
656
  onClickMenuButton: o,
716
- children: i
717
- }) => /* @__PURE__ */ a(s, {
718
- position: "fixed",
719
- left: 0,
720
- top: 0,
721
- bottom: 0,
722
- indent: 0.5,
723
- spacing: 1,
724
- gap: 1,
725
- shadow: "popover",
726
- background: b("--lhds-color-ui-50"),
727
- children: [/* @__PURE__ */ e(T, {
728
- onClick: o,
729
- icon: ee
730
- }), /* @__PURE__ */ a(g, {
731
- justifyContent: "space-between",
732
- flex: 1,
657
+ children: r
658
+ }) => /* @__PURE__ */ i(
659
+ s,
660
+ {
661
+ position: "fixed",
662
+ left: 0,
663
+ top: 0,
664
+ bottom: 0,
665
+ indent: 0.5,
666
+ spacing: 1,
733
667
  gap: 1,
734
- children: [/* @__PURE__ */ e(g, {
735
- gap: 1,
736
- children: /* @__PURE__ */ e(W.Provider, {
737
- value: !0,
738
- children: i
739
- })
740
- }), n && /* @__PURE__ */ e(T, {
741
- icon: oe,
742
- onClick: t
743
- })]
744
- })]
745
- }), Cn = ({
668
+ shadow: "popover",
669
+ background: b("--lhds-color-ui-50"),
670
+ children: [
671
+ /* @__PURE__ */ e(T, { onClick: o, icon: ee }),
672
+ /* @__PURE__ */ i(g, { justifyContent: "space-between", flex: 1, gap: 1, children: [
673
+ /* @__PURE__ */ e(g, { gap: 1, children: /* @__PURE__ */ e(W.Provider, { value: !0, children: r }) }),
674
+ n && /* @__PURE__ */ e(
675
+ T,
676
+ {
677
+ icon: oe,
678
+ onClick: t
679
+ }
680
+ )
681
+ ] })
682
+ ]
683
+ }
684
+ ), Cn = ({
746
685
  label: n
747
- }) => q() ? null : /* @__PURE__ */ a(s, {
748
- height: "32px",
749
- justifyContent: "center",
750
- indent: 1,
751
- children: [/* @__PURE__ */ e(f, {}), /* @__PURE__ */ e(y, {
752
- variant: "overline",
753
- size: "smaller",
754
- children: n
755
- })]
756
- }), xn = ({
686
+ }) => q() ? null : /* @__PURE__ */ i(s, { height: "32px", justifyContent: "center", indent: 1, children: [
687
+ /* @__PURE__ */ e(f, {}),
688
+ /* @__PURE__ */ e(y, { variant: "overline", size: "smaller", children: n })
689
+ ] }), xn = ({
757
690
  label: n,
758
691
  leftIcon: t,
759
692
  ...o
760
- }) => t == null ? null : /* @__PURE__ */ e(Me, {
761
- label: n,
762
- placement: "right",
763
- appendTo: document.body,
764
- children: /* @__PURE__ */ e(xe, {
765
- icon: t,
766
- ...o
767
- })
768
- }), et = (n) => q() ? /* @__PURE__ */ e(xn, {
769
- leftIcon: n.leftIcon,
770
- onClick: n.onClick,
771
- label: n.label
772
- }) : /* @__PURE__ */ e(Be, {
773
- ...n
774
- }), Bn = ({
693
+ }) => t == null ? null : /* @__PURE__ */ e(Me, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(xe, { icon: t, ...o }) }), et = (n) => q() ? /* @__PURE__ */ e(xn, { ...n }) : /* @__PURE__ */ e(Be, { ...n }), Bn = ({
775
694
  children: n,
776
695
  label: t,
777
696
  icon: o,
778
- popupMinWidth: i = "200px"
779
- }) => /* @__PURE__ */ e(E, {
780
- appendTo: "parent",
781
- arrow: !1,
782
- offset: [0, 0],
783
- placement: "right-start",
784
- trigger: "focusin mouseenter click",
785
- disablePadding: !0,
786
- lazy: !0,
787
- content: /* @__PURE__ */ e(s, {
788
- minWidth: i,
789
- shadow: "popover",
790
- spacing: 1,
791
- indent: 1,
792
- gap: 2,
793
- children: /* @__PURE__ */ a(W.Provider, {
794
- value: !1,
795
- children: [/* @__PURE__ */ e(Cn, {
796
- label: t
797
- }), n]
798
- })
799
- }),
800
- children: /* @__PURE__ */ e(T, {
801
- icon: o
802
- })
803
- }), nt = ({
697
+ popupMinWidth: r = "200px"
698
+ }) => /* @__PURE__ */ e(
699
+ E,
700
+ {
701
+ appendTo: "parent",
702
+ arrow: !1,
703
+ offset: [0, 0],
704
+ placement: "right-start",
705
+ trigger: "focusin mouseenter click",
706
+ disablePadding: !0,
707
+ lazy: !0,
708
+ content: /* @__PURE__ */ e(
709
+ s,
710
+ {
711
+ minWidth: r,
712
+ shadow: "popover",
713
+ spacing: 1,
714
+ indent: 1,
715
+ gap: 2,
716
+ children: /* @__PURE__ */ i(W.Provider, { value: !1, children: [
717
+ /* @__PURE__ */ e(Cn, { label: t }),
718
+ n
719
+ ] })
720
+ }
721
+ ),
722
+ children: /* @__PURE__ */ e(T, { icon: o })
723
+ }
724
+ ), nt = ({
804
725
  children: n,
805
726
  label: t,
806
727
  leftIcon: o,
807
- className: i,
808
- initialExpand: r = !1
728
+ className: r,
729
+ initialExpand: a = !1
809
730
  }) => {
810
- const [c, d] = Se(r);
811
- return q() ? o == null ? null : /* @__PURE__ */ e(Bn, {
812
- label: t,
813
- icon: o,
814
- children: n
815
- }) : /* @__PURE__ */ e(te, {
816
- label: t,
817
- onClick: () => d(!c),
818
- leftIcon: o,
819
- className: i,
820
- expandable: !0,
821
- expanded: c,
822
- selected: c,
823
- children: n
824
- });
825
- }, tt = (n) => /* @__PURE__ */ e(je, {
826
- color: b("--lhds-color-ui-400"),
827
- ...n
828
- }), yn = `1px solid ${b("--lhds-color-orange-400")}`, ot = ({
731
+ const [c, d] = Se(a);
732
+ return q() ? o == null ? null : /* @__PURE__ */ e(Bn, { label: t, icon: o, children: n }) : /* @__PURE__ */ e(
733
+ te,
734
+ {
735
+ label: t,
736
+ onClick: () => d(!c),
737
+ leftIcon: o,
738
+ className: r,
739
+ expandable: !0,
740
+ expanded: c,
741
+ selected: c,
742
+ children: n
743
+ }
744
+ );
745
+ }, tt = (n) => /* @__PURE__ */ e(
746
+ je,
747
+ {
748
+ color: b("--lhds-color-ui-400"),
749
+ ...n
750
+ }
751
+ ), yn = `1px solid ${b("--lhds-color-orange-400")}`, ot = ({
829
752
  numItemsSelected: n,
830
753
  label: t,
831
754
  afterLabelContent: o,
832
- rightContent: i
833
- }) => /* @__PURE__ */ a(l, {
834
- indent: 3,
835
- spacing: !0,
836
- minHeight: "56px",
837
- justifyContent: "space-between",
838
- alignItems: "center",
839
- borderTop: yn,
840
- background: b("--lhds-color-orange-50"),
841
- children: [/* @__PURE__ */ a(l, {
755
+ rightContent: r
756
+ }) => /* @__PURE__ */ i(
757
+ l,
758
+ {
759
+ indent: 3,
760
+ spacing: !0,
761
+ minHeight: "56px",
762
+ justifyContent: "space-between",
842
763
  alignItems: "center",
843
- children: [n != null || t != null ? /* @__PURE__ */ e(v, {
844
- children: n != null ? /* @__PURE__ */ a(v, {
845
- children: [/* @__PURE__ */ e(y, {
846
- variant: "bold",
847
- children: n
848
- }), /* @__PURE__ */ e(f, {}), /* @__PURE__ */ a(y, {
849
- children: ["item", n === 1 ? "" : "s", " selected"]
850
- })]
851
- }) : t != null ? /* @__PURE__ */ e(v, {
852
- children: typeof t == "string" ? /* @__PURE__ */ e(y, {
853
- children: t
854
- }) : t
855
- }) : null
856
- }) : null, o ? /* @__PURE__ */ a(v, {
857
- children: [/* @__PURE__ */ e(B, {}), /* @__PURE__ */ e(s, {
858
- children: o
859
- })]
860
- }) : null]
861
- }), /* @__PURE__ */ e(s, {
862
- children: i
863
- })]
864
- });
764
+ borderTop: yn,
765
+ background: b("--lhds-color-orange-50"),
766
+ children: [
767
+ /* @__PURE__ */ i(l, { alignItems: "center", children: [
768
+ n != null || t != null ? /* @__PURE__ */ e(v, { children: n != null ? /* @__PURE__ */ i(v, { children: [
769
+ /* @__PURE__ */ e(y, { variant: "bold", children: n }),
770
+ /* @__PURE__ */ e(f, {}),
771
+ /* @__PURE__ */ i(y, { children: [
772
+ "item",
773
+ n === 1 ? "" : "s",
774
+ " selected"
775
+ ] })
776
+ ] }) : t != null ? /* @__PURE__ */ e(v, { children: typeof t == "string" ? /* @__PURE__ */ e(y, { children: t }) : t }) : null }) : null,
777
+ o ? /* @__PURE__ */ i(v, { children: [
778
+ /* @__PURE__ */ e(B, {}),
779
+ /* @__PURE__ */ e(s, { children: o })
780
+ ] }) : null
781
+ ] }),
782
+ /* @__PURE__ */ e(s, { children: r })
783
+ ]
784
+ }
785
+ );
865
786
  export {
866
787
  Fe as ActionMenuFlatButton,
867
788
  Fn as ActionMenuPrimaryButton,