@stenajs-webui/panels 23.17.0 → 23.17.2

package/dist/index.css

@@ -1 +1 @@
-._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)}._navBarLink_1u1b2_1:hover{background:var(--lhds-color-ui-100)}._navBarLink_1u1b2_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1:active{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1._selected_1u1b2_14{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1._selected_1u1b2_14:hover{background:var(--lhds-color-blue-100)}._navBarLink_1u1b2_1._selected_1u1b2_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarLink_1u1b2_1._selected_1u1b2_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}}._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)}
+._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)}._navBarLink_1u1b2_1:hover{background:var(--lhds-color-ui-100)}._navBarLink_1u1b2_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1:active{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1._selected_1u1b2_14{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1._selected_1u1b2_14:hover{background:var(--lhds-color-blue-100)}._navBarLink_1u1b2_1._selected_1u1b2_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarLink_1u1b2_1._selected_1u1b2_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_eqiow_1{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_eqiow_10{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)}

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { jsx as e, Fragment as z, jsxs as i } from "react/jsx-runtime";
-import { ActionMenu as re, ActionMenuContext as Ce, stenaAngleDown as oe, PrimaryButton as ie, SecondaryButton as R, FlatButton as O, stenaHamburger as le, FlatButtonLink as Be, BaseButton as we, stenaBellFilled as ye, TextInputButton as Ie, stenaTimes as _e, stenaUserCircle as Se, MenuButton as D, Icon as K, stenaMail as ke, Card as Re, CardBody as Me, CircledIcon as E, stenaTripFerryXl as Ne, ScreenSpinner as Pe, CloseButton as Fe, StenaFlag as ze, stenaAngleLeftDouble as ae, stenaPin as je, IconMenuButton as V, IconMenuButtonLink as Le, MenuButtonLink as Ae, Spinner as ce, Tag as Te, ShimmerBox as N, stenaTimesThick as $e, stenaAngleRight as se, stenaAngleLeft as de, stenaSearchPlus as Oe, stenaSearchMinus as Ee } from "@stenajs-webui/elements";
-import * as He from "react";
-import { useRef as Z, useMemo as j, forwardRef as H, createContext as We, useContext as qe, useState as T, useCallback as J, useEffect as Ue } from "react";
-import { useBoolean as ue, Column as u, Row as c, Indent as w, Heading as P, Box as d, Text as v, Space as B, getDataProps as L, 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 { ActionMenu as re, ActionMenuContext as Ce, stenaAngleDown as oe, PrimaryButton as ie, SecondaryButton as R, FlatButton as O, stenaHamburger as le, FlatButtonLink as Be, BaseButton as we, stenaBellFilled as ye, TextInputButton as Ie, stenaTimes as _e, stenaUserCircle as Se, MenuButton as D, Icon as K, stenaMail as ke, Card as Re, CardBody as Me, CircledIcon as q, stenaTripFerryXl as Ne, ScreenSpinner as Pe, CloseButton as Fe, StenaFlag as ze, stenaAngleLeftDouble as ae, stenaPin as je, IconMenuButton as V, IconMenuButtonLink as Le, MenuButtonLink as Ae, Spinner as ce, Tag as Te, ShimmerBox as N, stenaTimesThick as $e, stenaAngleRight as se, stenaAngleLeft as de, stenaSearchPlus as Oe, stenaSearchMinus as qe } from "@stenajs-webui/elements";
+import * as Ee from "react";
+import { useRef as Z, useMemo as j, forwardRef as E, createContext as He, useContext as We, useState as T, useCallback as J, useEffect as Ue } from "react";
+import { useBoolean as ue, Column as u, Row as c, Indent as w, Heading as P, Box as d, Text as x, Space as B, getDataProps as L, 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";
@@ -25,10 +25,10 @@ import './index.css';const Q = ({
   buttonRef: g,
   appendTo: b,
   zIndex: f,
-  disableTrapFocus: x = !1,
+  disableTrapFocus: v = !1,
   ...I
 }) => {
-  const [S, k, C, _] = ue(!1), m = Z(null), W = g ?? m, q = j(() => ({ open: k, close: C }), [k, C]), xe = (U) => {
+  const [S, k, C, _] = ue(!1), m = Z(null), H = g ?? m, W = j(() => ({ open: k, close: C }), [k, C]), ve = (U) => {
     s?.(U), _();
   };
   return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
@@ -39,8 +39,8 @@ import './index.css';const Q = ({
         {
           rightIcon: h ? void 0 : o,
           ...I,
-          ref: W,
-          onClick: xe,
+          ref: H,
+          onClick: ve,
           ...U
         }
       ),
@@ -56,8 +56,8 @@ import './index.css';const Q = ({
         {
           width: l,
           top: a,
-          trapFocus: !x,
-          children: /* @__PURE__ */ e(Ce.Provider, { value: q, children: n(C) })
+          trapFocus: !v,
+          children: /* @__PURE__ */ e(Ce.Provider, { value: W, children: n(C) })
         }
       )
     }
@@ -132,7 +132,7 @@ import './index.css';const Q = ({
                 n,
                 /* @__PURE__ */ e(w, { num: 2 })
               ] }),
-              o && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: He.Children.map(o, (g, 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, {}),
                 g
               ] })) }) })
@@ -150,7 +150,7 @@ import './index.css';const Q = ({
 }, sn = "_navBarButton_b3x3w_1", dn = "_selected_b3x3w_14", Y = {
   navBarButton: sn,
   selected: dn
-}, un = H(
+}, un = E(
   function({ selected: n, className: t, ...r }, o) {
     return /* @__PURE__ */ e(
       O,
@@ -168,7 +168,7 @@ import './index.css';const Q = ({
 ), hn = "_navBarLink_1u1b2_1", pn = "_selected_1u1b2_14", ee = {
   navBarLink: hn,
   selected: pn
-}, vt = H(
+}, xt = E(
   function({ selected: t, className: r, ...o }, l) {
     return /* @__PURE__ */ e(
       Be,
@@ -183,7 +183,7 @@ import './index.css';const Q = ({
       }
     );
   }
-), xt = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), Ct = ({
+), vt = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), Ct = ({
   content: n,
   children: t,
   appendTo: r,
@@ -209,7 +209,7 @@ import './index.css';const Q = ({
   navBarNotificationButton: mn,
   unread: gn,
   icon: bn
-}, Bt = H(function({
+}, Bt = E(function({
   count: n,
   unread: t = !1,
   className: r,
@@ -236,10 +236,10 @@ import './index.css';const Q = ({
       iconClassName: y(l, F.icon)
     }
   );
-}), fn = "_navBarSearchFieldInput_1rp8g_1", vn = "_navBarSearchFieldWrapper_1rp8g_12", xn = "_withButton_1rp8g_24", Cn = "_clearButton_1rp8g_33", A = {
+}), fn = "_navBarSearchFieldInput_1rp8g_1", xn = "_navBarSearchFieldWrapper_1rp8g_12", vn = "_withButton_1rp8g_24", Cn = "_clearButton_1rp8g_33", A = {
   navBarSearchFieldInput: fn,
-  navBarSearchFieldWrapper: vn,
-  withButton: xn,
+  navBarSearchFieldWrapper: xn,
+  withButton: vn,
   clearButton: Cn
 }, wt = ({
   placeholder: n = "Search",
@@ -291,7 +291,7 @@ import './index.css';const Q = ({
     responsiveIconOnly: l,
     disableArrow: !0
   }
-), yn = H(
+), yn = E(
   ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...o }, l) => /* @__PURE__ */ e(
     D,
     {
@@ -331,10 +331,10 @@ import './index.css';const Q = ({
   }
 ), In = "_sidebarMenuCollapsibleGroupBox_ikek9_1", _n = {
   sidebarMenuCollapsibleGroupBox: In
-}, Sn = ({ children: n }) => /* @__PURE__ */ e("div", { className: _n.sidebarMenuCollapsibleGroupBox, children: n }), St = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(v, { variant: "overline", size: "smaller", children: n }) }), kt = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+}, Sn = ({ children: n }) => /* @__PURE__ */ e("div", { className: _n.sidebarMenuCollapsibleGroupBox, children: n }), St = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n }) }), kt = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
   /* @__PURE__ */ e(K, { icon: ke, color: p("--lhds-color-ui-500") }),
   /* @__PURE__ */ e(B, {}),
-  /* @__PURE__ */ e(v, { size: "small", color: p("--lhds-color-ui-500"), children: n })
+  /* @__PURE__ */ e(x, { size: "small", color: p("--lhds-color-ui-500"), children: n })
 ] }), kn = ({
   text: n,
   heading: t,
@@ -348,10 +348,10 @@ import './index.css';const Q = ({
   return /* @__PURE__ */ e(Re, { ...s, children: /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ i(u, { spacing: 1, gap: 3, alignItems: "center", children: [
     /* @__PURE__ */ i(u, { alignItems: "center", children: [
       /* @__PURE__ */ e(B, { num: 1 }),
-      /* @__PURE__ */ e(E, { icon: l, size: "xl" })
+      /* @__PURE__ */ e(q, { icon: l, size: "xl" })
     ] }),
     t && /* @__PURE__ */ e(P, { as: a, children: t }),
-    h && /* @__PURE__ */ e(v, { textAlign: "center", children: h }),
+    h && /* @__PURE__ */ e(x, { textAlign: "center", children: h }),
     r,
     o && /* @__PURE__ */ i(d, { children: [
       /* @__PURE__ */ e(B, { num: 2 }),
@@ -408,12 +408,12 @@ import './index.css';const Q = ({
   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(E, { icon: n }) }),
+    n && /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: /* @__PURE__ */ e(q, { 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 })
-] }), Mn = "_selectionRow_1njaw_1", Nn = "_iconColumn_1njaw_9", ne = {
+] }), Mn = "_selectionRow_eqiow_1", Nn = "_iconColumn_eqiow_10", ne = {
   selectionRow: Mn,
   iconColumn: Nn
 }, zt = ({
@@ -433,15 +433,15 @@ import './index.css';const Q = ({
         justifyContent: "center",
         width: "40px",
         className: ne.iconColumn,
-        children: /* @__PURE__ */ e(E, { icon: n, variant: a })
+        children: /* @__PURE__ */ e(q, { icon: n, variant: a })
       }
     ),
     /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ i(u, { gap: 0.5, children: [
-      /* @__PURE__ */ e(v, { variant: "bold", children: t }),
-      typeof r == "string" ? /* @__PURE__ */ e(v, { color: p("--silver-dark"), children: r }) : r
+      /* @__PURE__ */ e(x, { variant: "bold", children: t }),
+      typeof r == "string" ? /* @__PURE__ */ e(x, { color: p("--silver-dark"), children: r }) : r
     ] }) })
   ] }),
-  o
+  /* @__PURE__ */ e(c, { flex: 1, justifyContent: "flex-end", children: o })
 ] }), Pn = "_sidebarMenu_1bx5w_1", Fn = "_sidebarItems_1bx5w_38", zn = "_scrollContainer_1bx5w_48", G = {
   sidebarMenu: Pn,
   sidebarItems: Fn,
@@ -503,7 +503,7 @@ import './index.css';const Q = ({
       ]
     }
   ) })
-] }), $ = We(!1), X = () => qe($), $n = ({
+] }), $ = He(!1), X = () => We($), $n = ({
   label: n,
   ...t
 }) => /* @__PURE__ */ e(ge, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(V, { ...t }) }), Lt = ({
@@ -547,12 +547,12 @@ import './index.css';const Q = ({
   label: n
 }) => X() ? null : /* @__PURE__ */ i(d, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ e(B, {}),
-  /* @__PURE__ */ e(v, { variant: "overline", size: "smaller", children: n })
-] }), En = ({
+  /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n })
+] }), qn = ({
   label: n,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ e(ge, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...r }) }), At = (n) => X() ? /* @__PURE__ */ e(En, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), Hn = ({
+}) => t == null ? null : /* @__PURE__ */ e(ge, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...r }) }), At = (n) => X() ? /* @__PURE__ */ e(qn, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), En = ({
   children: n,
   label: t,
   icon: r,
@@ -587,7 +587,7 @@ import './index.css';const Q = ({
   initialExpand: l = !1
 }) => {
   const [a, s] = T(l);
-  return X() ? r == null ? null : /* @__PURE__ */ e(Hn, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
+  return X() ? r == null ? null : /* @__PURE__ */ e(En, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
     D,
     {
       label: t,
@@ -606,7 +606,7 @@ import './index.css';const Q = ({
     color: p("--lhds-color-ui-400"),
     ...n
   }
-), Wn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Ot = ({
+), Hn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Ot = ({
   numItemsSelected: n,
   label: t,
   selectedLabel: r = {
@@ -617,7 +617,7 @@ import './index.css';const Q = ({
   rightContent: l,
   localeId: a = "en-GB"
 }) => {
-  const s = Wn(
+  const s = Hn(
     n,
     r,
     a
@@ -636,16 +636,16 @@ import './index.css';const Q = ({
       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(v, { children: s }) : t != null ? typeof t == "string" ? /* @__PURE__ */ e(v, { children: t }) : t : null }) : null,
+          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,
           o && /* @__PURE__ */ e(c, { children: o })
         ] }),
         /* @__PURE__ */ e(c, { gap: 2, children: l })
       ]
     }
   );
-}, Et = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), qn = "_productCard_19x6b_1", Un = {
-  productCard: qn
-}, Ht = ({
+}, qt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", Un = {
+  productCard: Wn
+}, Et = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: r,
@@ -686,7 +686,7 @@ import './index.css';const Q = ({
       )
     ]
   }
-), Gn = ({ children: n }) => /* @__PURE__ */ e(v, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Wt = ({
+), Gn = ({ children: n }) => /* @__PURE__ */ e(x, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Ht = ({
   description: n,
   subDescription: t,
   descriptionTags: r,
@@ -699,7 +699,7 @@ import './index.css';const Q = ({
   children: b,
   headingLevel: f
 }) => {
-  const x = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ze(r);
+  const v = 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: [
@@ -719,9 +719,9 @@ import './index.css';const Q = ({
             ]
           }
         ),
-        h && /* @__PURE__ */ e(v, { variant: "bold", color: p("--silver-dark"), children: h })
+        h && /* @__PURE__ */ e(x, { variant: "bold", color: p("--silver-dark"), children: h })
       ] }),
-      (x || o) && /* @__PURE__ */ i(u, { children: [
+      (v || o) && /* @__PURE__ */ i(u, { children: [
         /* @__PURE__ */ i(c, { gap: 1, flexWrap: "wrap", children: [
           r,
           o && /* @__PURE__ */ e(Te, { label: o, variant: "passive" })
@@ -729,17 +729,17 @@ import './index.css';const Q = ({
         /* @__PURE__ */ e(B, {})
       ] }),
       n && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(v, { children: n }),
+        /* @__PURE__ */ e(x, { children: n }),
         /* @__PURE__ */ e(B, {})
       ] }),
       t && /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(v, { children: t }),
+        /* @__PURE__ */ e(x, { children: t }),
         /* @__PURE__ */ e(B, {})
       ] }),
       b
     ] })
   ] });
-}, qt = ({ 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(
@@ -779,13 +779,13 @@ import './index.css';const Q = ({
   renderMandatoryTag: g,
   renderContentLeftOfButton: b,
   children: f,
-  ...x
+  ...v
 }) => {
   const { fontSizeRatio: I } = Qe(), S = M({
     query: "(max-width: 460px)"
   }), C = M({
     query: "(max-width: 360px)"
-  }) || S && I > 1.2, _ = r ? "normal" : t, m = Kn(_), W = p("--moln"), q = Dn(_);
+  }) || S && I > 1.2, _ = r ? "normal" : t, m = Kn(_), H = p("--moln"), W = Dn(_);
   return /* @__PURE__ */ i(
     d,
     {
@@ -794,18 +794,18 @@ import './index.css';const Q = ({
       shadow: "box",
       overflow: "hidden",
       position: r ? "relative" : void 0,
-      ...L(x),
+      ...L(v),
       children: [
         /* @__PURE__ */ i(c, { flex: 1, children: [
           !C && /* @__PURE__ */ i(d, { flex: 2, justifyContent: "center", background: m, children: [
             a?.(),
-            o && /* @__PURE__ */ e(K, { color: q, icon: o, size: 73 })
+            o && /* @__PURE__ */ e(K, { color: W, icon: o, size: 73 })
           ] }),
-          /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: W, children: /* @__PURE__ */ i(u, { gap: 2, children: [
+          /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: H, children: /* @__PURE__ */ i(u, { gap: 2, children: [
             n && /* @__PURE__ */ i(c, { justifyContent: "space-between", children: [
               /* @__PURE__ */ i(c, { gap: 2, alignItems: "center", children: [
-                C && l && /* @__PURE__ */ e(E, { icon: l, size: "medium" }),
-                /* @__PURE__ */ e(v, { variant: "bold", size: "large", children: n })
+                C && l && /* @__PURE__ */ e(q, { icon: l, size: "medium" }),
+                /* @__PURE__ */ e(x, { variant: "bold", size: "large", children: n })
               ] }),
               _ == "normal" && h?.()
             ] }),
@@ -912,7 +912,7 @@ import './index.css';const Q = ({
   "tablet",
   "tablet-wide",
   "desktop"
-], ve = () => {
+], xe = () => {
   const n = M({
     query: "(max-width: 768px)"
   }), t = M({
@@ -924,7 +924,7 @@ import './index.css';const Q = ({
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : o ? "tablet-wide" : "desktop" };
 }, Qn = (n, t) => n === t || te.indexOf(n) > te.indexOf(t), Vt = (n) => {
-  const { deviceSize: t } = ve();
+  const { deviceSize: t } = xe();
   return {
     visible: j(
       () => Qn(t, n),
@@ -943,7 +943,7 @@ import './index.css';const Q = ({
   onRequestClose: g,
   images: b
 }) => {
-  const f = Z(null), { deviceSize: x } = ve(), I = x !== "mobile", [S, k] = T(t ?? 0), C = ({ index: m }) => {
+  const f = Z(null), { deviceSize: v } = xe(), I = v !== "mobile", [S, k] = T(t ?? 0), C = ({ index: m }) => {
     k(m), r?.(m);
   }, _ = j(() => b.map((m) => Jn(m)), [b]);
   return /* @__PURE__ */ e(
@@ -986,7 +986,7 @@ import './index.css';const Q = ({
             R,
             {
               "aria-label": a,
-              leftIcon: Ee,
+              leftIcon: qe,
               size: "large",
               onClick: () => m.zoomOut()
             }
@@ -1039,13 +1039,13 @@ import './index.css';const Q = ({
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = Z(null), [g, b] = T(!1), [f, x] = T(t ?? 0), I = J(() => {
+  const h = Z(null), [g, b] = T(!1), [f, v] = T(t ?? 0), I = J(() => {
     b(!0);
   }, []), S = J(() => {
     b(!1);
-  }, []), k = ({ index: m }) => x(m);
+  }, []), k = ({ index: m }) => v(m);
   Ue(() => {
-    x(t ?? 0);
+    v(t ?? 0);
   }, [t]);
   const C = j(() => n.map(Yn), [n]), _ = j(() => n.map(
     (m) => m.fullscreenImage ? {
@@ -1111,7 +1111,7 @@ import './index.css';const Q = ({
         isOpen: !0,
         onRequestClose: S,
         initialIndex: f,
-        onUpdateIndex: x,
+        onUpdateIndex: v,
         images: _,
         altLabelPrevious: r,
         altLabelNext: a,
@@ -1147,8 +1147,8 @@ export {
   Mt as LoadingScreen,
   ft as NavBar,
   un as NavBarButton,
-  xt as NavBarHeading,
-  vt as NavBarLink,
+  vt as NavBarHeading,
+  xt as NavBarLink,
   Bt as NavBarNotificationButton,
   Ct as NavBarPopoverButton,
   wt as NavBarSearchField,
@@ -1156,13 +1156,13 @@ export {
   Nt as PageHeader,
   Pt as PageHeaderRow,
   Ft as PageHeading,
-  Ht as ProductCard,
-  Wt as ProductCardContentItem,
-  qt as ProductCardContentItemSkeletor,
+  Et as ProductCard,
+  Ht as ProductCardContentItem,
+  Wt as ProductCardContentItemSkeletor,
   Gt as ProductSummaryCard,
   Dt as ProductSummaryCardImage,
   Kt as ProductSummaryCardSkeletor,
-  Et as SelectedItemsActionsPadding,
+  qt as SelectedItemsActionsPadding,
   Ot as SelectedItemsActionsPanel,
   Ut as SelectedProductCard,
   zt as SelectionRow,
@@ -1174,7 +1174,7 @@ export {
   $t as SidebarMenuSeparator,
   Lt as SidebarRailMenu,
   Qn as isDeviceSameOrLarger,
-  ve as useDeviceSize,
+  xe as useDeviceSize,
   Vt as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map