@stenajs-webui/panels 23.12.11 → 23.13.0

package/dist/index.es.js

@@ -1,24 +1,24 @@
-(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}}.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 te, ActionMenuContext as Ce, stenaAngleDown as re, PrimaryButton as oe, SecondaryButton as R, FlatButton as $, stenaHamburger as ie, BaseButton as Be, stenaBellFilled as we, TextInputButton as ye, stenaTimes as _e, stenaUserCircle as Ie, MenuButton as G, Icon as D, 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 le, stenaPin as ze, IconMenuButton as K, IconMenuButtonLink as je, MenuButtonLink as Ae, Spinner as ae, Tag as Le, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as ce, stenaAngleLeft as se, stenaSearchPlus as Oe, stenaSearchMinus as $e } 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 V, useMemo as j, forwardRef as H, createContext as He, useContext as We, useState as T, useCallback as X, useEffect as qe } from "react";
-import { useBoolean as de, Column as u, Row as c, Indent as w, Slot as Ue, Heading as P, Box as d, Text as x, 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 ue, BlockKeyboardEvents as Xe } from "@stenajs-webui/core";
-import { ControlledPopover as he, Popover as pe, Tooltip as me } from "@stenajs-webui/tooltip";
-import { Checkbox as ge, TextInput as Je } from "@stenajs-webui/forms";
+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 be from "yet-another-react-lightbox";
+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 Z = ({
+const Q = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: r,
-  rightIcon: o = re,
+  rightIcon: o = oe,
   menuWidth: l,
   menuTop: a,
   onClick: s,
@@ -26,23 +26,23 @@ const Z = ({
   buttonRef: g,
   appendTo: b,
   zIndex: f,
-  disableTrapFocus: C = !1,
-  ..._
+  disableTrapFocus: x = !1,
+  ...I
 }) => {
-  const [S, I, v, k] = de(!1), m = V(null), W = g ?? m, xe = j(() => ({ open: I, close: v }), [I, v]), ve = (q) => {
-    s?.(q), 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(
-    he,
+    pe,
     {
-      renderTrigger: (q) => /* @__PURE__ */ e(
+      renderTrigger: (U) => /* @__PURE__ */ e(
         r,
         {
           rightIcon: h ? void 0 : o,
-          ..._,
+          ...I,
           ref: W,
-          onClick: ve,
-          ...q
+          onClick: xe,
+          ...U
         }
       ),
       hideArrow: !0,
@@ -53,21 +53,21 @@ const Z = ({
       appendTo: b,
       zIndex: f,
       children: S && /* @__PURE__ */ e(
-        te,
+        re,
         {
           width: l,
           top: a,
-          trapFocus: !C,
-          children: /* @__PURE__ */ e(Ce.Provider, { value: xe, children: n(v) })
+          trapFocus: !x,
+          children: /* @__PURE__ */ e(ve.Provider, { value: q, children: n(v) })
         }
       )
     }
   ) });
-}, ut = (n) => /* @__PURE__ */ e(Z, { buttonComponent: oe, ...n }), ht = (n) => /* @__PURE__ */ e(Z, { buttonComponent: R, ...n }), rn = (n) => /* @__PURE__ */ e(Z, { buttonComponent: $, ...n }), on = "1px solid var(--lhds-color-ui-300)", pt = ({
+}, 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(
-  pe,
+  me,
   {
     trigger: "click",
     renderTrigger: (r) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ i(
@@ -79,16 +79,16 @@ const Z = ({
         border: on,
         borderRadius: "4px",
         children: [
-          /* @__PURE__ */ e(ge, { ...t }),
+          /* @__PURE__ */ e(be, { ...t }),
           /* @__PURE__ */ e(w, { num: 0.5 }),
-          /* @__PURE__ */ e($, { size: "small", leftIcon: re, ...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(te, { children: n(r) }) })
+    children: ({ onRequestClose: r }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(re, { children: n(r) }) })
   }
 ), ln = "_navBar_kzibd_1", an = {
   navBar: ln
@@ -96,13 +96,13 @@ const Z = ({
   className: n,
   onClick: t
 }) => /* @__PURE__ */ e(
-  $,
+  O,
   {
-    leftIcon: ie,
+    leftIcon: le,
     className: n,
     onClick: t
   }
-), mt = ({
+), bt = ({
   left: n,
   className: t,
   showMenuButton: r = !1,
@@ -148,52 +148,52 @@ const Z = ({
       ]
     }
   );
-}, sn = "_navBarButton_b3x3w_1", dn = "_selected_b3x3w_14", J = {
+}, 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(
-      $,
+      O,
       {
         ...r,
         ref: o,
         className: y(
-          J.navBarButton,
-          n && J.selected,
+          Y.navBarButton,
+          n && Y.selected,
           t
         )
       }
     );
   }
-), hn = "_selected_14nt6_38", Y = {
+), hn = "_selected_14nt6_38", ee = {
   "nav-bar-link": "_nav-bar-link_14nt6_1",
   selected: hn
-}, gt = H(
+}, ft = H(
   function({ selected: t, asChild: r, className: o, ...l }, a) {
     return /* @__PURE__ */ e(
       r ? Ue : "a",
       {
         ref: a,
         className: y(
-          Y["nav-bar-link"],
-          { [Y.selected]: t },
+          ee["nav-bar-link"],
+          { [ee.selected]: t },
           o
         ),
         ...l
       }
     );
   }
-), bt = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), ft = ({
+), 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] = de(!1);
+  const [a, , s, h] = ue(!1);
   return /* @__PURE__ */ e(
-    he,
+    pe,
     {
       renderTrigger: (g) => /* @__PURE__ */ e(un, { ...l, ...g, onClick: h }),
       open: a,
@@ -210,7 +210,7 @@ const Z = ({
   navBarNotificationButton: pn,
   unread: mn,
   icon: gn
-}, xt = H(function({
+}, vt = H(function({
   count: n,
   unread: t = !1,
   className: r,
@@ -237,12 +237,12 @@ const Z = ({
       iconClassName: y(l, F.icon)
     }
   );
-}), bn = "_navBarSearchFieldInput_1rp8g_1", fn = "_navBarSearchFieldWrapper_1rp8g_12", xn = "_withButton_1rp8g_24", vn = "_clearButton_1rp8g_33", L = {
+}), bn = "_navBarSearchFieldInput_1rp8g_1", fn = "_navBarSearchFieldWrapper_1rp8g_12", Cn = "_withButton_1rp8g_24", xn = "_clearButton_1rp8g_33", L = {
   navBarSearchFieldInput: bn,
   navBarSearchFieldWrapper: fn,
-  withButton: xn,
-  clearButton: vn
-}, vt = ({
+  withButton: Cn,
+  clearButton: xn
+}, Bt = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: r,
@@ -265,20 +265,20 @@ const Z = ({
       ye,
       {
         className: L.clearButton,
-        icon: _e,
+        icon: Ie,
         variant: "error",
         onClick: l
       }
     ) : void 0,
     ...s
   }
-), Cn = "_navBarUserButton_10f9z_1", Bn = {
-  navBarUserButton: Cn
-}, Ct = ({
+), 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(
@@ -294,7 +294,7 @@ const Z = ({
   }
 ), wn = H(
   ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...o }, l) => /* @__PURE__ */ e(
-    G,
+    D,
     {
       ref: l,
       expandable: !0,
@@ -305,9 +305,9 @@ const Z = ({
       ...o
     }
   )
-), Bt = ({
+), yt = ({
   children: n
-}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), wt = ({
+}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), It = ({
   value: n,
   onValueChange: t,
   onChange: r,
@@ -318,7 +318,7 @@ const Z = ({
   wn,
   {
     contentLeft: /* @__PURE__ */ e(
-      ge,
+      be,
       {
         value: n,
         indeterminate: o,
@@ -330,12 +330,12 @@ const Z = ({
     ),
     ...a
   }
-), yn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", _n = {
+), yn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", In = {
   sidebarMenuCollapsibleGroupBox: yn
-}, In = ({ children: n }) => /* @__PURE__ */ e("div", { className: _n.sidebarMenuCollapsibleGroupBox, children: n }), yt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n }) }), _t = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ e(D, { icon: Se, color: p("--lhds-color-ui-500") }),
+}, _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 })
+  /* @__PURE__ */ e(C, { size: "small", color: p("--lhds-color-ui-500"), children: n })
 ] }), Sn = ({
   text: n,
   heading: t,
@@ -352,14 +352,14 @@ const Z = ({
       /* @__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 })
     ] })
   ] }) }) });
-}, It = (n) => /* @__PURE__ */ e(
+}, kt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -378,7 +378,7 @@ const Z = ({
     /* @__PURE__ */ e(B, { num: 4 }),
     /* @__PURE__ */ e(P, { variant: "h4", children: n })
   ] })
-] }), St = (n) => /* @__PURE__ */ e(
+] }), Rt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -388,7 +388,7 @@ const Z = ({
     alignItems: "center",
     children: /* @__PURE__ */ e(kn, { ...n })
   }
-), kt = ({
+), Mt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: r,
@@ -401,7 +401,7 @@ const Z = ({
     r?.()
   ] }),
   o
-] }), Rt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Mt = ({
+] }), Nt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Pt = ({
   icon: n,
   heading: t,
   headingLevel: r = "h2",
@@ -414,10 +414,10 @@ const Z = ({
   ] }),
   /* @__PURE__ */ e(c, { alignItems: "center", children: o }),
   /* @__PURE__ */ e(c, { style: { marginLeft: "auto" }, alignItems: "center", children: l })
-] }), Rn = "_selectionRow_1njaw_1", Mn = "_iconColumn_1njaw_9", ee = {
+] }), Rn = "_selectionRow_1njaw_1", Mn = "_iconColumn_1njaw_9", ne = {
   selectionRow: Rn,
   iconColumn: Mn
-}, Nt = ({
+}, Ft = ({
   icon: n,
   heading: t,
   description: r,
@@ -425,7 +425,7 @@ const Z = ({
   htmlFor: l,
   circledIconVariant: a,
   ...s
-}) => /* @__PURE__ */ i("div", { className: ee.selectionRow, ...A(s), children: [
+}) => /* @__PURE__ */ i("div", { className: ne.selectionRow, ...A(s), children: [
   /* @__PURE__ */ i(c, { gap: 2, children: [
     n && /* @__PURE__ */ e(
       d,
@@ -433,17 +433,17 @@ const Z = ({
         alignItems: "center",
         justifyContent: "center",
         width: "40px",
-        className: ee.iconColumn,
+        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
-] }), Nn = "_sidebarMenu_1bx5w_1", Pn = "_sidebarItems_1bx5w_38", Fn = "_scrollContainer_1bx5w_48", U = {
+] }), Nn = "_sidebarMenu_1bx5w_1", Pn = "_sidebarItems_1bx5w_38", Fn = "_scrollContainer_1bx5w_48", G = {
   sidebarMenu: Nn,
   sidebarItems: Pn,
   scrollContainer: Fn
@@ -469,7 +469,7 @@ const Z = ({
   isPinned: n,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ e(G, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? le : ze }), Pt = ({
+}) => /* @__PURE__ */ e(D, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ae : ze }), zt = ({
   className: n,
   children: t,
   onCloseClick: r,
@@ -478,12 +478,12 @@ const Z = ({
   bottomItems: a,
   isPinned: s,
   ...h
-}) => /* @__PURE__ */ i(d, { ...h, className: y(U.sidebarMenu, n), children: [
+}) => /* @__PURE__ */ i(d, { ...h, className: y(G.sidebarMenu, n), children: [
   /* @__PURE__ */ e(An, { onClick: r }),
-  /* @__PURE__ */ e(d, { className: U.scrollContainer, children: /* @__PURE__ */ i(
+  /* @__PURE__ */ e(d, { className: G.scrollContainer, children: /* @__PURE__ */ i(
     u,
     {
-      className: U.sidebarItems,
+      className: G.sidebarItems,
       justifyContent: "space-between",
       flex: 1,
       gap: 1,
@@ -504,10 +504,10 @@ const Z = ({
       ]
     }
   ) })
-] }), O = He(!1), Q = () => We(O), Tn = ({
+] }), $ = He(!1), X = () => We($), Tn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(me, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(K, { ...t }) }), Ft = ({
+}) => /* @__PURE__ */ e(ge, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(V, { ...t }) }), jt = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: r,
@@ -527,15 +527,15 @@ const Z = ({
     shadow: "popover",
     background: p("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ e(K, { onClick: r, icon: ie }),
+      /* @__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(
             Tn,
             {
-              icon: le,
+              icon: ae,
               label: a,
               onClick: t
             }
@@ -544,24 +544,24 @@ const Z = ({
       ] })
     ]
   }
-), On = ({
+), $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 })
-] }), $n = ({
+  /* @__PURE__ */ e(C, { variant: "overline", size: "smaller", children: n })
+] }), On = ({
   label: n,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ e(me, { label: n, placement: "right", children: /* @__PURE__ */ e(je, { icon: t, ...r }) }), zt = (n) => Q() ? /* @__PURE__ */ e($n, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), En = ({
+}) => 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(
-  pe,
+  me,
   {
-    renderTrigger: (l) => /* @__PURE__ */ e(K, { icon: r, ...l }),
+    renderTrigger: (l) => /* @__PURE__ */ e(V, { icon: r, ...l }),
     placement: "right-start",
     trigger: ["hover", "focus"],
     disablePadding: !0,
@@ -573,14 +573,14 @@ const Z = ({
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ i(O.Provider, { value: !1, children: [
-          /* @__PURE__ */ e(On, { label: t }),
+        children: /* @__PURE__ */ i($.Provider, { value: !1, children: [
+          /* @__PURE__ */ e($n, { label: t }),
           n
         ] })
       }
     )
   }
-), jt = ({
+), Lt = ({
   children: n,
   label: t,
   leftIcon: r,
@@ -588,8 +588,8 @@ const Z = ({
   initialExpand: l = !1
 }) => {
   const [a, s] = T(l);
-  return Q() ? r == null ? null : /* @__PURE__ */ e(En, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
-    G,
+  return X() ? r == null ? null : /* @__PURE__ */ e(En, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
+    D,
     {
       label: t,
       onClick: () => s(!a),
@@ -598,16 +598,16 @@ const Z = ({
       expandable: !0,
       expanded: a,
       selected: a,
-      children: /* @__PURE__ */ e(In, { children: n })
+      children: /* @__PURE__ */ e(_n, { children: n })
     }
   );
-}, At = (n) => /* @__PURE__ */ e(
+}, Tt = (n) => /* @__PURE__ */ e(
   Ge,
   {
     color: p("--lhds-color-ui-400"),
     ...n
   }
-), Hn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Lt = ({
+), Hn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), $t = ({
   numItemsSelected: n,
   label: t,
   selectedLabel: r = {
@@ -637,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 })
       ]
     }
   );
-}, Tt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", qn = {
+}, Ot = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", qn = {
   productCard: Wn
-}, Ot = ({
+}, Et = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: r,
@@ -682,12 +682,12 @@ const Z = ({
           justifyContent: "center",
           alignItems: "center",
           background: "rgba(255, 255, 255, 0.7)",
-          children: /* @__PURE__ */ e(ae, {})
+          children: /* @__PURE__ */ e(ce, {})
         }
       )
     ]
   }
-), Un = ({ children: n }) => /* @__PURE__ */ e(x, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), $t = ({
+), Un = ({ children: n }) => /* @__PURE__ */ e(C, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Ht = ({
   description: n,
   subDescription: t,
   descriptionTags: r,
@@ -700,7 +700,7 @@ const Z = ({
   children: b,
   headingLevel: f
 }) => {
-  const C = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ze(r);
+  const x = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ze(r);
   return /* @__PURE__ */ i(u, { children: [
     g?.(),
     /* @__PURE__ */ i(d, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
@@ -720,9 +720,9 @@ const Z = ({
             ]
           }
         ),
-        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(Le, { label: o, variant: "passive" })
@@ -730,17 +730,17 @@ const Z = ({
         /* @__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
     ] })
   ] });
-}, Et = ({ 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(
@@ -762,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" }) })
   ] })
-] }), Ht = ({
+] }), 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
-] }), Wt = ({
+] }), Ut = ({
   title: n,
   variant: t = "normal",
   loading: r,
   iconLeft: o,
   compactIconLeft: l,
-  renderButton: a,
-  renderOfferCodeTag: s,
-  renderMandatoryTag: h,
-  renderContentLeftOfButton: g,
-  children: b,
-  ...f
+  renderLeft: a,
+  renderButton: s,
+  renderOfferCodeTag: h,
+  renderMandatoryTag: g,
+  renderContentLeftOfButton: b,
+  children: f,
+  ...x
 }) => {
-  const { fontSizeRatio: C } = Qe(), _ = M({
+  const { fontSizeRatio: I } = Qe(), S = M({
     query: "(max-width: 460px)"
-  }), I = M({
+  }), v = M({
     query: "(max-width: 360px)"
-  }) || _ && C > 1.2, v = r ? "normal" : t, k = Dn(v), m = p("--moln"), W = Gn(v);
+  }) || S && I > 1.2, _ = r ? "normal" : t, m = Dn(_), W = p("--moln"), q = Gn(_);
   return /* @__PURE__ */ i(
     d,
     {
@@ -794,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(D, { color: W, icon: o, size: 73 }) }),
-          /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: m, 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(E, { 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,
@@ -817,8 +821,8 @@ const Z = ({
                 gap: 2,
                 flexWrap: "wrap",
                 children: [
-                  g?.() ?? /* @__PURE__ */ e("div", {}),
-                  a?.()
+                  b?.() ?? /* @__PURE__ */ e("div", {}),
+                  s?.()
                 ]
               }
             )
@@ -835,7 +839,7 @@ const Z = ({
             justifyContent: "center",
             alignItems: "center",
             background: "rgba(255, 255, 255, 0.7)",
-            children: /* @__PURE__ */ e(ae, {})
+            children: /* @__PURE__ */ e(ce, {})
           }
         )
       ]
@@ -850,7 +854,7 @@ const Z = ({
     case "normal":
       return p("--mussla");
     default:
-      ue(n);
+      he(n);
   }
 }, Dn = (n) => {
   switch (n) {
@@ -861,9 +865,11 @@ const Z = ({
     case "normal":
       return p("--silver-lighter");
     default:
-      ue(n);
+      he(n);
   }
-}, qt = ({ 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",
@@ -877,7 +883,7 @@ const Z = ({
           flex: 2,
           justifyContent: "center",
           background: p("--silver-lighter"),
-          children: n && /* @__PURE__ */ e(D, { 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: [
@@ -901,13 +907,13 @@ const Z = ({
       ] }) })
     ] })
   }
-), ne = [
+), te = [
   "small-mobile",
   "mobile",
   "tablet",
   "tablet-wide",
   "desktop"
-], fe = () => {
+], Ce = () => {
   const n = M({
     query: "(max-width: 768px)"
   }), t = M({
@@ -918,15 +924,15 @@ const Z = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, Kn = (n, t) => n === t || ne.indexOf(n) > ne.indexOf(t), Ut = (n) => {
-  const { deviceSize: t } = fe();
+}, Zn = (n, t) => n === t || te.indexOf(n) > te.indexOf(t), Kt = (n) => {
+  const { deviceSize: t } = Ce();
   return {
     visible: j(
-      () => Kn(t, n),
+      () => Zn(t, n),
       [t, n]
     )
   };
-}, Vn = ({
+}, Qn = ({
   isOpen: n,
   initialIndex: t,
   onUpdateIndex: r,
@@ -938,17 +944,17 @@ const Z = ({
   onRequestClose: g,
   images: b
 }) => {
-  const f = V(null), { deviceSize: C } = fe(), _ = C !== "mobile", [S, I] = T(t ?? 0), v = ({ index: m }) => {
-    I(m), r?.(m);
-  }, k = j(() => b.map((m) => Zn(m)), [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(
-    be,
+    fe,
     {
       open: n,
       close: g,
       index: S,
       plugins: [en, nn, tn],
-      slides: k,
+      slides: _,
       on: { view: v },
       animation: { fade: 0 },
       controller: {
@@ -967,12 +973,12 @@ const Z = ({
         }
       },
       render: {
-        buttonZoom: (m) => _ && /* @__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: Oe,
+              leftIcon: $e,
               size: "large",
               onClick: () => m.zoomIn()
             }
@@ -981,32 +987,32 @@ const Z = ({
             R,
             {
               "aria-label": a,
-              leftIcon: $e,
+              leftIcon: Oe,
               size: "large",
               onClick: () => m.zoomOut()
             }
           )
         ] }),
-        buttonPrev: () => b.length > 1 && _ && /* @__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: se,
+            leftIcon: de,
             size: "large",
             onClick: () => f.current?.prev()
           }
         ) }),
-        buttonNext: () => b.length > 1 && _ && /* @__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: ce,
+            leftIcon: se,
             size: "large",
             onClick: () => f.current?.next()
           }
         ) }),
         buttonClose: () => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
-          oe,
+          ie,
           {
             variant: "danger",
             "aria-label": h,
@@ -1018,14 +1024,14 @@ const Z = ({
       }
     }
   );
-}, Zn = (n) => ({
+}, Xn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
   alt: n.alt,
   title: n.title,
   description: n.description
-}), Gt = ({
+}), Vt = ({
   images: n,
   initialIndex: t,
   altLabelPrevious: r,
@@ -1034,15 +1040,15 @@ const Z = ({
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = V(null), [g, b] = T(!1), [f, C] = T(t ?? 0), _ = 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: m }) => C(m);
+  }, []), k = ({ index: m }) => x(m);
   qe(() => {
-    C(t ?? 0);
+    x(t ?? 0);
   }, [t]);
-  const v = j(() => n.map(Qn), [n]), k = j(() => n.map(
+  const v = j(() => n.map(Jn), [n]), _ = j(() => n.map(
     (m) => m.fullscreenImage ? {
       ...m,
       url: m.fullscreenImage.url,
@@ -1052,15 +1058,15 @@ const Z = ({
   ), [n]);
   return /* @__PURE__ */ i(Xe, { blockedKeys: "Escape", children: [
     /* @__PURE__ */ e(
-      be,
+      fe,
       {
         controller: { ref: h },
         index: f,
         slides: v,
         plugins: [Ye],
         on: {
-          view: I,
-          click: _
+          view: k,
+          click: I
         },
         carousel: {
           padding: 0,
@@ -1072,7 +1078,7 @@ const Z = ({
             R,
             {
               "aria-label": r,
-              leftIcon: se,
+              leftIcon: de,
               onClick: () => h.current?.prev()
             }
           ) }),
@@ -1080,7 +1086,7 @@ const Z = ({
             R,
             {
               "aria-label": a,
-              leftIcon: ce,
+              leftIcon: se,
               onClick: () => h.current?.next()
             }
           ) })
@@ -1101,13 +1107,13 @@ const Z = ({
       }
     ),
     g && /* @__PURE__ */ e(
-      Vn,
+      Qn,
       {
         isOpen: !0,
         onRequestClose: S,
         initialIndex: f,
-        onUpdateIndex: C,
-        images: k,
+        onUpdateIndex: x,
+        images: _,
         altLabelPrevious: r,
         altLabelNext: a,
         altLabelClose: s,
@@ -1116,7 +1122,7 @@ const Z = ({
       }
     )
   ] });
-}, Qn = (n) => ({
+}, Jn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
@@ -1126,49 +1132,50 @@ const Z = ({
 });
 export {
   rn as ActionMenuFlatButton,
-  ut as ActionMenuPrimaryButton,
-  ht as ActionMenuSecondaryButton,
-  pt as CheckboxMenu,
+  pt as ActionMenuPrimaryButton,
+  mt as ActionMenuSecondaryButton,
+  gt as CheckboxMenu,
   wn as Collapsible,
-  _t as CollapsibleEmptyContent,
-  yt as CollapsibleGroupHeading,
-  Bt as CollapsibleList,
-  wt as CollapsibleWithCheckbox,
+  St as CollapsibleEmptyContent,
+  _t as CollapsibleGroupHeading,
+  yt as CollapsibleList,
+  It as CollapsibleWithCheckbox,
   Sn as ErrorPanel,
-  It as ErrorScreen,
-  Vn as FullscreenImageCarousel,
-  Gt as ImageCarousel,
+  kt as ErrorScreen,
+  Qn as FullscreenImageCarousel,
+  Vt as ImageCarousel,
   kn as LoadingPanel,
-  St as LoadingScreen,
-  mt as NavBar,
+  Rt as LoadingScreen,
+  bt as NavBar,
   un as NavBarButton,
-  bt as NavBarHeading,
-  gt as NavBarLink,
-  xt as NavBarNotificationButton,
-  ft as NavBarPopoverButton,
-  vt as NavBarSearchField,
-  Ct as NavBarUserButton,
-  kt as PageHeader,
-  Rt as PageHeaderRow,
-  Mt as PageHeading,
-  Ot as ProductCard,
-  $t as ProductCardContentItem,
-  Et as ProductCardContentItemSkeletor,
-  Wt as ProductSummaryCard,
-  qt as ProductSummaryCardSkeletor,
-  Tt as SelectedItemsActionsPadding,
-  Lt as SelectedItemsActionsPanel,
-  Ht as SelectedProductCard,
-  Nt as SelectionRow,
-  Pt as SidebarMenu,
-  jt as SidebarMenuCollapsible,
-  In as SidebarMenuCollapsibleGroupBox,
-  On as SidebarMenuHeading,
-  zt as SidebarMenuLink,
-  At as SidebarMenuSeparator,
-  Ft as SidebarRailMenu,
-  Kn as isDeviceSameOrLarger,
-  fe as useDeviceSize,
-  Ut as useLayoutVisibility
+  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