@stenajs-webui/panels 22.4.4 → 22.5.0

package/dist/index.es.js

@@ -1,39 +1,39 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);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;font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { jsx as e, Fragment as M, jsxs as r } from "react/jsx-runtime";
-import { ActionMenu as ue, ActionMenuContext as ke, stenaAngleDown as he, PrimaryButton as pe, SecondaryButton as I, FlatButton as E, stenaHamburger as me, BaseButton as Ie, stenaBellFilled as Se, TextInputButton as Ne, stenaTimes as Me, stenaUserCircle as Re, CircledIcon as G, CloseButton as ge, MenuButton as T, Icon as X, stenaMail as ze, Card as je, CardBody as Fe, stenaTripFerryXl as Pe, Spinner as J, StenaFlag as Ae, stenaAngleLeftDouble as be, stenaPin as $e, IconMenuButton as Y, IconMenuButtonLink as Le, MenuButtonLink as De, Tag as We, ShimmerBox as R, stenaAngleLeft as re, stenaAngleRight as oe, stenaSearchPlus as He, stenaSearchMinus as Ue, stenaTimesThick as qe } from "@stenajs-webui/elements";
-import * as Ee from "react";
-import { useRef as Q, useMemo as U, forwardRef as ee, createContext as Ge, useContext as Oe, useState as H, useCallback as le } from "react";
-import { useBoolean as fe, Row as c, Indent as y, Column as p, Heading as z, Box as d, Text as f, Space as x, SeparatorLine as Ve, getDataProps as ne, Spacing as Ke, isEmptyFragment as Ze, useAccessibleFontSizeContext as Qe, exhaustSwitchCaseElseThrow as xe, BlockKeyboardEvents as Te } from "@stenajs-webui/core";
-import { ControlledPopover as ve, Popover as Ce, Tooltip as _e } from "@stenajs-webui/tooltip";
-import { Checkbox as ye, TextInput as Xe } from "@stenajs-webui/forms";
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._selectionRow_1njaw_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_1njaw_9{display:none}}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);padding:0;display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 10)}.yarl__slide_description.yarl__slide_description.yarl__slide_description{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_description_container.yarl__slide_description_container.yarl__slide_description_container{display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 3);padding-bottom:calc(var(--swui-metrics-space) * 4)}.yarl__counter.yarl__counter{height:48px;margin:calc(var(--swui-metrics-space) * 1);display:flex;align-items:center;padding:0;padding-left:calc(var(--swui-metrics-space) * 1);font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { jsx as e, Fragment as R, jsxs as r } from "react/jsx-runtime";
+import { ActionMenu as he, ActionMenuContext as Ie, stenaAngleDown as pe, PrimaryButton as me, SecondaryButton as I, FlatButton as G, stenaHamburger as ge, BaseButton as Se, stenaBellFilled as Ne, TextInputButton as Re, stenaTimes as Me, stenaUserCircle as je, CircledIcon as L, CloseButton as be, MenuButton as X, Icon as J, stenaMail as ze, Card as Fe, CardBody as Pe, stenaTripFerryXl as Ae, Spinner as Y, StenaFlag as $e, stenaAngleLeftDouble as fe, stenaPin as Le, IconMenuButton as ee, IconMenuButtonLink as De, MenuButtonLink as We, Tag as He, ShimmerBox as M, stenaAngleLeft as re, stenaAngleRight as oe, stenaSearchPlus as Ue, stenaSearchMinus as qe, stenaTimesThick as Ee } from "@stenajs-webui/elements";
+import * as Ge from "react";
+import { useRef as T, useMemo as q, forwardRef as ne, createContext as Oe, useContext as Ve, useState as U, useCallback as le } from "react";
+import { useBoolean as xe, Row as c, Indent as y, Column as h, Heading as j, Box as d, Text as b, Space as x, getDataProps as O, SeparatorLine as Ke, Spacing as Ze, isEmptyFragment as Qe, useAccessibleFontSizeContext as Te, exhaustSwitchCaseElseThrow as ve, BlockKeyboardEvents as Xe } from "@stenajs-webui/core";
+import { ControlledPopover as Ce, Popover as _e, Tooltip as ye } from "@stenajs-webui/tooltip";
+import { Checkbox as we, TextInput as Je } from "@stenajs-webui/forms";
 import v from "classnames";
 import { cssColor as m } from "@stenajs-webui/theme";
 import { useMediaQuery as N } from "react-responsive";
 import ae from "yet-another-react-lightbox";
-import Je from "yet-another-react-lightbox/plugins/inline";
-import Ye from "yet-another-react-lightbox/plugins/captions";
-import en from "yet-another-react-lightbox/plugins/counter";
-import nn from "yet-another-react-lightbox/plugins/zoom";
+import Ye from "yet-another-react-lightbox/plugins/inline";
+import en from "yet-another-react-lightbox/plugins/captions";
+import nn from "yet-another-react-lightbox/plugins/counter";
+import tn from "yet-another-react-lightbox/plugins/zoom";
 const te = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: i,
-  rightIcon: o = he,
+  rightIcon: o = pe,
   menuWidth: l,
   menuTop: a,
   onClick: s,
   disableArrow: u = !1,
   buttonRef: g,
-  appendTo: b,
+  appendTo: f,
   zIndex: C,
   disableTrapFocus: B = !1,
   ...k
 }) => {
-  const [S, w, _, j] = fe(!1), F = Q(null), P = g ?? F, O = U(() => ({ open: w, close: _ }), [w, _]), L = (A) => {
-    s == null || s(A), j();
+  const [S, w, _, z] = xe(!1), F = T(null), P = g ?? F, V = q(() => ({ open: w, close: _ }), [w, _]), D = (A) => {
+    s == null || s(A), z();
   };
-  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-    ve,
+  return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+    Ce,
     {
       renderTrigger: (A) => /* @__PURE__ */ e(
         i,
@@ -41,7 +41,7 @@ const te = ({
           rightIcon: u ? void 0 : o,
           ...k,
           ref: P,
-          onClick: L,
+          onClick: D,
           ...A
         }
       ),
@@ -50,24 +50,24 @@ const te = ({
       open: S,
       onRequestClose: _,
       placement: t,
-      appendTo: b,
+      appendTo: f,
       zIndex: C,
       children: S && /* @__PURE__ */ e(
-        ue,
+        he,
         {
           width: l,
           top: a,
           trapFocus: !B,
-          children: /* @__PURE__ */ e(ke.Provider, { value: O, children: n(_) })
+          children: /* @__PURE__ */ e(Ie.Provider, { value: V, children: n(_) })
         }
       )
     }
   ) });
-}, ft = (n) => /* @__PURE__ */ e(te, { buttonComponent: pe, ...n }), xt = (n) => /* @__PURE__ */ e(te, { buttonComponent: I, ...n }), tn = (n) => /* @__PURE__ */ e(te, { buttonComponent: E, ...n }), rn = "1px solid var(--lhds-color-ui-300)", vt = ({
+}, Ct = (n) => /* @__PURE__ */ e(te, { buttonComponent: me, ...n }), _t = (n) => /* @__PURE__ */ e(te, { buttonComponent: I, ...n }), rn = (n) => /* @__PURE__ */ e(te, { buttonComponent: G, ...n }), on = "1px solid var(--lhds-color-ui-300)", yt = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
-  Ce,
+  _e,
   {
     trigger: "click",
     renderTrigger: (i) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ r(
@@ -76,33 +76,33 @@ const te = ({
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: rn,
+        border: on,
         borderRadius: "4px",
         children: [
-          /* @__PURE__ */ e(ye, { ...t }),
+          /* @__PURE__ */ e(we, { ...t }),
           /* @__PURE__ */ e(y, { num: 0.5 }),
-          /* @__PURE__ */ e(E, { size: "small", leftIcon: he, ...i })
+          /* @__PURE__ */ e(G, { size: "small", leftIcon: pe, ...i })
         ]
       }
     ) }),
     hideArrow: !0,
     disablePadding: !0,
     placement: "bottom-start",
-    children: ({ onRequestClose: i }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(ue, { children: n(i) }) })
+    children: ({ onRequestClose: i }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(he, { children: n(i) }) })
   }
-), on = "_navBar_kzibd_1", ln = {
-  navBar: on
-}, an = ({
+), ln = "_navBar_kzibd_1", an = {
+  navBar: ln
+}, cn = ({
   className: n,
   onClick: t
 }) => /* @__PURE__ */ e(
-  E,
+  G,
   {
-    leftIcon: me,
+    leftIcon: ge,
     className: n,
     onClick: t
   }
-), Ct = ({
+), wt = ({
   left: n,
   className: t,
   showMenuButton: i = !1,
@@ -116,7 +116,7 @@ const te = ({
     c,
     {
       justifyContent: "space-between",
-      className: v(ln.navBar, t),
+      className: v(an.navBar, t),
       children: [
         /* @__PURE__ */ r(
           c,
@@ -127,14 +127,14 @@ const te = ({
             children: [
               /* @__PURE__ */ r(c, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ e(y, {}),
-                i && /* @__PURE__ */ e(an, { onClick: s })
+                i && /* @__PURE__ */ e(cn, { onClick: s })
               ] }),
-              n && /* @__PURE__ */ r(M, { children: [
+              n && /* @__PURE__ */ r(R, { children: [
                 n,
                 /* @__PURE__ */ e(y, { num: 2 })
               ] }),
-              o && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ee.Children.map(o, (g, b) => /* @__PURE__ */ r(M, { children: [
-                b > 0 && /* @__PURE__ */ e(y, {}),
+              o && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ge.Children.map(o, (g, f) => /* @__PURE__ */ r(R, { children: [
+                f > 0 && /* @__PURE__ */ e(y, {}),
                 g
               ] })) }) })
             ]
@@ -148,13 +148,13 @@ const te = ({
       ]
     }
   );
-}, cn = "_navBarButton_b3x3w_1", sn = "_selected_b3x3w_14", ce = {
-  navBarButton: cn,
-  selected: sn
-}, dn = ee(
+}, sn = "_navBarButton_b3x3w_1", dn = "_selected_b3x3w_14", ce = {
+  navBarButton: sn,
+  selected: dn
+}, un = ne(
   function({ selected: n, className: t, ...i }, o) {
     return /* @__PURE__ */ e(
-      E,
+      G,
       {
         ...i,
         ref: o,
@@ -166,18 +166,18 @@ const te = ({
       }
     );
   }
-), _t = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), yt = ({
+), Bt = (n) => /* @__PURE__ */ e(j, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), kt = ({
   content: n,
   children: t,
   appendTo: i,
   zIndex: o,
   ...l
 }) => {
-  const [a, , s, u] = fe(!1);
+  const [a, , s, u] = xe(!1);
   return /* @__PURE__ */ e(
-    ve,
+    Ce,
     {
-      renderTrigger: (g) => /* @__PURE__ */ e(dn, { ...l, ...g, onClick: u }),
+      renderTrigger: (g) => /* @__PURE__ */ e(un, { ...l, ...g, onClick: u }),
       open: a,
       onRequestClose: s,
       zIndex: o,
@@ -188,23 +188,23 @@ const te = ({
       ] })
     }
   );
-}, un = "_navBarNotificationButton_1wt3y_1", hn = "_unread_1wt3y_23", pn = "_icon_1wt3y_23", mn = "_shake_1wt3y_1", $ = {
-  navBarNotificationButton: un,
-  unread: hn,
-  icon: pn,
-  shake: mn
-}, wt = ee(function({
+}, hn = "_navBarNotificationButton_1wt3y_1", pn = "_unread_1wt3y_23", mn = "_icon_1wt3y_23", gn = "_shake_1wt3y_1", $ = {
+  navBarNotificationButton: hn,
+  unread: pn,
+  icon: mn,
+  shake: gn
+}, It = ne(function({
   count: n,
   unread: t = !1,
   className: i,
   labelClassName: o,
   iconClassName: l,
-  icon: a = Se,
+  icon: a = Ne,
   ...s
 }, u) {
   const g = n > 1;
   return /* @__PURE__ */ e(
-    Ie,
+    Se,
     {
       ...s,
       ref: u,
@@ -220,12 +220,12 @@ const te = ({
       iconClassName: v(l, $.icon)
     }
   );
-}), gn = "_navBarSearchFieldInput_1rp8g_1", bn = "_navBarSearchFieldWrapper_1rp8g_12", fn = "_withButton_1rp8g_24", xn = "_clearButton_1rp8g_33", D = {
-  navBarSearchFieldInput: gn,
-  navBarSearchFieldWrapper: bn,
-  withButton: fn,
-  clearButton: xn
-}, Bt = ({
+}), bn = "_navBarSearchFieldInput_1rp8g_1", fn = "_navBarSearchFieldWrapper_1rp8g_12", xn = "_withButton_1rp8g_24", vn = "_clearButton_1rp8g_33", W = {
+  navBarSearchFieldInput: bn,
+  navBarSearchFieldWrapper: fn,
+  withButton: xn,
+  clearButton: vn
+}, St = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: i,
@@ -234,20 +234,20 @@ const te = ({
   value: a,
   ...s
 }) => /* @__PURE__ */ e(
-  Xe,
+  Je,
   {
     wrapperClassName: v(
-      D.navBarSearchFieldWrapper,
-      o ? D.withButton : void 0,
+      W.navBarSearchFieldWrapper,
+      o ? W.withButton : void 0,
       i
     ),
-    className: v(D.navBarSearchFieldInput, t),
+    className: v(W.navBarSearchFieldInput, t),
     placeholder: n,
     value: a,
     buttonRight: a && o ? /* @__PURE__ */ e(
-      Ne,
+      Re,
       {
-        className: D.clearButton,
+        className: W.clearButton,
         icon: Me,
         variant: "error",
         onClick: l
@@ -255,33 +255,33 @@ const te = ({
     ) : void 0,
     ...s
   }
-), vn = "_navBarUserButton_10f9z_1", Cn = {
-  navBarUserButton: vn
-}, kt = ({
+), Cn = "_navBarUserButton_10f9z_1", _n = {
+  navBarUserButton: Cn
+}, Nt = ({
   className: n,
   username: t,
   initials: i,
-  icon: o = Re,
+  icon: o = je,
   responsiveIconOnly: l = i == null,
   ...a
 }) => /* @__PURE__ */ e(
-  tn,
+  rn,
   {
     ...a,
-    className: v(Cn.navBarUserButton, n),
+    className: v(_n.navBarUserButton, n),
     leftIcon: t != null ? o : void 0,
     label: i ?? t,
     forceRound: i != null,
     responsiveIconOnly: l,
     disableArrow: !0
   }
-), _n = "_unreadDot_l8bni_1", yn = "_dot_l8bni_4", se = {
-  unreadDot: _n,
-  dot: yn
-}, wn = ({ children: n }) => /* @__PURE__ */ r("div", { className: se.unreadDot, children: [
+), yn = "_unreadDot_l8bni_1", wn = "_dot_l8bni_4", se = {
+  unreadDot: yn,
+  dot: wn
+}, Bn = ({ children: n }) => /* @__PURE__ */ r("div", { className: se.unreadDot, children: [
   n,
   /* @__PURE__ */ e("div", { className: se.dot })
-] }), we = ({
+] }), Be = ({
   text: n,
   timestamp: t,
   icon: i,
@@ -291,25 +291,25 @@ const te = ({
   onClose: s,
   unread: u = !1,
   variant: g,
-  iconBackgroundColor: b
+  iconBackgroundColor: f
 }) => {
   const C = i ? /* @__PURE__ */ e(
-    G,
+    L,
     {
       size: "small",
       icon: i,
       "aria-label": o,
-      backgroundColor: b || Bn(u, g)
+      backgroundColor: f || kn(u, g)
     }
   ) : void 0;
   return /* @__PURE__ */ r(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
     /* @__PURE__ */ r(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
       l && /* @__PURE__ */ e(d, { minHeight: 20, justifyContent: "center", children: l }),
-      !l && C && (u ? /* @__PURE__ */ e(wn, { children: C }) : C),
+      !l && C && (u ? /* @__PURE__ */ e(Bn, { children: C }) : C),
       /* @__PURE__ */ r(d, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
-        /* @__PURE__ */ e(f, { variant: "bold", children: n }),
+        /* @__PURE__ */ e(b, { variant: "bold", children: n }),
         t && /* @__PURE__ */ e(
-          f,
+          b,
           {
             size: "small",
             color: m(
@@ -327,20 +327,20 @@ const te = ({
         flex: "none",
         justifyContent: "center",
         height: "calc(20px + 2 * var(--swui-metrics-spacing))",
-        children: /* @__PURE__ */ e(ge, { onClick: s })
+        children: /* @__PURE__ */ e(be, { onClick: s })
       }
     )
   ] });
-}, Bn = (n, t) => {
+}, kn = (n, t) => {
   if (!(!n && t === "standard"))
     return "--lhds-color-ui-50";
-}, kn = "_notification_1hao0_1", In = "_body_1hao0_7", Sn = "_standard_1hao0_13", Nn = "_unread_1hao0_14", Mn = "_danger_1hao0_19", W = {
-  notification: kn,
-  body: In,
-  standard: Sn,
-  unread: Nn,
+}, In = "_notification_1hao0_1", Sn = "_body_1hao0_7", Nn = "_standard_1hao0_13", Rn = "_unread_1hao0_14", Mn = "_danger_1hao0_19", H = {
+  notification: In,
+  body: Sn,
+  standard: Nn,
+  unread: Rn,
   danger: Mn
-}, It = ({
+}, Rt = ({
   variant: n = "standard",
   children: t,
   unread: i,
@@ -349,26 +349,26 @@ const te = ({
   "div",
   {
     className: v(
-      W.notification,
-      W[n],
-      i && W.unread
+      H.notification,
+      H[n],
+      i && H.unread
     ),
     children: [
-      /* @__PURE__ */ e(we, { ...o, unread: i, variant: n }),
-      t && /* @__PURE__ */ e(p, { className: W.body, children: t })
+      /* @__PURE__ */ e(Be, { ...o, unread: i, variant: n }),
+      t && /* @__PURE__ */ e(h, { className: H.body, children: t })
     ]
   }
-), Rn = "_notificationList_1rkvu_1", zn = {
-  notificationList: Rn
-}, St = ({
+), jn = "_notificationList_1rkvu_1", zn = {
+  notificationList: jn
+}, Mt = ({
   children: n
 }) => /* @__PURE__ */ r("div", { className: zn.notificationList, children: [
   n,
   /* @__PURE__ */ e("div", {})
-] }), jn = "_clickable_1ijxc_1", Fn = "_nonClickable_1ijxc_27", V = {
-  clickable: jn,
-  nonClickable: Fn
-}, Nt = ({
+] }), Fn = "_clickable_1ijxc_1", Pn = "_nonClickable_1ijxc_27", K = {
+  clickable: Fn,
+  nonClickable: Pn
+}, jt = ({
   onClick: n,
   onClickAriaLabel: t,
   children: i,
@@ -386,8 +386,8 @@ const te = ({
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ e(d, { className: v({ [V.nonClickable]: n }), children: /* @__PURE__ */ e(we, { ...a }) }),
-      i && /* @__PURE__ */ r(d, { indent: 3, className: v({ [V.nonClickable]: n }), children: [
+      /* @__PURE__ */ e(d, { className: v({ [K.nonClickable]: n }), children: /* @__PURE__ */ e(Be, { ...a }) }),
+      i && /* @__PURE__ */ r(d, { indent: 3, className: v({ [K.nonClickable]: n }), children: [
         i,
         /* @__PURE__ */ e(x, { num: 2 })
       ] }),
@@ -395,15 +395,15 @@ const te = ({
         "button",
         {
           onClick: n,
-          className: V.clickable,
+          className: K.clickable,
           "aria-label": t
         }
       )
     ]
   }
-), Pn = ee(
+), An = ne(
   ({ contentLeft: n, contentRight: t, collapsed: i = !1, ...o }, l) => /* @__PURE__ */ e(
-    T,
+    X,
     {
       ref: l,
       expandable: !0,
@@ -414,9 +414,9 @@ const te = ({
       ...o
     }
   )
-), Mt = ({
+), zt = ({
   children: n
-}) => /* @__PURE__ */ e(p, { gap: 1, children: n }), Rt = ({
+}) => /* @__PURE__ */ e(h, { gap: 1, children: n }), Ft = ({
   value: n,
   onValueChange: t,
   onChange: i,
@@ -424,10 +424,10 @@ const te = ({
   checkboxDisabled: l,
   ...a
 }) => /* @__PURE__ */ e(
-  Pn,
+  An,
   {
     contentLeft: /* @__PURE__ */ e(
-      ye,
+      we,
       {
         value: n,
         indeterminate: o,
@@ -439,60 +439,60 @@ const te = ({
     ),
     ...a
   }
-), An = "_sidebarMenuCollapsibleGroupBox_ikek9_1", $n = {
-  sidebarMenuCollapsibleGroupBox: An
-}, Ln = ({ children: n }) => /* @__PURE__ */ e("div", { className: $n.sidebarMenuCollapsibleGroupBox, children: n }), zt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n }) }), jt = ({ text: n = "No content" }) => /* @__PURE__ */ r(p, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ e(X, { icon: ze, color: m("--lhds-color-ui-500") }),
+), $n = "_sidebarMenuCollapsibleGroupBox_ikek9_1", Ln = {
+  sidebarMenuCollapsibleGroupBox: $n
+}, Dn = ({ children: n }) => /* @__PURE__ */ e("div", { className: Ln.sidebarMenuCollapsibleGroupBox, children: n }), Pt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(b, { variant: "overline", size: "smaller", children: n }) }), At = ({ text: n = "No content" }) => /* @__PURE__ */ r(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+  /* @__PURE__ */ e(J, { icon: ze, color: m("--lhds-color-ui-500") }),
   /* @__PURE__ */ e(x, {}),
-  /* @__PURE__ */ e(f, { size: "small", color: m("--lhds-color-ui-500"), children: n })
-] }), Dn = ({
+  /* @__PURE__ */ e(b, { size: "small", color: m("--lhds-color-ui-500"), children: n })
+] }), Wn = ({
   text: n,
   heading: t,
   children: i,
   buttons: o,
-  icon: l = Pe,
+  icon: l = Ae,
   headingLevel: a = "h3",
   ...s
 }) => {
   const u = !n && !t ? "Something unexpected happened." : n;
-  return /* @__PURE__ */ e(je, { ...s, children: /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ r(p, { spacing: 1, gap: 3, alignItems: "center", children: [
-    /* @__PURE__ */ r(p, { alignItems: "center", children: [
+  return /* @__PURE__ */ e(Fe, { ...s, children: /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ r(h, { spacing: 1, gap: 3, alignItems: "center", children: [
+    /* @__PURE__ */ r(h, { alignItems: "center", children: [
       /* @__PURE__ */ e(x, { num: 1 }),
-      /* @__PURE__ */ e(G, { icon: l, size: "xl" })
+      /* @__PURE__ */ e(L, { icon: l, size: "xl" })
     ] }),
-    t && /* @__PURE__ */ e(z, { as: a, children: t }),
-    u && /* @__PURE__ */ e(f, { children: u }),
+    t && /* @__PURE__ */ e(j, { as: a, children: t }),
+    u && /* @__PURE__ */ e(b, { children: u }),
     i,
     o && /* @__PURE__ */ r(d, { children: [
       /* @__PURE__ */ e(x, { num: 2 }),
       o
     ] })
   ] }) }) });
-}, Ft = (n) => /* @__PURE__ */ e(
+}, $t = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(Dn, { ...n })
+    children: /* @__PURE__ */ e(Wn, { ...n })
   }
-), Wn = ({
+), Hn = ({
   text: n = "Loading..."
 }) => /* @__PURE__ */ r(d, { alignItems: "center", children: [
-  /* @__PURE__ */ e(J, { size: "small" }),
+  /* @__PURE__ */ e(Y, { size: "small" }),
   /* @__PURE__ */ e(x, { num: 4 }),
-  /* @__PURE__ */ e(z, { variant: "h4", children: n })
-] }), Pt = (n) => /* @__PURE__ */ e(
+  /* @__PURE__ */ e(j, { variant: "h4", children: n })
+] }), Lt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(Wn, { ...n })
+    children: /* @__PURE__ */ e(Hn, { ...n })
   }
-), At = ({
+), Dt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: i,
@@ -508,7 +508,7 @@ const te = ({
     i == null ? void 0 : i()
   ] }),
   o
-] }), $t = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Lt = ({
+] }), Wt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Ht = ({
   icon: n,
   heading: t,
   headingLevel: i = "h2",
@@ -516,18 +516,46 @@ const te = ({
   contentRight: l
 }) => /* @__PURE__ */ r(c, { alignItems: "center", gap: 2, height: "64px", children: [
   /* @__PURE__ */ r(c, { alignItems: "center", children: [
-    /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(G, { icon: n }) }),
-    /* @__PURE__ */ e(z, { variant: "h3", as: i, children: t })
+    /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(L, { icon: n }) }),
+    /* @__PURE__ */ e(j, { variant: "h3", as: i, children: t })
   ] }),
   /* @__PURE__ */ e(c, { alignItems: "center", children: o }),
   /* @__PURE__ */ e(c, { style: { marginLeft: "auto" }, alignItems: "center", children: l })
-] }), Hn = "_sidebarMenu_1bx5w_1", Un = "_sidebarItems_1bx5w_38", qn = "_scrollContainer_1bx5w_48", K = {
-  sidebarMenu: Hn,
-  sidebarItems: Un,
-  scrollContainer: qn
-}, En = "_stenaFlag_108h7_1", Gn = {
-  stenaFlag: En
-}, On = ({ onClick: n }) => /* @__PURE__ */ r(p, { background: m("--lhds-color-ui-50"), children: [
+] }), Un = "_selectionRow_1njaw_1", qn = "_iconColumn_1njaw_9", de = {
+  selectionRow: Un,
+  iconColumn: qn
+}, Ut = ({
+  icon: n,
+  heading: t,
+  description: i,
+  contentRight: o,
+  htmlFor: l,
+  ...a
+}) => /* @__PURE__ */ r("div", { className: de.selectionRow, ...O(a), children: [
+  /* @__PURE__ */ r(c, { gap: 2, children: [
+    n && /* @__PURE__ */ e(
+      d,
+      {
+        alignItems: "center",
+        justifyContent: "center",
+        width: "40px",
+        className: de.iconColumn,
+        children: /* @__PURE__ */ e(L, { icon: n })
+      }
+    ),
+    /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ r(h, { gap: 0.5, children: [
+      /* @__PURE__ */ e(b, { variant: "bold", children: t }),
+      typeof i == "string" ? /* @__PURE__ */ e(b, { color: m("--silver-dark"), children: i }) : i
+    ] }) })
+  ] }),
+  o
+] }), En = "_sidebarMenu_1bx5w_1", Gn = "_sidebarItems_1bx5w_38", On = "_scrollContainer_1bx5w_48", Z = {
+  sidebarMenu: En,
+  sidebarItems: Gn,
+  scrollContainer: On
+}, Vn = "_stenaFlag_108h7_1", Kn = {
+  stenaFlag: Vn
+}, Zn = ({ onClick: n }) => /* @__PURE__ */ r(h, { background: m("--lhds-color-ui-50"), children: [
   /* @__PURE__ */ e(x, {}),
   /* @__PURE__ */ r(
     c,
@@ -538,16 +566,16 @@ const te = ({
       indent: 1,
       minHeight: "48px",
       children: [
-        /* @__PURE__ */ e(ge, { onClick: n }),
-        /* @__PURE__ */ e(Ae, { className: Gn.stenaFlag })
+        /* @__PURE__ */ e(be, { onClick: n }),
+        /* @__PURE__ */ e($e, { className: Kn.stenaFlag })
       ]
     }
   )
-] }), Vn = ({
+] }), Qn = ({
   isPinned: n,
   onClick: t,
   label: i
-}) => /* @__PURE__ */ e(T, { onClick: t, label: i ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? be : $e }), Dt = ({
+}) => /* @__PURE__ */ e(X, { onClick: t, label: i ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? fe : Le }), qt = ({
   className: n,
   children: t,
   onCloseClick: i,
@@ -556,22 +584,22 @@ const te = ({
   bottomItems: a,
   isPinned: s,
   ...u
-}) => /* @__PURE__ */ r(d, { ...u, className: v(K.sidebarMenu, n), children: [
-  /* @__PURE__ */ e(On, { onClick: i }),
-  /* @__PURE__ */ e(d, { className: K.scrollContainer, children: /* @__PURE__ */ r(
-    p,
+}) => /* @__PURE__ */ r(d, { ...u, className: v(Z.sidebarMenu, n), children: [
+  /* @__PURE__ */ e(Zn, { onClick: i }),
+  /* @__PURE__ */ e(d, { className: Z.scrollContainer, children: /* @__PURE__ */ r(
+    h,
     {
-      className: K.sidebarItems,
+      className: Z.sidebarItems,
       justifyContent: "space-between",
       flex: 1,
       gap: 1,
       indent: 1,
       children: [
-        /* @__PURE__ */ e(p, { gap: 1, children: t }),
-        (a || o) && /* @__PURE__ */ r(p, { gap: 1, children: [
+        /* @__PURE__ */ e(h, { gap: 1, children: t }),
+        (a || o) && /* @__PURE__ */ r(h, { gap: 1, children: [
           a,
           o && /* @__PURE__ */ e(
-            Vn,
+            Qn,
             {
               isPinned: s,
               onClick: l
@@ -582,10 +610,10 @@ const te = ({
       ]
     }
   ) })
-] }), q = Ge(!1), ie = () => Oe(q), Kn = ({
+] }), E = Oe(!1), ie = () => Ve(E), Tn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(_e, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(Y, { ...t }) }), Wt = ({
+}) => /* @__PURE__ */ e(ye, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(ee, { ...t }) }), Et = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: i,
@@ -605,15 +633,15 @@ const te = ({
     shadow: "popover",
     background: m("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ e(Y, { onClick: i, icon: me }),
-      /* @__PURE__ */ r(p, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ e(p, { gap: 1, children: /* @__PURE__ */ e(q.Provider, { value: !0, children: o }) }),
-        /* @__PURE__ */ e(p, { gap: 1, children: (l || n) && /* @__PURE__ */ r(q.Provider, { value: !0, children: [
+      /* @__PURE__ */ e(ee, { onClick: i, icon: ge }),
+      /* @__PURE__ */ r(h, { justifyContent: "space-between", flex: 1, gap: 1, children: [
+        /* @__PURE__ */ e(h, { gap: 1, children: /* @__PURE__ */ e(E.Provider, { value: !0, children: o }) }),
+        /* @__PURE__ */ e(h, { gap: 1, children: (l || n) && /* @__PURE__ */ r(E.Provider, { value: !0, children: [
           l,
           n && /* @__PURE__ */ e(
-            Kn,
+            Tn,
             {
-              icon: be,
+              icon: fe,
               label: a,
               onClick: t
             }
@@ -622,24 +650,24 @@ const te = ({
       ] })
     ]
   }
-), Zn = ({
+), Xn = ({
   label: n
 }) => ie() ? null : /* @__PURE__ */ r(d, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ e(x, {}),
-  /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n })
-] }), Qn = ({
+  /* @__PURE__ */ e(b, { variant: "overline", size: "smaller", children: n })
+] }), Jn = ({
   label: n,
   leftIcon: t,
   ...i
-}) => t == null ? null : /* @__PURE__ */ e(_e, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...i }) }), Ht = (n) => ie() ? /* @__PURE__ */ e(Qn, { ...n }) : /* @__PURE__ */ e(De, { ...n }), Tn = ({
+}) => t == null ? null : /* @__PURE__ */ e(ye, { label: n, placement: "right", children: /* @__PURE__ */ e(De, { icon: t, ...i }) }), Gt = (n) => ie() ? /* @__PURE__ */ e(Jn, { ...n }) : /* @__PURE__ */ e(We, { ...n }), Yn = ({
   children: n,
   label: t,
   icon: i,
   popupMinWidth: o = "200px"
 }) => /* @__PURE__ */ e(
-  Ce,
+  _e,
   {
-    renderTrigger: (l) => /* @__PURE__ */ e(Y, { icon: i, ...l }),
+    renderTrigger: (l) => /* @__PURE__ */ e(ee, { icon: i, ...l }),
     placement: "right-start",
     trigger: ["hover", "focus"],
     disablePadding: !0,
@@ -651,23 +679,23 @@ const te = ({
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ r(q.Provider, { value: !1, children: [
-          /* @__PURE__ */ e(Zn, { label: t }),
+        children: /* @__PURE__ */ r(E.Provider, { value: !1, children: [
+          /* @__PURE__ */ e(Xn, { label: t }),
           n
         ] })
       }
     )
   }
-), Ut = ({
+), Ot = ({
   children: n,
   label: t,
   leftIcon: i,
   className: o,
   initialExpand: l = !1
 }) => {
-  const [a, s] = H(l);
-  return ie() ? i == null ? null : /* @__PURE__ */ e(Tn, { label: t, icon: i, children: n }) : /* @__PURE__ */ e(
-    T,
+  const [a, s] = U(l);
+  return ie() ? i == null ? null : /* @__PURE__ */ e(Yn, { label: t, icon: i, children: n }) : /* @__PURE__ */ e(
+    X,
     {
       label: t,
       onClick: () => s(!a),
@@ -676,16 +704,16 @@ const te = ({
       expandable: !0,
       expanded: a,
       selected: a,
-      children: /* @__PURE__ */ e(Ln, { children: n })
+      children: /* @__PURE__ */ e(Dn, { children: n })
     }
   );
-}, qt = (n) => /* @__PURE__ */ e(
-  Ve,
+}, Vt = (n) => /* @__PURE__ */ e(
+  Ke,
   {
     color: m("--lhds-color-ui-400"),
     ...n
   }
-), Et = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
+), Kt = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
   c,
   {
     indent: 3,
@@ -699,23 +727,23 @@ const te = ({
     borderRadius: "var(--swui-border-radius)",
     children: [
       /* @__PURE__ */ r(c, { alignItems: "center", gap: 2, children: [
-        n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ r(M, { children: [
-          /* @__PURE__ */ e(f, { children: n }),
+        n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ r(R, { children: [
+          /* @__PURE__ */ e(b, { children: n }),
           /* @__PURE__ */ e(x, {}),
-          /* @__PURE__ */ r(f, { children: [
+          /* @__PURE__ */ r(b, { children: [
             "item",
             n === 1 ? "" : "s",
             " selected"
           ] })
-        ] }) : t != null ? /* @__PURE__ */ e(M, { children: typeof t == "string" ? /* @__PURE__ */ e(f, { children: t }) : t }) : null }) : null,
+        ] }) : t != null ? /* @__PURE__ */ e(R, { children: typeof t == "string" ? /* @__PURE__ */ e(b, { children: t }) : t }) : null }) : null,
         i && /* @__PURE__ */ e(c, { children: i })
       ] }),
       /* @__PURE__ */ e(c, { gap: 2, children: o })
     ]
   }
-), Gt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Xn = "_productCard_19x6b_1", Jn = {
-  productCard: Xn
-}, Ot = ({
+), Zt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), et = "_productCard_19x6b_1", nt = {
+  productCard: et
+}, Qt = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: i,
@@ -723,22 +751,22 @@ const te = ({
   shadow: l,
   ...a
 }) => /* @__PURE__ */ r(
-  p,
+  h,
   {
     "data-comp": "ProductCard",
-    className: Jn.productCard,
+    className: nt.productCard,
     shadow: l ? "box" : void 0,
     background: m("--moln"),
     borderRadius: "24px",
     overflow: "hidden",
     position: o ? "relative" : void 0,
-    ...ne(a),
+    ...O(a),
     children: [
       n == null ? void 0 : n(),
-      /* @__PURE__ */ e(p, { gap: 2, children: i }),
-      t && /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ e(h, { gap: 2, children: i }),
+      t && /* @__PURE__ */ r(h, { children: [
         /* @__PURE__ */ e(c, { indent: 2, justifyContent: "flex-end", children: t() }),
-        /* @__PURE__ */ e(Ke, {})
+        /* @__PURE__ */ e(Ze, {})
       ] }),
       o && /* @__PURE__ */ e(
         d,
@@ -751,12 +779,12 @@ const te = ({
           justifyContent: "center",
           alignItems: "center",
           background: "rgba(255, 255, 255, 0.7)",
-          children: /* @__PURE__ */ e(J, {})
+          children: /* @__PURE__ */ e(Y, {})
         }
       )
     ]
   }
-), Yn = ({ children: n }) => /* @__PURE__ */ e(f, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Vt = ({
+), tt = ({ children: n }) => /* @__PURE__ */ e(b, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Tt = ({
   description: n,
   subDescription: t,
   descriptionTags: i,
@@ -766,11 +794,11 @@ const te = ({
   title: s,
   subTitle: u,
   renderImage: g,
-  children: b,
+  children: f,
   headingLevel: C
 }) => {
-  const B = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Ze(i);
-  return /* @__PURE__ */ r(p, { children: [
+  const B = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Qe(i);
+  return /* @__PURE__ */ r(h, { children: [
     g == null ? void 0 : g(),
     /* @__PURE__ */ r(d, { gap: 2, spacing: 4, indent: 4, background: m("--moln"), children: [
       /* @__PURE__ */ r(d, { gap: 0.5, children: [
@@ -781,35 +809,35 @@ const te = ({
             alignItems: "flex-start",
             gap: 2,
             children: [
-              /* @__PURE__ */ e(z, { variant: "h3", as: C, children: s }),
+              /* @__PURE__ */ e(j, { variant: "h3", as: C, children: s }),
               /* @__PURE__ */ r(c, { gap: 2, children: [
-                l && /* @__PURE__ */ e(p, { justifyContent: "center", children: l }),
-                /* @__PURE__ */ e(Yn, { children: a })
+                l && /* @__PURE__ */ e(h, { justifyContent: "center", children: l }),
+                /* @__PURE__ */ e(tt, { children: a })
               ] })
             ]
           }
         ),
-        u && /* @__PURE__ */ e(f, { variant: "bold", color: m("--silver-dark"), children: u })
+        u && /* @__PURE__ */ e(b, { variant: "bold", color: m("--silver-dark"), children: u })
       ] }),
-      (B || o) && /* @__PURE__ */ r(p, { children: [
+      (B || o) && /* @__PURE__ */ r(h, { children: [
         /* @__PURE__ */ r(c, { gap: 1, flexWrap: "wrap", children: [
           i,
-          o && /* @__PURE__ */ e(We, { label: o, variant: "passive" })
+          o && /* @__PURE__ */ e(He, { label: o, variant: "passive" })
         ] }),
         /* @__PURE__ */ e(x, {})
       ] }),
-      n && /* @__PURE__ */ r(p, { children: [
-        /* @__PURE__ */ e(f, { children: n }),
+      n && /* @__PURE__ */ r(h, { children: [
+        /* @__PURE__ */ e(b, { children: n }),
         /* @__PURE__ */ e(x, {})
       ] }),
-      t && /* @__PURE__ */ r(p, { children: [
-        /* @__PURE__ */ e(f, { children: t }),
+      t && /* @__PURE__ */ r(h, { children: [
+        /* @__PURE__ */ e(b, { children: t }),
         /* @__PURE__ */ e(x, {})
       ] }),
-      b
+      f
     ] })
   ] });
-}, Kt = ({ renderImage: n }) => /* @__PURE__ */ r(p, { children: [
+}, Xt = ({ renderImage: n }) => /* @__PURE__ */ r(h, { children: [
   n == null ? void 0 : n(),
   /* @__PURE__ */ r(d, { gap: 3, spacing: 4, indent: 4, background: m("--moln"), children: [
     /* @__PURE__ */ e(d, { gap: 0.5, children: /* @__PURE__ */ e(
@@ -819,7 +847,7 @@ const te = ({
         alignItems: "flex-start",
         gap: 2,
         children: /* @__PURE__ */ e(
-          R,
+          M,
           {
             width: "50px",
             height: "2.8rem",
@@ -828,17 +856,16 @@ const te = ({
         )
       }
     ) }),
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(R, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(R, { width: "150px", height: "1.4rem", borderRadius: "8px" }) }),
-    /* @__PURE__ */ e(x, {})
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(M, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(M, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
   ] })
-] }), Zt = ({
+] }), Jt = ({
   label: n,
   children: t
 }) => /* @__PURE__ */ r(d, { background: m("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
-  /* @__PURE__ */ e(z, { variant: "h3", as: "h2", color: "white", children: n }),
+  /* @__PURE__ */ e(j, { variant: "h3", as: "h2", color: "white", children: n }),
   t
-] }), Qt = ({
+] }), Yt = ({
   title: n,
   variant: t = "normal",
   loading: i,
@@ -848,14 +875,14 @@ const te = ({
   renderOfferCodeTag: s,
   renderMandatoryTag: u,
   renderContentLeftOfButton: g,
-  children: b,
+  children: f,
   ...C
 }) => {
-  const { fontSizeRatio: B } = Qe(), k = N({
+  const { fontSizeRatio: B } = Te(), k = N({
     query: "(max-width: 460px)"
   }), w = N({
     query: "(max-width: 360px)"
-  }) || k && B > 1.2, _ = i ? "normal" : t, j = nt(_), F = m("--moln"), P = et(_);
+  }) || k && B > 1.2, _ = i ? "normal" : t, z = rt(_), F = m("--moln"), P = it(_);
   return /* @__PURE__ */ r(
     d,
     {
@@ -864,19 +891,19 @@ const te = ({
       shadow: "box",
       overflow: "hidden",
       position: i ? "relative" : void 0,
-      ...ne(C),
+      ...O(C),
       children: [
         /* @__PURE__ */ r(c, { flex: 1, children: [
-          !w && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: j, children: o && /* @__PURE__ */ e(X, { color: P, icon: o, size: 73 }) }),
-          /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: F, children: /* @__PURE__ */ r(p, { gap: 2, children: [
+          !w && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: z, children: o && /* @__PURE__ */ e(J, { color: P, icon: o, size: 73 }) }),
+          /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: F, children: /* @__PURE__ */ r(h, { gap: 2, children: [
             n && /* @__PURE__ */ r(c, { justifyContent: "space-between", children: [
               /* @__PURE__ */ r(c, { gap: 2, alignItems: "center", children: [
-                w && l && /* @__PURE__ */ e(G, { icon: l, size: "medium" }),
-                /* @__PURE__ */ e(f, { variant: "bold", size: "large", children: n })
+                w && l && /* @__PURE__ */ e(L, { icon: l, size: "medium" }),
+                /* @__PURE__ */ e(b, { variant: "bold", size: "large", children: n })
               ] }),
               _ == "normal" && (s == null ? void 0 : s())
             ] }),
-            /* @__PURE__ */ e(p, { style: { opacity: i ? 0 : void 0 }, children: b }),
+            /* @__PURE__ */ e(h, { style: { opacity: i ? 0 : void 0 }, children: f }),
             u && /* @__PURE__ */ e(c, { style: { opacity: i ? 0 : void 0 }, children: u() }),
             /* @__PURE__ */ e("div", {}),
             /* @__PURE__ */ r(
@@ -905,13 +932,13 @@ const te = ({
             justifyContent: "center",
             alignItems: "center",
             background: "rgba(255, 255, 255, 0.7)",
-            children: /* @__PURE__ */ e(J, {})
+            children: /* @__PURE__ */ e(Y, {})
           }
         )
       ]
     }
   );
-}, et = (n) => {
+}, it = (n) => {
   switch (n) {
     case "edit":
       return m("--moln");
@@ -920,9 +947,9 @@ const te = ({
     case "normal":
       return m("--mussla");
     default:
-      xe(n);
+      ve(n);
   }
-}, nt = (n) => {
+}, rt = (n) => {
   switch (n) {
     case "edit":
       return m("--mussla");
@@ -931,15 +958,15 @@ const te = ({
     case "normal":
       return m("--silver-lighter");
     default:
-      xe(n);
+      ve(n);
   }
-}, Tt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+}, ei = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   d,
   {
     borderRadius: "16px",
     shadow: "box",
     overflow: "hidden",
-    ...ne(t),
+    ...O(t),
     children: /* @__PURE__ */ r(c, { flex: 1, children: [
       /* @__PURE__ */ e(
         d,
@@ -947,21 +974,21 @@ const te = ({
           flex: 2,
           justifyContent: "center",
           background: m("--silver-lighter"),
-          children: n && /* @__PURE__ */ e(X, { color: m("--mussla"), icon: n, size: 73 })
+          children: n && /* @__PURE__ */ e(J, { color: m("--mussla"), icon: n, size: 73 })
         }
       ),
-      /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: m("--moln"), children: /* @__PURE__ */ r(p, { gap: 2, children: [
+      /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: m("--moln"), children: /* @__PURE__ */ r(h, { gap: 2, children: [
         /* @__PURE__ */ e(
-          R,
+          M,
           {
             width: "180px",
             height: "2.8rem",
             borderRadius: "8px"
           }
         ),
-        /* @__PURE__ */ e(R, { width: "50px", height: "2.0rem", borderRadius: "8px" }),
+        /* @__PURE__ */ e(M, { width: "50px", height: "2.0rem", borderRadius: "8px" }),
         /* @__PURE__ */ e(
-          R,
+          M,
           {
             width: "150px",
             height: "1.4rem",
@@ -971,13 +998,13 @@ const te = ({
       ] }) })
     ] })
   }
-), de = [
+), ue = [
   "small-mobile",
   "mobile",
   "tablet",
   "tablet-wide",
   "desktop"
-], Be = () => {
+], ke = () => {
   const n = N({
     query: "(max-width: 768px)"
   }), t = N({
@@ -988,15 +1015,15 @@ const te = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : i ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, tt = (n, t) => n === t || de.indexOf(n) > de.indexOf(t), Xt = (n) => {
-  const { deviceSize: t } = Be();
+}, ot = (n, t) => n === t || ue.indexOf(n) > ue.indexOf(t), ni = (n) => {
+  const { deviceSize: t } = ke();
   return {
-    visible: U(
-      () => tt(t, n),
+    visible: q(
+      () => ot(t, n),
       [t, n]
     )
   };
-}, Jt = ({
+}, ti = ({
   images: n,
   altLabelPrevious: t,
   altLabelZoomIn: i,
@@ -1004,31 +1031,31 @@ const te = ({
   altLabelNext: l,
   altLabelClose: a
 }) => {
-  const s = Q(null), u = Q(null), { deviceSize: g } = Be(), b = g !== "mobile", [C, B] = H(!1), [k, S] = H(0), [w, _] = H(0), j = le(() => {
+  const s = T(null), u = T(null), { deviceSize: g } = ke(), f = g !== "mobile", [C, B] = U(!1), [k, S] = U(0), [w, _] = U(0), z = le(() => {
     _(k), B(!0);
   }, [k]), F = le(() => {
     S(w), B(!1);
-  }, [w]), P = ({ index: h }) => S(h), O = ({ index: h }) => _(h), L = U(() => n.map(Z), [n]), A = U(
+  }, [w]), P = ({ index: p }) => S(p), V = ({ index: p }) => _(p), D = q(() => n.map(Q), [n]), A = q(
     () => n.map(
-      (h) => h.fullscreenImage ? Z({
-        ...h.fullscreenImage,
-        description: h.description,
-        title: h.title
-      }) : Z(h)
+      (p) => p.fullscreenImage ? Q({
+        ...p.fullscreenImage,
+        description: p.description,
+        title: p.title
+      }) : Q(p)
     ),
     [n]
   );
-  return /* @__PURE__ */ r(Te, { blockedKeys: "Escape", children: [
+  return /* @__PURE__ */ r(Xe, { blockedKeys: "Escape", children: [
     /* @__PURE__ */ e(
       ae,
       {
         controller: { ref: s },
         index: k,
-        slides: L,
-        plugins: [Je],
+        slides: D,
+        plugins: [Ye],
         on: {
           view: P,
-          click: j
+          click: z
         },
         carousel: {
           padding: 0,
@@ -1042,8 +1069,8 @@ const te = ({
               "aria-label": t,
               leftIcon: re,
               onClick: () => {
-                var h;
-                return (h = s.current) == null ? void 0 : h.prev();
+                var p;
+                return (p = s.current) == null ? void 0 : p.prev();
               }
             }
           ) }),
@@ -1053,8 +1080,8 @@ const te = ({
               "aria-label": l,
               leftIcon: oe,
               onClick: () => {
-                var h;
-                return (h = s.current) == null ? void 0 : h.next();
+                var p;
+                return (p = s.current) == null ? void 0 : p.next();
               }
             }
           ) })
@@ -1080,9 +1107,9 @@ const te = ({
         open: C,
         close: F,
         index: w,
-        plugins: [nn, en, Ye],
-        slides: A ?? L,
-        on: { view: O },
+        plugins: [tn, nn, en],
+        slides: A ?? D,
+        on: { view: V },
         animation: { fade: 0 },
         controller: {
           closeOnPullDown: !0,
@@ -1100,60 +1127,60 @@ const te = ({
           }
         },
         render: {
-          buttonZoom: (h) => b && /* @__PURE__ */ r(c, { gap: 1, indent: 2, children: [
+          buttonZoom: (p) => f && /* @__PURE__ */ r(c, { gap: 1, indent: 2, children: [
             /* @__PURE__ */ e(
               I,
               {
                 "aria-label": i,
-                leftIcon: He,
+                leftIcon: Ue,
                 size: "large",
-                onClick: () => h.zoomIn()
+                onClick: () => p.zoomIn()
               }
             ),
             /* @__PURE__ */ e(
               I,
               {
                 "aria-label": o,
-                leftIcon: Ue,
+                leftIcon: qe,
                 size: "large",
-                onClick: () => h.zoomOut()
+                onClick: () => p.zoomOut()
               }
             )
           ] }),
-          buttonPrev: () => n.length > 1 && b && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
+          buttonPrev: () => n.length > 1 && f && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
             I,
             {
               "aria-label": t,
               leftIcon: re,
               size: "large",
               onClick: () => {
-                var h;
-                return (h = u.current) == null ? void 0 : h.prev();
+                var p;
+                return (p = u.current) == null ? void 0 : p.prev();
               }
             }
           ) }),
-          buttonNext: () => n.length > 1 && b && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
+          buttonNext: () => n.length > 1 && f && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
             I,
             {
               "aria-label": l,
               leftIcon: oe,
               size: "large",
               onClick: () => {
-                var h;
-                return (h = u.current) == null ? void 0 : h.next();
+                var p;
+                return (p = u.current) == null ? void 0 : p.next();
               }
             }
           ) }),
           buttonClose: () => /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
-            pe,
+            me,
             {
               variant: "danger",
               "aria-label": a,
-              leftIcon: qe,
+              leftIcon: Ee,
               size: "large",
               onClick: () => {
-                var h;
-                return (h = u.current) == null ? void 0 : h.close();
+                var p;
+                return (p = u.current) == null ? void 0 : p.close();
               }
             }
           ) })
@@ -1161,7 +1188,7 @@ const te = ({
       }
     )
   ] });
-}, Z = (n) => ({
+}, Q = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
@@ -1170,53 +1197,54 @@ const te = ({
   description: n.description
 });
 export {
-  tn as ActionMenuFlatButton,
-  ft as ActionMenuPrimaryButton,
-  xt as ActionMenuSecondaryButton,
-  vt as CheckboxMenu,
-  Pn as Collapsible,
-  jt as CollapsibleEmptyContent,
-  zt as CollapsibleGroupHeading,
-  Mt as CollapsibleList,
-  Rt as CollapsibleWithCheckbox,
-  Dn as ErrorPanel,
-  Ft as ErrorScreen,
-  Jt as ImageCarousel,
-  Wn as LoadingPanel,
-  Pt as LoadingScreen,
-  Ct as NavBar,
-  dn as NavBarButton,
-  _t as NavBarHeading,
-  wt as NavBarNotificationButton,
-  yt as NavBarPopoverButton,
-  Bt as NavBarSearchField,
-  kt as NavBarUserButton,
-  It as Notification,
-  we as NotificationHeader,
-  St as NotificationList,
-  At as PageHeader,
-  $t as PageHeaderRow,
-  Lt as PageHeading,
-  Ot as ProductCard,
-  Vt as ProductCardContentItem,
-  Kt as ProductCardContentItemSkeletor,
-  Qt as ProductSummaryCard,
-  Tt as ProductSummaryCardSkeletor,
-  Gt as SelectedItemsActionsPadding,
-  Et as SelectedItemsActionsPanel,
-  Zt as SelectedProductCard,
-  Dt as SidebarMenu,
-  Ut as SidebarMenuCollapsible,
-  Ln as SidebarMenuCollapsibleGroupBox,
-  Zn as SidebarMenuHeading,
-  Ht as SidebarMenuLink,
-  qt as SidebarMenuSeparator,
-  Wt as SidebarRailMenu,
-  Nt as Toast,
-  wn as UnreadDot,
-  Bn as getIconBgColorFromVariant,
-  tt as isDeviceSameOrLarger,
-  Be as useDeviceSize,
-  Xt as useLayoutVisibility
+  rn as ActionMenuFlatButton,
+  Ct as ActionMenuPrimaryButton,
+  _t as ActionMenuSecondaryButton,
+  yt as CheckboxMenu,
+  An as Collapsible,
+  At as CollapsibleEmptyContent,
+  Pt as CollapsibleGroupHeading,
+  zt as CollapsibleList,
+  Ft as CollapsibleWithCheckbox,
+  Wn as ErrorPanel,
+  $t as ErrorScreen,
+  ti as ImageCarousel,
+  Hn as LoadingPanel,
+  Lt as LoadingScreen,
+  wt as NavBar,
+  un as NavBarButton,
+  Bt as NavBarHeading,
+  It as NavBarNotificationButton,
+  kt as NavBarPopoverButton,
+  St as NavBarSearchField,
+  Nt as NavBarUserButton,
+  Rt as Notification,
+  Be as NotificationHeader,
+  Mt as NotificationList,
+  Dt as PageHeader,
+  Wt as PageHeaderRow,
+  Ht as PageHeading,
+  Qt as ProductCard,
+  Tt as ProductCardContentItem,
+  Xt as ProductCardContentItemSkeletor,
+  Yt as ProductSummaryCard,
+  ei as ProductSummaryCardSkeletor,
+  Zt as SelectedItemsActionsPadding,
+  Kt as SelectedItemsActionsPanel,
+  Jt as SelectedProductCard,
+  Ut as SelectionRow,
+  qt as SidebarMenu,
+  Ot as SidebarMenuCollapsible,
+  Dn as SidebarMenuCollapsibleGroupBox,
+  Xn as SidebarMenuHeading,
+  Gt as SidebarMenuLink,
+  Vt as SidebarMenuSeparator,
+  Et as SidebarRailMenu,
+  jt as Toast,
+  Bn as UnreadDot,
+  kn as getIconBgColorFromVariant,
+  ot as isDeviceSameOrLarger,
+  ke as useDeviceSize,
+  ni as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map