@stenajs-webui/panels 23.12.10 → 23.13.0

package/dist/index.es.js

@@ -1,48 +1,48 @@
-(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_1nfdy_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--core-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_1nfdy_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23 ._icon_1nfdy_23{transform-origin:top center;animation:_shake_1nfdy_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1nfdy_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1nfdy_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)}._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)}})();
+(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)}._nav-bar-link_14nt6_1{box-sizing:border-box;min-height:var(--swui-button-height-medium);height:var(--swui-button-height-medium);letter-spacing:var(--swui-field-letter-spacing);text-decoration:none;padding:var(--swui-button-padding-vertical, 6px) var(--swui-button-padding-horizontal, 16px);border-radius:var(--swui-max-border-radius);outline:none;font-size:var(--swui-font-size-medium);line-height:var(--swui-line-height);font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-buttons);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;color:var(--swui-text-action-color);background:transparent;border:1px solid transparent}._nav-bar-link_14nt6_1:hover{background:var(--lhds-color-ui-100)}._nav-bar-link_14nt6_1:focus-visible{outline:var(--swui-focus-outline);background:var(--lhds-color-ui-200)}._nav-bar-link_14nt6_1:active{background:var(--lhds-color-ui-200)}._nav-bar-link_14nt6_1._selected_14nt6_38{background:var(--lhds-color-blue-200)}._nav-bar-link_14nt6_1._selected_14nt6_38:hover{background:var(--lhds-color-blue-100)}._nav-bar-link_14nt6_1._selected_14nt6_38:focus-visible{background:var(--lhds-color-blue-300)}._nav-bar-link_14nt6_1._selected_14nt6_38:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1nfdy_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--core-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_1nfdy_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23 ._icon_1nfdy_23{transform-origin:top center;animation:_shake_1nfdy_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1nfdy_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1nfdy_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)}._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}}._productSummaryCardImage_1knc7_1{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.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)}})();
 import { jsx as e, Fragment as z, jsxs as i } from "react/jsx-runtime";
-import { ActionMenu as ne, ActionMenuContext as ve, stenaAngleDown as te, PrimaryButton as re, SecondaryButton as R, FlatButton as E, stenaHamburger as oe, BaseButton as Ce, stenaBellFilled as Be, TextInputButton as we, stenaTimes as ye, stenaUserCircle as Ie, MenuButton as U, Icon as G, stenaMail as _e, Card as Se, CardBody as ke, CircledIcon as H, stenaTripFerryXl as Re, ScreenSpinner as Me, CloseButton as Ne, StenaFlag as Pe, stenaAngleLeftDouble as ie, stenaPin as Fe, IconMenuButton as D, IconMenuButtonLink as ze, MenuButtonLink as je, Spinner as le, Tag as Ae, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as ae, stenaAngleLeft as ce, stenaSearchPlus as Le, stenaSearchMinus as Oe } from "@stenajs-webui/elements";
+import { ActionMenu as re, ActionMenuContext as ve, stenaAngleDown as oe, PrimaryButton as ie, SecondaryButton as R, FlatButton as O, stenaHamburger as le, BaseButton as Be, stenaBellFilled as we, TextInputButton as ye, stenaTimes as Ie, stenaUserCircle as _e, MenuButton as D, Icon as K, stenaMail as Se, Card as ke, CardBody as Re, CircledIcon as E, stenaTripFerryXl as Me, ScreenSpinner as Ne, CloseButton as Pe, StenaFlag as Fe, stenaAngleLeftDouble as ae, stenaPin as ze, IconMenuButton as V, IconMenuButtonLink as je, MenuButtonLink as Ae, Spinner as ce, Tag as Le, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as se, stenaAngleLeft as de, stenaSearchPlus as $e, stenaSearchMinus as Oe } from "@stenajs-webui/elements";
 import * as Ee from "react";
-import { useRef as K, useMemo as j, forwardRef as V, createContext as He, useContext as We, useState as L, useCallback as X, useEffect as $e } from "react";
-import { useBoolean as se, Column as u, Row as c, Indent as w, Heading as P, Box as d, Text as x, Space as B, getDataProps as A, SeparatorLine as qe, pluralFormatter as Ue, selectPluralRule as Ge, Spacing as De, isEmptyFragment as Ke, useAccessibleFontSizeContext as Ve, exhaustSwitchCaseElseThrow as de, BlockKeyboardEvents as Ze } from "@stenajs-webui/core";
-import { ControlledPopover as ue, Popover as he, Tooltip as pe } from "@stenajs-webui/tooltip";
-import { Checkbox as ge, TextInput as Qe } from "@stenajs-webui/forms";
-import _ from "classnames";
+import { useRef as Z, useMemo as j, forwardRef as H, createContext as He, useContext as We, useState as T, useCallback as J, useEffect as qe } from "react";
+import { useBoolean as ue, Column as u, Row as c, Indent as w, Slot as Ue, Heading as P, Box as d, Text as C, Space as B, getDataProps as A, SeparatorLine as Ge, pluralFormatter as De, selectPluralRule as Ke, Spacing as Ve, isEmptyFragment as Ze, useAccessibleFontSizeContext as Qe, exhaustSwitchCaseElseThrow as he, BlockKeyboardEvents as Xe } from "@stenajs-webui/core";
+import { ControlledPopover as pe, Popover as me, Tooltip as ge } from "@stenajs-webui/tooltip";
+import { Checkbox as be, TextInput as Je } from "@stenajs-webui/forms";
+import y from "classnames";
 import { cssColor as p } from "@stenajs-webui/theme";
 import { useMediaQuery as M } from "react-responsive";
-import me from "yet-another-react-lightbox";
-import Xe from "yet-another-react-lightbox/plugins/inline";
-import Je from "yet-another-react-lightbox/plugins/zoom";
-import Ye from "yet-another-react-lightbox/plugins/counter";
-import en from "yet-another-react-lightbox/plugins/captions";
-const Z = ({
+import fe from "yet-another-react-lightbox";
+import Ye from "yet-another-react-lightbox/plugins/inline";
+import en from "yet-another-react-lightbox/plugins/zoom";
+import nn from "yet-another-react-lightbox/plugins/counter";
+import tn from "yet-another-react-lightbox/plugins/captions";
+const Q = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: r,
-  rightIcon: o = te,
+  rightIcon: o = oe,
   menuWidth: l,
   menuTop: a,
   onClick: s,
   disableArrow: h = !1,
-  buttonRef: m,
+  buttonRef: g,
   appendTo: b,
   zIndex: f,
-  disableTrapFocus: C = !1,
-  ...y
+  disableTrapFocus: x = !1,
+  ...I
 }) => {
-  const [S, I, v, k] = se(!1), g = K(null), W = m ?? g, fe = j(() => ({ open: I, close: v }), [I, v]), xe = ($) => {
-    s?.($), k();
+  const [S, k, v, _] = ue(!1), m = Z(null), W = g ?? m, q = j(() => ({ open: k, close: v }), [k, v]), xe = (U) => {
+    s?.(U), _();
   };
   return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
-    ue,
+    pe,
     {
-      renderTrigger: ($) => /* @__PURE__ */ e(
+      renderTrigger: (U) => /* @__PURE__ */ e(
         r,
         {
           rightIcon: h ? void 0 : o,
-          ...y,
+          ...I,
           ref: W,
           onClick: xe,
-          ...$
+          ...U
         }
       ),
       hideArrow: !0,
@@ -53,21 +53,21 @@ const Z = ({
       appendTo: b,
       zIndex: f,
       children: S && /* @__PURE__ */ e(
-        ne,
+        re,
         {
           width: l,
           top: a,
-          trapFocus: !C,
-          children: /* @__PURE__ */ e(ve.Provider, { value: fe, children: n(v) })
+          trapFocus: !x,
+          children: /* @__PURE__ */ e(ve.Provider, { value: q, children: n(v) })
         }
       )
     }
   ) });
-}, ct = (n) => /* @__PURE__ */ e(Z, { buttonComponent: re, ...n }), st = (n) => /* @__PURE__ */ e(Z, { buttonComponent: R, ...n }), nn = (n) => /* @__PURE__ */ e(Z, { buttonComponent: E, ...n }), tn = "1px solid var(--lhds-color-ui-300)", dt = ({
+}, pt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: ie, ...n }), mt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: R, ...n }), rn = (n) => /* @__PURE__ */ e(Q, { buttonComponent: O, ...n }), on = "1px solid var(--lhds-color-ui-300)", gt = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
-  he,
+  me,
   {
     trigger: "click",
     renderTrigger: (r) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ i(
@@ -76,33 +76,33 @@ const Z = ({
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: tn,
+        border: on,
         borderRadius: "4px",
         children: [
-          /* @__PURE__ */ e(ge, { ...t }),
+          /* @__PURE__ */ e(be, { ...t }),
           /* @__PURE__ */ e(w, { num: 0.5 }),
-          /* @__PURE__ */ e(E, { size: "small", leftIcon: te, ...r })
+          /* @__PURE__ */ e(O, { size: "small", leftIcon: oe, ...r })
         ]
       }
     ) }),
     hideArrow: !0,
     disablePadding: !0,
     placement: "bottom-start",
-    children: ({ onRequestClose: r }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(ne, { children: n(r) }) })
+    children: ({ onRequestClose: r }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(re, { children: n(r) }) })
   }
-), rn = "_navBar_kzibd_1", on = {
-  navBar: rn
-}, ln = ({
+), ln = "_navBar_kzibd_1", an = {
+  navBar: ln
+}, cn = ({
   className: n,
   onClick: t
 }) => /* @__PURE__ */ e(
-  E,
+  O,
   {
-    leftIcon: oe,
+    leftIcon: le,
     className: n,
     onClick: t
   }
-), ut = ({
+), bt = ({
   left: n,
   className: t,
   showMenuButton: r = !1,
@@ -116,7 +116,7 @@ const Z = ({
     c,
     {
       justifyContent: "space-between",
-      className: _(on.navBar, t),
+      className: y(an.navBar, t),
       children: [
         /* @__PURE__ */ i(
           c,
@@ -127,15 +127,15 @@ const Z = ({
             children: [
               /* @__PURE__ */ i(c, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ e(w, {}),
-                r && /* @__PURE__ */ e(ln, { onClick: s })
+                r && /* @__PURE__ */ e(cn, { onClick: s })
               ] }),
               n && /* @__PURE__ */ i(z, { children: [
                 n,
                 /* @__PURE__ */ e(w, { num: 2 })
               ] }),
-              o && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ee.Children.map(o, (m, b) => /* @__PURE__ */ i(z, { children: [
+              o && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ee.Children.map(o, (g, b) => /* @__PURE__ */ i(z, { children: [
                 b > 0 && /* @__PURE__ */ e(w, {}),
-                m
+                g
               ] })) }) })
             ]
           }
@@ -148,36 +148,54 @@ const Z = ({
       ]
     }
   );
-}, an = "_navBarButton_b3x3w_1", cn = "_selected_b3x3w_14", J = {
-  navBarButton: an,
-  selected: cn
-}, sn = V(
+}, sn = "_navBarButton_b3x3w_1", dn = "_selected_b3x3w_14", Y = {
+  navBarButton: sn,
+  selected: dn
+}, un = H(
   function({ selected: n, className: t, ...r }, o) {
     return /* @__PURE__ */ e(
-      E,
+      O,
       {
         ...r,
         ref: o,
-        className: _(
-          J.navBarButton,
-          n && J.selected,
+        className: y(
+          Y.navBarButton,
+          n && Y.selected,
           t
         )
       }
     );
   }
-), ht = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), pt = ({
+), hn = "_selected_14nt6_38", ee = {
+  "nav-bar-link": "_nav-bar-link_14nt6_1",
+  selected: hn
+}, ft = H(
+  function({ selected: t, asChild: r, className: o, ...l }, a) {
+    return /* @__PURE__ */ e(
+      r ? Ue : "a",
+      {
+        ref: a,
+        className: y(
+          ee["nav-bar-link"],
+          { [ee.selected]: t },
+          o
+        ),
+        ...l
+      }
+    );
+  }
+), Ct = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), xt = ({
   content: n,
   children: t,
   appendTo: r,
   zIndex: o,
   ...l
 }) => {
-  const [a, , s, h] = se(!1);
+  const [a, , s, h] = ue(!1);
   return /* @__PURE__ */ e(
-    ue,
+    pe,
     {
-      renderTrigger: (m) => /* @__PURE__ */ e(sn, { ...l, ...m, onClick: h }),
+      renderTrigger: (g) => /* @__PURE__ */ e(un, { ...l, ...g, onClick: h }),
       open: a,
       onRequestClose: s,
       zIndex: o,
@@ -188,43 +206,43 @@ const Z = ({
       ] })
     }
   );
-}, dn = "_navBarNotificationButton_1nfdy_1", un = "_unread_1nfdy_23", hn = "_icon_1nfdy_23", F = {
-  navBarNotificationButton: dn,
-  unread: un,
-  icon: hn
-}, gt = V(function({
+}, pn = "_navBarNotificationButton_1nfdy_1", mn = "_unread_1nfdy_23", gn = "_icon_1nfdy_23", F = {
+  navBarNotificationButton: pn,
+  unread: mn,
+  icon: gn
+}, vt = H(function({
   count: n,
   unread: t = !1,
   className: r,
   labelClassName: o,
   iconClassName: l,
-  icon: a = Be,
+  icon: a = we,
   ...s
 }, h) {
-  const m = n > 1;
+  const g = n > 1;
   return /* @__PURE__ */ e(
-    Ce,
+    Be,
     {
       ...s,
       ref: h,
       leftIcon: a,
-      className: _(
+      className: y(
         F.navBarNotificationButton,
         t && F.unread,
-        m && F.hasCount,
+        g && F.hasCount,
         r
       ),
-      label: m ? String(n) : void 0,
-      labelClassName: _(o, F.label),
-      iconClassName: _(l, F.icon)
+      label: g ? String(n) : void 0,
+      labelClassName: y(o, F.label),
+      iconClassName: y(l, F.icon)
     }
   );
-}), pn = "_navBarSearchFieldInput_1rp8g_1", gn = "_navBarSearchFieldWrapper_1rp8g_12", mn = "_withButton_1rp8g_24", bn = "_clearButton_1rp8g_33", T = {
-  navBarSearchFieldInput: pn,
-  navBarSearchFieldWrapper: gn,
-  withButton: mn,
-  clearButton: bn
-}, mt = ({
+}), bn = "_navBarSearchFieldInput_1rp8g_1", fn = "_navBarSearchFieldWrapper_1rp8g_12", Cn = "_withButton_1rp8g_24", xn = "_clearButton_1rp8g_33", L = {
+  navBarSearchFieldInput: bn,
+  navBarSearchFieldWrapper: fn,
+  withButton: Cn,
+  clearButton: xn
+}, Bt = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: r,
@@ -233,50 +251,50 @@ const Z = ({
   value: a,
   ...s
 }) => /* @__PURE__ */ e(
-  Qe,
+  Je,
   {
-    wrapperClassName: _(
-      T.navBarSearchFieldWrapper,
-      o ? T.withButton : void 0,
+    wrapperClassName: y(
+      L.navBarSearchFieldWrapper,
+      o ? L.withButton : void 0,
       r
     ),
-    className: _(T.navBarSearchFieldInput, t),
+    className: y(L.navBarSearchFieldInput, t),
     placeholder: n,
     value: a,
     buttonRight: a && o ? /* @__PURE__ */ e(
-      we,
+      ye,
       {
-        className: T.clearButton,
-        icon: ye,
+        className: L.clearButton,
+        icon: Ie,
         variant: "error",
         onClick: l
       }
     ) : void 0,
     ...s
   }
-), fn = "_navBarUserButton_10f9z_1", xn = {
-  navBarUserButton: fn
-}, bt = ({
+), vn = "_navBarUserButton_10f9z_1", Bn = {
+  navBarUserButton: vn
+}, wt = ({
   className: n,
   username: t,
   initials: r,
-  icon: o = Ie,
+  icon: o = _e,
   responsiveIconOnly: l = r == null,
   ...a
 }) => /* @__PURE__ */ e(
-  nn,
+  rn,
   {
     ...a,
-    className: _(xn.navBarUserButton, n),
+    className: y(Bn.navBarUserButton, n),
     leftIcon: t != null ? o : void 0,
     label: r ?? t,
     forceRound: r != null,
     responsiveIconOnly: l,
     disableArrow: !0
   }
-), vn = V(
+), wn = H(
   ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...o }, l) => /* @__PURE__ */ e(
-    U,
+    D,
     {
       ref: l,
       expandable: !0,
@@ -287,9 +305,9 @@ const Z = ({
       ...o
     }
   )
-), ft = ({
+), yt = ({
   children: n
-}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), xt = ({
+}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), It = ({
   value: n,
   onValueChange: t,
   onChange: r,
@@ -297,10 +315,10 @@ const Z = ({
   checkboxDisabled: l,
   ...a
 }) => /* @__PURE__ */ e(
-  vn,
+  wn,
   {
     contentLeft: /* @__PURE__ */ e(
-      ge,
+      be,
       {
         value: n,
         indeterminate: o,
@@ -312,36 +330,36 @@ const Z = ({
     ),
     ...a
   }
-), Cn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", Bn = {
-  sidebarMenuCollapsibleGroupBox: Cn
-}, wn = ({ children: n }) => /* @__PURE__ */ e("div", { className: Bn.sidebarMenuCollapsibleGroupBox, children: n }), vt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n }) }), Ct = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ e(G, { icon: _e, color: p("--lhds-color-ui-500") }),
+), yn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", In = {
+  sidebarMenuCollapsibleGroupBox: yn
+}, _n = ({ children: n }) => /* @__PURE__ */ e("div", { className: In.sidebarMenuCollapsibleGroupBox, children: n }), _t = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(C, { variant: "overline", size: "smaller", children: n }) }), St = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ e(K, { icon: Se, color: p("--lhds-color-ui-500") }),
   /* @__PURE__ */ e(B, {}),
-  /* @__PURE__ */ e(x, { size: "small", color: p("--lhds-color-ui-500"), children: n })
-] }), yn = ({
+  /* @__PURE__ */ e(C, { size: "small", color: p("--lhds-color-ui-500"), children: n })
+] }), Sn = ({
   text: n,
   heading: t,
   children: r,
   buttons: o,
-  icon: l = Re,
+  icon: l = Me,
   headingLevel: a = "h3",
   ...s
 }) => {
   const h = !n && !t ? "Something unexpected happened." : n;
-  return /* @__PURE__ */ e(Se, { ...s, children: /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ i(u, { spacing: 1, gap: 3, alignItems: "center", children: [
+  return /* @__PURE__ */ e(ke, { ...s, children: /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ i(u, { spacing: 1, gap: 3, alignItems: "center", children: [
     /* @__PURE__ */ i(u, { alignItems: "center", children: [
       /* @__PURE__ */ e(B, { num: 1 }),
-      /* @__PURE__ */ e(H, { icon: l, size: "xl" })
+      /* @__PURE__ */ e(E, { icon: l, size: "xl" })
     ] }),
     t && /* @__PURE__ */ e(P, { as: a, children: t }),
-    h && /* @__PURE__ */ e(x, { textAlign: "center", children: h }),
+    h && /* @__PURE__ */ e(C, { textAlign: "center", children: h }),
     r,
     o && /* @__PURE__ */ i(d, { children: [
       /* @__PURE__ */ e(B, { num: 2 }),
       /* @__PURE__ */ e(d, { gap: 2, children: o })
     ] })
   ] }) }) });
-}, Bt = (n) => /* @__PURE__ */ e(
+}, kt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -349,18 +367,18 @@ const Z = ({
     spacing: 6,
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(yn, { ...n })
+    children: /* @__PURE__ */ e(Sn, { ...n })
   }
-), In = ({
+), kn = ({
   text: n,
   ...t
 }) => /* @__PURE__ */ i(d, { alignItems: "center", ...A(t), children: [
-  /* @__PURE__ */ e(Me, {}),
+  /* @__PURE__ */ e(Ne, {}),
   n && /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(B, { num: 4 }),
     /* @__PURE__ */ e(P, { variant: "h4", children: n })
   ] })
-] }), wt = (n) => /* @__PURE__ */ e(
+] }), Rt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -368,9 +386,9 @@ const Z = ({
     spacing: 6,
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(In, { ...n })
+    children: /* @__PURE__ */ e(kn, { ...n })
   }
-), yt = ({
+), Mt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: r,
@@ -383,7 +401,7 @@ const Z = ({
     r?.()
   ] }),
   o
-] }), It = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), _t = ({
+] }), Nt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Pt = ({
   icon: n,
   heading: t,
   headingLevel: r = "h2",
@@ -391,15 +409,15 @@ const Z = ({
   contentRight: l
 }) => /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, height: "64px", children: [
   /* @__PURE__ */ i(c, { alignItems: "center", children: [
-    n && /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: /* @__PURE__ */ e(H, { icon: n }) }),
+    n && /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: /* @__PURE__ */ e(E, { icon: n }) }),
     /* @__PURE__ */ e(P, { variant: "h3", as: r, children: t })
   ] }),
   /* @__PURE__ */ e(c, { alignItems: "center", children: o }),
   /* @__PURE__ */ e(c, { style: { marginLeft: "auto" }, alignItems: "center", children: l })
-] }), _n = "_selectionRow_1njaw_1", Sn = "_iconColumn_1njaw_9", Y = {
-  selectionRow: _n,
-  iconColumn: Sn
-}, St = ({
+] }), Rn = "_selectionRow_1njaw_1", Mn = "_iconColumn_1njaw_9", ne = {
+  selectionRow: Rn,
+  iconColumn: Mn
+}, Ft = ({
   icon: n,
   heading: t,
   description: r,
@@ -407,7 +425,7 @@ const Z = ({
   htmlFor: l,
   circledIconVariant: a,
   ...s
-}) => /* @__PURE__ */ i("div", { className: Y.selectionRow, ...A(s), children: [
+}) => /* @__PURE__ */ i("div", { className: ne.selectionRow, ...A(s), children: [
   /* @__PURE__ */ i(c, { gap: 2, children: [
     n && /* @__PURE__ */ e(
       d,
@@ -415,23 +433,23 @@ const Z = ({
         alignItems: "center",
         justifyContent: "center",
         width: "40px",
-        className: Y.iconColumn,
-        children: /* @__PURE__ */ e(H, { icon: n, variant: a })
+        className: ne.iconColumn,
+        children: /* @__PURE__ */ e(E, { icon: n, variant: a })
       }
     ),
     /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ i(u, { gap: 0.5, children: [
-      /* @__PURE__ */ e(x, { variant: "bold", children: t }),
-      typeof r == "string" ? /* @__PURE__ */ e(x, { color: p("--silver-dark"), children: r }) : r
+      /* @__PURE__ */ e(C, { variant: "bold", children: t }),
+      typeof r == "string" ? /* @__PURE__ */ e(C, { color: p("--silver-dark"), children: r }) : r
     ] }) })
   ] }),
   o
-] }), kn = "_sidebarMenu_1bx5w_1", Rn = "_sidebarItems_1bx5w_38", Mn = "_scrollContainer_1bx5w_48", q = {
-  sidebarMenu: kn,
-  sidebarItems: Rn,
-  scrollContainer: Mn
-}, Nn = "_stenaFlag_108h7_1", Pn = {
-  stenaFlag: Nn
-}, Fn = ({ onClick: n }) => /* @__PURE__ */ i(u, { background: p("--lhds-color-ui-50"), children: [
+] }), Nn = "_sidebarMenu_1bx5w_1", Pn = "_sidebarItems_1bx5w_38", Fn = "_scrollContainer_1bx5w_48", G = {
+  sidebarMenu: Nn,
+  sidebarItems: Pn,
+  scrollContainer: Fn
+}, zn = "_stenaFlag_108h7_1", jn = {
+  stenaFlag: zn
+}, An = ({ onClick: n }) => /* @__PURE__ */ i(u, { background: p("--lhds-color-ui-50"), children: [
   /* @__PURE__ */ e(B, {}),
   /* @__PURE__ */ i(
     c,
@@ -442,16 +460,16 @@ const Z = ({
       indent: 1,
       minHeight: "48px",
       children: [
-        /* @__PURE__ */ e(Ne, { onClick: n }),
-        /* @__PURE__ */ e(Pe, { className: Pn.stenaFlag })
+        /* @__PURE__ */ e(Pe, { onClick: n }),
+        /* @__PURE__ */ e(Fe, { className: jn.stenaFlag })
       ]
     }
   )
-] }), zn = ({
+] }), Ln = ({
   isPinned: n,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ e(U, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ie : Fe }), kt = ({
+}) => /* @__PURE__ */ e(D, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ae : ze }), zt = ({
   className: n,
   children: t,
   onCloseClick: r,
@@ -460,12 +478,12 @@ const Z = ({
   bottomItems: a,
   isPinned: s,
   ...h
-}) => /* @__PURE__ */ i(d, { ...h, className: _(q.sidebarMenu, n), children: [
-  /* @__PURE__ */ e(Fn, { onClick: r }),
-  /* @__PURE__ */ e(d, { className: q.scrollContainer, children: /* @__PURE__ */ i(
+}) => /* @__PURE__ */ i(d, { ...h, className: y(G.sidebarMenu, n), children: [
+  /* @__PURE__ */ e(An, { onClick: r }),
+  /* @__PURE__ */ e(d, { className: G.scrollContainer, children: /* @__PURE__ */ i(
     u,
     {
-      className: q.sidebarItems,
+      className: G.sidebarItems,
       justifyContent: "space-between",
       flex: 1,
       gap: 1,
@@ -475,7 +493,7 @@ const Z = ({
         (a || o) && /* @__PURE__ */ i(u, { gap: 1, children: [
           a,
           o && /* @__PURE__ */ e(
-            zn,
+            Ln,
             {
               isPinned: s,
               onClick: l
@@ -486,10 +504,10 @@ const Z = ({
       ]
     }
   ) })
-] }), O = He(!1), Q = () => We(O), jn = ({
+] }), $ = He(!1), X = () => We($), Tn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(pe, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(D, { ...t }) }), Rt = ({
+}) => /* @__PURE__ */ e(ge, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(V, { ...t }) }), jt = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: r,
@@ -509,15 +527,15 @@ const Z = ({
     shadow: "popover",
     background: p("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ e(D, { onClick: r, icon: oe }),
+      /* @__PURE__ */ e(V, { onClick: r, icon: le }),
       /* @__PURE__ */ i(u, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ e(u, { gap: 1, children: /* @__PURE__ */ e(O.Provider, { value: !0, children: o }) }),
-        /* @__PURE__ */ e(u, { gap: 1, children: (l || n) && /* @__PURE__ */ i(O.Provider, { value: !0, children: [
+        /* @__PURE__ */ e(u, { gap: 1, children: /* @__PURE__ */ e($.Provider, { value: !0, children: o }) }),
+        /* @__PURE__ */ e(u, { gap: 1, children: (l || n) && /* @__PURE__ */ i($.Provider, { value: !0, children: [
           l,
           n && /* @__PURE__ */ e(
-            jn,
+            Tn,
             {
-              icon: ie,
+              icon: ae,
               label: a,
               onClick: t
             }
@@ -526,24 +544,24 @@ const Z = ({
       ] })
     ]
   }
-), An = ({
+), $n = ({
   label: n
-}) => Q() ? null : /* @__PURE__ */ i(d, { height: "32px", justifyContent: "center", indent: 1, children: [
+}) => X() ? null : /* @__PURE__ */ i(d, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ e(B, {}),
-  /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n })
-] }), Tn = ({
+  /* @__PURE__ */ e(C, { variant: "overline", size: "smaller", children: n })
+] }), On = ({
   label: n,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ e(pe, { label: n, placement: "right", children: /* @__PURE__ */ e(ze, { icon: t, ...r }) }), Mt = (n) => Q() ? /* @__PURE__ */ e(Tn, { ...n }) : /* @__PURE__ */ e(je, { ...n }), Ln = ({
+}) => t == null ? null : /* @__PURE__ */ e(ge, { label: n, placement: "right", children: /* @__PURE__ */ e(je, { icon: t, ...r }) }), At = (n) => X() ? /* @__PURE__ */ e(On, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), En = ({
   children: n,
   label: t,
   icon: r,
   popupMinWidth: o = "200px"
 }) => /* @__PURE__ */ e(
-  he,
+  me,
   {
-    renderTrigger: (l) => /* @__PURE__ */ e(D, { icon: r, ...l }),
+    renderTrigger: (l) => /* @__PURE__ */ e(V, { icon: r, ...l }),
     placement: "right-start",
     trigger: ["hover", "focus"],
     disablePadding: !0,
@@ -555,23 +573,23 @@ const Z = ({
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ i(O.Provider, { value: !1, children: [
-          /* @__PURE__ */ e(An, { label: t }),
+        children: /* @__PURE__ */ i($.Provider, { value: !1, children: [
+          /* @__PURE__ */ e($n, { label: t }),
           n
         ] })
       }
     )
   }
-), Nt = ({
+), Lt = ({
   children: n,
   label: t,
   leftIcon: r,
   className: o,
   initialExpand: l = !1
 }) => {
-  const [a, s] = L(l);
-  return Q() ? r == null ? null : /* @__PURE__ */ e(Ln, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
-    U,
+  const [a, s] = T(l);
+  return X() ? r == null ? null : /* @__PURE__ */ e(En, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
+    D,
     {
       label: t,
       onClick: () => s(!a),
@@ -580,16 +598,16 @@ const Z = ({
       expandable: !0,
       expanded: a,
       selected: a,
-      children: /* @__PURE__ */ e(wn, { children: n })
+      children: /* @__PURE__ */ e(_n, { children: n })
     }
   );
-}, Pt = (n) => /* @__PURE__ */ e(
-  qe,
+}, Tt = (n) => /* @__PURE__ */ e(
+  Ge,
   {
     color: p("--lhds-color-ui-400"),
     ...n
   }
-), On = (n, t, r) => n == null ? "" : (Ue(Ge(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Ft = ({
+), Hn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), $t = ({
   numItemsSelected: n,
   label: t,
   selectedLabel: r = {
@@ -600,7 +618,7 @@ const Z = ({
   rightContent: l,
   localeId: a = "en-GB"
 }) => {
-  const s = On(
+  const s = Hn(
     n,
     r,
     a
@@ -619,16 +637,16 @@ const Z = ({
       borderRadius: "var(--swui-border-radius)",
       children: [
         /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, children: [
-          n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ e(x, { children: s }) : t != null ? typeof t == "string" ? /* @__PURE__ */ e(x, { children: t }) : t : null }) : null,
+          n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ e(C, { children: s }) : t != null ? typeof t == "string" ? /* @__PURE__ */ e(C, { children: t }) : t : null }) : null,
           o && /* @__PURE__ */ e(c, { children: o })
         ] }),
         /* @__PURE__ */ e(c, { gap: 2, children: l })
       ]
     }
   );
-}, zt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), En = "_productCard_19x6b_1", Hn = {
-  productCard: En
-}, jt = ({
+}, Ot = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", qn = {
+  productCard: Wn
+}, Et = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: r,
@@ -639,7 +657,7 @@ const Z = ({
   u,
   {
     "data-comp": "ProductCard",
-    className: Hn.productCard,
+    className: qn.productCard,
     shadow: l ? "box" : void 0,
     background: p("--moln"),
     borderRadius: "24px",
@@ -651,7 +669,7 @@ const Z = ({
       /* @__PURE__ */ e(u, { gap: 2, children: r }),
       t && /* @__PURE__ */ i(u, { children: [
         /* @__PURE__ */ e(c, { indent: 2, justifyContent: "flex-end", children: t() }),
-        /* @__PURE__ */ e(De, {})
+        /* @__PURE__ */ e(Ve, {})
       ] }),
       o && /* @__PURE__ */ e(
         d,
@@ -664,12 +682,12 @@ const Z = ({
           justifyContent: "center",
           alignItems: "center",
           background: "rgba(255, 255, 255, 0.7)",
-          children: /* @__PURE__ */ e(le, {})
+          children: /* @__PURE__ */ e(ce, {})
         }
       )
     ]
   }
-), Wn = ({ children: n }) => /* @__PURE__ */ e(x, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), At = ({
+), Un = ({ children: n }) => /* @__PURE__ */ e(C, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Ht = ({
   description: n,
   subDescription: t,
   descriptionTags: r,
@@ -678,13 +696,13 @@ const Z = ({
   priceText: a,
   title: s,
   subTitle: h,
-  renderImage: m,
+  renderImage: g,
   children: b,
   headingLevel: f
 }) => {
-  const C = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ke(r);
+  const x = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ze(r);
   return /* @__PURE__ */ i(u, { children: [
-    m?.(),
+    g?.(),
     /* @__PURE__ */ i(d, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
       /* @__PURE__ */ i(d, { gap: 0.5, children: [
         /* @__PURE__ */ i(
@@ -697,32 +715,32 @@ const Z = ({
               /* @__PURE__ */ e(P, { variant: "h3", as: f, children: s }),
               /* @__PURE__ */ i(c, { gap: 2, children: [
                 l && /* @__PURE__ */ e(u, { justifyContent: "center", children: l }),
-                /* @__PURE__ */ e(Wn, { children: a })
+                /* @__PURE__ */ e(Un, { children: a })
               ] })
             ]
           }
         ),
-        h && /* @__PURE__ */ e(x, { variant: "bold", color: p("--silver-dark"), children: h })
+        h && /* @__PURE__ */ e(C, { variant: "bold", color: p("--silver-dark"), children: h })
       ] }),
-      (C || o) && /* @__PURE__ */ i(u, { children: [
+      (x || o) && /* @__PURE__ */ i(u, { children: [
         /* @__PURE__ */ i(c, { gap: 1, flexWrap: "wrap", children: [
           r,
-          o && /* @__PURE__ */ e(Ae, { label: o, variant: "passive" })
+          o && /* @__PURE__ */ e(Le, { label: o, variant: "passive" })
         ] }),
         /* @__PURE__ */ e(B, {})
       ] }),
       n && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(x, { children: n }),
+        /* @__PURE__ */ e(C, { children: n }),
         /* @__PURE__ */ e(B, {})
       ] }),
       t && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(x, { children: t }),
+        /* @__PURE__ */ e(C, { children: t }),
         /* @__PURE__ */ e(B, {})
       ] }),
       b
     ] })
   ] });
-}, Tt = ({ renderImage: n }) => /* @__PURE__ */ i(u, { children: [
+}, Wt = ({ renderImage: n }) => /* @__PURE__ */ i(u, { children: [
   n?.(),
   /* @__PURE__ */ i(d, { gap: 3, spacing: 4, indent: 4, background: p("--moln"), children: [
     /* @__PURE__ */ e(d, { gap: 0.5, children: /* @__PURE__ */ e(
@@ -744,30 +762,31 @@ const Z = ({
     /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(N, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
     /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(N, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
   ] })
-] }), Lt = ({
+] }), qt = ({
   label: n,
   children: t
 }) => /* @__PURE__ */ i(d, { background: p("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
   /* @__PURE__ */ e(P, { variant: "h3", as: "h2", color: "white", children: n }),
   t
-] }), Ot = ({
+] }), Ut = ({
   title: n,
   variant: t = "normal",
   loading: r,
   iconLeft: o,
   compactIconLeft: l,
-  renderButton: a,
-  renderOfferCodeTag: s,
-  renderMandatoryTag: h,
-  renderContentLeftOfButton: m,
-  children: b,
-  ...f
+  renderLeft: a,
+  renderButton: s,
+  renderOfferCodeTag: h,
+  renderMandatoryTag: g,
+  renderContentLeftOfButton: b,
+  children: f,
+  ...x
 }) => {
-  const { fontSizeRatio: C } = Ve(), y = M({
+  const { fontSizeRatio: I } = Qe(), S = M({
     query: "(max-width: 460px)"
-  }), I = M({
+  }), v = M({
     query: "(max-width: 360px)"
-  }) || y && C > 1.2, v = r ? "normal" : t, k = qn(v), g = p("--moln"), W = $n(v);
+  }) || S && I > 1.2, _ = r ? "normal" : t, m = Dn(_), W = p("--moln"), q = Gn(_);
   return /* @__PURE__ */ i(
     d,
     {
@@ -776,20 +795,23 @@ const Z = ({
       shadow: "box",
       overflow: "hidden",
       position: r ? "relative" : void 0,
-      ...A(f),
+      ...A(x),
       children: [
         /* @__PURE__ */ i(c, { flex: 1, children: [
-          !I && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: k, children: o && /* @__PURE__ */ e(G, { color: W, icon: o, size: 73 }) }),
-          /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: g, children: /* @__PURE__ */ i(u, { gap: 2, children: [
+          !v && /* @__PURE__ */ i(d, { flex: 2, justifyContent: "center", background: m, children: [
+            a?.(),
+            o && /* @__PURE__ */ e(K, { color: q, icon: o, size: 73 })
+          ] }),
+          /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: W, children: /* @__PURE__ */ i(u, { gap: 2, children: [
             n && /* @__PURE__ */ i(c, { justifyContent: "space-between", children: [
               /* @__PURE__ */ i(c, { gap: 2, alignItems: "center", children: [
-                I && l && /* @__PURE__ */ e(H, { icon: l, size: "medium" }),
-                /* @__PURE__ */ e(x, { variant: "bold", size: "large", children: n })
+                v && l && /* @__PURE__ */ e(E, { icon: l, size: "medium" }),
+                /* @__PURE__ */ e(C, { variant: "bold", size: "large", children: n })
               ] }),
-              v == "normal" && s?.()
+              _ == "normal" && h?.()
             ] }),
-            /* @__PURE__ */ e(u, { style: { opacity: r ? 0 : void 0 }, children: b }),
-            h && /* @__PURE__ */ e(c, { style: { opacity: r ? 0 : void 0 }, children: h() }),
+            /* @__PURE__ */ e(u, { style: { opacity: r ? 0 : void 0 }, children: f }),
+            g && /* @__PURE__ */ e(c, { style: { opacity: r ? 0 : void 0 }, children: g() }),
             /* @__PURE__ */ e("div", {}),
             /* @__PURE__ */ i(
               c,
@@ -799,8 +821,8 @@ const Z = ({
                 gap: 2,
                 flexWrap: "wrap",
                 children: [
-                  m?.() ?? /* @__PURE__ */ e("div", {}),
-                  a?.()
+                  b?.() ?? /* @__PURE__ */ e("div", {}),
+                  s?.()
                 ]
               }
             )
@@ -817,13 +839,13 @@ const Z = ({
             justifyContent: "center",
             alignItems: "center",
             background: "rgba(255, 255, 255, 0.7)",
-            children: /* @__PURE__ */ e(le, {})
+            children: /* @__PURE__ */ e(ce, {})
           }
         )
       ]
     }
   );
-}, $n = (n) => {
+}, Gn = (n) => {
   switch (n) {
     case "edit":
       return p("--moln");
@@ -832,9 +854,9 @@ const Z = ({
     case "normal":
       return p("--mussla");
     default:
-      de(n);
+      he(n);
   }
-}, qn = (n) => {
+}, Dn = (n) => {
   switch (n) {
     case "edit":
       return p("--mussla");
@@ -843,9 +865,11 @@ const Z = ({
     case "normal":
       return p("--silver-lighter");
     default:
-      de(n);
+      he(n);
   }
-}, Et = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+}, Kn = "_productSummaryCardImage_1knc7_1", Vn = {
+  productSummaryCardImage: Kn
+}, Gt = ({ src: n, alt: t }) => /* @__PURE__ */ e("img", { src: n, alt: t, className: Vn.productSummaryCardImage }), Dt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   d,
   {
     borderRadius: "16px",
@@ -859,7 +883,7 @@ const Z = ({
           flex: 2,
           justifyContent: "center",
           background: p("--silver-lighter"),
-          children: n && /* @__PURE__ */ e(G, { color: p("--mussla"), icon: n, size: 73 })
+          children: n && /* @__PURE__ */ e(K, { color: p("--mussla"), icon: n, size: 73 })
         }
       ),
       /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: p("--moln"), children: /* @__PURE__ */ i(u, { gap: 2, children: [
@@ -883,13 +907,13 @@ const Z = ({
       ] }) })
     ] })
   }
-), ee = [
+), te = [
   "small-mobile",
   "mobile",
   "tablet",
   "tablet-wide",
   "desktop"
-], be = () => {
+], Ce = () => {
   const n = M({
     query: "(max-width: 768px)"
   }), t = M({
@@ -900,15 +924,15 @@ const Z = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, Un = (n, t) => n === t || ee.indexOf(n) > ee.indexOf(t), Ht = (n) => {
-  const { deviceSize: t } = be();
+}, Zn = (n, t) => n === t || te.indexOf(n) > te.indexOf(t), Kt = (n) => {
+  const { deviceSize: t } = Ce();
   return {
     visible: j(
-      () => Un(t, n),
+      () => Zn(t, n),
       [t, n]
     )
   };
-}, Gn = ({
+}, Qn = ({
   isOpen: n,
   initialIndex: t,
   onUpdateIndex: r,
@@ -917,20 +941,20 @@ const Z = ({
   altLabelZoomOut: a,
   altLabelNext: s,
   altLabelClose: h,
-  onRequestClose: m,
+  onRequestClose: g,
   images: b
 }) => {
-  const f = K(null), { deviceSize: C } = be(), y = C !== "mobile", [S, I] = L(t ?? 0), v = ({ index: g }) => {
-    I(g), r?.(g);
-  }, k = j(() => b.map((g) => Dn(g)), [b]);
+  const f = Z(null), { deviceSize: x } = Ce(), I = x !== "mobile", [S, k] = T(t ?? 0), v = ({ index: m }) => {
+    k(m), r?.(m);
+  }, _ = j(() => b.map((m) => Xn(m)), [b]);
   return /* @__PURE__ */ e(
-    me,
+    fe,
     {
       open: n,
-      close: m,
+      close: g,
       index: S,
-      plugins: [Je, Ye, en],
-      slides: k,
+      plugins: [en, nn, tn],
+      slides: _,
       on: { view: v },
       animation: { fade: 0 },
       controller: {
@@ -949,14 +973,14 @@ const Z = ({
         }
       },
       render: {
-        buttonZoom: (g) => y && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
+        buttonZoom: (m) => I && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
           /* @__PURE__ */ e(
             R,
             {
               "aria-label": l,
-              leftIcon: Le,
+              leftIcon: $e,
               size: "large",
-              onClick: () => g.zoomIn()
+              onClick: () => m.zoomIn()
             }
           ),
           /* @__PURE__ */ e(
@@ -965,30 +989,30 @@ const Z = ({
               "aria-label": a,
               leftIcon: Oe,
               size: "large",
-              onClick: () => g.zoomOut()
+              onClick: () => m.zoomOut()
             }
           )
         ] }),
-        buttonPrev: () => b.length > 1 && y && /* @__PURE__ */ e(w, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
+        buttonPrev: () => b.length > 1 && I && /* @__PURE__ */ e(w, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
           R,
           {
             "aria-label": o,
-            leftIcon: ce,
+            leftIcon: de,
             size: "large",
             onClick: () => f.current?.prev()
           }
         ) }),
-        buttonNext: () => b.length > 1 && y && /* @__PURE__ */ e(w, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
+        buttonNext: () => b.length > 1 && I && /* @__PURE__ */ e(w, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
           R,
           {
             "aria-label": s,
-            leftIcon: ae,
+            leftIcon: se,
             size: "large",
             onClick: () => f.current?.next()
           }
         ) }),
         buttonClose: () => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
-          re,
+          ie,
           {
             variant: "danger",
             "aria-label": h,
@@ -1000,14 +1024,14 @@ const Z = ({
       }
     }
   );
-}, Dn = (n) => ({
+}, Xn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
   alt: n.alt,
   title: n.title,
   description: n.description
-}), Wt = ({
+}), Vt = ({
   images: n,
   initialIndex: t,
   altLabelPrevious: r,
@@ -1016,33 +1040,33 @@ const Z = ({
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = K(null), [m, b] = L(!1), [f, C] = L(t ?? 0), y = X(() => {
+  const h = Z(null), [g, b] = T(!1), [f, x] = T(t ?? 0), I = J(() => {
     b(!0);
-  }, []), S = X(() => {
+  }, []), S = J(() => {
     b(!1);
-  }, []), I = ({ index: g }) => C(g);
-  $e(() => {
-    C(t ?? 0);
+  }, []), k = ({ index: m }) => x(m);
+  qe(() => {
+    x(t ?? 0);
   }, [t]);
-  const v = j(() => n.map(Kn), [n]), k = j(() => n.map(
-    (g) => g.fullscreenImage ? {
-      ...g,
-      url: g.fullscreenImage.url,
-      width: g.fullscreenImage.width,
-      height: g.fullscreenImage.height
-    } : g
+  const v = j(() => n.map(Jn), [n]), _ = j(() => n.map(
+    (m) => m.fullscreenImage ? {
+      ...m,
+      url: m.fullscreenImage.url,
+      width: m.fullscreenImage.width,
+      height: m.fullscreenImage.height
+    } : m
   ), [n]);
-  return /* @__PURE__ */ i(Ze, { blockedKeys: "Escape", children: [
+  return /* @__PURE__ */ i(Xe, { blockedKeys: "Escape", children: [
     /* @__PURE__ */ e(
-      me,
+      fe,
       {
         controller: { ref: h },
         index: f,
         slides: v,
-        plugins: [Xe],
+        plugins: [Ye],
         on: {
-          view: I,
-          click: y
+          view: k,
+          click: I
         },
         carousel: {
           padding: 0,
@@ -1054,7 +1078,7 @@ const Z = ({
             R,
             {
               "aria-label": r,
-              leftIcon: ce,
+              leftIcon: de,
               onClick: () => h.current?.prev()
             }
           ) }),
@@ -1062,7 +1086,7 @@ const Z = ({
             R,
             {
               "aria-label": a,
-              leftIcon: ae,
+              leftIcon: se,
               onClick: () => h.current?.next()
             }
           ) })
@@ -1082,14 +1106,14 @@ const Z = ({
         }
       }
     ),
-    m && /* @__PURE__ */ e(
-      Gn,
+    g && /* @__PURE__ */ e(
+      Qn,
       {
         isOpen: !0,
         onRequestClose: S,
         initialIndex: f,
-        onUpdateIndex: C,
-        images: k,
+        onUpdateIndex: x,
+        images: _,
         altLabelPrevious: r,
         altLabelNext: a,
         altLabelClose: s,
@@ -1098,7 +1122,7 @@ const Z = ({
       }
     )
   ] });
-}, Kn = (n) => ({
+}, Jn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
@@ -1107,49 +1131,51 @@ const Z = ({
   description: n.description
 });
 export {
-  nn as ActionMenuFlatButton,
-  ct as ActionMenuPrimaryButton,
-  st as ActionMenuSecondaryButton,
-  dt as CheckboxMenu,
-  vn as Collapsible,
-  Ct as CollapsibleEmptyContent,
-  vt as CollapsibleGroupHeading,
-  ft as CollapsibleList,
-  xt as CollapsibleWithCheckbox,
-  yn as ErrorPanel,
-  Bt as ErrorScreen,
-  Gn as FullscreenImageCarousel,
-  Wt as ImageCarousel,
-  In as LoadingPanel,
-  wt as LoadingScreen,
-  ut as NavBar,
-  sn as NavBarButton,
-  ht as NavBarHeading,
-  gt as NavBarNotificationButton,
-  pt as NavBarPopoverButton,
-  mt as NavBarSearchField,
-  bt as NavBarUserButton,
-  yt as PageHeader,
-  It as PageHeaderRow,
-  _t as PageHeading,
-  jt as ProductCard,
-  At as ProductCardContentItem,
-  Tt as ProductCardContentItemSkeletor,
-  Ot as ProductSummaryCard,
-  Et as ProductSummaryCardSkeletor,
-  zt as SelectedItemsActionsPadding,
-  Ft as SelectedItemsActionsPanel,
-  Lt as SelectedProductCard,
-  St as SelectionRow,
-  kt as SidebarMenu,
-  Nt as SidebarMenuCollapsible,
-  wn as SidebarMenuCollapsibleGroupBox,
-  An as SidebarMenuHeading,
-  Mt as SidebarMenuLink,
-  Pt as SidebarMenuSeparator,
-  Rt as SidebarRailMenu,
-  Un as isDeviceSameOrLarger,
-  be as useDeviceSize,
-  Ht as useLayoutVisibility
+  rn as ActionMenuFlatButton,
+  pt as ActionMenuPrimaryButton,
+  mt as ActionMenuSecondaryButton,
+  gt as CheckboxMenu,
+  wn as Collapsible,
+  St as CollapsibleEmptyContent,
+  _t as CollapsibleGroupHeading,
+  yt as CollapsibleList,
+  It as CollapsibleWithCheckbox,
+  Sn as ErrorPanel,
+  kt as ErrorScreen,
+  Qn as FullscreenImageCarousel,
+  Vt as ImageCarousel,
+  kn as LoadingPanel,
+  Rt as LoadingScreen,
+  bt as NavBar,
+  un as NavBarButton,
+  Ct as NavBarHeading,
+  ft as NavBarLink,
+  vt as NavBarNotificationButton,
+  xt as NavBarPopoverButton,
+  Bt as NavBarSearchField,
+  wt as NavBarUserButton,
+  Mt as PageHeader,
+  Nt as PageHeaderRow,
+  Pt as PageHeading,
+  Et as ProductCard,
+  Ht as ProductCardContentItem,
+  Wt as ProductCardContentItemSkeletor,
+  Ut as ProductSummaryCard,
+  Gt as ProductSummaryCardImage,
+  Dt as ProductSummaryCardSkeletor,
+  Ot as SelectedItemsActionsPadding,
+  $t as SelectedItemsActionsPanel,
+  qt as SelectedProductCard,
+  Ft as SelectionRow,
+  zt as SidebarMenu,
+  Lt as SidebarMenuCollapsible,
+  _n as SidebarMenuCollapsibleGroupBox,
+  $n as SidebarMenuHeading,
+  At as SidebarMenuLink,
+  Tt as SidebarMenuSeparator,
+  jt as SidebarRailMenu,
+  Zn as isDeviceSameOrLarger,
+  Ce as useDeviceSize,
+  Kt as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map