@stenajs-webui/panels 25.3.0 → 25.3.1

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_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}._productSummaryCardImageButton_1mznn_11{background:none;border:none;padding:0;margin:0;display:flex;cursor:pointer;width:100%;height:100%}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;inset:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;inset:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,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{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;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%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.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{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;inset:0 0 auto auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-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{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.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{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,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)));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__slide_captions_container{position:absolute;left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));-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{overflow:hidden;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff)}.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}}._content_1m4r7_10:empty{display:none}._productSummaryCardImage_1knc7_1{width:100%;height:100%;object-fit:cover;object-position:center;display:block}._productSummaryCardImageButton_1mznn_11{background:none;border:none;padding:0;margin:0;display:flex;cursor:pointer;width:100%;height:100%}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;inset:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;inset:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,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{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;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%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.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{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;inset:0 0 auto auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-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{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.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{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,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)));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__slide_captions_container{position:absolute;left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));-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{overflow:hidden;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff)}.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,5 +1,5 @@
 import { jsx as e, Fragment as z, jsxs as i } from "react/jsx-runtime";
-import { ActionMenu as re, ActionMenuContext as ve, stenaAngleDown as oe, PrimaryButton as ie, SecondaryButton as R, FlatButton as O, stenaHamburger as le, FlatButtonLink as Be, BaseButton as ye, stenaBellFilled as we, 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 $e, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as se, stenaAngleLeft as de, stenaSearchPlus as Oe, stenaSearchMinus as qe } 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, FlatButtonLink as Be, BaseButton as ye, stenaBellFilled as we, TextInputButton as _e, stenaTimes as Ie, 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 $e, ShimmerBox as N, stenaTimesThick as Te, 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, useContext as He, createContext as We, useState as $, useCallback as J, useEffect as Ue } from "react";
 import { useBoolean as ue, Column as u, Row as c, Indent as y, Heading as P, Box as d, Text as C, 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";
@@ -26,10 +26,10 @@ import './index.css';const Q = ({
   appendTo: b,
   zIndex: f,
   disableTrapFocus: x = !1,
-  ...I
+  ..._
 }) => {
-  const [S, k, v, _] = ue(!1), m = Z(null), H = g ?? m, W = j(() => ({ open: k, close: v }), [k, v]), xe = (U) => {
-    s?.(U), _();
+  const [S, k, v, I] = ue(!1), m = Z(null), H = g ?? m, W = j(() => ({ open: k, close: v }), [k, v]), xe = (U) => {
+    s?.(U), I();
   };
   return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
     pe,
@@ -38,7 +38,7 @@ import './index.css';const Q = ({
         r,
         {
           rightIcon: h ? void 0 : o,
-          ...I,
+          ..._,
           ref: H,
           onClick: xe,
           ...U
@@ -62,7 +62,7 @@ import './index.css';const Q = ({
       )
     }
   ) });
-}, ft = (n) => /* @__PURE__ */ e(Q, { buttonComponent: ie, ...n }), Ct = (n) => /* @__PURE__ */ e(Q, { buttonComponent: R, ...n }), rn = (n) => /* @__PURE__ */ e(Q, { buttonComponent: O, ...n }), on = "1px solid var(--lhds-color-ui-300)", xt = ({
+}, xt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: ie, ...n }), vt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: R, ...n }), rn = (n) => /* @__PURE__ */ e(Q, { buttonComponent: O, ...n }), on = "1px solid var(--lhds-color-ui-300)", Bt = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
@@ -101,7 +101,7 @@ import './index.css';const Q = ({
     className: n,
     onClick: t
   }
-), vt = ({
+), yt = ({
   left: n,
   className: t,
   showMenuButton: r = !1,
@@ -168,7 +168,7 @@ import './index.css';const Q = ({
 ), hn = "_navBarLink_1u1b2_1", pn = "_selected_1u1b2_14", ee = {
   navBarLink: hn,
   selected: pn
-}, Bt = E(
+}, wt = E(
   function({ selected: t, className: r, ...o }, l) {
     return /* @__PURE__ */ e(
       Be,
@@ -183,7 +183,7 @@ import './index.css';const Q = ({
       }
     );
   }
-), yt = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), wt = ({
+), _t = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), It = ({
   content: n,
   children: t,
   appendTo: r,
@@ -209,7 +209,7 @@ import './index.css';const Q = ({
   navBarNotificationButton: mn,
   unread: gn,
   icon: bn
-}, It = E(function({
+}, St = E(function({
   count: n,
   unread: t = !1,
   className: r,
@@ -241,7 +241,7 @@ import './index.css';const Q = ({
   navBarSearchFieldWrapper: Cn,
   withButton: xn,
   clearButton: vn
-}, _t = ({
+}, kt = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: r,
@@ -261,10 +261,10 @@ import './index.css';const Q = ({
     placeholder: n,
     value: a,
     buttonRight: a && o ? /* @__PURE__ */ e(
-      Ie,
+      _e,
       {
         className: A.clearButton,
-        icon: _e,
+        icon: Ie,
         variant: "error",
         onClick: l
       }
@@ -273,7 +273,7 @@ import './index.css';const Q = ({
   }
 ), Bn = "_navBarUserButton_10f9z_1", yn = {
   navBarUserButton: Bn
-}, St = ({
+}, Rt = ({
   className: n,
   username: t,
   initials: r,
@@ -304,9 +304,9 @@ import './index.css';const Q = ({
       ...o
     }
   )
-), kt = ({
+), Mt = ({
   children: n
-}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), Rt = ({
+}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), Nt = ({
   value: n,
   onValueChange: t,
   onChange: r,
@@ -329,9 +329,9 @@ import './index.css';const Q = ({
     ),
     ...a
   }
-), In = "_sidebarMenuCollapsibleGroupBox_ikek9_1", _n = {
-  sidebarMenuCollapsibleGroupBox: In
-}, Sn = ({ children: n }) => /* @__PURE__ */ e("div", { className: _n.sidebarMenuCollapsibleGroupBox, children: n }), Mt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(C, { variant: "overline", size: "smaller", children: n }) }), Nt = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+), _n = "_sidebarMenuCollapsibleGroupBox_ikek9_1", In = {
+  sidebarMenuCollapsibleGroupBox: _n
+}, Sn = ({ children: n }) => /* @__PURE__ */ e("div", { className: In.sidebarMenuCollapsibleGroupBox, children: n }), Pt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(C, { variant: "overline", size: "smaller", children: n }) }), Ft = ({ 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(C, { size: "small", color: p("--lhds-color-ui-500"), children: n })
@@ -358,7 +358,7 @@ import './index.css';const Q = ({
       /* @__PURE__ */ e(d, { gap: 2, children: o })
     ] })
   ] }) }) });
-}, Pt = (n) => /* @__PURE__ */ e(
+}, zt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -377,7 +377,7 @@ import './index.css';const Q = ({
     /* @__PURE__ */ e(B, { num: 4 }),
     /* @__PURE__ */ e(P, { variant: "h4", children: n })
   ] })
-] }), Ft = (n) => /* @__PURE__ */ e(
+] }), jt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -387,7 +387,7 @@ import './index.css';const Q = ({
     alignItems: "center",
     children: /* @__PURE__ */ e(Rn, { ...n })
   }
-), zt = ({
+), Lt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: r,
@@ -400,7 +400,7 @@ import './index.css';const Q = ({
     r?.()
   ] }),
   o
-] }), jt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Lt = ({
+] }), At = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), $t = ({
   icon: n,
   heading: t,
   headingLevel: r = "h2",
@@ -416,7 +416,7 @@ import './index.css';const Q = ({
 ] }), Mn = "_selectionRow_eqiow_1", Nn = "_iconColumn_eqiow_10", ne = {
   selectionRow: Mn,
   iconColumn: Nn
-}, At = ({
+}, Tt = ({
   icon: n,
   heading: t,
   description: r,
@@ -468,7 +468,7 @@ import './index.css';const Q = ({
   isPinned: n,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ e(D, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ae : je }), $t = ({
+}) => /* @__PURE__ */ e(D, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ae : je }), Ot = ({
   className: n,
   children: t,
   onCloseClick: r,
@@ -506,7 +506,7 @@ import './index.css';const Q = ({
 ] }), T = We(!1), X = () => He(T), Tn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(ge, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(V, { ...t }) }), Tt = ({
+}) => /* @__PURE__ */ e(ge, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(V, { ...t }) }), qt = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: r,
@@ -552,7 +552,7 @@ import './index.css';const Q = ({
   label: n,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ e(ge, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...r }) }), Ot = (n) => X() ? /* @__PURE__ */ e(qn, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), En = ({
+}) => t == null ? null : /* @__PURE__ */ e(ge, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...r }) }), Et = (n) => X() ? /* @__PURE__ */ e(qn, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), En = ({
   children: n,
   label: t,
   icon: r,
@@ -579,7 +579,7 @@ import './index.css';const Q = ({
       }
     )
   }
-), qt = ({
+), Ht = ({
   children: n,
   label: t,
   leftIcon: r,
@@ -600,13 +600,13 @@ import './index.css';const Q = ({
       children: /* @__PURE__ */ e(Sn, { children: n })
     }
   );
-}, Et = (n) => /* @__PURE__ */ e(
+}, Wt = (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)), Ht = ({
+), Hn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Ut = ({
   numItemsSelected: n,
   label: t,
   selectedLabel: r = {
@@ -643,9 +643,9 @@ import './index.css';const Q = ({
       ]
     }
   );
-}, Wt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", Un = {
+}, Gt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", Un = {
   productCard: Wn
-}, Ut = ({
+}, Dt = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: r,
@@ -686,7 +686,7 @@ import './index.css';const Q = ({
       )
     ]
   }
-), Gn = ({ children: n }) => /* @__PURE__ */ e(C, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Gt = ({
+), Gn = ({ children: n }) => /* @__PURE__ */ e(C, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Kt = ({
   description: n,
   subDescription: t,
   descriptionTags: r,
@@ -739,7 +739,7 @@ import './index.css';const Q = ({
       b
     ] })
   ] });
-}, Dt = ({ renderImage: n }) => /* @__PURE__ */ i(u, { children: [
+}, Vt = ({ 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(
@@ -761,13 +761,15 @@ import './index.css';const Q = ({
     /* @__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" }) })
   ] })
-] }), Kt = ({
+] }), Zt = ({
   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
-] }), Vt = ({
+] }), Dn = "_content_1m4r7_10", Kn = {
+  content: Dn
+}, Qt = ({
   title: n,
   variant: t = "normal",
   loading: r,
@@ -781,11 +783,11 @@ import './index.css';const Q = ({
   children: f,
   ...x
 }) => {
-  const { fontSizeRatio: I } = Qe(), S = M({
+  const { fontSizeRatio: _ } = Qe(), S = M({
     query: "(max-width: 460px)"
   }), v = M({
     query: "(max-width: 360px)"
-  }) || S && I > 1.2, _ = r ? "normal" : t, m = Kn(_), H = p("--moln"), W = Dn(_);
+  }) || S && _ > 1.2, I = r ? "normal" : t, m = Zn(I), H = p("--moln"), W = Vn(I);
   return /* @__PURE__ */ i(
     d,
     {
@@ -807,9 +809,16 @@ import './index.css';const Q = ({
                 v && l && /* @__PURE__ */ e(q, { icon: l, size: "medium" }),
                 /* @__PURE__ */ e(C, { variant: "bold", size: "large", children: n })
               ] }),
-              _ == "normal" && h?.()
+              I == "normal" && h?.()
             ] }),
-            /* @__PURE__ */ e(u, { style: { opacity: r ? 0 : void 0 }, children: f }),
+            /* @__PURE__ */ e(
+              u,
+              {
+                className: Kn.content,
+                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(
@@ -844,7 +853,7 @@ import './index.css';const Q = ({
       ]
     }
   );
-}, Dn = (n) => {
+}, Vn = (n) => {
   switch (n) {
     case "edit":
       return p("--moln");
@@ -855,7 +864,7 @@ import './index.css';const Q = ({
     default:
       he(n);
   }
-}, Kn = (n) => {
+}, Zn = (n) => {
   switch (n) {
     case "edit":
       return p("--mussla");
@@ -866,20 +875,20 @@ import './index.css';const Q = ({
     default:
       he(n);
   }
-}, Vn = "_productSummaryCardImage_1knc7_1", Zn = {
-  productSummaryCardImage: Vn
-}, Qn = ({ src: n, alt: t }) => /* @__PURE__ */ e("img", { src: n, alt: t, className: Zn.productSummaryCardImage }), Xn = "_productSummaryCardImageButton_1mznn_11", Jn = {
-  productSummaryCardImageButton: Xn
-}, Zt = ({ onClick: n, ariaLabel: t, ...r }) => /* @__PURE__ */ e(
+}, Qn = "_productSummaryCardImage_1knc7_1", Xn = {
+  productSummaryCardImage: Qn
+}, Jn = ({ src: n, alt: t }) => /* @__PURE__ */ e("img", { src: n, alt: t, className: Xn.productSummaryCardImage }), Yn = "_productSummaryCardImageButton_1mznn_11", et = {
+  productSummaryCardImageButton: Yn
+}, Xt = ({ onClick: n, ariaLabel: t, ...r }) => /* @__PURE__ */ e(
   "button",
   {
     type: "button",
-    className: Jn.productSummaryCardImageButton,
+    className: et.productSummaryCardImageButton,
     "aria-label": t,
     onClick: n,
-    children: /* @__PURE__ */ e(Qn, { ...r })
+    children: /* @__PURE__ */ e(Jn, { ...r })
   }
-), Qt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+), Jt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   d,
   {
     borderRadius: "16px",
@@ -934,15 +943,15 @@ import './index.css';const Q = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, Yn = (n, t) => n === t || te.indexOf(n) > te.indexOf(t), Xt = (n) => {
+}, nt = (n, t) => n === t || te.indexOf(n) > te.indexOf(t), Yt = (n) => {
   const { deviceSize: t } = Ce();
   return {
     visible: j(
-      () => Yn(t, n),
+      () => nt(t, n),
       [t, n]
     )
   };
-}, et = ({
+}, tt = ({
   isOpen: n,
   initialIndex: t,
   onUpdateIndex: r,
@@ -954,9 +963,9 @@ import './index.css';const Q = ({
   onRequestClose: g,
   images: b
 }) => {
-  const f = Z(null), { deviceSize: x } = Ce(), I = x !== "mobile", [S, k] = $(t ?? 0), v = ({ index: m }) => {
+  const f = Z(null), { deviceSize: x } = Ce(), _ = x !== "mobile", [S, k] = $(t ?? 0), v = ({ index: m }) => {
     k(m), r?.(m);
-  }, _ = j(() => b.map((m) => nt(m)), [b]);
+  }, I = j(() => b.map((m) => rt(m)), [b]);
   return /* @__PURE__ */ e(
     fe,
     {
@@ -964,7 +973,7 @@ import './index.css';const Q = ({
       close: g,
       index: S,
       plugins: [en, nn, tn],
-      slides: _,
+      slides: I,
       on: { view: v },
       animation: { fade: 0 },
       controller: {
@@ -983,7 +992,7 @@ import './index.css';const Q = ({
         }
       },
       render: {
-        buttonZoom: (m) => I && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
+        buttonZoom: (m) => _ && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
           /* @__PURE__ */ e(
             R,
             {
@@ -1003,7 +1012,7 @@ import './index.css';const Q = ({
             }
           )
         ] }),
-        buttonPrev: () => b.length > 1 && I && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
+        buttonPrev: () => b.length > 1 && _ && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
           R,
           {
             "aria-label": o,
@@ -1012,7 +1021,7 @@ import './index.css';const Q = ({
             onClick: () => f.current?.prev()
           }
         ) }),
-        buttonNext: () => b.length > 1 && I && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
+        buttonNext: () => b.length > 1 && _ && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
           R,
           {
             "aria-label": s,
@@ -1034,14 +1043,14 @@ import './index.css';const Q = ({
       }
     }
   );
-}, nt = (n) => ({
+}, rt = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
   alt: n.alt,
   title: n.title,
   description: n.description
-}), Jt = ({
+}), er = ({
   images: n,
   initialIndex: t,
   altLabelPrevious: r,
@@ -1050,7 +1059,7 @@ import './index.css';const Q = ({
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = Z(null), [g, b] = $(!1), [f, x] = $(t ?? 0), I = J(() => {
+  const h = Z(null), [g, b] = $(!1), [f, x] = $(t ?? 0), _ = J(() => {
     b(!0);
   }, []), S = J(() => {
     b(!1);
@@ -1058,7 +1067,7 @@ import './index.css';const Q = ({
   Ue(() => {
     x(t ?? 0);
   }, [t]);
-  const v = j(() => n.map(tt), [n]), _ = j(() => n.map(
+  const v = j(() => n.map(ot), [n]), I = j(() => n.map(
     (m) => m.fullscreenImage ? {
       ...m,
       url: m.fullscreenImage.url,
@@ -1076,7 +1085,7 @@ import './index.css';const Q = ({
         plugins: [Ye],
         on: {
           view: k,
-          click: I
+          click: _
         },
         carousel: {
           padding: 0,
@@ -1117,13 +1126,13 @@ import './index.css';const Q = ({
       }
     ),
     g && /* @__PURE__ */ e(
-      et,
+      tt,
       {
         isOpen: !0,
         onRequestClose: S,
         initialIndex: f,
         onUpdateIndex: x,
-        images: _,
+        images: I,
         altLabelPrevious: r,
         altLabelNext: a,
         altLabelClose: s,
@@ -1132,7 +1141,7 @@ import './index.css';const Q = ({
       }
     )
   ] });
-}, tt = (n) => ({
+}, ot = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
@@ -1142,51 +1151,51 @@ import './index.css';const Q = ({
 });
 export {
   rn as ActionMenuFlatButton,
-  ft as ActionMenuPrimaryButton,
-  Ct as ActionMenuSecondaryButton,
-  xt as CheckboxMenu,
+  xt as ActionMenuPrimaryButton,
+  vt as ActionMenuSecondaryButton,
+  Bt as CheckboxMenu,
   wn as Collapsible,
-  Nt as CollapsibleEmptyContent,
-  Mt as CollapsibleGroupHeading,
-  kt as CollapsibleList,
-  Rt as CollapsibleWithCheckbox,
+  Ft as CollapsibleEmptyContent,
+  Pt as CollapsibleGroupHeading,
+  Mt as CollapsibleList,
+  Nt as CollapsibleWithCheckbox,
   kn as ErrorPanel,
-  Pt as ErrorScreen,
-  et as FullscreenImageCarousel,
-  Jt as ImageCarousel,
+  zt as ErrorScreen,
+  tt as FullscreenImageCarousel,
+  er as ImageCarousel,
   Rn as LoadingPanel,
-  Ft as LoadingScreen,
-  vt as NavBar,
+  jt as LoadingScreen,
+  yt as NavBar,
   un as NavBarButton,
-  yt as NavBarHeading,
-  Bt as NavBarLink,
-  It as NavBarNotificationButton,
-  wt as NavBarPopoverButton,
-  _t as NavBarSearchField,
-  St as NavBarUserButton,
-  zt as PageHeader,
-  jt as PageHeaderRow,
-  Lt as PageHeading,
-  Ut as ProductCard,
-  Gt as ProductCardContentItem,
-  Dt as ProductCardContentItemSkeletor,
-  Vt as ProductSummaryCard,
-  Qn as ProductSummaryCardImage,
-  Zt as ProductSummaryCardImageButton,
-  Qt as ProductSummaryCardSkeletor,
-  Wt as SelectedItemsActionsPadding,
-  Ht as SelectedItemsActionsPanel,
-  Kt as SelectedProductCard,
-  At as SelectionRow,
-  $t as SidebarMenu,
-  qt as SidebarMenuCollapsible,
+  _t as NavBarHeading,
+  wt as NavBarLink,
+  St as NavBarNotificationButton,
+  It as NavBarPopoverButton,
+  kt as NavBarSearchField,
+  Rt as NavBarUserButton,
+  Lt as PageHeader,
+  At as PageHeaderRow,
+  $t as PageHeading,
+  Dt as ProductCard,
+  Kt as ProductCardContentItem,
+  Vt as ProductCardContentItemSkeletor,
+  Qt as ProductSummaryCard,
+  Jn as ProductSummaryCardImage,
+  Xt as ProductSummaryCardImageButton,
+  Jt as ProductSummaryCardSkeletor,
+  Gt as SelectedItemsActionsPadding,
+  Ut as SelectedItemsActionsPanel,
+  Zt as SelectedProductCard,
+  Tt as SelectionRow,
+  Ot as SidebarMenu,
+  Ht as SidebarMenuCollapsible,
   Sn as SidebarMenuCollapsibleGroupBox,
   On as SidebarMenuHeading,
-  Ot as SidebarMenuLink,
-  Et as SidebarMenuSeparator,
-  Tt as SidebarRailMenu,
-  Yn as isDeviceSameOrLarger,
+  Et as SidebarMenuLink,
+  Wt as SidebarMenuSeparator,
+  qt as SidebarRailMenu,
+  nt as isDeviceSameOrLarger,
   Ce as useDeviceSize,
-  Xt as useLayoutVisibility
+  Yt as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map