@stenajs-webui/panels 22.6.2 → 22.7.1

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 (6) hide show
  1. package/dist/components/selection-row/SelectionRow.d.ts +3 -1
  2. package/dist/index.es.js +453 -468
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.js +2 -2
  5. package/dist/index.js.map +1 -1
  6. package/package.json +7 -7
package/dist/index.es.js CHANGED
@@ -1,13 +1,13 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._selectionRow_1njaw_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_1njaw_9{display:none}}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);padding:0;display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 10)}.yarl__slide_description.yarl__slide_description.yarl__slide_description{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_description_container.yarl__slide_description_container.yarl__slide_description_container{display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 3);padding-bottom:calc(var(--swui-metrics-space) * 4)}.yarl__counter.yarl__counter{height:48px;margin:calc(var(--swui-metrics-space) * 1);display:flex;align-items:center;padding:0;padding-left:calc(var(--swui-metrics-space) * 1);font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
- import { jsx as e, Fragment as R, jsxs as r } from "react/jsx-runtime";
3
- import { ActionMenu as he, ActionMenuContext as Ie, stenaAngleDown as pe, PrimaryButton as me, SecondaryButton as I, FlatButton as G, stenaHamburger as ge, BaseButton as Se, stenaBellFilled as Ne, TextInputButton as Re, stenaTimes as Me, stenaUserCircle as je, CircledIcon as L, CloseButton as be, MenuButton as X, Icon as J, stenaMail as ze, Card as Fe, CardBody as Pe, stenaTripFerryXl as Ae, Spinner as Y, StenaFlag as $e, stenaAngleLeftDouble as fe, stenaPin as Le, IconMenuButton as ee, IconMenuButtonLink as De, MenuButtonLink as We, Tag as He, ShimmerBox as M, stenaAngleLeft as re, stenaAngleRight as oe, stenaSearchPlus as Ue, stenaSearchMinus as qe, stenaTimesThick as Ee } from "@stenajs-webui/elements";
4
- import * as Ge from "react";
5
- import { useRef as T, useMemo as q, forwardRef as ne, createContext as Oe, useContext as Ve, useState as U, useCallback as le } from "react";
6
- import { useBoolean as xe, Row as c, Indent as y, Column as h, Heading as j, Box as d, Text as b, Space as x, getDataProps as O, SeparatorLine as Ke, Spacing as Ze, isEmptyFragment as Qe, useAccessibleFontSizeContext as Te, exhaustSwitchCaseElseThrow as ve, BlockKeyboardEvents as Xe } from "@stenajs-webui/core";
1
+ (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;inset:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._selectionRow_1njaw_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_1njaw_9{display:none}}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);padding:0;display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 10)}.yarl__slide_description.yarl__slide_description.yarl__slide_description{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_description_container.yarl__slide_description_container.yarl__slide_description_container{display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 3);padding-bottom:calc(var(--swui-metrics-space) * 4)}.yarl__counter.yarl__counter{height:48px;margin:calc(var(--swui-metrics-space) * 1);display:flex;align-items:center;padding:0;padding-left:calc(var(--swui-metrics-space) * 1);font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
+ import { jsx as e, Fragment as R, jsxs as i } from "react/jsx-runtime";
3
+ import { ActionMenu as he, ActionMenuContext as ke, stenaAngleDown as pe, PrimaryButton as ge, SecondaryButton as k, FlatButton as q, stenaHamburger as me, BaseButton as Se, stenaBellFilled as Ne, TextInputButton as Re, stenaTimes as Me, stenaUserCircle as Pe, CloseButton as be, CircledIcon as $, MenuButton as X, Icon as J, stenaMail as je, Card as ze, CardBody as Fe, stenaTripFerryXl as Ae, Spinner as Y, StenaFlag as Le, stenaAngleLeftDouble as fe, stenaPin as $e, IconMenuButton as ee, IconMenuButtonLink as He, MenuButtonLink as De, Tag as Oe, ShimmerBox as M, stenaAngleRight as ie, stenaAngleLeft as oe, stenaTimesThick as We, stenaSearchPlus as Te, stenaSearchMinus as Ue } from "@stenajs-webui/elements";
4
+ import * as qe from "react";
5
+ import { useRef as Q, useMemo as T, forwardRef as ne, createContext as Ee, useContext as Ge, useState as W, useCallback as le } from "react";
6
+ import { useBoolean as xe, Column as h, Row as c, Indent as y, Heading as P, Box as s, Text as m, Space as f, getDataProps as E, SeparatorLine as Ve, Spacing as Ke, isEmptyFragment as Ze, useAccessibleFontSizeContext as Qe, exhaustSwitchCaseElseThrow as ve, BlockKeyboardEvents as Xe } from "@stenajs-webui/core";
7
7
  import { ControlledPopover as Ce, Popover as _e, Tooltip as ye } from "@stenajs-webui/tooltip";
8
- import { Checkbox as we, TextInput as Je } from "@stenajs-webui/forms";
8
+ import { Checkbox as Be, TextInput as Je } from "@stenajs-webui/forms";
9
9
  import v from "classnames";
10
- import { cssColor as m } from "@stenajs-webui/theme";
10
+ import { cssColor as p } from "@stenajs-webui/theme";
11
11
  import { useMediaQuery as N } from "react-responsive";
12
12
  import ae from "yet-another-react-lightbox";
13
13
  import Ye from "yet-another-react-lightbox/plugins/inline";
@@ -17,31 +17,31 @@ import tn from "yet-another-react-lightbox/plugins/zoom";
17
17
  const te = ({
18
18
  renderItems: n,
19
19
  placement: t = "bottom",
20
- buttonComponent: i,
20
+ buttonComponent: r,
21
21
  rightIcon: o = pe,
22
22
  menuWidth: l,
23
23
  menuTop: a,
24
- onClick: s,
24
+ onClick: d,
25
25
  disableArrow: u = !1,
26
26
  buttonRef: g,
27
- appendTo: f,
27
+ appendTo: b,
28
28
  zIndex: C,
29
- disableTrapFocus: B = !1,
30
- ...k
29
+ disableTrapFocus: w = !1,
30
+ ...I
31
31
  }) => {
32
- const [S, w, _, z] = xe(!1), F = T(null), P = g ?? F, V = q(() => ({ open: w, close: _ }), [w, _]), D = (A) => {
33
- s == null || s(A), z();
32
+ const [S, B, _, j] = xe(!1), z = Q(null), F = g ?? z, G = T(() => ({ open: B, close: _ }), [B, _]), H = (A) => {
33
+ d?.(A), j();
34
34
  };
35
35
  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
36
36
  Ce,
37
37
  {
38
38
  renderTrigger: (A) => /* @__PURE__ */ e(
39
- i,
39
+ r,
40
40
  {
41
41
  rightIcon: u ? void 0 : o,
42
- ...k,
43
- ref: P,
44
- onClick: D,
42
+ ...I,
43
+ ref: F,
44
+ onClick: H,
45
45
  ...A
46
46
  }
47
47
  ),
@@ -50,27 +50,27 @@ const te = ({
50
50
  open: S,
51
51
  onRequestClose: _,
52
52
  placement: t,
53
- appendTo: f,
53
+ appendTo: b,
54
54
  zIndex: C,
55
55
  children: S && /* @__PURE__ */ e(
56
56
  he,
57
57
  {
58
58
  width: l,
59
59
  top: a,
60
- trapFocus: !B,
61
- children: /* @__PURE__ */ e(Ie.Provider, { value: V, children: n(_) })
60
+ trapFocus: !w,
61
+ children: /* @__PURE__ */ e(ke.Provider, { value: G, children: n(_) })
62
62
  }
63
63
  )
64
64
  }
65
65
  ) });
66
- }, Ct = (n) => /* @__PURE__ */ e(te, { buttonComponent: me, ...n }), _t = (n) => /* @__PURE__ */ e(te, { buttonComponent: I, ...n }), rn = (n) => /* @__PURE__ */ e(te, { buttonComponent: G, ...n }), on = "1px solid var(--lhds-color-ui-300)", yt = ({
66
+ }, vt = (n) => /* @__PURE__ */ e(te, { buttonComponent: ge, ...n }), Ct = (n) => /* @__PURE__ */ e(te, { buttonComponent: k, ...n }), rn = (n) => /* @__PURE__ */ e(te, { buttonComponent: q, ...n }), on = "1px solid var(--lhds-color-ui-300)", _t = ({
67
67
  renderMenu: n,
68
68
  ...t
69
69
  }) => /* @__PURE__ */ e(
70
70
  _e,
71
71
  {
72
72
  trigger: "click",
73
- renderTrigger: (i) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ r(
73
+ renderTrigger: (r) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ i(
74
74
  c,
75
75
  {
76
76
  spacing: 0.5,
@@ -79,16 +79,16 @@ const te = ({
79
79
  border: on,
80
80
  borderRadius: "4px",
81
81
  children: [
82
- /* @__PURE__ */ e(we, { ...t }),
82
+ /* @__PURE__ */ e(Be, { ...t }),
83
83
  /* @__PURE__ */ e(y, { num: 0.5 }),
84
- /* @__PURE__ */ e(G, { size: "small", leftIcon: pe, ...i })
84
+ /* @__PURE__ */ e(q, { size: "small", leftIcon: pe, ...r })
85
85
  ]
86
86
  }
87
87
  ) }),
88
88
  hideArrow: !0,
89
89
  disablePadding: !0,
90
90
  placement: "bottom-start",
91
- children: ({ onRequestClose: i }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(he, { children: n(i) }) })
91
+ children: ({ onRequestClose: r }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(he, { children: n(r) }) })
92
92
  }
93
93
  ), ln = "_navBar_kzibd_1", an = {
94
94
  navBar: ln
@@ -96,52 +96,52 @@ const te = ({
96
96
  className: n,
97
97
  onClick: t
98
98
  }) => /* @__PURE__ */ e(
99
- G,
99
+ q,
100
100
  {
101
- leftIcon: ge,
101
+ leftIcon: me,
102
102
  className: n,
103
103
  onClick: t
104
104
  }
105
- ), wt = ({
105
+ ), yt = ({
106
106
  left: n,
107
107
  className: t,
108
- showMenuButton: i = !1,
108
+ showMenuButton: r = !1,
109
109
  children: o,
110
110
  right: l,
111
111
  center: a,
112
- onClickMenuButton: s
112
+ onClickMenuButton: d
113
113
  }) => {
114
114
  const u = a ? 1 : void 0;
115
- return /* @__PURE__ */ r(
115
+ return /* @__PURE__ */ i(
116
116
  c,
117
117
  {
118
118
  justifyContent: "space-between",
119
119
  className: v(an.navBar, t),
120
120
  children: [
121
- /* @__PURE__ */ r(
121
+ /* @__PURE__ */ i(
122
122
  c,
123
123
  {
124
124
  flex: u,
125
125
  justifyContent: "flex-start",
126
126
  alignItems: "center",
127
127
  children: [
128
- /* @__PURE__ */ r(c, { width: "86px", alignItems: "center", children: [
128
+ /* @__PURE__ */ i(c, { width: "86px", alignItems: "center", children: [
129
129
  /* @__PURE__ */ e(y, {}),
130
- i && /* @__PURE__ */ e(cn, { onClick: s })
130
+ r && /* @__PURE__ */ e(cn, { onClick: d })
131
131
  ] }),
132
- n && /* @__PURE__ */ r(R, { children: [
132
+ n && /* @__PURE__ */ i(R, { children: [
133
133
  n,
134
134
  /* @__PURE__ */ e(y, { num: 2 })
135
135
  ] }),
136
- o && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ge.Children.map(o, (g, f) => /* @__PURE__ */ r(R, { children: [
137
- f > 0 && /* @__PURE__ */ e(y, {}),
136
+ o && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: qe.Children.map(o, (g, b) => /* @__PURE__ */ i(R, { children: [
137
+ b > 0 && /* @__PURE__ */ e(y, {}),
138
138
  g
139
139
  ] })) }) })
140
140
  ]
141
141
  }
142
142
  ),
143
143
  a && /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: a }),
144
- /* @__PURE__ */ r(c, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
144
+ /* @__PURE__ */ i(c, { justifyContent: "flex-end", alignItems: "center", flex: u, children: [
145
145
  l,
146
146
  /* @__PURE__ */ e(y, { num: 2 })
147
147
  ] })
@@ -152,11 +152,11 @@ const te = ({
152
152
  navBarButton: sn,
153
153
  selected: dn
154
154
  }, un = ne(
155
- function({ selected: n, className: t, ...i }, o) {
155
+ function({ selected: n, className: t, ...r }, o) {
156
156
  return /* @__PURE__ */ e(
157
- G,
157
+ q,
158
158
  {
159
- ...i,
159
+ ...r,
160
160
  ref: o,
161
161
  className: v(
162
162
  ce.navBarButton,
@@ -166,153 +166,152 @@ const te = ({
166
166
  }
167
167
  );
168
168
  }
169
- ), Bt = (n) => /* @__PURE__ */ e(j, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), kt = ({
169
+ ), Bt = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), wt = ({
170
170
  content: n,
171
171
  children: t,
172
- appendTo: i,
172
+ appendTo: r,
173
173
  zIndex: o,
174
174
  ...l
175
175
  }) => {
176
- const [a, , s, u] = xe(!1);
176
+ const [a, , d, u] = xe(!1);
177
177
  return /* @__PURE__ */ e(
178
178
  Ce,
179
179
  {
180
180
  renderTrigger: (g) => /* @__PURE__ */ e(un, { ...l, ...g, onClick: u }),
181
181
  open: a,
182
- onRequestClose: s,
182
+ onRequestClose: d,
183
183
  zIndex: o,
184
- appendTo: i,
185
- children: /* @__PURE__ */ r(d, { children: [
186
- n && n({ close: s }),
184
+ appendTo: r,
185
+ children: /* @__PURE__ */ i(s, { children: [
186
+ n && n({ close: d }),
187
187
  t
188
188
  ] })
189
189
  }
190
190
  );
191
- }, hn = "_navBarNotificationButton_1wt3y_1", pn = "_unread_1wt3y_23", mn = "_icon_1wt3y_23", gn = "_shake_1wt3y_1", $ = {
191
+ }, hn = "_navBarNotificationButton_1wt3y_1", pn = "_unread_1wt3y_23", gn = "_icon_1wt3y_23", L = {
192
192
  navBarNotificationButton: hn,
193
193
  unread: pn,
194
- icon: mn,
195
- shake: gn
194
+ icon: gn
196
195
  }, It = ne(function({
197
196
  count: n,
198
197
  unread: t = !1,
199
- className: i,
198
+ className: r,
200
199
  labelClassName: o,
201
200
  iconClassName: l,
202
201
  icon: a = Ne,
203
- ...s
202
+ ...d
204
203
  }, u) {
205
204
  const g = n > 1;
206
205
  return /* @__PURE__ */ e(
207
206
  Se,
208
207
  {
209
- ...s,
208
+ ...d,
210
209
  ref: u,
211
210
  leftIcon: a,
212
211
  className: v(
213
- $.navBarNotificationButton,
214
- t && $.unread,
215
- g && $.hasCount,
216
- i
212
+ L.navBarNotificationButton,
213
+ t && L.unread,
214
+ g && L.hasCount,
215
+ r
217
216
  ),
218
217
  label: g ? String(n) : void 0,
219
- labelClassName: v(o, $.label),
220
- iconClassName: v(l, $.icon)
218
+ labelClassName: v(o, L.label),
219
+ iconClassName: v(l, L.icon)
221
220
  }
222
221
  );
223
- }), bn = "_navBarSearchFieldInput_1rp8g_1", fn = "_navBarSearchFieldWrapper_1rp8g_12", xn = "_withButton_1rp8g_24", vn = "_clearButton_1rp8g_33", W = {
224
- navBarSearchFieldInput: bn,
225
- navBarSearchFieldWrapper: fn,
226
- withButton: xn,
227
- clearButton: vn
228
- }, St = ({
222
+ }), mn = "_navBarSearchFieldInput_1rp8g_1", bn = "_navBarSearchFieldWrapper_1rp8g_12", fn = "_withButton_1rp8g_24", xn = "_clearButton_1rp8g_33", D = {
223
+ navBarSearchFieldInput: mn,
224
+ navBarSearchFieldWrapper: bn,
225
+ withButton: fn,
226
+ clearButton: xn
227
+ }, kt = ({
229
228
  placeholder: n = "Search",
230
229
  className: t,
231
- wrapperClassName: i,
230
+ wrapperClassName: r,
232
231
  showClearButton: o,
233
232
  onClickClearButton: l,
234
233
  value: a,
235
- ...s
234
+ ...d
236
235
  }) => /* @__PURE__ */ e(
237
236
  Je,
238
237
  {
239
238
  wrapperClassName: v(
240
- W.navBarSearchFieldWrapper,
241
- o ? W.withButton : void 0,
242
- i
239
+ D.navBarSearchFieldWrapper,
240
+ o ? D.withButton : void 0,
241
+ r
243
242
  ),
244
- className: v(W.navBarSearchFieldInput, t),
243
+ className: v(D.navBarSearchFieldInput, t),
245
244
  placeholder: n,
246
245
  value: a,
247
246
  buttonRight: a && o ? /* @__PURE__ */ e(
248
247
  Re,
249
248
  {
250
- className: W.clearButton,
249
+ className: D.clearButton,
251
250
  icon: Me,
252
251
  variant: "error",
253
252
  onClick: l
254
253
  }
255
254
  ) : void 0,
256
- ...s
255
+ ...d
257
256
  }
258
- ), Cn = "_navBarUserButton_10f9z_1", _n = {
259
- navBarUserButton: Cn
260
- }, Nt = ({
257
+ ), vn = "_navBarUserButton_10f9z_1", Cn = {
258
+ navBarUserButton: vn
259
+ }, St = ({
261
260
  className: n,
262
261
  username: t,
263
- initials: i,
264
- icon: o = je,
265
- responsiveIconOnly: l = i == null,
262
+ initials: r,
263
+ icon: o = Pe,
264
+ responsiveIconOnly: l = r == null,
266
265
  ...a
267
266
  }) => /* @__PURE__ */ e(
268
267
  rn,
269
268
  {
270
269
  ...a,
271
- className: v(_n.navBarUserButton, n),
270
+ className: v(Cn.navBarUserButton, n),
272
271
  leftIcon: t != null ? o : void 0,
273
- label: i ?? t,
274
- forceRound: i != null,
272
+ label: r ?? t,
273
+ forceRound: r != null,
275
274
  responsiveIconOnly: l,
276
275
  disableArrow: !0
277
276
  }
278
- ), yn = "_unreadDot_l8bni_1", wn = "_dot_l8bni_4", se = {
279
- unreadDot: yn,
280
- dot: wn
281
- }, Bn = ({ children: n }) => /* @__PURE__ */ r("div", { className: se.unreadDot, children: [
277
+ ), _n = "_unreadDot_l8bni_1", yn = "_dot_l8bni_4", se = {
278
+ unreadDot: _n,
279
+ dot: yn
280
+ }, Bn = ({ children: n }) => /* @__PURE__ */ i("div", { className: se.unreadDot, children: [
282
281
  n,
283
282
  /* @__PURE__ */ e("div", { className: se.dot })
284
- ] }), Be = ({
283
+ ] }), we = ({
285
284
  text: n,
286
285
  timestamp: t,
287
- icon: i,
286
+ icon: r,
288
287
  iconAriaLabel: o,
289
288
  contentLeft: l,
290
289
  contentRight: a,
291
- onClose: s,
290
+ onClose: d,
292
291
  unread: u = !1,
293
292
  variant: g,
294
- iconBackgroundColor: f
293
+ iconBackgroundColor: b
295
294
  }) => {
296
- const C = i ? /* @__PURE__ */ e(
297
- L,
295
+ const C = r ? /* @__PURE__ */ e(
296
+ $,
298
297
  {
299
298
  size: "small",
300
- icon: i,
299
+ icon: r,
301
300
  "aria-label": o,
302
- backgroundColor: f || kn(u, g)
301
+ backgroundColor: b || wn(u, g)
303
302
  }
304
303
  ) : void 0;
305
- return /* @__PURE__ */ r(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
306
- /* @__PURE__ */ r(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
307
- l && /* @__PURE__ */ e(d, { minHeight: 20, justifyContent: "center", children: l }),
304
+ return /* @__PURE__ */ i(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
305
+ /* @__PURE__ */ i(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
306
+ l && /* @__PURE__ */ e(s, { minHeight: 20, justifyContent: "center", children: l }),
308
307
  !l && C && (u ? /* @__PURE__ */ e(Bn, { children: C }) : C),
309
- /* @__PURE__ */ r(d, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
310
- /* @__PURE__ */ e(b, { variant: "bold", children: n }),
308
+ /* @__PURE__ */ i(s, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
309
+ /* @__PURE__ */ e(m, { variant: "bold", children: n }),
311
310
  t && /* @__PURE__ */ e(
312
- b,
311
+ m,
313
312
  {
314
313
  size: "small",
315
- color: m(
314
+ color: p(
316
315
  u ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
317
316
  ),
318
317
  children: t
@@ -321,243 +320,244 @@ const te = ({
321
320
  ] }),
322
321
  a
323
322
  ] }),
324
- s && /* @__PURE__ */ e(
325
- d,
323
+ d && /* @__PURE__ */ e(
324
+ s,
326
325
  {
327
326
  flex: "none",
328
327
  justifyContent: "center",
329
328
  height: "calc(20px + 2 * var(--swui-metrics-spacing))",
330
- children: /* @__PURE__ */ e(be, { onClick: s })
329
+ children: /* @__PURE__ */ e(be, { onClick: d })
331
330
  }
332
331
  )
333
332
  ] });
334
- }, kn = (n, t) => {
333
+ }, wn = (n, t) => {
335
334
  if (!(!n && t === "standard"))
336
335
  return "--lhds-color-ui-50";
337
- }, In = "_notification_1hao0_1", Sn = "_body_1hao0_7", Nn = "_standard_1hao0_13", Rn = "_unread_1hao0_14", Mn = "_danger_1hao0_19", H = {
336
+ }, In = "_notification_1hao0_1", kn = "_body_1hao0_7", Sn = "_standard_1hao0_13", Nn = "_unread_1hao0_14", Rn = "_danger_1hao0_19", O = {
338
337
  notification: In,
339
- body: Sn,
340
- standard: Nn,
341
- unread: Rn,
342
- danger: Mn
343
- }, Rt = ({
338
+ body: kn,
339
+ standard: Sn,
340
+ unread: Nn,
341
+ danger: Rn
342
+ }, Nt = ({
344
343
  variant: n = "standard",
345
344
  children: t,
346
- unread: i,
345
+ unread: r,
347
346
  ...o
348
- }) => /* @__PURE__ */ r(
347
+ }) => /* @__PURE__ */ i(
349
348
  "div",
350
349
  {
351
350
  className: v(
352
- H.notification,
353
- H[n],
354
- i && H.unread
351
+ O.notification,
352
+ O[n],
353
+ r && O.unread
355
354
  ),
356
355
  children: [
357
- /* @__PURE__ */ e(Be, { ...o, unread: i, variant: n }),
358
- t && /* @__PURE__ */ e(h, { className: H.body, children: t })
356
+ /* @__PURE__ */ e(we, { ...o, unread: r, variant: n }),
357
+ t && /* @__PURE__ */ e(h, { className: O.body, children: t })
359
358
  ]
360
359
  }
361
- ), jn = "_notificationList_1rkvu_1", zn = {
362
- notificationList: jn
363
- }, Mt = ({
360
+ ), Mn = "_notificationList_1rkvu_1", Pn = {
361
+ notificationList: Mn
362
+ }, Rt = ({
364
363
  children: n
365
- }) => /* @__PURE__ */ r("div", { className: zn.notificationList, children: [
364
+ }) => /* @__PURE__ */ i("div", { className: Pn.notificationList, children: [
366
365
  n,
367
366
  /* @__PURE__ */ e("div", {})
368
- ] }), Fn = "_clickable_1ijxc_1", Pn = "_nonClickable_1ijxc_27", K = {
369
- clickable: Fn,
370
- nonClickable: Pn
371
- }, jt = ({
367
+ ] }), jn = "_clickable_1ijxc_1", zn = "_nonClickable_1ijxc_27", V = {
368
+ clickable: jn,
369
+ nonClickable: zn
370
+ }, Mt = ({
372
371
  onClick: n,
373
372
  onClickAriaLabel: t,
374
- children: i,
373
+ children: r,
375
374
  width: o = 264,
376
375
  maxWidth: l,
377
376
  ...a
378
- }) => /* @__PURE__ */ r(
379
- d,
377
+ }) => /* @__PURE__ */ i(
378
+ s,
380
379
  {
381
380
  borderRadius: 8,
382
- background: m("--lhds-color-ui-50"),
381
+ background: p("--lhds-color-ui-50"),
383
382
  shadow: "popover",
384
383
  width: o,
385
384
  maxWidth: l,
386
385
  role: "alert",
387
386
  position: "relative",
388
387
  children: [
389
- /* @__PURE__ */ e(d, { className: v({ [K.nonClickable]: n }), children: /* @__PURE__ */ e(Be, { ...a }) }),
390
- i && /* @__PURE__ */ r(d, { indent: 3, className: v({ [K.nonClickable]: n }), children: [
391
- i,
392
- /* @__PURE__ */ e(x, { num: 2 })
388
+ /* @__PURE__ */ e(s, { className: v({ [V.nonClickable]: n }), children: /* @__PURE__ */ e(we, { ...a }) }),
389
+ r && /* @__PURE__ */ i(s, { indent: 3, className: v({ [V.nonClickable]: n }), children: [
390
+ r,
391
+ /* @__PURE__ */ e(f, { num: 2 })
393
392
  ] }),
394
393
  n && /* @__PURE__ */ e(
395
394
  "button",
396
395
  {
397
396
  onClick: n,
398
- className: K.clickable,
397
+ className: V.clickable,
399
398
  "aria-label": t
400
399
  }
401
400
  )
402
401
  ]
403
402
  }
404
- ), An = ne(
405
- ({ contentLeft: n, contentRight: t, collapsed: i = !1, ...o }, l) => /* @__PURE__ */ e(
403
+ ), Fn = ne(
404
+ ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...o }, l) => /* @__PURE__ */ e(
406
405
  X,
407
406
  {
408
407
  ref: l,
409
408
  expandable: !0,
410
- expanded: !i,
411
- selected: !i,
409
+ expanded: !r,
410
+ selected: !r,
412
411
  left: n,
413
412
  right: t,
414
413
  ...o
415
414
  }
416
415
  )
417
- ), zt = ({
416
+ ), Pt = ({
418
417
  children: n
419
- }) => /* @__PURE__ */ e(h, { gap: 1, children: n }), Ft = ({
418
+ }) => /* @__PURE__ */ e(h, { gap: 1, children: n }), jt = ({
420
419
  value: n,
421
420
  onValueChange: t,
422
- onChange: i,
421
+ onChange: r,
423
422
  indeterminate: o,
424
423
  checkboxDisabled: l,
425
424
  ...a
426
425
  }) => /* @__PURE__ */ e(
427
- An,
426
+ Fn,
428
427
  {
429
428
  contentLeft: /* @__PURE__ */ e(
430
- we,
429
+ Be,
431
430
  {
432
431
  value: n,
433
432
  indeterminate: o,
434
433
  onValueChange: t,
435
- onChange: i,
434
+ onChange: r,
436
435
  disabled: l,
437
- onClick: (s) => s.stopPropagation()
436
+ onClick: (d) => d.stopPropagation()
438
437
  }
439
438
  ),
440
439
  ...a
441
440
  }
442
- ), $n = "_sidebarMenuCollapsibleGroupBox_ikek9_1", Ln = {
443
- sidebarMenuCollapsibleGroupBox: $n
444
- }, Dn = ({ children: n }) => /* @__PURE__ */ e("div", { className: Ln.sidebarMenuCollapsibleGroupBox, children: n }), Pt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(b, { variant: "overline", size: "smaller", children: n }) }), At = ({ text: n = "No content" }) => /* @__PURE__ */ r(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
445
- /* @__PURE__ */ e(J, { icon: ze, color: m("--lhds-color-ui-500") }),
446
- /* @__PURE__ */ e(x, {}),
447
- /* @__PURE__ */ e(b, { size: "small", color: m("--lhds-color-ui-500"), children: n })
448
- ] }), Wn = ({
441
+ ), An = "_sidebarMenuCollapsibleGroupBox_ikek9_1", Ln = {
442
+ sidebarMenuCollapsibleGroupBox: An
443
+ }, $n = ({ children: n }) => /* @__PURE__ */ e("div", { className: Ln.sidebarMenuCollapsibleGroupBox, children: n }), zt = ({ children: n }) => /* @__PURE__ */ e(s, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(m, { variant: "overline", size: "smaller", children: n }) }), Ft = ({ text: n = "No content" }) => /* @__PURE__ */ i(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
444
+ /* @__PURE__ */ e(J, { icon: je, color: p("--lhds-color-ui-500") }),
445
+ /* @__PURE__ */ e(f, {}),
446
+ /* @__PURE__ */ e(m, { size: "small", color: p("--lhds-color-ui-500"), children: n })
447
+ ] }), Hn = ({
449
448
  text: n,
450
449
  heading: t,
451
- children: i,
450
+ children: r,
452
451
  buttons: o,
453
452
  icon: l = Ae,
454
453
  headingLevel: a = "h3",
455
- ...s
454
+ ...d
456
455
  }) => {
457
456
  const u = !n && !t ? "Something unexpected happened." : n;
458
- return /* @__PURE__ */ e(Fe, { ...s, children: /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ r(h, { spacing: 1, gap: 3, alignItems: "center", children: [
459
- /* @__PURE__ */ r(h, { alignItems: "center", children: [
460
- /* @__PURE__ */ e(x, { num: 1 }),
461
- /* @__PURE__ */ e(L, { icon: l, size: "xl" })
457
+ return /* @__PURE__ */ e(ze, { ...d, children: /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ i(h, { spacing: 1, gap: 3, alignItems: "center", children: [
458
+ /* @__PURE__ */ i(h, { alignItems: "center", children: [
459
+ /* @__PURE__ */ e(f, { num: 1 }),
460
+ /* @__PURE__ */ e($, { icon: l, size: "xl" })
462
461
  ] }),
463
- t && /* @__PURE__ */ e(j, { as: a, children: t }),
464
- u && /* @__PURE__ */ e(b, { children: u }),
465
- i,
466
- o && /* @__PURE__ */ r(d, { children: [
467
- /* @__PURE__ */ e(x, { num: 2 }),
462
+ t && /* @__PURE__ */ e(P, { as: a, children: t }),
463
+ u && /* @__PURE__ */ e(m, { children: u }),
464
+ r,
465
+ o && /* @__PURE__ */ i(s, { children: [
466
+ /* @__PURE__ */ e(f, { num: 2 }),
468
467
  o
469
468
  ] })
470
469
  ] }) }) });
471
- }, $t = (n) => /* @__PURE__ */ e(
472
- d,
470
+ }, At = (n) => /* @__PURE__ */ e(
471
+ s,
473
472
  {
474
473
  width: "100%",
475
474
  height: "100%",
476
475
  justifyContent: "center",
477
476
  alignItems: "center",
478
- children: /* @__PURE__ */ e(Wn, { ...n })
477
+ children: /* @__PURE__ */ e(Hn, { ...n })
479
478
  }
480
- ), Hn = ({
479
+ ), Dn = ({
481
480
  text: n = "Loading..."
482
- }) => /* @__PURE__ */ r(d, { alignItems: "center", children: [
481
+ }) => /* @__PURE__ */ i(s, { alignItems: "center", children: [
483
482
  /* @__PURE__ */ e(Y, { size: "small" }),
484
- /* @__PURE__ */ e(x, { num: 4 }),
485
- /* @__PURE__ */ e(j, { variant: "h4", children: n })
483
+ /* @__PURE__ */ e(f, { num: 4 }),
484
+ /* @__PURE__ */ e(P, { variant: "h4", children: n })
486
485
  ] }), Lt = (n) => /* @__PURE__ */ e(
487
- d,
486
+ s,
488
487
  {
489
488
  width: "100%",
490
489
  height: "100%",
491
490
  justifyContent: "center",
492
491
  alignItems: "center",
493
- children: /* @__PURE__ */ e(Hn, { ...n })
492
+ children: /* @__PURE__ */ e(Dn, { ...n })
494
493
  }
495
- ), Dt = ({
494
+ ), $t = ({
496
495
  renderBreadCrumbs: n,
497
496
  renderPageHeading: t,
498
- renderTabs: i,
497
+ renderTabs: r,
499
498
  children: o
500
- }) => /* @__PURE__ */ r(d, { shadow: "bottom", background: m("--lhds-color-ui-50"), gap: 2, children: [
501
- /* @__PURE__ */ r(d, { indent: 3, children: [
502
- n && /* @__PURE__ */ r(c, { spacing: 1, alignItems: "center", children: [
499
+ }) => /* @__PURE__ */ i(s, { shadow: "bottom", background: p("--lhds-color-ui-50"), gap: 2, children: [
500
+ /* @__PURE__ */ i(s, { indent: 3, children: [
501
+ n && /* @__PURE__ */ i(c, { spacing: 1, alignItems: "center", children: [
503
502
  /* @__PURE__ */ e(c, { width: "64px", height: "16px" }),
504
503
  n()
505
504
  ] }),
506
- t == null ? void 0 : t(),
507
- i && /* @__PURE__ */ e(x, {}),
508
- i == null ? void 0 : i()
505
+ t?.(),
506
+ r && /* @__PURE__ */ e(f, {}),
507
+ r?.()
509
508
  ] }),
510
509
  o
511
- ] }), Wt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Ht = ({
510
+ ] }), Ht = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Dt = ({
512
511
  icon: n,
513
512
  heading: t,
514
- headingLevel: i = "h2",
513
+ headingLevel: r = "h2",
515
514
  contentLeft: o,
516
515
  contentRight: l
517
- }) => /* @__PURE__ */ r(c, { alignItems: "center", gap: 2, height: "64px", children: [
518
- /* @__PURE__ */ r(c, { alignItems: "center", children: [
519
- /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(L, { icon: n }) }),
520
- /* @__PURE__ */ e(j, { variant: "h3", as: i, children: t })
516
+ }) => /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, height: "64px", children: [
517
+ /* @__PURE__ */ i(c, { alignItems: "center", children: [
518
+ /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e($, { icon: n }) }),
519
+ /* @__PURE__ */ e(P, { variant: "h3", as: r, children: t })
521
520
  ] }),
522
521
  /* @__PURE__ */ e(c, { alignItems: "center", children: o }),
523
522
  /* @__PURE__ */ e(c, { style: { marginLeft: "auto" }, alignItems: "center", children: l })
524
- ] }), Un = "_selectionRow_1njaw_1", qn = "_iconColumn_1njaw_9", de = {
525
- selectionRow: Un,
526
- iconColumn: qn
527
- }, Ut = ({
523
+ ] }), On = "_selectionRow_1njaw_1", Wn = "_iconColumn_1njaw_9", de = {
524
+ selectionRow: On,
525
+ iconColumn: Wn
526
+ }, Ot = ({
528
527
  icon: n,
529
528
  heading: t,
530
- description: i,
529
+ description: r,
531
530
  contentRight: o,
532
531
  htmlFor: l,
533
- ...a
534
- }) => /* @__PURE__ */ r("div", { className: de.selectionRow, ...O(a), children: [
535
- /* @__PURE__ */ r(c, { gap: 2, children: [
532
+ circledIconVariant: a,
533
+ ...d
534
+ }) => /* @__PURE__ */ i("div", { className: de.selectionRow, ...E(d), children: [
535
+ /* @__PURE__ */ i(c, { gap: 2, children: [
536
536
  n && /* @__PURE__ */ e(
537
- d,
537
+ s,
538
538
  {
539
539
  alignItems: "center",
540
540
  justifyContent: "center",
541
541
  width: "40px",
542
542
  className: de.iconColumn,
543
- children: /* @__PURE__ */ e(L, { icon: n })
543
+ children: /* @__PURE__ */ e($, { icon: n, variant: a })
544
544
  }
545
545
  ),
546
- /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ r(h, { gap: 0.5, children: [
547
- /* @__PURE__ */ e(b, { variant: "bold", children: t }),
548
- typeof i == "string" ? /* @__PURE__ */ e(b, { color: m("--silver-dark"), children: i }) : i
546
+ /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ i(h, { gap: 0.5, children: [
547
+ /* @__PURE__ */ e(m, { variant: "bold", children: t }),
548
+ typeof r == "string" ? /* @__PURE__ */ e(m, { color: p("--silver-dark"), children: r }) : r
549
549
  ] }) })
550
550
  ] }),
551
551
  o
552
- ] }), En = "_sidebarMenu_1bx5w_1", Gn = "_sidebarItems_1bx5w_38", On = "_scrollContainer_1bx5w_48", Z = {
553
- sidebarMenu: En,
554
- sidebarItems: Gn,
555
- scrollContainer: On
556
- }, Vn = "_stenaFlag_108h7_1", Kn = {
557
- stenaFlag: Vn
558
- }, Zn = ({ onClick: n }) => /* @__PURE__ */ r(h, { background: m("--lhds-color-ui-50"), children: [
559
- /* @__PURE__ */ e(x, {}),
560
- /* @__PURE__ */ r(
552
+ ] }), Tn = "_sidebarMenu_1bx5w_1", Un = "_sidebarItems_1bx5w_38", qn = "_scrollContainer_1bx5w_48", K = {
553
+ sidebarMenu: Tn,
554
+ sidebarItems: Un,
555
+ scrollContainer: qn
556
+ }, En = "_stenaFlag_108h7_1", Gn = {
557
+ stenaFlag: En
558
+ }, Vn = ({ onClick: n }) => /* @__PURE__ */ i(h, { background: p("--lhds-color-ui-50"), children: [
559
+ /* @__PURE__ */ e(f, {}),
560
+ /* @__PURE__ */ i(
561
561
  c,
562
562
  {
563
563
  justifyContent: "space-between",
@@ -567,61 +567,61 @@ const te = ({
567
567
  minHeight: "48px",
568
568
  children: [
569
569
  /* @__PURE__ */ e(be, { onClick: n }),
570
- /* @__PURE__ */ e($e, { className: Kn.stenaFlag })
570
+ /* @__PURE__ */ e(Le, { className: Gn.stenaFlag })
571
571
  ]
572
572
  }
573
573
  )
574
- ] }), Qn = ({
574
+ ] }), Kn = ({
575
575
  isPinned: n,
576
576
  onClick: t,
577
- label: i
578
- }) => /* @__PURE__ */ e(X, { onClick: t, label: i ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? fe : Le }), qt = ({
577
+ label: r
578
+ }) => /* @__PURE__ */ e(X, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? fe : $e }), Wt = ({
579
579
  className: n,
580
580
  children: t,
581
- onCloseClick: i,
581
+ onCloseClick: r,
582
582
  pinButtonVisible: o,
583
583
  onClickPinButton: l,
584
584
  bottomItems: a,
585
- isPinned: s,
585
+ isPinned: d,
586
586
  ...u
587
- }) => /* @__PURE__ */ r(d, { ...u, className: v(Z.sidebarMenu, n), children: [
588
- /* @__PURE__ */ e(Zn, { onClick: i }),
589
- /* @__PURE__ */ e(d, { className: Z.scrollContainer, children: /* @__PURE__ */ r(
587
+ }) => /* @__PURE__ */ i(s, { ...u, className: v(K.sidebarMenu, n), children: [
588
+ /* @__PURE__ */ e(Vn, { onClick: r }),
589
+ /* @__PURE__ */ e(s, { className: K.scrollContainer, children: /* @__PURE__ */ i(
590
590
  h,
591
591
  {
592
- className: Z.sidebarItems,
592
+ className: K.sidebarItems,
593
593
  justifyContent: "space-between",
594
594
  flex: 1,
595
595
  gap: 1,
596
596
  indent: 1,
597
597
  children: [
598
598
  /* @__PURE__ */ e(h, { gap: 1, children: t }),
599
- (a || o) && /* @__PURE__ */ r(h, { gap: 1, children: [
599
+ (a || o) && /* @__PURE__ */ i(h, { gap: 1, children: [
600
600
  a,
601
601
  o && /* @__PURE__ */ e(
602
- Qn,
602
+ Kn,
603
603
  {
604
- isPinned: s,
604
+ isPinned: d,
605
605
  onClick: l
606
606
  }
607
607
  ),
608
- /* @__PURE__ */ e(x, {})
608
+ /* @__PURE__ */ e(f, {})
609
609
  ] })
610
610
  ]
611
611
  }
612
612
  ) })
613
- ] }), E = Oe(!1), ie = () => Ve(E), Tn = ({
613
+ ] }), U = Ee(!1), re = () => Ge(U), Zn = ({
614
614
  label: n,
615
615
  ...t
616
- }) => /* @__PURE__ */ e(ye, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(ee, { ...t }) }), Et = ({
616
+ }) => /* @__PURE__ */ e(ye, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(ee, { ...t }) }), Tt = ({
617
617
  closeButtonVisible: n,
618
618
  onClickCloseButton: t,
619
- onClickMenuButton: i,
619
+ onClickMenuButton: r,
620
620
  children: o,
621
621
  bottomItems: l,
622
622
  closeButtonTitle: a = "Unpin menu"
623
- }) => /* @__PURE__ */ r(
624
- d,
623
+ }) => /* @__PURE__ */ i(
624
+ s,
625
625
  {
626
626
  position: "fixed",
627
627
  left: 0,
@@ -631,15 +631,15 @@ const te = ({
631
631
  spacing: 1,
632
632
  gap: 1,
633
633
  shadow: "popover",
634
- background: m("--lhds-color-ui-50"),
634
+ background: p("--lhds-color-ui-50"),
635
635
  children: [
636
- /* @__PURE__ */ e(ee, { onClick: i, icon: ge }),
637
- /* @__PURE__ */ r(h, { justifyContent: "space-between", flex: 1, gap: 1, children: [
638
- /* @__PURE__ */ e(h, { gap: 1, children: /* @__PURE__ */ e(E.Provider, { value: !0, children: o }) }),
639
- /* @__PURE__ */ e(h, { gap: 1, children: (l || n) && /* @__PURE__ */ r(E.Provider, { value: !0, children: [
636
+ /* @__PURE__ */ e(ee, { onClick: r, icon: me }),
637
+ /* @__PURE__ */ i(h, { justifyContent: "space-between", flex: 1, gap: 1, children: [
638
+ /* @__PURE__ */ e(h, { gap: 1, children: /* @__PURE__ */ e(U.Provider, { value: !0, children: o }) }),
639
+ /* @__PURE__ */ e(h, { gap: 1, children: (l || n) && /* @__PURE__ */ i(U.Provider, { value: !0, children: [
640
640
  l,
641
641
  n && /* @__PURE__ */ e(
642
- Tn,
642
+ Zn,
643
643
  {
644
644
  icon: fe,
645
645
  label: a,
@@ -650,70 +650,70 @@ const te = ({
650
650
  ] })
651
651
  ]
652
652
  }
653
- ), Xn = ({
653
+ ), Qn = ({
654
654
  label: n
655
- }) => ie() ? null : /* @__PURE__ */ r(d, { height: "32px", justifyContent: "center", indent: 1, children: [
656
- /* @__PURE__ */ e(x, {}),
657
- /* @__PURE__ */ e(b, { variant: "overline", size: "smaller", children: n })
658
- ] }), Jn = ({
655
+ }) => re() ? null : /* @__PURE__ */ i(s, { height: "32px", justifyContent: "center", indent: 1, children: [
656
+ /* @__PURE__ */ e(f, {}),
657
+ /* @__PURE__ */ e(m, { variant: "overline", size: "smaller", children: n })
658
+ ] }), Xn = ({
659
659
  label: n,
660
660
  leftIcon: t,
661
- ...i
662
- }) => t == null ? null : /* @__PURE__ */ e(ye, { label: n, placement: "right", children: /* @__PURE__ */ e(De, { icon: t, ...i }) }), Gt = (n) => ie() ? /* @__PURE__ */ e(Jn, { ...n }) : /* @__PURE__ */ e(We, { ...n }), Yn = ({
661
+ ...r
662
+ }) => t == null ? null : /* @__PURE__ */ e(ye, { label: n, placement: "right", children: /* @__PURE__ */ e(He, { icon: t, ...r }) }), Ut = (n) => re() ? /* @__PURE__ */ e(Xn, { ...n }) : /* @__PURE__ */ e(De, { ...n }), Jn = ({
663
663
  children: n,
664
664
  label: t,
665
- icon: i,
665
+ icon: r,
666
666
  popupMinWidth: o = "200px"
667
667
  }) => /* @__PURE__ */ e(
668
668
  _e,
669
669
  {
670
- renderTrigger: (l) => /* @__PURE__ */ e(ee, { icon: i, ...l }),
670
+ renderTrigger: (l) => /* @__PURE__ */ e(ee, { icon: r, ...l }),
671
671
  placement: "right-start",
672
672
  trigger: ["hover", "focus"],
673
673
  disablePadding: !0,
674
674
  children: /* @__PURE__ */ e(
675
- d,
675
+ s,
676
676
  {
677
677
  minWidth: o,
678
678
  shadow: "popover",
679
679
  spacing: 1,
680
680
  indent: 1,
681
681
  gap: 2,
682
- children: /* @__PURE__ */ r(E.Provider, { value: !1, children: [
683
- /* @__PURE__ */ e(Xn, { label: t }),
682
+ children: /* @__PURE__ */ i(U.Provider, { value: !1, children: [
683
+ /* @__PURE__ */ e(Qn, { label: t }),
684
684
  n
685
685
  ] })
686
686
  }
687
687
  )
688
688
  }
689
- ), Ot = ({
689
+ ), qt = ({
690
690
  children: n,
691
691
  label: t,
692
- leftIcon: i,
692
+ leftIcon: r,
693
693
  className: o,
694
694
  initialExpand: l = !1
695
695
  }) => {
696
- const [a, s] = U(l);
697
- return ie() ? i == null ? null : /* @__PURE__ */ e(Yn, { label: t, icon: i, children: n }) : /* @__PURE__ */ e(
696
+ const [a, d] = W(l);
697
+ return re() ? r == null ? null : /* @__PURE__ */ e(Jn, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
698
698
  X,
699
699
  {
700
700
  label: t,
701
- onClick: () => s(!a),
702
- leftIcon: i,
701
+ onClick: () => d(!a),
702
+ leftIcon: r,
703
703
  className: o,
704
704
  expandable: !0,
705
705
  expanded: a,
706
706
  selected: a,
707
- children: /* @__PURE__ */ e(Dn, { children: n })
707
+ children: /* @__PURE__ */ e($n, { children: n })
708
708
  }
709
709
  );
710
- }, Vt = (n) => /* @__PURE__ */ e(
711
- Ke,
710
+ }, Et = (n) => /* @__PURE__ */ e(
711
+ Ve,
712
712
  {
713
- color: m("--lhds-color-ui-400"),
713
+ color: p("--lhds-color-ui-400"),
714
714
  ...n
715
715
  }
716
- ), Kt = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
716
+ ), Gt = ({ numItemsSelected: n, label: t, afterLabelContent: r, rightContent: o }) => /* @__PURE__ */ i(
717
717
  c,
718
718
  {
719
719
  indent: 3,
@@ -722,54 +722,54 @@ const te = ({
722
722
  minHeight: "56px",
723
723
  justifyContent: "space-between",
724
724
  alignItems: "center",
725
- background: m("--silver-lighter"),
725
+ background: p("--silver-lighter"),
726
726
  flex: 1,
727
727
  borderRadius: "var(--swui-border-radius)",
728
728
  children: [
729
- /* @__PURE__ */ r(c, { alignItems: "center", gap: 2, children: [
730
- n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ r(R, { children: [
731
- /* @__PURE__ */ e(b, { children: n }),
732
- /* @__PURE__ */ e(x, {}),
733
- /* @__PURE__ */ r(b, { children: [
729
+ /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, children: [
730
+ n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ i(R, { children: [
731
+ /* @__PURE__ */ e(m, { children: n }),
732
+ /* @__PURE__ */ e(f, {}),
733
+ /* @__PURE__ */ i(m, { children: [
734
734
  "item",
735
735
  n === 1 ? "" : "s",
736
736
  " selected"
737
737
  ] })
738
- ] }) : t != null ? /* @__PURE__ */ e(R, { children: typeof t == "string" ? /* @__PURE__ */ e(b, { children: t }) : t }) : null }) : null,
739
- i && /* @__PURE__ */ e(c, { children: i })
738
+ ] }) : t != null ? /* @__PURE__ */ e(R, { children: typeof t == "string" ? /* @__PURE__ */ e(m, { children: t }) : t }) : null }) : null,
739
+ r && /* @__PURE__ */ e(c, { children: r })
740
740
  ] }),
741
741
  /* @__PURE__ */ e(c, { gap: 2, children: o })
742
742
  ]
743
743
  }
744
- ), Zt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), et = "_productCard_19x6b_1", nt = {
745
- productCard: et
746
- }, Qt = ({
744
+ ), Vt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Yn = "_productCard_19x6b_1", et = {
745
+ productCard: Yn
746
+ }, Kt = ({
747
747
  renderSelectedProductCard: n,
748
748
  renderEditButton: t,
749
- children: i,
749
+ children: r,
750
750
  loading: o,
751
751
  shadow: l,
752
752
  ...a
753
- }) => /* @__PURE__ */ r(
753
+ }) => /* @__PURE__ */ i(
754
754
  h,
755
755
  {
756
756
  "data-comp": "ProductCard",
757
- className: nt.productCard,
757
+ className: et.productCard,
758
758
  shadow: l ? "box" : void 0,
759
- background: m("--moln"),
759
+ background: p("--moln"),
760
760
  borderRadius: "24px",
761
761
  overflow: "hidden",
762
762
  position: o ? "relative" : void 0,
763
- ...O(a),
763
+ ...E(a),
764
764
  children: [
765
- n == null ? void 0 : n(),
766
- /* @__PURE__ */ e(h, { gap: 2, children: i }),
767
- t && /* @__PURE__ */ r(h, { children: [
765
+ n?.(),
766
+ /* @__PURE__ */ e(h, { gap: 2, children: r }),
767
+ t && /* @__PURE__ */ i(h, { children: [
768
768
  /* @__PURE__ */ e(c, { indent: 2, justifyContent: "flex-end", children: t() }),
769
- /* @__PURE__ */ e(Ze, {})
769
+ /* @__PURE__ */ e(Ke, {})
770
770
  ] }),
771
771
  o && /* @__PURE__ */ e(
772
- d,
772
+ s,
773
773
  {
774
774
  top: 0,
775
775
  bottom: 0,
@@ -784,63 +784,63 @@ const te = ({
784
784
  )
785
785
  ]
786
786
  }
787
- ), tt = ({ children: n }) => /* @__PURE__ */ e(b, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Tt = ({
787
+ ), nt = ({ children: n }) => /* @__PURE__ */ e(m, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Zt = ({
788
788
  description: n,
789
789
  subDescription: t,
790
- descriptionTags: i,
790
+ descriptionTags: r,
791
791
  capacityTag: o,
792
792
  offerCodeTag: l,
793
793
  priceText: a,
794
- title: s,
794
+ title: d,
795
795
  subTitle: u,
796
796
  renderImage: g,
797
- children: f,
797
+ children: b,
798
798
  headingLevel: C
799
799
  }) => {
800
- const B = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Qe(i);
801
- return /* @__PURE__ */ r(h, { children: [
802
- g == null ? void 0 : g(),
803
- /* @__PURE__ */ r(d, { gap: 2, spacing: 4, indent: 4, background: m("--moln"), children: [
804
- /* @__PURE__ */ r(d, { gap: 0.5, children: [
805
- /* @__PURE__ */ r(
800
+ const w = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ze(r);
801
+ return /* @__PURE__ */ i(h, { children: [
802
+ g?.(),
803
+ /* @__PURE__ */ i(s, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
804
+ /* @__PURE__ */ i(s, { gap: 0.5, children: [
805
+ /* @__PURE__ */ i(
806
806
  c,
807
807
  {
808
808
  justifyContent: "space-between",
809
809
  alignItems: "flex-start",
810
810
  gap: 2,
811
811
  children: [
812
- /* @__PURE__ */ e(j, { variant: "h3", as: C, children: s }),
813
- /* @__PURE__ */ r(c, { gap: 2, children: [
812
+ /* @__PURE__ */ e(P, { variant: "h3", as: C, children: d }),
813
+ /* @__PURE__ */ i(c, { gap: 2, children: [
814
814
  l && /* @__PURE__ */ e(h, { justifyContent: "center", children: l }),
815
- /* @__PURE__ */ e(tt, { children: a })
815
+ /* @__PURE__ */ e(nt, { children: a })
816
816
  ] })
817
817
  ]
818
818
  }
819
819
  ),
820
- u && /* @__PURE__ */ e(b, { variant: "bold", color: m("--silver-dark"), children: u })
820
+ u && /* @__PURE__ */ e(m, { variant: "bold", color: p("--silver-dark"), children: u })
821
821
  ] }),
822
- (B || o) && /* @__PURE__ */ r(h, { children: [
823
- /* @__PURE__ */ r(c, { gap: 1, flexWrap: "wrap", children: [
824
- i,
825
- o && /* @__PURE__ */ e(He, { label: o, variant: "passive" })
822
+ (w || o) && /* @__PURE__ */ i(h, { children: [
823
+ /* @__PURE__ */ i(c, { gap: 1, flexWrap: "wrap", children: [
824
+ r,
825
+ o && /* @__PURE__ */ e(Oe, { label: o, variant: "passive" })
826
826
  ] }),
827
- /* @__PURE__ */ e(x, {})
827
+ /* @__PURE__ */ e(f, {})
828
828
  ] }),
829
- n && /* @__PURE__ */ r(h, { children: [
830
- /* @__PURE__ */ e(b, { children: n }),
831
- /* @__PURE__ */ e(x, {})
829
+ n && /* @__PURE__ */ i(h, { children: [
830
+ /* @__PURE__ */ e(m, { children: n }),
831
+ /* @__PURE__ */ e(f, {})
832
832
  ] }),
833
- t && /* @__PURE__ */ r(h, { children: [
834
- /* @__PURE__ */ e(b, { children: t }),
835
- /* @__PURE__ */ e(x, {})
833
+ t && /* @__PURE__ */ i(h, { children: [
834
+ /* @__PURE__ */ e(m, { children: t }),
835
+ /* @__PURE__ */ e(f, {})
836
836
  ] }),
837
- f
837
+ b
838
838
  ] })
839
839
  ] });
840
- }, Xt = ({ renderImage: n }) => /* @__PURE__ */ r(h, { children: [
841
- n == null ? void 0 : n(),
842
- /* @__PURE__ */ r(d, { gap: 3, spacing: 4, indent: 4, background: m("--moln"), children: [
843
- /* @__PURE__ */ e(d, { gap: 0.5, children: /* @__PURE__ */ e(
840
+ }, Qt = ({ renderImage: n }) => /* @__PURE__ */ i(h, { children: [
841
+ n?.(),
842
+ /* @__PURE__ */ i(s, { gap: 3, spacing: 4, indent: 4, background: p("--moln"), children: [
843
+ /* @__PURE__ */ e(s, { gap: 0.5, children: /* @__PURE__ */ e(
844
844
  c,
845
845
  {
846
846
  justifyContent: "space-between",
@@ -859,54 +859,54 @@ const te = ({
859
859
  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(M, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
860
860
  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(M, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
861
861
  ] })
862
- ] }), Jt = ({
862
+ ] }), Xt = ({
863
863
  label: n,
864
864
  children: t
865
- }) => /* @__PURE__ */ r(d, { background: m("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
866
- /* @__PURE__ */ e(j, { variant: "h3", as: "h2", color: "white", children: n }),
865
+ }) => /* @__PURE__ */ i(s, { background: p("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
866
+ /* @__PURE__ */ e(P, { variant: "h3", as: "h2", color: "white", children: n }),
867
867
  t
868
- ] }), Yt = ({
868
+ ] }), Jt = ({
869
869
  title: n,
870
870
  variant: t = "normal",
871
- loading: i,
871
+ loading: r,
872
872
  iconLeft: o,
873
873
  compactIconLeft: l,
874
874
  renderButton: a,
875
- renderOfferCodeTag: s,
875
+ renderOfferCodeTag: d,
876
876
  renderMandatoryTag: u,
877
877
  renderContentLeftOfButton: g,
878
- children: f,
878
+ children: b,
879
879
  ...C
880
880
  }) => {
881
- const { fontSizeRatio: B } = Te(), k = N({
881
+ const { fontSizeRatio: w } = Qe(), I = N({
882
882
  query: "(max-width: 460px)"
883
- }), w = N({
883
+ }), B = N({
884
884
  query: "(max-width: 360px)"
885
- }) || k && B > 1.2, _ = i ? "normal" : t, z = rt(_), F = m("--moln"), P = it(_);
886
- return /* @__PURE__ */ r(
887
- d,
885
+ }) || I && w > 1.2, _ = r ? "normal" : t, j = rt(_), z = p("--moln"), F = tt(_);
886
+ return /* @__PURE__ */ i(
887
+ s,
888
888
  {
889
889
  "data-comp": "ProductSummaryCard",
890
890
  borderRadius: "16px",
891
891
  shadow: "box",
892
892
  overflow: "hidden",
893
- position: i ? "relative" : void 0,
894
- ...O(C),
893
+ position: r ? "relative" : void 0,
894
+ ...E(C),
895
895
  children: [
896
- /* @__PURE__ */ r(c, { flex: 1, children: [
897
- !w && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: z, children: o && /* @__PURE__ */ e(J, { color: P, icon: o, size: 73 }) }),
898
- /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: F, children: /* @__PURE__ */ r(h, { gap: 2, children: [
899
- n && /* @__PURE__ */ r(c, { justifyContent: "space-between", children: [
900
- /* @__PURE__ */ r(c, { gap: 2, alignItems: "center", children: [
901
- w && l && /* @__PURE__ */ e(L, { icon: l, size: "medium" }),
902
- /* @__PURE__ */ e(b, { variant: "bold", size: "large", children: n })
896
+ /* @__PURE__ */ i(c, { flex: 1, children: [
897
+ !B && /* @__PURE__ */ e(s, { flex: 2, justifyContent: "center", background: j, children: o && /* @__PURE__ */ e(J, { color: F, icon: o, size: 73 }) }),
898
+ /* @__PURE__ */ e(s, { flex: 4, indent: 2, spacing: 2, background: z, children: /* @__PURE__ */ i(h, { gap: 2, children: [
899
+ n && /* @__PURE__ */ i(c, { justifyContent: "space-between", children: [
900
+ /* @__PURE__ */ i(c, { gap: 2, alignItems: "center", children: [
901
+ B && l && /* @__PURE__ */ e($, { icon: l, size: "medium" }),
902
+ /* @__PURE__ */ e(m, { variant: "bold", size: "large", children: n })
903
903
  ] }),
904
- _ == "normal" && (s == null ? void 0 : s())
904
+ _ == "normal" && d?.()
905
905
  ] }),
906
- /* @__PURE__ */ e(h, { style: { opacity: i ? 0 : void 0 }, children: f }),
907
- u && /* @__PURE__ */ e(c, { style: { opacity: i ? 0 : void 0 }, children: u() }),
906
+ /* @__PURE__ */ e(h, { style: { opacity: r ? 0 : void 0 }, children: b }),
907
+ u && /* @__PURE__ */ e(c, { style: { opacity: r ? 0 : void 0 }, children: u() }),
908
908
  /* @__PURE__ */ e("div", {}),
909
- /* @__PURE__ */ r(
909
+ /* @__PURE__ */ i(
910
910
  c,
911
911
  {
912
912
  justifyContent: "space-between",
@@ -914,15 +914,15 @@ const te = ({
914
914
  gap: 2,
915
915
  flexWrap: "wrap",
916
916
  children: [
917
- (g == null ? void 0 : g()) ?? /* @__PURE__ */ e("div", {}),
918
- a == null ? void 0 : a()
917
+ g?.() ?? /* @__PURE__ */ e("div", {}),
918
+ a?.()
919
919
  ]
920
920
  }
921
921
  )
922
922
  ] }) })
923
923
  ] }),
924
- i && /* @__PURE__ */ e(
925
- d,
924
+ r && /* @__PURE__ */ e(
925
+ s,
926
926
  {
927
927
  top: 0,
928
928
  bottom: 0,
@@ -938,46 +938,46 @@ const te = ({
938
938
  ]
939
939
  }
940
940
  );
941
- }, it = (n) => {
941
+ }, tt = (n) => {
942
942
  switch (n) {
943
943
  case "edit":
944
- return m("--moln");
944
+ return p("--moln");
945
945
  case "upgrade":
946
- return m("--moln");
946
+ return p("--moln");
947
947
  case "normal":
948
- return m("--mussla");
948
+ return p("--mussla");
949
949
  default:
950
950
  ve(n);
951
951
  }
952
952
  }, rt = (n) => {
953
953
  switch (n) {
954
954
  case "edit":
955
- return m("--mussla");
955
+ return p("--mussla");
956
956
  case "upgrade":
957
- return m("--mussla");
957
+ return p("--mussla");
958
958
  case "normal":
959
- return m("--silver-lighter");
959
+ return p("--silver-lighter");
960
960
  default:
961
961
  ve(n);
962
962
  }
963
- }, ei = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
964
- d,
963
+ }, Yt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
964
+ s,
965
965
  {
966
966
  borderRadius: "16px",
967
967
  shadow: "box",
968
968
  overflow: "hidden",
969
- ...O(t),
970
- children: /* @__PURE__ */ r(c, { flex: 1, children: [
969
+ ...E(t),
970
+ children: /* @__PURE__ */ i(c, { flex: 1, children: [
971
971
  /* @__PURE__ */ e(
972
- d,
972
+ s,
973
973
  {
974
974
  flex: 2,
975
975
  justifyContent: "center",
976
- background: m("--silver-lighter"),
977
- children: n && /* @__PURE__ */ e(J, { color: m("--mussla"), icon: n, size: 73 })
976
+ background: p("--silver-lighter"),
977
+ children: n && /* @__PURE__ */ e(J, { color: p("--mussla"), icon: n, size: 73 })
978
978
  }
979
979
  ),
980
- /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: m("--moln"), children: /* @__PURE__ */ r(h, { gap: 2, children: [
980
+ /* @__PURE__ */ e(s, { flex: 4, indent: 2, spacing: 2, background: p("--moln"), children: /* @__PURE__ */ i(h, { gap: 2, children: [
981
981
  /* @__PURE__ */ e(
982
982
  M,
983
983
  {
@@ -1004,58 +1004,58 @@ const te = ({
1004
1004
  "tablet",
1005
1005
  "tablet-wide",
1006
1006
  "desktop"
1007
- ], ke = () => {
1007
+ ], Ie = () => {
1008
1008
  const n = N({
1009
1009
  query: "(max-width: 768px)"
1010
1010
  }), t = N({
1011
1011
  query: "(max-width: 395px)"
1012
- }), i = N({
1012
+ }), r = N({
1013
1013
  query: "(max-width: 1024px)"
1014
1014
  }), o = N({
1015
1015
  query: "(max-width: 1160px)"
1016
1016
  });
1017
- return { deviceSize: t ? "small-mobile" : n ? "mobile" : i ? "tablet" : o ? "tablet-wide" : "desktop" };
1018
- }, ot = (n, t) => n === t || ue.indexOf(n) > ue.indexOf(t), ni = (n) => {
1019
- const { deviceSize: t } = ke();
1017
+ return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : o ? "tablet-wide" : "desktop" };
1018
+ }, it = (n, t) => n === t || ue.indexOf(n) > ue.indexOf(t), er = (n) => {
1019
+ const { deviceSize: t } = Ie();
1020
1020
  return {
1021
- visible: q(
1022
- () => ot(t, n),
1021
+ visible: T(
1022
+ () => it(t, n),
1023
1023
  [t, n]
1024
1024
  )
1025
1025
  };
1026
- }, ti = ({
1026
+ }, nr = ({
1027
1027
  images: n,
1028
1028
  altLabelPrevious: t,
1029
- altLabelZoomIn: i,
1029
+ altLabelZoomIn: r,
1030
1030
  altLabelZoomOut: o,
1031
1031
  altLabelNext: l,
1032
1032
  altLabelClose: a
1033
1033
  }) => {
1034
- const s = T(null), u = T(null), { deviceSize: g } = ke(), f = g !== "mobile", [C, B] = U(!1), [k, S] = U(0), [w, _] = U(0), z = le(() => {
1035
- _(k), B(!0);
1036
- }, [k]), F = le(() => {
1037
- S(w), B(!1);
1038
- }, [w]), P = ({ index: p }) => S(p), V = ({ index: p }) => _(p), D = q(() => n.map(Q), [n]), A = q(
1034
+ const d = Q(null), u = Q(null), { deviceSize: g } = Ie(), b = g !== "mobile", [C, w] = W(!1), [I, S] = W(0), [B, _] = W(0), j = le(() => {
1035
+ _(I), w(!0);
1036
+ }, [I]), z = le(() => {
1037
+ S(B), w(!1);
1038
+ }, [B]), F = ({ index: x }) => S(x), G = ({ index: x }) => _(x), H = T(() => n.map(Z), [n]), A = T(
1039
1039
  () => n.map(
1040
- (p) => p.fullscreenImage ? Q({
1041
- ...p.fullscreenImage,
1042
- description: p.description,
1043
- title: p.title
1044
- }) : Q(p)
1040
+ (x) => x.fullscreenImage ? Z({
1041
+ ...x.fullscreenImage,
1042
+ description: x.description,
1043
+ title: x.title
1044
+ }) : Z(x)
1045
1045
  ),
1046
1046
  [n]
1047
1047
  );
1048
- return /* @__PURE__ */ r(Xe, { blockedKeys: "Escape", children: [
1048
+ return /* @__PURE__ */ i(Xe, { blockedKeys: "Escape", children: [
1049
1049
  /* @__PURE__ */ e(
1050
1050
  ae,
1051
1051
  {
1052
- controller: { ref: s },
1053
- index: k,
1054
- slides: D,
1052
+ controller: { ref: d },
1053
+ index: I,
1054
+ slides: H,
1055
1055
  plugins: [Ye],
1056
1056
  on: {
1057
- view: P,
1058
- click: z
1057
+ view: F,
1058
+ click: j
1059
1059
  },
1060
1060
  carousel: {
1061
1061
  padding: 0,
@@ -1064,25 +1064,19 @@ const te = ({
1064
1064
  },
1065
1065
  render: {
1066
1066
  buttonPrev: () => n.length > 1 && /* @__PURE__ */ e(y, { className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
1067
- I,
1067
+ k,
1068
1068
  {
1069
1069
  "aria-label": t,
1070
- leftIcon: re,
1071
- onClick: () => {
1072
- var p;
1073
- return (p = s.current) == null ? void 0 : p.prev();
1074
- }
1070
+ leftIcon: oe,
1071
+ onClick: () => d.current?.prev()
1075
1072
  }
1076
1073
  ) }),
1077
1074
  buttonNext: () => n.length > 1 && /* @__PURE__ */ e(y, { className: "yarl__navigation_next", children: /* @__PURE__ */ e(
1078
- I,
1075
+ k,
1079
1076
  {
1080
1077
  "aria-label": l,
1081
- leftIcon: oe,
1082
- onClick: () => {
1083
- var p;
1084
- return (p = s.current) == null ? void 0 : p.next();
1085
- }
1078
+ leftIcon: ie,
1079
+ onClick: () => d.current?.next()
1086
1080
  }
1087
1081
  ) })
1088
1082
  },
@@ -1105,11 +1099,11 @@ const te = ({
1105
1099
  ae,
1106
1100
  {
1107
1101
  open: C,
1108
- close: F,
1109
- index: w,
1102
+ close: z,
1103
+ index: B,
1110
1104
  plugins: [tn, nn, en],
1111
- slides: A ?? D,
1112
- on: { view: V },
1105
+ slides: A ?? H,
1106
+ on: { view: G },
1113
1107
  animation: { fade: 0 },
1114
1108
  controller: {
1115
1109
  closeOnPullDown: !0,
@@ -1127,68 +1121,59 @@ const te = ({
1127
1121
  }
1128
1122
  },
1129
1123
  render: {
1130
- buttonZoom: (p) => f && /* @__PURE__ */ r(c, { gap: 1, indent: 2, children: [
1124
+ buttonZoom: (x) => b && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
1131
1125
  /* @__PURE__ */ e(
1132
- I,
1126
+ k,
1133
1127
  {
1134
- "aria-label": i,
1135
- leftIcon: Ue,
1128
+ "aria-label": r,
1129
+ leftIcon: Te,
1136
1130
  size: "large",
1137
- onClick: () => p.zoomIn()
1131
+ onClick: () => x.zoomIn()
1138
1132
  }
1139
1133
  ),
1140
1134
  /* @__PURE__ */ e(
1141
- I,
1135
+ k,
1142
1136
  {
1143
1137
  "aria-label": o,
1144
- leftIcon: qe,
1138
+ leftIcon: Ue,
1145
1139
  size: "large",
1146
- onClick: () => p.zoomOut()
1140
+ onClick: () => x.zoomOut()
1147
1141
  }
1148
1142
  )
1149
1143
  ] }),
1150
- buttonPrev: () => n.length > 1 && f && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
1151
- I,
1144
+ buttonPrev: () => n.length > 1 && b && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
1145
+ k,
1152
1146
  {
1153
1147
  "aria-label": t,
1154
- leftIcon: re,
1148
+ leftIcon: oe,
1155
1149
  size: "large",
1156
- onClick: () => {
1157
- var p;
1158
- return (p = u.current) == null ? void 0 : p.prev();
1159
- }
1150
+ onClick: () => u.current?.prev()
1160
1151
  }
1161
1152
  ) }),
1162
- buttonNext: () => n.length > 1 && f && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
1163
- I,
1153
+ buttonNext: () => n.length > 1 && b && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
1154
+ k,
1164
1155
  {
1165
1156
  "aria-label": l,
1166
- leftIcon: oe,
1157
+ leftIcon: ie,
1167
1158
  size: "large",
1168
- onClick: () => {
1169
- var p;
1170
- return (p = u.current) == null ? void 0 : p.next();
1171
- }
1159
+ onClick: () => u.current?.next()
1172
1160
  }
1173
1161
  ) }),
1174
1162
  buttonClose: () => /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
1175
- me,
1163
+ ge,
1176
1164
  {
1177
1165
  variant: "danger",
1178
1166
  "aria-label": a,
1179
- leftIcon: Ee,
1167
+ leftIcon: We,
1180
1168
  size: "large",
1181
- onClick: () => {
1182
- var p;
1183
- return (p = u.current) == null ? void 0 : p.close();
1184
- }
1169
+ onClick: () => u.current?.close()
1185
1170
  }
1186
1171
  ) })
1187
1172
  }
1188
1173
  }
1189
1174
  )
1190
1175
  ] });
1191
- }, Q = (n) => ({
1176
+ }, Z = (n) => ({
1192
1177
  src: n.url,
1193
1178
  width: n.width,
1194
1179
  height: n.height,
@@ -1198,53 +1183,53 @@ const te = ({
1198
1183
  });
1199
1184
  export {
1200
1185
  rn as ActionMenuFlatButton,
1201
- Ct as ActionMenuPrimaryButton,
1202
- _t as ActionMenuSecondaryButton,
1203
- yt as CheckboxMenu,
1204
- An as Collapsible,
1205
- At as CollapsibleEmptyContent,
1206
- Pt as CollapsibleGroupHeading,
1207
- zt as CollapsibleList,
1208
- Ft as CollapsibleWithCheckbox,
1209
- Wn as ErrorPanel,
1210
- $t as ErrorScreen,
1211
- ti as ImageCarousel,
1212
- Hn as LoadingPanel,
1186
+ vt as ActionMenuPrimaryButton,
1187
+ Ct as ActionMenuSecondaryButton,
1188
+ _t as CheckboxMenu,
1189
+ Fn as Collapsible,
1190
+ Ft as CollapsibleEmptyContent,
1191
+ zt as CollapsibleGroupHeading,
1192
+ Pt as CollapsibleList,
1193
+ jt as CollapsibleWithCheckbox,
1194
+ Hn as ErrorPanel,
1195
+ At as ErrorScreen,
1196
+ nr as ImageCarousel,
1197
+ Dn as LoadingPanel,
1213
1198
  Lt as LoadingScreen,
1214
- wt as NavBar,
1199
+ yt as NavBar,
1215
1200
  un as NavBarButton,
1216
1201
  Bt as NavBarHeading,
1217
1202
  It as NavBarNotificationButton,
1218
- kt as NavBarPopoverButton,
1219
- St as NavBarSearchField,
1220
- Nt as NavBarUserButton,
1221
- Rt as Notification,
1222
- Be as NotificationHeader,
1223
- Mt as NotificationList,
1224
- Dt as PageHeader,
1225
- Wt as PageHeaderRow,
1226
- Ht as PageHeading,
1227
- Qt as ProductCard,
1228
- Tt as ProductCardContentItem,
1229
- Xt as ProductCardContentItemSkeletor,
1230
- Yt as ProductSummaryCard,
1231
- ei as ProductSummaryCardSkeletor,
1232
- Zt as SelectedItemsActionsPadding,
1233
- Kt as SelectedItemsActionsPanel,
1234
- Jt as SelectedProductCard,
1235
- Ut as SelectionRow,
1236
- qt as SidebarMenu,
1237
- Ot as SidebarMenuCollapsible,
1238
- Dn as SidebarMenuCollapsibleGroupBox,
1239
- Xn as SidebarMenuHeading,
1240
- Gt as SidebarMenuLink,
1241
- Vt as SidebarMenuSeparator,
1242
- Et as SidebarRailMenu,
1243
- jt as Toast,
1203
+ wt as NavBarPopoverButton,
1204
+ kt as NavBarSearchField,
1205
+ St as NavBarUserButton,
1206
+ Nt as Notification,
1207
+ we as NotificationHeader,
1208
+ Rt as NotificationList,
1209
+ $t as PageHeader,
1210
+ Ht as PageHeaderRow,
1211
+ Dt as PageHeading,
1212
+ Kt as ProductCard,
1213
+ Zt as ProductCardContentItem,
1214
+ Qt as ProductCardContentItemSkeletor,
1215
+ Jt as ProductSummaryCard,
1216
+ Yt as ProductSummaryCardSkeletor,
1217
+ Vt as SelectedItemsActionsPadding,
1218
+ Gt as SelectedItemsActionsPanel,
1219
+ Xt as SelectedProductCard,
1220
+ Ot as SelectionRow,
1221
+ Wt as SidebarMenu,
1222
+ qt as SidebarMenuCollapsible,
1223
+ $n as SidebarMenuCollapsibleGroupBox,
1224
+ Qn as SidebarMenuHeading,
1225
+ Ut as SidebarMenuLink,
1226
+ Et as SidebarMenuSeparator,
1227
+ Tt as SidebarRailMenu,
1228
+ Mt as Toast,
1244
1229
  Bn as UnreadDot,
1245
- kn as getIconBgColorFromVariant,
1246
- ot as isDeviceSameOrLarger,
1247
- ke as useDeviceSize,
1248
- ni as useLayoutVisibility
1230
+ wn as getIconBgColorFromVariant,
1231
+ it as isDeviceSameOrLarger,
1232
+ Ie as useDeviceSize,
1233
+ er as useLayoutVisibility
1249
1234
  };
1250
1235
  //# sourceMappingURL=index.es.js.map