@stenajs-webui/panels 23.12.1 → 23.12.3

package/dist/index.es.js

@@ -1,38 +1,38 @@
 (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)}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._selectionRow_1njaw_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_1njaw_9{display:none}}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);padding:0;display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 10)}.yarl__slide_description.yarl__slide_description.yarl__slide_description{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_description_container.yarl__slide_description_container.yarl__slide_description_container{display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 3);padding-bottom:calc(var(--swui-metrics-space) * 4)}.yarl__counter.yarl__counter{height:48px;margin:calc(var(--swui-metrics-space) * 1);display:flex;align-items:center;padding:0;padding-left:calc(var(--swui-metrics-space) * 1);font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { jsx as e, Fragment as A, jsxs as i } from "react/jsx-runtime";
-import { ActionMenu as te, ActionMenuContext as ve, stenaAngleDown as re, PrimaryButton as oe, SecondaryButton as R, FlatButton as O, stenaHamburger as ie, BaseButton as Ce, stenaBellFilled as we, TextInputButton as Be, stenaTimes as ye, stenaUserCircle as Ie, MenuButton as U, Icon as G, stenaMail as _e, Card as Se, CardBody as ke, CircledIcon as E, stenaTripFerryXl as Re, Spinner as D, CloseButton as Me, StenaFlag as Ne, stenaAngleLeftDouble as le, stenaPin as Pe, IconMenuButton as K, IconMenuButtonLink as ze, MenuButtonLink as Fe, Tag as je, ShimmerBox as N, stenaTimesThick as Ae, stenaAngleRight as ae, stenaAngleLeft as ce, stenaSearchPlus as Le, stenaSearchMinus as Te } from "@stenajs-webui/elements";
-import * as Oe from "react";
-import { useRef as V, useMemo as F, forwardRef as Z, createContext as Ee, useContext as He, useState as L, useCallback as J, useEffect as We } from "react";
-import { useBoolean as se, Column as d, Row as c, Indent as B, Heading as P, Box as u, Text as x, Space as w, getDataProps as H, SeparatorLine as $e, pluralFormatter as qe, selectPluralRule as Ue, Spacing as Ge, isEmptyFragment as De, useAccessibleFontSizeContext as Ke, exhaustSwitchCaseElseThrow as de, BlockKeyboardEvents as Ve } from "@stenajs-webui/core";
+import { jsx as e, Fragment as z, jsxs as i } from "react/jsx-runtime";
+import { ActionMenu as ne, ActionMenuContext as ve, stenaAngleDown as te, PrimaryButton as re, SecondaryButton as R, FlatButton as E, stenaHamburger as oe, BaseButton as Ce, stenaBellFilled as we, TextInputButton as Be, stenaTimes as ye, stenaUserCircle as Ie, MenuButton as U, Icon as G, stenaMail as _e, Card as Se, CardBody as ke, CircledIcon as H, stenaTripFerryXl as Re, ScreenSpinner as Me, CloseButton as Ne, StenaFlag as Pe, stenaAngleLeftDouble as ie, stenaPin as Fe, IconMenuButton as D, IconMenuButtonLink as ze, MenuButtonLink as je, Spinner as le, Tag as Ae, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as ae, stenaAngleLeft as ce, stenaSearchPlus as Le, stenaSearchMinus as Oe } from "@stenajs-webui/elements";
+import * as Ee from "react";
+import { useRef as K, useMemo as j, forwardRef as V, createContext as He, useContext as We, useState as L, useCallback as X, useEffect as $e } from "react";
+import { useBoolean as se, Column as d, Row as c, Indent as B, Heading as P, Box as u, Text as x, Space as w, getDataProps as A, SeparatorLine as qe, pluralFormatter as Ue, selectPluralRule as Ge, Spacing as De, isEmptyFragment as Ke, useAccessibleFontSizeContext as Ve, exhaustSwitchCaseElseThrow as de, BlockKeyboardEvents as Ze } from "@stenajs-webui/core";
 import { ControlledPopover as ue, Popover as he, Tooltip as pe } from "@stenajs-webui/tooltip";
-import { Checkbox as me, TextInput as Ze } from "@stenajs-webui/forms";
+import { Checkbox as ge, TextInput as Qe } from "@stenajs-webui/forms";
 import _ from "classnames";
 import { cssColor as p } from "@stenajs-webui/theme";
 import { useMediaQuery as M } from "react-responsive";
-import ge from "yet-another-react-lightbox";
-import Qe from "yet-another-react-lightbox/plugins/inline";
-import Xe from "yet-another-react-lightbox/plugins/zoom";
-import Je from "yet-another-react-lightbox/plugins/counter";
-import Ye from "yet-another-react-lightbox/plugins/captions";
-const Q = ({
+import me from "yet-another-react-lightbox";
+import Xe from "yet-another-react-lightbox/plugins/inline";
+import Je from "yet-another-react-lightbox/plugins/zoom";
+import Ye from "yet-another-react-lightbox/plugins/counter";
+import en from "yet-another-react-lightbox/plugins/captions";
+const Z = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: r,
-  rightIcon: o = re,
+  rightIcon: o = te,
   menuWidth: l,
   menuTop: a,
   onClick: s,
   disableArrow: h = !1,
-  buttonRef: g,
+  buttonRef: m,
   appendTo: b,
   zIndex: f,
   disableTrapFocus: C = !1,
   ...y
 }) => {
-  const [S, I, v, k] = se(!1), m = V(null), W = g ?? m, fe = F(() => ({ open: I, close: v }), [I, v]), xe = ($) => {
+  const [S, I, v, k] = se(!1), g = K(null), W = m ?? g, fe = j(() => ({ open: I, close: v }), [I, v]), xe = ($) => {
     s?.($), k();
   };
-  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
     ue,
     {
       renderTrigger: ($) => /* @__PURE__ */ e(
@@ -53,7 +53,7 @@ const Q = ({
       appendTo: b,
       zIndex: f,
       children: S && /* @__PURE__ */ e(
-        te,
+        ne,
         {
           width: l,
           top: a,
@@ -63,7 +63,7 @@ const Q = ({
       )
     }
   ) });
-}, at = (n) => /* @__PURE__ */ e(Q, { buttonComponent: oe, ...n }), ct = (n) => /* @__PURE__ */ e(Q, { buttonComponent: R, ...n }), en = (n) => /* @__PURE__ */ e(Q, { buttonComponent: O, ...n }), nn = "1px solid var(--lhds-color-ui-300)", st = ({
+}, ct = (n) => /* @__PURE__ */ e(Z, { buttonComponent: re, ...n }), st = (n) => /* @__PURE__ */ e(Z, { buttonComponent: R, ...n }), nn = (n) => /* @__PURE__ */ e(Z, { buttonComponent: E, ...n }), tn = "1px solid var(--lhds-color-ui-300)", dt = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
@@ -76,33 +76,33 @@ const Q = ({
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: nn,
+        border: tn,
         borderRadius: "4px",
         children: [
-          /* @__PURE__ */ e(me, { ...t }),
+          /* @__PURE__ */ e(ge, { ...t }),
           /* @__PURE__ */ e(B, { num: 0.5 }),
-          /* @__PURE__ */ e(O, { size: "small", leftIcon: re, ...r })
+          /* @__PURE__ */ e(E, { size: "small", leftIcon: te, ...r })
         ]
       }
     ) }),
     hideArrow: !0,
     disablePadding: !0,
     placement: "bottom-start",
-    children: ({ onRequestClose: r }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(te, { children: n(r) }) })
+    children: ({ onRequestClose: r }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(ne, { children: n(r) }) })
   }
-), tn = "_navBar_kzibd_1", rn = {
-  navBar: tn
-}, on = ({
+), rn = "_navBar_kzibd_1", on = {
+  navBar: rn
+}, ln = ({
   className: n,
   onClick: t
 }) => /* @__PURE__ */ e(
-  O,
+  E,
   {
-    leftIcon: ie,
+    leftIcon: oe,
     className: n,
     onClick: t
   }
-), dt = ({
+), ut = ({
   left: n,
   className: t,
   showMenuButton: r = !1,
@@ -116,7 +116,7 @@ const Q = ({
     c,
     {
       justifyContent: "space-between",
-      className: _(rn.navBar, t),
+      className: _(on.navBar, t),
       children: [
         /* @__PURE__ */ i(
           c,
@@ -127,15 +127,15 @@ const Q = ({
             children: [
               /* @__PURE__ */ i(c, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ e(B, {}),
-                r && /* @__PURE__ */ e(on, { onClick: s })
+                r && /* @__PURE__ */ e(ln, { onClick: s })
               ] }),
-              n && /* @__PURE__ */ i(A, { children: [
+              n && /* @__PURE__ */ i(z, { children: [
                 n,
                 /* @__PURE__ */ e(B, { num: 2 })
               ] }),
-              o && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Oe.Children.map(o, (g, b) => /* @__PURE__ */ i(A, { children: [
+              o && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ee.Children.map(o, (m, b) => /* @__PURE__ */ i(z, { children: [
                 b > 0 && /* @__PURE__ */ e(B, {}),
-                g
+                m
               ] })) }) })
             ]
           }
@@ -148,25 +148,25 @@ const Q = ({
       ]
     }
   );
-}, ln = "_navBarButton_b3x3w_1", an = "_selected_b3x3w_14", Y = {
-  navBarButton: ln,
-  selected: an
-}, cn = Z(
+}, an = "_navBarButton_b3x3w_1", cn = "_selected_b3x3w_14", J = {
+  navBarButton: an,
+  selected: cn
+}, sn = V(
   function({ selected: n, className: t, ...r }, o) {
     return /* @__PURE__ */ e(
-      O,
+      E,
       {
         ...r,
         ref: o,
         className: _(
-          Y.navBarButton,
-          n && Y.selected,
+          J.navBarButton,
+          n && J.selected,
           t
         )
       }
     );
   }
-), ut = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), ht = ({
+), ht = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), pt = ({
   content: n,
   children: t,
   appendTo: r,
@@ -177,7 +177,7 @@ const Q = ({
   return /* @__PURE__ */ e(
     ue,
     {
-      renderTrigger: (g) => /* @__PURE__ */ e(cn, { ...l, ...g, onClick: h }),
+      renderTrigger: (m) => /* @__PURE__ */ e(sn, { ...l, ...m, onClick: h }),
       open: a,
       onRequestClose: s,
       zIndex: o,
@@ -188,11 +188,11 @@ const Q = ({
       ] })
     }
   );
-}, sn = "_navBarNotificationButton_1wt3y_1", dn = "_unread_1wt3y_23", un = "_icon_1wt3y_23", z = {
-  navBarNotificationButton: sn,
-  unread: dn,
-  icon: un
-}, pt = Z(function({
+}, dn = "_navBarNotificationButton_1wt3y_1", un = "_unread_1wt3y_23", hn = "_icon_1wt3y_23", F = {
+  navBarNotificationButton: dn,
+  unread: un,
+  icon: hn
+}, gt = V(function({
   count: n,
   unread: t = !1,
   className: r,
@@ -201,7 +201,7 @@ const Q = ({
   icon: a = we,
   ...s
 }, h) {
-  const g = n > 1;
+  const m = n > 1;
   return /* @__PURE__ */ e(
     Ce,
     {
@@ -209,21 +209,21 @@ const Q = ({
       ref: h,
       leftIcon: a,
       className: _(
-        z.navBarNotificationButton,
-        t && z.unread,
-        g && z.hasCount,
+        F.navBarNotificationButton,
+        t && F.unread,
+        m && F.hasCount,
         r
       ),
-      label: g ? String(n) : void 0,
-      labelClassName: _(o, z.label),
-      iconClassName: _(l, z.icon)
+      label: m ? String(n) : void 0,
+      labelClassName: _(o, F.label),
+      iconClassName: _(l, F.icon)
     }
   );
-}), hn = "_navBarSearchFieldInput_1rp8g_1", pn = "_navBarSearchFieldWrapper_1rp8g_12", mn = "_withButton_1rp8g_24", gn = "_clearButton_1rp8g_33", j = {
-  navBarSearchFieldInput: hn,
-  navBarSearchFieldWrapper: pn,
+}), pn = "_navBarSearchFieldInput_1rp8g_1", gn = "_navBarSearchFieldWrapper_1rp8g_12", mn = "_withButton_1rp8g_24", bn = "_clearButton_1rp8g_33", T = {
+  navBarSearchFieldInput: pn,
+  navBarSearchFieldWrapper: gn,
   withButton: mn,
-  clearButton: gn
+  clearButton: bn
 }, mt = ({
   placeholder: n = "Search",
   className: t,
@@ -233,20 +233,20 @@ const Q = ({
   value: a,
   ...s
 }) => /* @__PURE__ */ e(
-  Ze,
+  Qe,
   {
     wrapperClassName: _(
-      j.navBarSearchFieldWrapper,
-      o ? j.withButton : void 0,
+      T.navBarSearchFieldWrapper,
+      o ? T.withButton : void 0,
       r
     ),
-    className: _(j.navBarSearchFieldInput, t),
+    className: _(T.navBarSearchFieldInput, t),
     placeholder: n,
     value: a,
     buttonRight: a && o ? /* @__PURE__ */ e(
       Be,
       {
-        className: j.clearButton,
+        className: T.clearButton,
         icon: ye,
         variant: "error",
         onClick: l
@@ -254,9 +254,9 @@ const Q = ({
     ) : void 0,
     ...s
   }
-), bn = "_navBarUserButton_10f9z_1", fn = {
-  navBarUserButton: bn
-}, gt = ({
+), fn = "_navBarUserButton_10f9z_1", xn = {
+  navBarUserButton: fn
+}, bt = ({
   className: n,
   username: t,
   initials: r,
@@ -264,17 +264,17 @@ const Q = ({
   responsiveIconOnly: l = r == null,
   ...a
 }) => /* @__PURE__ */ e(
-  en,
+  nn,
   {
     ...a,
-    className: _(fn.navBarUserButton, n),
+    className: _(xn.navBarUserButton, n),
     leftIcon: t != null ? o : void 0,
     label: r ?? t,
     forceRound: r != null,
     responsiveIconOnly: l,
     disableArrow: !0
   }
-), xn = Z(
+), vn = V(
   ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...o }, l) => /* @__PURE__ */ e(
     U,
     {
@@ -287,9 +287,9 @@ const Q = ({
       ...o
     }
   )
-), bt = ({
+), ft = ({
   children: n
-}) => /* @__PURE__ */ e(d, { gap: 1, children: n }), ft = ({
+}) => /* @__PURE__ */ e(d, { gap: 1, children: n }), xt = ({
   value: n,
   onValueChange: t,
   onChange: r,
@@ -297,10 +297,10 @@ const Q = ({
   checkboxDisabled: l,
   ...a
 }) => /* @__PURE__ */ e(
-  xn,
+  vn,
   {
     contentLeft: /* @__PURE__ */ e(
-      me,
+      ge,
       {
         value: n,
         indeterminate: o,
@@ -312,13 +312,13 @@ const Q = ({
     ),
     ...a
   }
-), vn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", Cn = {
-  sidebarMenuCollapsibleGroupBox: vn
-}, wn = ({ children: n }) => /* @__PURE__ */ e("div", { className: Cn.sidebarMenuCollapsibleGroupBox, children: n }), xt = ({ children: n }) => /* @__PURE__ */ e(u, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n }) }), vt = ({ text: n = "No content" }) => /* @__PURE__ */ i(d, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+), Cn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", wn = {
+  sidebarMenuCollapsibleGroupBox: Cn
+}, Bn = ({ children: n }) => /* @__PURE__ */ e("div", { className: wn.sidebarMenuCollapsibleGroupBox, children: n }), vt = ({ children: n }) => /* @__PURE__ */ e(u, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n }) }), Ct = ({ text: n = "No content" }) => /* @__PURE__ */ i(d, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
   /* @__PURE__ */ e(G, { icon: _e, color: p("--lhds-color-ui-500") }),
   /* @__PURE__ */ e(w, {}),
   /* @__PURE__ */ e(x, { size: "small", color: p("--lhds-color-ui-500"), children: n })
-] }), Bn = ({
+] }), yn = ({
   text: n,
   heading: t,
   children: r,
@@ -331,41 +331,46 @@ const Q = ({
   return /* @__PURE__ */ e(Se, { ...s, children: /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ i(d, { spacing: 1, gap: 3, alignItems: "center", children: [
     /* @__PURE__ */ i(d, { alignItems: "center", children: [
       /* @__PURE__ */ e(w, { num: 1 }),
-      /* @__PURE__ */ e(E, { icon: l, size: "xl" })
+      /* @__PURE__ */ e(H, { icon: l, size: "xl" })
     ] }),
     t && /* @__PURE__ */ e(P, { as: a, children: t }),
-    h && /* @__PURE__ */ e(x, { children: h }),
+    h && /* @__PURE__ */ e(x, { textAlign: "center", children: h }),
     r,
     o && /* @__PURE__ */ i(u, { children: [
       /* @__PURE__ */ e(w, { num: 2 }),
       o
     ] })
   ] }) }) });
-}, Ct = (n) => /* @__PURE__ */ e(
+}, wt = (n) => /* @__PURE__ */ e(
   u,
   {
     width: "100%",
     height: "100%",
+    spacing: 6,
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(Bn, { ...n })
+    children: /* @__PURE__ */ e(yn, { ...n })
   }
-), yn = ({
-  text: n = "Loading..."
-}) => /* @__PURE__ */ i(u, { alignItems: "center", children: [
-  /* @__PURE__ */ e(D, { size: "small" }),
-  /* @__PURE__ */ e(w, { num: 4 }),
-  /* @__PURE__ */ e(P, { variant: "h4", children: n })
-] }), wt = (n) => /* @__PURE__ */ e(
+), In = ({
+  text: n,
+  ...t
+}) => /* @__PURE__ */ i(u, { alignItems: "center", ...A(t), children: [
+  /* @__PURE__ */ e(Me, {}),
+  n && /* @__PURE__ */ i(z, { children: [
+    /* @__PURE__ */ e(w, { num: 4 }),
+    /* @__PURE__ */ e(P, { variant: "h4", children: n })
+  ] })
+] }), Bt = (n) => /* @__PURE__ */ e(
   u,
   {
     width: "100%",
     height: "100%",
+    spacing: 6,
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(yn, { ...n })
+    children: /* @__PURE__ */ e(In, { ...n })
   }
-), Bt = ({
+), yt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: r,
@@ -381,7 +386,7 @@ const Q = ({
     r?.()
   ] }),
   o
-] }), yt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), It = ({
+] }), It = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), _t = ({
   icon: n,
   heading: t,
   headingLevel: r = "h2",
@@ -389,15 +394,15 @@ const Q = ({
   contentRight: l
 }) => /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, height: "64px", children: [
   /* @__PURE__ */ i(c, { alignItems: "center", children: [
-    /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(E, { icon: n }) }),
+    /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(H, { icon: n }) }),
     /* @__PURE__ */ e(P, { variant: "h3", as: r, children: t })
   ] }),
   /* @__PURE__ */ e(c, { alignItems: "center", children: o }),
   /* @__PURE__ */ e(c, { style: { marginLeft: "auto" }, alignItems: "center", children: l })
-] }), In = "_selectionRow_1njaw_1", _n = "_iconColumn_1njaw_9", ee = {
-  selectionRow: In,
-  iconColumn: _n
-}, _t = ({
+] }), _n = "_selectionRow_1njaw_1", Sn = "_iconColumn_1njaw_9", Y = {
+  selectionRow: _n,
+  iconColumn: Sn
+}, St = ({
   icon: n,
   heading: t,
   description: r,
@@ -405,7 +410,7 @@ const Q = ({
   htmlFor: l,
   circledIconVariant: a,
   ...s
-}) => /* @__PURE__ */ i("div", { className: ee.selectionRow, ...H(s), children: [
+}) => /* @__PURE__ */ i("div", { className: Y.selectionRow, ...A(s), children: [
   /* @__PURE__ */ i(c, { gap: 2, children: [
     n && /* @__PURE__ */ e(
       u,
@@ -413,8 +418,8 @@ const Q = ({
         alignItems: "center",
         justifyContent: "center",
         width: "40px",
-        className: ee.iconColumn,
-        children: /* @__PURE__ */ e(E, { icon: n, variant: a })
+        className: Y.iconColumn,
+        children: /* @__PURE__ */ e(H, { icon: n, variant: a })
       }
     ),
     /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ i(d, { gap: 0.5, children: [
@@ -423,13 +428,13 @@ const Q = ({
     ] }) })
   ] }),
   o
-] }), Sn = "_sidebarMenu_1bx5w_1", kn = "_sidebarItems_1bx5w_38", Rn = "_scrollContainer_1bx5w_48", q = {
-  sidebarMenu: Sn,
-  sidebarItems: kn,
-  scrollContainer: Rn
-}, Mn = "_stenaFlag_108h7_1", Nn = {
-  stenaFlag: Mn
-}, Pn = ({ onClick: n }) => /* @__PURE__ */ i(d, { background: p("--lhds-color-ui-50"), children: [
+] }), kn = "_sidebarMenu_1bx5w_1", Rn = "_sidebarItems_1bx5w_38", Mn = "_scrollContainer_1bx5w_48", q = {
+  sidebarMenu: kn,
+  sidebarItems: Rn,
+  scrollContainer: Mn
+}, Nn = "_stenaFlag_108h7_1", Pn = {
+  stenaFlag: Nn
+}, Fn = ({ onClick: n }) => /* @__PURE__ */ i(d, { background: p("--lhds-color-ui-50"), children: [
   /* @__PURE__ */ e(w, {}),
   /* @__PURE__ */ i(
     c,
@@ -440,8 +445,8 @@ const Q = ({
       indent: 1,
       minHeight: "48px",
       children: [
-        /* @__PURE__ */ e(Me, { onClick: n }),
-        /* @__PURE__ */ e(Ne, { className: Nn.stenaFlag })
+        /* @__PURE__ */ e(Ne, { onClick: n }),
+        /* @__PURE__ */ e(Pe, { className: Pn.stenaFlag })
       ]
     }
   )
@@ -449,7 +454,7 @@ const Q = ({
   isPinned: n,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ e(U, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? le : Pe }), St = ({
+}) => /* @__PURE__ */ e(U, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ie : Fe }), kt = ({
   className: n,
   children: t,
   onCloseClick: r,
@@ -459,7 +464,7 @@ const Q = ({
   isPinned: s,
   ...h
 }) => /* @__PURE__ */ i(u, { ...h, className: _(q.sidebarMenu, n), children: [
-  /* @__PURE__ */ e(Pn, { onClick: r }),
+  /* @__PURE__ */ e(Fn, { onClick: r }),
   /* @__PURE__ */ e(u, { className: q.scrollContainer, children: /* @__PURE__ */ i(
     d,
     {
@@ -484,10 +489,10 @@ const Q = ({
       ]
     }
   ) })
-] }), T = Ee(!1), X = () => He(T), Fn = ({
+] }), O = He(!1), Q = () => We(O), jn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(pe, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(K, { ...t }) }), kt = ({
+}) => /* @__PURE__ */ e(pe, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(D, { ...t }) }), Rt = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: r,
@@ -507,15 +512,15 @@ const Q = ({
     shadow: "popover",
     background: p("--lhds-color-ui-50"),
     children: [
-      /* @__PURE__ */ e(K, { onClick: r, icon: ie }),
+      /* @__PURE__ */ e(D, { onClick: r, icon: oe }),
       /* @__PURE__ */ i(d, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ e(d, { gap: 1, children: /* @__PURE__ */ e(T.Provider, { value: !0, children: o }) }),
-        /* @__PURE__ */ e(d, { gap: 1, children: (l || n) && /* @__PURE__ */ i(T.Provider, { value: !0, children: [
+        /* @__PURE__ */ e(d, { gap: 1, children: /* @__PURE__ */ e(O.Provider, { value: !0, children: o }) }),
+        /* @__PURE__ */ e(d, { gap: 1, children: (l || n) && /* @__PURE__ */ i(O.Provider, { value: !0, children: [
           l,
           n && /* @__PURE__ */ e(
-            Fn,
+            jn,
             {
-              icon: le,
+              icon: ie,
               label: a,
               onClick: t
             }
@@ -524,16 +529,16 @@ const Q = ({
       ] })
     ]
   }
-), jn = ({
+), An = ({
   label: n
-}) => X() ? null : /* @__PURE__ */ i(u, { height: "32px", justifyContent: "center", indent: 1, children: [
+}) => Q() ? null : /* @__PURE__ */ i(u, { height: "32px", justifyContent: "center", indent: 1, children: [
   /* @__PURE__ */ e(w, {}),
   /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n })
-] }), An = ({
+] }), Tn = ({
   label: n,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ e(pe, { label: n, placement: "right", children: /* @__PURE__ */ e(ze, { icon: t, ...r }) }), Rt = (n) => X() ? /* @__PURE__ */ e(An, { ...n }) : /* @__PURE__ */ e(Fe, { ...n }), Ln = ({
+}) => t == null ? null : /* @__PURE__ */ e(pe, { label: n, placement: "right", children: /* @__PURE__ */ e(ze, { icon: t, ...r }) }), Mt = (n) => Q() ? /* @__PURE__ */ e(Tn, { ...n }) : /* @__PURE__ */ e(je, { ...n }), Ln = ({
   children: n,
   label: t,
   icon: r,
@@ -541,7 +546,7 @@ const Q = ({
 }) => /* @__PURE__ */ e(
   he,
   {
-    renderTrigger: (l) => /* @__PURE__ */ e(K, { icon: r, ...l }),
+    renderTrigger: (l) => /* @__PURE__ */ e(D, { icon: r, ...l }),
     placement: "right-start",
     trigger: ["hover", "focus"],
     disablePadding: !0,
@@ -553,14 +558,14 @@ const Q = ({
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ i(T.Provider, { value: !1, children: [
-          /* @__PURE__ */ e(jn, { label: t }),
+        children: /* @__PURE__ */ i(O.Provider, { value: !1, children: [
+          /* @__PURE__ */ e(An, { label: t }),
           n
         ] })
       }
     )
   }
-), Mt = ({
+), Nt = ({
   children: n,
   label: t,
   leftIcon: r,
@@ -568,7 +573,7 @@ const Q = ({
   initialExpand: l = !1
 }) => {
   const [a, s] = L(l);
-  return X() ? r == null ? null : /* @__PURE__ */ e(Ln, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
+  return Q() ? r == null ? null : /* @__PURE__ */ e(Ln, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
     U,
     {
       label: t,
@@ -578,16 +583,16 @@ const Q = ({
       expandable: !0,
       expanded: a,
       selected: a,
-      children: /* @__PURE__ */ e(wn, { children: n })
+      children: /* @__PURE__ */ e(Bn, { children: n })
     }
   );
-}, Nt = (n) => /* @__PURE__ */ e(
-  $e,
+}, Pt = (n) => /* @__PURE__ */ e(
+  qe,
   {
     color: p("--lhds-color-ui-400"),
     ...n
   }
-), Tn = (n, t, r) => n == null ? "" : (qe(Ue(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Pt = ({
+), On = (n, t, r) => n == null ? "" : (Ue(Ge(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Ft = ({
   numItemsSelected: n,
   label: t,
   selectedLabel: r = {
@@ -598,7 +603,7 @@ const Q = ({
   rightContent: l,
   localeId: a = "en-GB"
 }) => {
-  const s = Tn(
+  const s = On(
     n,
     r,
     a
@@ -624,9 +629,9 @@ const Q = ({
       ]
     }
   );
-}, zt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), On = "_productCard_19x6b_1", En = {
-  productCard: On
-}, Ft = ({
+}, zt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), En = "_productCard_19x6b_1", Hn = {
+  productCard: En
+}, jt = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: r,
@@ -637,19 +642,19 @@ const Q = ({
   d,
   {
     "data-comp": "ProductCard",
-    className: En.productCard,
+    className: Hn.productCard,
     shadow: l ? "box" : void 0,
     background: p("--moln"),
     borderRadius: "24px",
     overflow: "hidden",
     position: o ? "relative" : void 0,
-    ...H(a),
+    ...A(a),
     children: [
       n?.(),
       /* @__PURE__ */ e(d, { gap: 2, children: r }),
       t && /* @__PURE__ */ i(d, { children: [
         /* @__PURE__ */ e(c, { indent: 2, justifyContent: "flex-end", children: t() }),
-        /* @__PURE__ */ e(Ge, {})
+        /* @__PURE__ */ e(De, {})
       ] }),
       o && /* @__PURE__ */ e(
         u,
@@ -662,12 +667,12 @@ const Q = ({
           justifyContent: "center",
           alignItems: "center",
           background: "rgba(255, 255, 255, 0.7)",
-          children: /* @__PURE__ */ e(D, {})
+          children: /* @__PURE__ */ e(le, {})
         }
       )
     ]
   }
-), Hn = ({ children: n }) => /* @__PURE__ */ e(x, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), jt = ({
+), Wn = ({ children: n }) => /* @__PURE__ */ e(x, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), At = ({
   description: n,
   subDescription: t,
   descriptionTags: r,
@@ -676,13 +681,13 @@ const Q = ({
   priceText: a,
   title: s,
   subTitle: h,
-  renderImage: g,
+  renderImage: m,
   children: b,
   headingLevel: f
 }) => {
-  const C = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !De(r);
+  const C = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ke(r);
   return /* @__PURE__ */ i(d, { children: [
-    g?.(),
+    m?.(),
     /* @__PURE__ */ i(u, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
       /* @__PURE__ */ i(u, { gap: 0.5, children: [
         /* @__PURE__ */ i(
@@ -695,7 +700,7 @@ const Q = ({
               /* @__PURE__ */ e(P, { variant: "h3", as: f, children: s }),
               /* @__PURE__ */ i(c, { gap: 2, children: [
                 l && /* @__PURE__ */ e(d, { justifyContent: "center", children: l }),
-                /* @__PURE__ */ e(Hn, { children: a })
+                /* @__PURE__ */ e(Wn, { children: a })
               ] })
             ]
           }
@@ -705,7 +710,7 @@ const Q = ({
       (C || o) && /* @__PURE__ */ i(d, { children: [
         /* @__PURE__ */ i(c, { gap: 1, flexWrap: "wrap", children: [
           r,
-          o && /* @__PURE__ */ e(je, { label: o, variant: "passive" })
+          o && /* @__PURE__ */ e(Ae, { label: o, variant: "passive" })
         ] }),
         /* @__PURE__ */ e(w, {})
       ] }),
@@ -720,7 +725,7 @@ const Q = ({
       b
     ] })
   ] });
-}, At = ({ renderImage: n }) => /* @__PURE__ */ i(d, { children: [
+}, Tt = ({ renderImage: n }) => /* @__PURE__ */ i(d, { children: [
   n?.(),
   /* @__PURE__ */ i(u, { gap: 3, spacing: 4, indent: 4, background: p("--moln"), children: [
     /* @__PURE__ */ e(u, { gap: 0.5, children: /* @__PURE__ */ e(
@@ -748,7 +753,7 @@ const Q = ({
 }) => /* @__PURE__ */ i(u, { background: p("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
   /* @__PURE__ */ e(P, { variant: "h3", as: "h2", color: "white", children: n }),
   t
-] }), Tt = ({
+] }), Ot = ({
   title: n,
   variant: t = "normal",
   loading: r,
@@ -757,15 +762,15 @@ const Q = ({
   renderButton: a,
   renderOfferCodeTag: s,
   renderMandatoryTag: h,
-  renderContentLeftOfButton: g,
+  renderContentLeftOfButton: m,
   children: b,
   ...f
 }) => {
-  const { fontSizeRatio: C } = Ke(), y = M({
+  const { fontSizeRatio: C } = Ve(), y = M({
     query: "(max-width: 460px)"
   }), I = M({
     query: "(max-width: 360px)"
-  }) || y && C > 1.2, v = r ? "normal" : t, k = $n(v), m = p("--moln"), W = Wn(v);
+  }) || y && C > 1.2, v = r ? "normal" : t, k = qn(v), g = p("--moln"), W = $n(v);
   return /* @__PURE__ */ i(
     u,
     {
@@ -774,14 +779,14 @@ const Q = ({
       shadow: "box",
       overflow: "hidden",
       position: r ? "relative" : void 0,
-      ...H(f),
+      ...A(f),
       children: [
         /* @__PURE__ */ i(c, { flex: 1, children: [
           !I && /* @__PURE__ */ e(u, { flex: 2, justifyContent: "center", background: k, children: o && /* @__PURE__ */ e(G, { color: W, icon: o, size: 73 }) }),
-          /* @__PURE__ */ e(u, { flex: 4, indent: 2, spacing: 2, background: m, children: /* @__PURE__ */ i(d, { gap: 2, children: [
+          /* @__PURE__ */ e(u, { flex: 4, indent: 2, spacing: 2, background: g, children: /* @__PURE__ */ i(d, { gap: 2, children: [
             n && /* @__PURE__ */ i(c, { justifyContent: "space-between", children: [
               /* @__PURE__ */ i(c, { gap: 2, alignItems: "center", children: [
-                I && l && /* @__PURE__ */ e(E, { icon: l, size: "medium" }),
+                I && l && /* @__PURE__ */ e(H, { icon: l, size: "medium" }),
                 /* @__PURE__ */ e(x, { variant: "bold", size: "large", children: n })
               ] }),
               v == "normal" && s?.()
@@ -797,7 +802,7 @@ const Q = ({
                 gap: 2,
                 flexWrap: "wrap",
                 children: [
-                  g?.() ?? /* @__PURE__ */ e("div", {}),
+                  m?.() ?? /* @__PURE__ */ e("div", {}),
                   a?.()
                 ]
               }
@@ -815,13 +820,13 @@ const Q = ({
             justifyContent: "center",
             alignItems: "center",
             background: "rgba(255, 255, 255, 0.7)",
-            children: /* @__PURE__ */ e(D, {})
+            children: /* @__PURE__ */ e(le, {})
           }
         )
       ]
     }
   );
-}, Wn = (n) => {
+}, $n = (n) => {
   switch (n) {
     case "edit":
       return p("--moln");
@@ -832,7 +837,7 @@ const Q = ({
     default:
       de(n);
   }
-}, $n = (n) => {
+}, qn = (n) => {
   switch (n) {
     case "edit":
       return p("--mussla");
@@ -843,13 +848,13 @@ const Q = ({
     default:
       de(n);
   }
-}, Ot = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+}, Et = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   u,
   {
     borderRadius: "16px",
     shadow: "box",
     overflow: "hidden",
-    ...H(t),
+    ...A(t),
     children: /* @__PURE__ */ i(c, { flex: 1, children: [
       /* @__PURE__ */ e(
         u,
@@ -881,7 +886,7 @@ const Q = ({
       ] }) })
     ] })
   }
-), ne = [
+), ee = [
   "small-mobile",
   "mobile",
   "tablet",
@@ -898,15 +903,15 @@ const Q = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, qn = (n, t) => n === t || ne.indexOf(n) > ne.indexOf(t), Et = (n) => {
+}, Un = (n, t) => n === t || ee.indexOf(n) > ee.indexOf(t), Ht = (n) => {
   const { deviceSize: t } = be();
   return {
-    visible: F(
-      () => qn(t, n),
+    visible: j(
+      () => Un(t, n),
       [t, n]
     )
   };
-}, Un = ({
+}, Gn = ({
   isOpen: n,
   initialIndex: t,
   onUpdateIndex: r,
@@ -915,19 +920,19 @@ const Q = ({
   altLabelZoomOut: a,
   altLabelNext: s,
   altLabelClose: h,
-  onRequestClose: g,
+  onRequestClose: m,
   images: b
 }) => {
-  const f = V(null), { deviceSize: C } = be(), y = C !== "mobile", [S, I] = L(t ?? 0), v = ({ index: m }) => {
-    I(m), r?.(m);
-  }, k = F(() => b.map((m) => Gn(m)), [b]);
+  const f = K(null), { deviceSize: C } = be(), y = C !== "mobile", [S, I] = L(t ?? 0), v = ({ index: g }) => {
+    I(g), r?.(g);
+  }, k = j(() => b.map((g) => Dn(g)), [b]);
   return /* @__PURE__ */ e(
-    ge,
+    me,
     {
       open: n,
-      close: g,
+      close: m,
       index: S,
-      plugins: [Xe, Je, Ye],
+      plugins: [Je, Ye, en],
       slides: k,
       on: { view: v },
       animation: { fade: 0 },
@@ -947,23 +952,23 @@ const Q = ({
         }
       },
       render: {
-        buttonZoom: (m) => y && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
+        buttonZoom: (g) => y && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
           /* @__PURE__ */ e(
             R,
             {
               "aria-label": l,
               leftIcon: Le,
               size: "large",
-              onClick: () => m.zoomIn()
+              onClick: () => g.zoomIn()
             }
           ),
           /* @__PURE__ */ e(
             R,
             {
               "aria-label": a,
-              leftIcon: Te,
+              leftIcon: Oe,
               size: "large",
-              onClick: () => m.zoomOut()
+              onClick: () => g.zoomOut()
             }
           )
         ] }),
@@ -986,11 +991,11 @@ const Q = ({
           }
         ) }),
         buttonClose: () => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
-          oe,
+          re,
           {
             variant: "danger",
             "aria-label": h,
-            leftIcon: Ae,
+            leftIcon: Te,
             size: "large",
             onClick: () => f.current?.close()
           }
@@ -998,14 +1003,14 @@ const Q = ({
       }
     }
   );
-}, Gn = (n) => ({
+}, Dn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
   alt: n.alt,
   title: n.title,
   description: n.description
-}), Ht = ({
+}), Wt = ({
   images: n,
   initialIndex: t,
   altLabelPrevious: r,
@@ -1014,30 +1019,30 @@ const Q = ({
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = V(null), [g, b] = L(!1), [f, C] = L(t ?? 0), y = J(() => {
+  const h = K(null), [m, b] = L(!1), [f, C] = L(t ?? 0), y = X(() => {
     b(!0);
-  }, []), S = J(() => {
+  }, []), S = X(() => {
     b(!1);
-  }, []), I = ({ index: m }) => C(m);
-  We(() => {
+  }, []), I = ({ index: g }) => C(g);
+  $e(() => {
     C(t ?? 0);
   }, [t]);
-  const v = F(() => n.map(Dn), [n]), k = F(() => n.map(
-    (m) => m.fullscreenImage ? {
-      ...m,
-      url: m.fullscreenImage.url,
-      width: m.fullscreenImage.width,
-      height: m.fullscreenImage.height
-    } : m
+  const v = j(() => n.map(Kn), [n]), k = j(() => n.map(
+    (g) => g.fullscreenImage ? {
+      ...g,
+      url: g.fullscreenImage.url,
+      width: g.fullscreenImage.width,
+      height: g.fullscreenImage.height
+    } : g
   ), [n]);
-  return /* @__PURE__ */ i(Ve, { blockedKeys: "Escape", children: [
+  return /* @__PURE__ */ i(Ze, { blockedKeys: "Escape", children: [
     /* @__PURE__ */ e(
-      ge,
+      me,
       {
         controller: { ref: h },
         index: f,
         slides: v,
-        plugins: [Qe],
+        plugins: [Xe],
         on: {
           view: I,
           click: y
@@ -1080,8 +1085,8 @@ const Q = ({
         }
       }
     ),
-    g && /* @__PURE__ */ e(
-      Un,
+    m && /* @__PURE__ */ e(
+      Gn,
       {
         isOpen: !0,
         onRequestClose: S,
@@ -1096,7 +1101,7 @@ const Q = ({
       }
     )
   ] });
-}, Dn = (n) => ({
+}, Kn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
@@ -1105,49 +1110,49 @@ const Q = ({
   description: n.description
 });
 export {
-  en as ActionMenuFlatButton,
-  at as ActionMenuPrimaryButton,
-  ct as ActionMenuSecondaryButton,
-  st as CheckboxMenu,
-  xn as Collapsible,
-  vt as CollapsibleEmptyContent,
-  xt as CollapsibleGroupHeading,
-  bt as CollapsibleList,
-  ft as CollapsibleWithCheckbox,
-  Bn as ErrorPanel,
-  Ct as ErrorScreen,
-  Un as FullscreenImageCarousel,
-  Ht as ImageCarousel,
-  yn as LoadingPanel,
-  wt as LoadingScreen,
-  dt as NavBar,
-  cn as NavBarButton,
-  ut as NavBarHeading,
-  pt as NavBarNotificationButton,
-  ht as NavBarPopoverButton,
+  nn as ActionMenuFlatButton,
+  ct as ActionMenuPrimaryButton,
+  st as ActionMenuSecondaryButton,
+  dt as CheckboxMenu,
+  vn as Collapsible,
+  Ct as CollapsibleEmptyContent,
+  vt as CollapsibleGroupHeading,
+  ft as CollapsibleList,
+  xt as CollapsibleWithCheckbox,
+  yn as ErrorPanel,
+  wt as ErrorScreen,
+  Gn as FullscreenImageCarousel,
+  Wt as ImageCarousel,
+  In as LoadingPanel,
+  Bt as LoadingScreen,
+  ut as NavBar,
+  sn as NavBarButton,
+  ht as NavBarHeading,
+  gt as NavBarNotificationButton,
+  pt as NavBarPopoverButton,
   mt as NavBarSearchField,
-  gt as NavBarUserButton,
-  Bt as PageHeader,
-  yt as PageHeaderRow,
-  It as PageHeading,
-  Ft as ProductCard,
-  jt as ProductCardContentItem,
-  At as ProductCardContentItemSkeletor,
-  Tt as ProductSummaryCard,
-  Ot as ProductSummaryCardSkeletor,
+  bt as NavBarUserButton,
+  yt as PageHeader,
+  It as PageHeaderRow,
+  _t as PageHeading,
+  jt as ProductCard,
+  At as ProductCardContentItem,
+  Tt as ProductCardContentItemSkeletor,
+  Ot as ProductSummaryCard,
+  Et as ProductSummaryCardSkeletor,
   zt as SelectedItemsActionsPadding,
-  Pt as SelectedItemsActionsPanel,
+  Ft as SelectedItemsActionsPanel,
   Lt as SelectedProductCard,
-  _t as SelectionRow,
-  St as SidebarMenu,
-  Mt as SidebarMenuCollapsible,
-  wn as SidebarMenuCollapsibleGroupBox,
-  jn as SidebarMenuHeading,
-  Rt as SidebarMenuLink,
-  Nt as SidebarMenuSeparator,
-  kt as SidebarRailMenu,
-  qn as isDeviceSameOrLarger,
+  St as SelectionRow,
+  kt as SidebarMenu,
+  Nt as SidebarMenuCollapsible,
+  Bn as SidebarMenuCollapsibleGroupBox,
+  An as SidebarMenuHeading,
+  Mt as SidebarMenuLink,
+  Pt as SidebarMenuSeparator,
+  Rt as SidebarRailMenu,
+  Un as isDeviceSameOrLarger,
   be as useDeviceSize,
-  Et as useLayoutVisibility
+  Ht as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map