@stenajs-webui/panels 22.7.0 → 22.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.es.js +452 -468
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +1 -1
  5. 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,244 +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
532
  circledIconVariant: a,
534
- ...s
535
- }) => /* @__PURE__ */ r("div", { className: de.selectionRow, ...O(s), children: [
536
- /* @__PURE__ */ r(c, { gap: 2, children: [
533
+ ...d
534
+ }) => /* @__PURE__ */ i("div", { className: de.selectionRow, ...E(d), children: [
535
+ /* @__PURE__ */ i(c, { gap: 2, children: [
537
536
  n && /* @__PURE__ */ e(
538
- d,
537
+ s,
539
538
  {
540
539
  alignItems: "center",
541
540
  justifyContent: "center",
542
541
  width: "40px",
543
542
  className: de.iconColumn,
544
- children: /* @__PURE__ */ e(L, { icon: n, variant: a })
543
+ children: /* @__PURE__ */ e($, { icon: n, variant: a })
545
544
  }
546
545
  ),
547
- /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ r(h, { gap: 0.5, children: [
548
- /* @__PURE__ */ e(b, { variant: "bold", children: t }),
549
- 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
550
549
  ] }) })
551
550
  ] }),
552
551
  o
553
- ] }), En = "_sidebarMenu_1bx5w_1", Gn = "_sidebarItems_1bx5w_38", On = "_scrollContainer_1bx5w_48", Z = {
554
- sidebarMenu: En,
555
- sidebarItems: Gn,
556
- scrollContainer: On
557
- }, Vn = "_stenaFlag_108h7_1", Kn = {
558
- stenaFlag: Vn
559
- }, Zn = ({ onClick: n }) => /* @__PURE__ */ r(h, { background: m("--lhds-color-ui-50"), children: [
560
- /* @__PURE__ */ e(x, {}),
561
- /* @__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(
562
561
  c,
563
562
  {
564
563
  justifyContent: "space-between",
@@ -568,61 +567,61 @@ const te = ({
568
567
  minHeight: "48px",
569
568
  children: [
570
569
  /* @__PURE__ */ e(be, { onClick: n }),
571
- /* @__PURE__ */ e($e, { className: Kn.stenaFlag })
570
+ /* @__PURE__ */ e(Le, { className: Gn.stenaFlag })
572
571
  ]
573
572
  }
574
573
  )
575
- ] }), Qn = ({
574
+ ] }), Kn = ({
576
575
  isPinned: n,
577
576
  onClick: t,
578
- label: i
579
- }) => /* @__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 = ({
580
579
  className: n,
581
580
  children: t,
582
- onCloseClick: i,
581
+ onCloseClick: r,
583
582
  pinButtonVisible: o,
584
583
  onClickPinButton: l,
585
584
  bottomItems: a,
586
- isPinned: s,
585
+ isPinned: d,
587
586
  ...u
588
- }) => /* @__PURE__ */ r(d, { ...u, className: v(Z.sidebarMenu, n), children: [
589
- /* @__PURE__ */ e(Zn, { onClick: i }),
590
- /* @__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(
591
590
  h,
592
591
  {
593
- className: Z.sidebarItems,
592
+ className: K.sidebarItems,
594
593
  justifyContent: "space-between",
595
594
  flex: 1,
596
595
  gap: 1,
597
596
  indent: 1,
598
597
  children: [
599
598
  /* @__PURE__ */ e(h, { gap: 1, children: t }),
600
- (a || o) && /* @__PURE__ */ r(h, { gap: 1, children: [
599
+ (a || o) && /* @__PURE__ */ i(h, { gap: 1, children: [
601
600
  a,
602
601
  o && /* @__PURE__ */ e(
603
- Qn,
602
+ Kn,
604
603
  {
605
- isPinned: s,
604
+ isPinned: d,
606
605
  onClick: l
607
606
  }
608
607
  ),
609
- /* @__PURE__ */ e(x, {})
608
+ /* @__PURE__ */ e(f, {})
610
609
  ] })
611
610
  ]
612
611
  }
613
612
  ) })
614
- ] }), E = Oe(!1), ie = () => Ve(E), Tn = ({
613
+ ] }), U = Ee(!1), re = () => Ge(U), Zn = ({
615
614
  label: n,
616
615
  ...t
617
- }) => /* @__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 = ({
618
617
  closeButtonVisible: n,
619
618
  onClickCloseButton: t,
620
- onClickMenuButton: i,
619
+ onClickMenuButton: r,
621
620
  children: o,
622
621
  bottomItems: l,
623
622
  closeButtonTitle: a = "Unpin menu"
624
- }) => /* @__PURE__ */ r(
625
- d,
623
+ }) => /* @__PURE__ */ i(
624
+ s,
626
625
  {
627
626
  position: "fixed",
628
627
  left: 0,
@@ -632,15 +631,15 @@ const te = ({
632
631
  spacing: 1,
633
632
  gap: 1,
634
633
  shadow: "popover",
635
- background: m("--lhds-color-ui-50"),
634
+ background: p("--lhds-color-ui-50"),
636
635
  children: [
637
- /* @__PURE__ */ e(ee, { onClick: i, icon: ge }),
638
- /* @__PURE__ */ r(h, { justifyContent: "space-between", flex: 1, gap: 1, children: [
639
- /* @__PURE__ */ e(h, { gap: 1, children: /* @__PURE__ */ e(E.Provider, { value: !0, children: o }) }),
640
- /* @__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: [
641
640
  l,
642
641
  n && /* @__PURE__ */ e(
643
- Tn,
642
+ Zn,
644
643
  {
645
644
  icon: fe,
646
645
  label: a,
@@ -651,70 +650,70 @@ const te = ({
651
650
  ] })
652
651
  ]
653
652
  }
654
- ), Xn = ({
653
+ ), Qn = ({
655
654
  label: n
656
- }) => ie() ? null : /* @__PURE__ */ r(d, { height: "32px", justifyContent: "center", indent: 1, children: [
657
- /* @__PURE__ */ e(x, {}),
658
- /* @__PURE__ */ e(b, { variant: "overline", size: "smaller", children: n })
659
- ] }), 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 = ({
660
659
  label: n,
661
660
  leftIcon: t,
662
- ...i
663
- }) => 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 = ({
664
663
  children: n,
665
664
  label: t,
666
- icon: i,
665
+ icon: r,
667
666
  popupMinWidth: o = "200px"
668
667
  }) => /* @__PURE__ */ e(
669
668
  _e,
670
669
  {
671
- renderTrigger: (l) => /* @__PURE__ */ e(ee, { icon: i, ...l }),
670
+ renderTrigger: (l) => /* @__PURE__ */ e(ee, { icon: r, ...l }),
672
671
  placement: "right-start",
673
672
  trigger: ["hover", "focus"],
674
673
  disablePadding: !0,
675
674
  children: /* @__PURE__ */ e(
676
- d,
675
+ s,
677
676
  {
678
677
  minWidth: o,
679
678
  shadow: "popover",
680
679
  spacing: 1,
681
680
  indent: 1,
682
681
  gap: 2,
683
- children: /* @__PURE__ */ r(E.Provider, { value: !1, children: [
684
- /* @__PURE__ */ e(Xn, { label: t }),
682
+ children: /* @__PURE__ */ i(U.Provider, { value: !1, children: [
683
+ /* @__PURE__ */ e(Qn, { label: t }),
685
684
  n
686
685
  ] })
687
686
  }
688
687
  )
689
688
  }
690
- ), Ot = ({
689
+ ), qt = ({
691
690
  children: n,
692
691
  label: t,
693
- leftIcon: i,
692
+ leftIcon: r,
694
693
  className: o,
695
694
  initialExpand: l = !1
696
695
  }) => {
697
- const [a, s] = U(l);
698
- 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(
699
698
  X,
700
699
  {
701
700
  label: t,
702
- onClick: () => s(!a),
703
- leftIcon: i,
701
+ onClick: () => d(!a),
702
+ leftIcon: r,
704
703
  className: o,
705
704
  expandable: !0,
706
705
  expanded: a,
707
706
  selected: a,
708
- children: /* @__PURE__ */ e(Dn, { children: n })
707
+ children: /* @__PURE__ */ e($n, { children: n })
709
708
  }
710
709
  );
711
- }, Vt = (n) => /* @__PURE__ */ e(
712
- Ke,
710
+ }, Et = (n) => /* @__PURE__ */ e(
711
+ Ve,
713
712
  {
714
- color: m("--lhds-color-ui-400"),
713
+ color: p("--lhds-color-ui-400"),
715
714
  ...n
716
715
  }
717
- ), Kt = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
716
+ ), Gt = ({ numItemsSelected: n, label: t, afterLabelContent: r, rightContent: o }) => /* @__PURE__ */ i(
718
717
  c,
719
718
  {
720
719
  indent: 3,
@@ -723,54 +722,54 @@ const te = ({
723
722
  minHeight: "56px",
724
723
  justifyContent: "space-between",
725
724
  alignItems: "center",
726
- background: m("--silver-lighter"),
725
+ background: p("--silver-lighter"),
727
726
  flex: 1,
728
727
  borderRadius: "var(--swui-border-radius)",
729
728
  children: [
730
- /* @__PURE__ */ r(c, { alignItems: "center", gap: 2, children: [
731
- n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ r(R, { children: [
732
- /* @__PURE__ */ e(b, { children: n }),
733
- /* @__PURE__ */ e(x, {}),
734
- /* @__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: [
735
734
  "item",
736
735
  n === 1 ? "" : "s",
737
736
  " selected"
738
737
  ] })
739
- ] }) : t != null ? /* @__PURE__ */ e(R, { children: typeof t == "string" ? /* @__PURE__ */ e(b, { children: t }) : t }) : null }) : null,
740
- 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 })
741
740
  ] }),
742
741
  /* @__PURE__ */ e(c, { gap: 2, children: o })
743
742
  ]
744
743
  }
745
- ), Zt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), et = "_productCard_19x6b_1", nt = {
746
- productCard: et
747
- }, 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 = ({
748
747
  renderSelectedProductCard: n,
749
748
  renderEditButton: t,
750
- children: i,
749
+ children: r,
751
750
  loading: o,
752
751
  shadow: l,
753
752
  ...a
754
- }) => /* @__PURE__ */ r(
753
+ }) => /* @__PURE__ */ i(
755
754
  h,
756
755
  {
757
756
  "data-comp": "ProductCard",
758
- className: nt.productCard,
757
+ className: et.productCard,
759
758
  shadow: l ? "box" : void 0,
760
- background: m("--moln"),
759
+ background: p("--moln"),
761
760
  borderRadius: "24px",
762
761
  overflow: "hidden",
763
762
  position: o ? "relative" : void 0,
764
- ...O(a),
763
+ ...E(a),
765
764
  children: [
766
- n == null ? void 0 : n(),
767
- /* @__PURE__ */ e(h, { gap: 2, children: i }),
768
- t && /* @__PURE__ */ r(h, { children: [
765
+ n?.(),
766
+ /* @__PURE__ */ e(h, { gap: 2, children: r }),
767
+ t && /* @__PURE__ */ i(h, { children: [
769
768
  /* @__PURE__ */ e(c, { indent: 2, justifyContent: "flex-end", children: t() }),
770
- /* @__PURE__ */ e(Ze, {})
769
+ /* @__PURE__ */ e(Ke, {})
771
770
  ] }),
772
771
  o && /* @__PURE__ */ e(
773
- d,
772
+ s,
774
773
  {
775
774
  top: 0,
776
775
  bottom: 0,
@@ -785,63 +784,63 @@ const te = ({
785
784
  )
786
785
  ]
787
786
  }
788
- ), 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 = ({
789
788
  description: n,
790
789
  subDescription: t,
791
- descriptionTags: i,
790
+ descriptionTags: r,
792
791
  capacityTag: o,
793
792
  offerCodeTag: l,
794
793
  priceText: a,
795
- title: s,
794
+ title: d,
796
795
  subTitle: u,
797
796
  renderImage: g,
798
- children: f,
797
+ children: b,
799
798
  headingLevel: C
800
799
  }) => {
801
- const B = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Qe(i);
802
- return /* @__PURE__ */ r(h, { children: [
803
- g == null ? void 0 : g(),
804
- /* @__PURE__ */ r(d, { gap: 2, spacing: 4, indent: 4, background: m("--moln"), children: [
805
- /* @__PURE__ */ r(d, { gap: 0.5, children: [
806
- /* @__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(
807
806
  c,
808
807
  {
809
808
  justifyContent: "space-between",
810
809
  alignItems: "flex-start",
811
810
  gap: 2,
812
811
  children: [
813
- /* @__PURE__ */ e(j, { variant: "h3", as: C, children: s }),
814
- /* @__PURE__ */ r(c, { gap: 2, children: [
812
+ /* @__PURE__ */ e(P, { variant: "h3", as: C, children: d }),
813
+ /* @__PURE__ */ i(c, { gap: 2, children: [
815
814
  l && /* @__PURE__ */ e(h, { justifyContent: "center", children: l }),
816
- /* @__PURE__ */ e(tt, { children: a })
815
+ /* @__PURE__ */ e(nt, { children: a })
817
816
  ] })
818
817
  ]
819
818
  }
820
819
  ),
821
- 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 })
822
821
  ] }),
823
- (B || o) && /* @__PURE__ */ r(h, { children: [
824
- /* @__PURE__ */ r(c, { gap: 1, flexWrap: "wrap", children: [
825
- i,
826
- 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" })
827
826
  ] }),
828
- /* @__PURE__ */ e(x, {})
827
+ /* @__PURE__ */ e(f, {})
829
828
  ] }),
830
- n && /* @__PURE__ */ r(h, { children: [
831
- /* @__PURE__ */ e(b, { children: n }),
832
- /* @__PURE__ */ e(x, {})
829
+ n && /* @__PURE__ */ i(h, { children: [
830
+ /* @__PURE__ */ e(m, { children: n }),
831
+ /* @__PURE__ */ e(f, {})
833
832
  ] }),
834
- t && /* @__PURE__ */ r(h, { children: [
835
- /* @__PURE__ */ e(b, { children: t }),
836
- /* @__PURE__ */ e(x, {})
833
+ t && /* @__PURE__ */ i(h, { children: [
834
+ /* @__PURE__ */ e(m, { children: t }),
835
+ /* @__PURE__ */ e(f, {})
837
836
  ] }),
838
- f
837
+ b
839
838
  ] })
840
839
  ] });
841
- }, Xt = ({ renderImage: n }) => /* @__PURE__ */ r(h, { children: [
842
- n == null ? void 0 : n(),
843
- /* @__PURE__ */ r(d, { gap: 3, spacing: 4, indent: 4, background: m("--moln"), children: [
844
- /* @__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(
845
844
  c,
846
845
  {
847
846
  justifyContent: "space-between",
@@ -860,54 +859,54 @@ const te = ({
860
859
  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(M, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
861
860
  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(M, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
862
861
  ] })
863
- ] }), Jt = ({
862
+ ] }), Xt = ({
864
863
  label: n,
865
864
  children: t
866
- }) => /* @__PURE__ */ r(d, { background: m("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
867
- /* @__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 }),
868
867
  t
869
- ] }), Yt = ({
868
+ ] }), Jt = ({
870
869
  title: n,
871
870
  variant: t = "normal",
872
- loading: i,
871
+ loading: r,
873
872
  iconLeft: o,
874
873
  compactIconLeft: l,
875
874
  renderButton: a,
876
- renderOfferCodeTag: s,
875
+ renderOfferCodeTag: d,
877
876
  renderMandatoryTag: u,
878
877
  renderContentLeftOfButton: g,
879
- children: f,
878
+ children: b,
880
879
  ...C
881
880
  }) => {
882
- const { fontSizeRatio: B } = Te(), k = N({
881
+ const { fontSizeRatio: w } = Qe(), I = N({
883
882
  query: "(max-width: 460px)"
884
- }), w = N({
883
+ }), B = N({
885
884
  query: "(max-width: 360px)"
886
- }) || k && B > 1.2, _ = i ? "normal" : t, z = rt(_), F = m("--moln"), P = it(_);
887
- return /* @__PURE__ */ r(
888
- d,
885
+ }) || I && w > 1.2, _ = r ? "normal" : t, j = rt(_), z = p("--moln"), F = tt(_);
886
+ return /* @__PURE__ */ i(
887
+ s,
889
888
  {
890
889
  "data-comp": "ProductSummaryCard",
891
890
  borderRadius: "16px",
892
891
  shadow: "box",
893
892
  overflow: "hidden",
894
- position: i ? "relative" : void 0,
895
- ...O(C),
893
+ position: r ? "relative" : void 0,
894
+ ...E(C),
896
895
  children: [
897
- /* @__PURE__ */ r(c, { flex: 1, children: [
898
- !w && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: z, children: o && /* @__PURE__ */ e(J, { color: P, icon: o, size: 73 }) }),
899
- /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: F, children: /* @__PURE__ */ r(h, { gap: 2, children: [
900
- n && /* @__PURE__ */ r(c, { justifyContent: "space-between", children: [
901
- /* @__PURE__ */ r(c, { gap: 2, alignItems: "center", children: [
902
- w && l && /* @__PURE__ */ e(L, { icon: l, size: "medium" }),
903
- /* @__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 })
904
903
  ] }),
905
- _ == "normal" && (s == null ? void 0 : s())
904
+ _ == "normal" && d?.()
906
905
  ] }),
907
- /* @__PURE__ */ e(h, { style: { opacity: i ? 0 : void 0 }, children: f }),
908
- 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() }),
909
908
  /* @__PURE__ */ e("div", {}),
910
- /* @__PURE__ */ r(
909
+ /* @__PURE__ */ i(
911
910
  c,
912
911
  {
913
912
  justifyContent: "space-between",
@@ -915,15 +914,15 @@ const te = ({
915
914
  gap: 2,
916
915
  flexWrap: "wrap",
917
916
  children: [
918
- (g == null ? void 0 : g()) ?? /* @__PURE__ */ e("div", {}),
919
- a == null ? void 0 : a()
917
+ g?.() ?? /* @__PURE__ */ e("div", {}),
918
+ a?.()
920
919
  ]
921
920
  }
922
921
  )
923
922
  ] }) })
924
923
  ] }),
925
- i && /* @__PURE__ */ e(
926
- d,
924
+ r && /* @__PURE__ */ e(
925
+ s,
927
926
  {
928
927
  top: 0,
929
928
  bottom: 0,
@@ -939,46 +938,46 @@ const te = ({
939
938
  ]
940
939
  }
941
940
  );
942
- }, it = (n) => {
941
+ }, tt = (n) => {
943
942
  switch (n) {
944
943
  case "edit":
945
- return m("--moln");
944
+ return p("--moln");
946
945
  case "upgrade":
947
- return m("--moln");
946
+ return p("--moln");
948
947
  case "normal":
949
- return m("--mussla");
948
+ return p("--mussla");
950
949
  default:
951
950
  ve(n);
952
951
  }
953
952
  }, rt = (n) => {
954
953
  switch (n) {
955
954
  case "edit":
956
- return m("--mussla");
955
+ return p("--mussla");
957
956
  case "upgrade":
958
- return m("--mussla");
957
+ return p("--mussla");
959
958
  case "normal":
960
- return m("--silver-lighter");
959
+ return p("--silver-lighter");
961
960
  default:
962
961
  ve(n);
963
962
  }
964
- }, ei = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
965
- d,
963
+ }, Yt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
964
+ s,
966
965
  {
967
966
  borderRadius: "16px",
968
967
  shadow: "box",
969
968
  overflow: "hidden",
970
- ...O(t),
971
- children: /* @__PURE__ */ r(c, { flex: 1, children: [
969
+ ...E(t),
970
+ children: /* @__PURE__ */ i(c, { flex: 1, children: [
972
971
  /* @__PURE__ */ e(
973
- d,
972
+ s,
974
973
  {
975
974
  flex: 2,
976
975
  justifyContent: "center",
977
- background: m("--silver-lighter"),
978
- 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 })
979
978
  }
980
979
  ),
981
- /* @__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: [
982
981
  /* @__PURE__ */ e(
983
982
  M,
984
983
  {
@@ -1005,58 +1004,58 @@ const te = ({
1005
1004
  "tablet",
1006
1005
  "tablet-wide",
1007
1006
  "desktop"
1008
- ], ke = () => {
1007
+ ], Ie = () => {
1009
1008
  const n = N({
1010
1009
  query: "(max-width: 768px)"
1011
1010
  }), t = N({
1012
1011
  query: "(max-width: 395px)"
1013
- }), i = N({
1012
+ }), r = N({
1014
1013
  query: "(max-width: 1024px)"
1015
1014
  }), o = N({
1016
1015
  query: "(max-width: 1160px)"
1017
1016
  });
1018
- return { deviceSize: t ? "small-mobile" : n ? "mobile" : i ? "tablet" : o ? "tablet-wide" : "desktop" };
1019
- }, ot = (n, t) => n === t || ue.indexOf(n) > ue.indexOf(t), ni = (n) => {
1020
- 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();
1021
1020
  return {
1022
- visible: q(
1023
- () => ot(t, n),
1021
+ visible: T(
1022
+ () => it(t, n),
1024
1023
  [t, n]
1025
1024
  )
1026
1025
  };
1027
- }, ti = ({
1026
+ }, nr = ({
1028
1027
  images: n,
1029
1028
  altLabelPrevious: t,
1030
- altLabelZoomIn: i,
1029
+ altLabelZoomIn: r,
1031
1030
  altLabelZoomOut: o,
1032
1031
  altLabelNext: l,
1033
1032
  altLabelClose: a
1034
1033
  }) => {
1035
- 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(() => {
1036
- _(k), B(!0);
1037
- }, [k]), F = le(() => {
1038
- S(w), B(!1);
1039
- }, [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(
1040
1039
  () => n.map(
1041
- (p) => p.fullscreenImage ? Q({
1042
- ...p.fullscreenImage,
1043
- description: p.description,
1044
- title: p.title
1045
- }) : Q(p)
1040
+ (x) => x.fullscreenImage ? Z({
1041
+ ...x.fullscreenImage,
1042
+ description: x.description,
1043
+ title: x.title
1044
+ }) : Z(x)
1046
1045
  ),
1047
1046
  [n]
1048
1047
  );
1049
- return /* @__PURE__ */ r(Xe, { blockedKeys: "Escape", children: [
1048
+ return /* @__PURE__ */ i(Xe, { blockedKeys: "Escape", children: [
1050
1049
  /* @__PURE__ */ e(
1051
1050
  ae,
1052
1051
  {
1053
- controller: { ref: s },
1054
- index: k,
1055
- slides: D,
1052
+ controller: { ref: d },
1053
+ index: I,
1054
+ slides: H,
1056
1055
  plugins: [Ye],
1057
1056
  on: {
1058
- view: P,
1059
- click: z
1057
+ view: F,
1058
+ click: j
1060
1059
  },
1061
1060
  carousel: {
1062
1061
  padding: 0,
@@ -1065,25 +1064,19 @@ const te = ({
1065
1064
  },
1066
1065
  render: {
1067
1066
  buttonPrev: () => n.length > 1 && /* @__PURE__ */ e(y, { className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
1068
- I,
1067
+ k,
1069
1068
  {
1070
1069
  "aria-label": t,
1071
- leftIcon: re,
1072
- onClick: () => {
1073
- var p;
1074
- return (p = s.current) == null ? void 0 : p.prev();
1075
- }
1070
+ leftIcon: oe,
1071
+ onClick: () => d.current?.prev()
1076
1072
  }
1077
1073
  ) }),
1078
1074
  buttonNext: () => n.length > 1 && /* @__PURE__ */ e(y, { className: "yarl__navigation_next", children: /* @__PURE__ */ e(
1079
- I,
1075
+ k,
1080
1076
  {
1081
1077
  "aria-label": l,
1082
- leftIcon: oe,
1083
- onClick: () => {
1084
- var p;
1085
- return (p = s.current) == null ? void 0 : p.next();
1086
- }
1078
+ leftIcon: ie,
1079
+ onClick: () => d.current?.next()
1087
1080
  }
1088
1081
  ) })
1089
1082
  },
@@ -1106,11 +1099,11 @@ const te = ({
1106
1099
  ae,
1107
1100
  {
1108
1101
  open: C,
1109
- close: F,
1110
- index: w,
1102
+ close: z,
1103
+ index: B,
1111
1104
  plugins: [tn, nn, en],
1112
- slides: A ?? D,
1113
- on: { view: V },
1105
+ slides: A ?? H,
1106
+ on: { view: G },
1114
1107
  animation: { fade: 0 },
1115
1108
  controller: {
1116
1109
  closeOnPullDown: !0,
@@ -1128,68 +1121,59 @@ const te = ({
1128
1121
  }
1129
1122
  },
1130
1123
  render: {
1131
- buttonZoom: (p) => f && /* @__PURE__ */ r(c, { gap: 1, indent: 2, children: [
1124
+ buttonZoom: (x) => b && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
1132
1125
  /* @__PURE__ */ e(
1133
- I,
1126
+ k,
1134
1127
  {
1135
- "aria-label": i,
1136
- leftIcon: Ue,
1128
+ "aria-label": r,
1129
+ leftIcon: Te,
1137
1130
  size: "large",
1138
- onClick: () => p.zoomIn()
1131
+ onClick: () => x.zoomIn()
1139
1132
  }
1140
1133
  ),
1141
1134
  /* @__PURE__ */ e(
1142
- I,
1135
+ k,
1143
1136
  {
1144
1137
  "aria-label": o,
1145
- leftIcon: qe,
1138
+ leftIcon: Ue,
1146
1139
  size: "large",
1147
- onClick: () => p.zoomOut()
1140
+ onClick: () => x.zoomOut()
1148
1141
  }
1149
1142
  )
1150
1143
  ] }),
1151
- buttonPrev: () => n.length > 1 && f && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
1152
- I,
1144
+ buttonPrev: () => n.length > 1 && b && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
1145
+ k,
1153
1146
  {
1154
1147
  "aria-label": t,
1155
- leftIcon: re,
1148
+ leftIcon: oe,
1156
1149
  size: "large",
1157
- onClick: () => {
1158
- var p;
1159
- return (p = u.current) == null ? void 0 : p.prev();
1160
- }
1150
+ onClick: () => u.current?.prev()
1161
1151
  }
1162
1152
  ) }),
1163
- buttonNext: () => n.length > 1 && f && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
1164
- I,
1153
+ buttonNext: () => n.length > 1 && b && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
1154
+ k,
1165
1155
  {
1166
1156
  "aria-label": l,
1167
- leftIcon: oe,
1157
+ leftIcon: ie,
1168
1158
  size: "large",
1169
- onClick: () => {
1170
- var p;
1171
- return (p = u.current) == null ? void 0 : p.next();
1172
- }
1159
+ onClick: () => u.current?.next()
1173
1160
  }
1174
1161
  ) }),
1175
1162
  buttonClose: () => /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
1176
- me,
1163
+ ge,
1177
1164
  {
1178
1165
  variant: "danger",
1179
1166
  "aria-label": a,
1180
- leftIcon: Ee,
1167
+ leftIcon: We,
1181
1168
  size: "large",
1182
- onClick: () => {
1183
- var p;
1184
- return (p = u.current) == null ? void 0 : p.close();
1185
- }
1169
+ onClick: () => u.current?.close()
1186
1170
  }
1187
1171
  ) })
1188
1172
  }
1189
1173
  }
1190
1174
  )
1191
1175
  ] });
1192
- }, Q = (n) => ({
1176
+ }, Z = (n) => ({
1193
1177
  src: n.url,
1194
1178
  width: n.width,
1195
1179
  height: n.height,
@@ -1199,53 +1183,53 @@ const te = ({
1199
1183
  });
1200
1184
  export {
1201
1185
  rn as ActionMenuFlatButton,
1202
- Ct as ActionMenuPrimaryButton,
1203
- _t as ActionMenuSecondaryButton,
1204
- yt as CheckboxMenu,
1205
- An as Collapsible,
1206
- At as CollapsibleEmptyContent,
1207
- Pt as CollapsibleGroupHeading,
1208
- zt as CollapsibleList,
1209
- Ft as CollapsibleWithCheckbox,
1210
- Wn as ErrorPanel,
1211
- $t as ErrorScreen,
1212
- ti as ImageCarousel,
1213
- 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,
1214
1198
  Lt as LoadingScreen,
1215
- wt as NavBar,
1199
+ yt as NavBar,
1216
1200
  un as NavBarButton,
1217
1201
  Bt as NavBarHeading,
1218
1202
  It as NavBarNotificationButton,
1219
- kt as NavBarPopoverButton,
1220
- St as NavBarSearchField,
1221
- Nt as NavBarUserButton,
1222
- Rt as Notification,
1223
- Be as NotificationHeader,
1224
- Mt as NotificationList,
1225
- Dt as PageHeader,
1226
- Wt as PageHeaderRow,
1227
- Ht as PageHeading,
1228
- Qt as ProductCard,
1229
- Tt as ProductCardContentItem,
1230
- Xt as ProductCardContentItemSkeletor,
1231
- Yt as ProductSummaryCard,
1232
- ei as ProductSummaryCardSkeletor,
1233
- Zt as SelectedItemsActionsPadding,
1234
- Kt as SelectedItemsActionsPanel,
1235
- Jt as SelectedProductCard,
1236
- Ut as SelectionRow,
1237
- qt as SidebarMenu,
1238
- Ot as SidebarMenuCollapsible,
1239
- Dn as SidebarMenuCollapsibleGroupBox,
1240
- Xn as SidebarMenuHeading,
1241
- Gt as SidebarMenuLink,
1242
- Vt as SidebarMenuSeparator,
1243
- Et as SidebarRailMenu,
1244
- 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,
1245
1229
  Bn as UnreadDot,
1246
- kn as getIconBgColorFromVariant,
1247
- ot as isDeviceSameOrLarger,
1248
- ke as useDeviceSize,
1249
- ni as useLayoutVisibility
1230
+ wn as getIconBgColorFromVariant,
1231
+ it as isDeviceSameOrLarger,
1232
+ Ie as useDeviceSize,
1233
+ er as useLayoutVisibility
1250
1234
  };
1251
1235
  //# sourceMappingURL=index.es.js.map