@stenajs-webui/panels 23.3.0 → 23.4.0

package/dist/index.es.js

@@ -1,87 +1,87 @@
 (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 N, jsxs as o } from "react/jsx-runtime";
-import { ActionMenu as te, ActionMenuContext as ve, stenaAngleDown as re, PrimaryButton as oe, SecondaryButton as R, FlatButton as H, stenaHamburger as ie, BaseButton as Ce, stenaBellFilled as we, TextInputButton as Be, stenaTimes as ye, stenaUserCircle as Ie, MenuButton as T, Icon as D, stenaMail as _e, Card as ke, CardBody as Se, CircledIcon as W, stenaTripFerryXl as Re, Spinner as G, CloseButton as Me, StenaFlag as Ne, stenaAngleLeftDouble as le, stenaPin as Pe, IconMenuButton as K, IconMenuButtonLink as ze, MenuButtonLink as je, Tag as Fe, ShimmerBox as P, stenaTimesThick as Ae, stenaAngleRight as ae, stenaAngleLeft as ce, stenaSearchPlus as Le, stenaSearchMinus as Oe } from "@stenajs-webui/elements";
-import * as He from "react";
-import { useRef as V, useMemo as F, forwardRef as Z, createContext as We, useContext as $e, useState as L, useCallback as J, useEffect as qe } from "react";
-import { useBoolean as se, Column as d, Row as c, Indent as B, Heading as z, Box as u, Text as f, Space as C, getDataProps as $, SeparatorLine as Ue, Spacing as Ee, isEmptyFragment as Te, useAccessibleFontSizeContext as De, exhaustSwitchCaseElseThrow as de, BlockKeyboardEvents as Ge } from "@stenajs-webui/core";
+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 { ControlledPopover as ue, Popover as he, Tooltip as pe } from "@stenajs-webui/tooltip";
-import { Checkbox as ge, TextInput as Ke } from "@stenajs-webui/forms";
+import { Checkbox as me, TextInput as Ze } from "@stenajs-webui/forms";
 import _ from "classnames";
 import { cssColor as p } from "@stenajs-webui/theme";
 import { useMediaQuery as M } from "react-responsive";
-import me from "yet-another-react-lightbox";
-import Ve from "yet-another-react-lightbox/plugins/inline";
-import Ze from "yet-another-react-lightbox/plugins/zoom";
-import Qe from "yet-another-react-lightbox/plugins/counter";
-import Xe from "yet-another-react-lightbox/plugins/captions";
+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 = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: r,
-  rightIcon: i = re,
+  rightIcon: o = re,
   menuWidth: l,
   menuTop: a,
   onClick: s,
   disableArrow: h = !1,
-  buttonRef: m,
+  buttonRef: g,
   appendTo: b,
-  zIndex: x,
-  disableTrapFocus: w = !1,
+  zIndex: f,
+  disableTrapFocus: C = !1,
   ...y
 }) => {
-  const [k, I, v, S] = se(!1), g = V(null), q = m ?? g, fe = F(() => ({ open: I, close: v }), [I, v]), xe = (U) => {
-    s?.(U), S();
+  const [S, I, v, k] = se(!1), m = V(null), W = g ?? m, fe = F(() => ({ open: I, close: v }), [I, v]), xe = ($) => {
+    s?.($), k();
   };
-  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
     ue,
     {
-      renderTrigger: (U) => /* @__PURE__ */ e(
+      renderTrigger: ($) => /* @__PURE__ */ e(
         r,
         {
-          rightIcon: h ? void 0 : i,
+          rightIcon: h ? void 0 : o,
           ...y,
-          ref: q,
+          ref: W,
           onClick: xe,
-          ...U
+          ...$
         }
       ),
       hideArrow: !0,
       disablePadding: !0,
-      open: k,
+      open: S,
       onRequestClose: v,
       placement: t,
       appendTo: b,
-      zIndex: x,
-      children: k && /* @__PURE__ */ e(
+      zIndex: f,
+      children: S && /* @__PURE__ */ e(
         te,
         {
           width: l,
           top: a,
-          trapFocus: !w,
+          trapFocus: !C,
           children: /* @__PURE__ */ e(ve.Provider, { value: fe, children: n(v) })
         }
       )
     }
   ) });
-}, ot = (n) => /* @__PURE__ */ e(Q, { buttonComponent: oe, ...n }), it = (n) => /* @__PURE__ */ e(Q, { buttonComponent: R, ...n }), Je = (n) => /* @__PURE__ */ e(Q, { buttonComponent: H, ...n }), Ye = "1px solid var(--lhds-color-ui-300)", lt = ({
+}, 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 = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
   he,
   {
     trigger: "click",
-    renderTrigger: (r) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ o(
+    renderTrigger: (r) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ i(
       c,
       {
         spacing: 0.5,
         indent: !0,
         alignItems: "center",
-        border: Ye,
+        border: nn,
         borderRadius: "4px",
         children: [
-          /* @__PURE__ */ e(ge, { ...t }),
+          /* @__PURE__ */ e(me, { ...t }),
           /* @__PURE__ */ e(B, { num: 0.5 }),
-          /* @__PURE__ */ e(H, { size: "small", leftIcon: re, ...r })
+          /* @__PURE__ */ e(O, { size: "small", leftIcon: re, ...r })
         ]
       }
     ) }),
@@ -90,74 +90,74 @@ const Q = ({
     placement: "bottom-start",
     children: ({ onRequestClose: r }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(te, { children: n(r) }) })
   }
-), en = "_navBar_kzibd_1", nn = {
-  navBar: en
-}, tn = ({
+), tn = "_navBar_kzibd_1", rn = {
+  navBar: tn
+}, on = ({
   className: n,
   onClick: t
 }) => /* @__PURE__ */ e(
-  H,
+  O,
   {
     leftIcon: ie,
     className: n,
     onClick: t
   }
-), at = ({
+), dt = ({
   left: n,
   className: t,
   showMenuButton: r = !1,
-  children: i,
+  children: o,
   right: l,
   center: a,
   onClickMenuButton: s
 }) => {
   const h = a ? 1 : void 0;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     c,
     {
       justifyContent: "space-between",
-      className: _(nn.navBar, t),
+      className: _(rn.navBar, t),
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           c,
           {
             flex: h,
             justifyContent: "flex-start",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ o(c, { width: "86px", alignItems: "center", children: [
+              /* @__PURE__ */ i(c, { width: "86px", alignItems: "center", children: [
                 /* @__PURE__ */ e(B, {}),
-                r && /* @__PURE__ */ e(tn, { onClick: s })
+                r && /* @__PURE__ */ e(on, { onClick: s })
               ] }),
-              n && /* @__PURE__ */ o(N, { children: [
+              n && /* @__PURE__ */ i(A, { children: [
                 n,
                 /* @__PURE__ */ e(B, { num: 2 })
               ] }),
-              i && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: He.Children.map(i, (m, b) => /* @__PURE__ */ o(N, { children: [
+              o && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Oe.Children.map(o, (g, b) => /* @__PURE__ */ i(A, { children: [
                 b > 0 && /* @__PURE__ */ e(B, {}),
-                m
+                g
               ] })) }) })
             ]
           }
         ),
         a && /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: a }),
-        /* @__PURE__ */ o(c, { justifyContent: "flex-end", alignItems: "center", flex: h, children: [
+        /* @__PURE__ */ i(c, { justifyContent: "flex-end", alignItems: "center", flex: h, children: [
           l,
           /* @__PURE__ */ e(B, { num: 2 })
         ] })
       ]
     }
   );
-}, rn = "_navBarButton_b3x3w_1", on = "_selected_b3x3w_14", Y = {
-  navBarButton: rn,
-  selected: on
-}, ln = Z(
-  function({ selected: n, className: t, ...r }, i) {
+}, ln = "_navBarButton_b3x3w_1", an = "_selected_b3x3w_14", Y = {
+  navBarButton: ln,
+  selected: an
+}, cn = Z(
+  function({ selected: n, className: t, ...r }, o) {
     return /* @__PURE__ */ e(
-      H,
+      O,
       {
         ...r,
-        ref: i,
+        ref: o,
         className: _(
           Y.navBarButton,
           n && Y.selected,
@@ -166,42 +166,42 @@ const Q = ({
       }
     );
   }
-), ct = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), st = ({
+), ut = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), ht = ({
   content: n,
   children: t,
   appendTo: r,
-  zIndex: i,
+  zIndex: o,
   ...l
 }) => {
   const [a, , s, h] = se(!1);
   return /* @__PURE__ */ e(
     ue,
     {
-      renderTrigger: (m) => /* @__PURE__ */ e(ln, { ...l, ...m, onClick: h }),
+      renderTrigger: (g) => /* @__PURE__ */ e(cn, { ...l, ...g, onClick: h }),
       open: a,
       onRequestClose: s,
-      zIndex: i,
+      zIndex: o,
       appendTo: r,
-      children: /* @__PURE__ */ o(u, { children: [
+      children: /* @__PURE__ */ i(u, { children: [
         n && n({ close: s }),
         t
       ] })
     }
   );
-}, an = "_navBarNotificationButton_1wt3y_1", cn = "_unread_1wt3y_23", sn = "_icon_1wt3y_23", j = {
-  navBarNotificationButton: an,
-  unread: cn,
-  icon: sn
-}, dt = Z(function({
+}, sn = "_navBarNotificationButton_1wt3y_1", dn = "_unread_1wt3y_23", un = "_icon_1wt3y_23", z = {
+  navBarNotificationButton: sn,
+  unread: dn,
+  icon: un
+}, pt = Z(function({
   count: n,
   unread: t = !1,
   className: r,
-  labelClassName: i,
+  labelClassName: o,
   iconClassName: l,
   icon: a = we,
   ...s
 }, h) {
-  const m = n > 1;
+  const g = n > 1;
   return /* @__PURE__ */ e(
     Ce,
     {
@@ -209,44 +209,44 @@ const Q = ({
       ref: h,
       leftIcon: a,
       className: _(
-        j.navBarNotificationButton,
-        t && j.unread,
-        m && j.hasCount,
+        z.navBarNotificationButton,
+        t && z.unread,
+        g && z.hasCount,
         r
       ),
-      label: m ? String(n) : void 0,
-      labelClassName: _(i, j.label),
-      iconClassName: _(l, j.icon)
+      label: g ? String(n) : void 0,
+      labelClassName: _(o, z.label),
+      iconClassName: _(l, z.icon)
     }
   );
-}), dn = "_navBarSearchFieldInput_1rp8g_1", un = "_navBarSearchFieldWrapper_1rp8g_12", hn = "_withButton_1rp8g_24", pn = "_clearButton_1rp8g_33", A = {
-  navBarSearchFieldInput: dn,
-  navBarSearchFieldWrapper: un,
-  withButton: hn,
-  clearButton: pn
-}, ut = ({
+}), hn = "_navBarSearchFieldInput_1rp8g_1", pn = "_navBarSearchFieldWrapper_1rp8g_12", mn = "_withButton_1rp8g_24", gn = "_clearButton_1rp8g_33", j = {
+  navBarSearchFieldInput: hn,
+  navBarSearchFieldWrapper: pn,
+  withButton: mn,
+  clearButton: gn
+}, mt = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: r,
-  showClearButton: i,
+  showClearButton: o,
   onClickClearButton: l,
   value: a,
   ...s
 }) => /* @__PURE__ */ e(
-  Ke,
+  Ze,
   {
     wrapperClassName: _(
-      A.navBarSearchFieldWrapper,
-      i ? A.withButton : void 0,
+      j.navBarSearchFieldWrapper,
+      o ? j.withButton : void 0,
       r
     ),
-    className: _(A.navBarSearchFieldInput, t),
+    className: _(j.navBarSearchFieldInput, t),
     placeholder: n,
     value: a,
-    buttonRight: a && i ? /* @__PURE__ */ e(
+    buttonRight: a && o ? /* @__PURE__ */ e(
       Be,
       {
-        className: A.clearButton,
+        className: j.clearButton,
         icon: ye,
         variant: "error",
         onClick: l
@@ -254,29 +254,29 @@ const Q = ({
     ) : void 0,
     ...s
   }
-), gn = "_navBarUserButton_10f9z_1", mn = {
-  navBarUserButton: gn
-}, ht = ({
+), bn = "_navBarUserButton_10f9z_1", fn = {
+  navBarUserButton: bn
+}, gt = ({
   className: n,
   username: t,
   initials: r,
-  icon: i = Ie,
+  icon: o = Ie,
   responsiveIconOnly: l = r == null,
   ...a
 }) => /* @__PURE__ */ e(
-  Je,
+  en,
   {
     ...a,
-    className: _(mn.navBarUserButton, n),
-    leftIcon: t != null ? i : void 0,
+    className: _(fn.navBarUserButton, n),
+    leftIcon: t != null ? o : void 0,
     label: r ?? t,
     forceRound: r != null,
     responsiveIconOnly: l,
     disableArrow: !0
   }
-), bn = Z(
-  ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...i }, l) => /* @__PURE__ */ e(
-    T,
+), xn = Z(
+  ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...o }, l) => /* @__PURE__ */ e(
+    U,
     {
       ref: l,
       expandable: !0,
@@ -284,26 +284,26 @@ const Q = ({
       selected: !r,
       left: n,
       right: t,
-      ...i
+      ...o
     }
   )
-), pt = ({
+), bt = ({
   children: n
-}) => /* @__PURE__ */ e(d, { gap: 1, children: n }), gt = ({
+}) => /* @__PURE__ */ e(d, { gap: 1, children: n }), ft = ({
   value: n,
   onValueChange: t,
   onChange: r,
-  indeterminate: i,
+  indeterminate: o,
   checkboxDisabled: l,
   ...a
 }) => /* @__PURE__ */ e(
-  bn,
+  xn,
   {
     contentLeft: /* @__PURE__ */ e(
-      ge,
+      me,
       {
         value: n,
-        indeterminate: i,
+        indeterminate: o,
         onValueChange: t,
         onChange: r,
         disabled: l,
@@ -312,101 +312,101 @@ const Q = ({
     ),
     ...a
   }
-), fn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", xn = {
-  sidebarMenuCollapsibleGroupBox: fn
-}, vn = ({ children: n }) => /* @__PURE__ */ e("div", { className: xn.sidebarMenuCollapsibleGroupBox, children: n }), mt = ({ children: n }) => /* @__PURE__ */ e(u, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n }) }), bt = ({ text: n = "No content" }) => /* @__PURE__ */ o(d, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
-  /* @__PURE__ */ e(D, { icon: _e, color: p("--lhds-color-ui-500") }),
-  /* @__PURE__ */ e(C, {}),
-  /* @__PURE__ */ e(f, { size: "small", color: p("--lhds-color-ui-500"), children: n })
-] }), Cn = ({
+), 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: [
+  /* @__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 = ({
   text: n,
   heading: t,
   children: r,
-  buttons: i,
+  buttons: o,
   icon: l = Re,
   headingLevel: a = "h3",
   ...s
 }) => {
   const h = !n && !t ? "Something unexpected happened." : n;
-  return /* @__PURE__ */ e(ke, { ...s, children: /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ o(d, { spacing: 1, gap: 3, alignItems: "center", children: [
-    /* @__PURE__ */ o(d, { alignItems: "center", children: [
-      /* @__PURE__ */ e(C, { num: 1 }),
-      /* @__PURE__ */ e(W, { icon: l, size: "xl" })
+  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" })
     ] }),
-    t && /* @__PURE__ */ e(z, { as: a, children: t }),
-    h && /* @__PURE__ */ e(f, { children: h }),
+    t && /* @__PURE__ */ e(P, { as: a, children: t }),
+    h && /* @__PURE__ */ e(x, { children: h }),
     r,
-    i && /* @__PURE__ */ o(u, { children: [
-      /* @__PURE__ */ e(C, { num: 2 }),
-      i
+    o && /* @__PURE__ */ i(u, { children: [
+      /* @__PURE__ */ e(w, { num: 2 }),
+      o
     ] })
   ] }) }) });
-}, ft = (n) => /* @__PURE__ */ e(
+}, Ct = (n) => /* @__PURE__ */ e(
   u,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(Cn, { ...n })
+    children: /* @__PURE__ */ e(Bn, { ...n })
   }
-), wn = ({
+), yn = ({
   text: n = "Loading..."
-}) => /* @__PURE__ */ o(u, { alignItems: "center", children: [
-  /* @__PURE__ */ e(G, { size: "small" }),
-  /* @__PURE__ */ e(C, { num: 4 }),
-  /* @__PURE__ */ e(z, { variant: "h4", children: n })
-] }), xt = (n) => /* @__PURE__ */ e(
+}) => /* @__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(
   u,
   {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ e(wn, { ...n })
+    children: /* @__PURE__ */ e(yn, { ...n })
   }
-), vt = ({
+), Bt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: r,
-  children: i
-}) => /* @__PURE__ */ o(u, { shadow: "bottom", background: p("--lhds-color-ui-50"), gap: 2, children: [
-  /* @__PURE__ */ o(u, { indent: 3, children: [
-    n && /* @__PURE__ */ o(c, { spacing: 1, alignItems: "center", children: [
+  children: o
+}) => /* @__PURE__ */ i(u, { shadow: "bottom", background: p("--lhds-color-ui-50"), gap: 2, children: [
+  /* @__PURE__ */ i(u, { indent: 3, children: [
+    n && /* @__PURE__ */ i(c, { spacing: 1, alignItems: "center", children: [
       /* @__PURE__ */ e(c, { width: "64px", height: "16px" }),
       n()
     ] }),
     t?.(),
-    r && /* @__PURE__ */ e(C, {}),
+    r && /* @__PURE__ */ e(w, {}),
     r?.()
   ] }),
-  i
-] }), Ct = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), wt = ({
+  o
+] }), yt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), It = ({
   icon: n,
   heading: t,
   headingLevel: r = "h2",
-  contentLeft: i,
+  contentLeft: o,
   contentRight: l
-}) => /* @__PURE__ */ o(c, { alignItems: "center", gap: 2, height: "64px", children: [
-  /* @__PURE__ */ o(c, { alignItems: "center", children: [
-    /* @__PURE__ */ e(c, { width: "64px", alignItems: "center", children: n && /* @__PURE__ */ e(W, { icon: n }) }),
-    /* @__PURE__ */ e(z, { variant: "h3", as: r, children: t })
+}) => /* @__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(P, { variant: "h3", as: r, children: t })
   ] }),
-  /* @__PURE__ */ e(c, { alignItems: "center", children: i }),
+  /* @__PURE__ */ e(c, { alignItems: "center", children: o }),
   /* @__PURE__ */ e(c, { style: { marginLeft: "auto" }, alignItems: "center", children: l })
-] }), Bn = "_selectionRow_1njaw_1", yn = "_iconColumn_1njaw_9", ee = {
-  selectionRow: Bn,
-  iconColumn: yn
-}, Bt = ({
+] }), In = "_selectionRow_1njaw_1", _n = "_iconColumn_1njaw_9", ee = {
+  selectionRow: In,
+  iconColumn: _n
+}, _t = ({
   icon: n,
   heading: t,
   description: r,
-  contentRight: i,
+  contentRight: o,
   htmlFor: l,
   circledIconVariant: a,
   ...s
-}) => /* @__PURE__ */ o("div", { className: ee.selectionRow, ...$(s), children: [
-  /* @__PURE__ */ o(c, { gap: 2, children: [
+}) => /* @__PURE__ */ i("div", { className: ee.selectionRow, ...H(s), children: [
+  /* @__PURE__ */ i(c, { gap: 2, children: [
     n && /* @__PURE__ */ e(
       u,
       {
@@ -414,24 +414,24 @@ const Q = ({
         justifyContent: "center",
         width: "40px",
         className: ee.iconColumn,
-        children: /* @__PURE__ */ e(W, { icon: n, variant: a })
+        children: /* @__PURE__ */ e(E, { icon: n, variant: a })
       }
     ),
-    /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ o(d, { gap: 0.5, children: [
-      /* @__PURE__ */ e(f, { variant: "bold", children: t }),
-      typeof r == "string" ? /* @__PURE__ */ e(f, { color: p("--silver-dark"), children: r }) : r
+    /* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ i(d, { gap: 0.5, children: [
+      /* @__PURE__ */ e(x, { variant: "bold", children: t }),
+      typeof r == "string" ? /* @__PURE__ */ e(x, { color: p("--silver-dark"), children: r }) : r
     ] }) })
   ] }),
-  i
-] }), In = "_sidebarMenu_1bx5w_1", _n = "_sidebarItems_1bx5w_38", kn = "_scrollContainer_1bx5w_48", E = {
-  sidebarMenu: In,
-  sidebarItems: _n,
-  scrollContainer: kn
-}, Sn = "_stenaFlag_108h7_1", Rn = {
-  stenaFlag: Sn
-}, Mn = ({ onClick: n }) => /* @__PURE__ */ o(d, { background: p("--lhds-color-ui-50"), children: [
-  /* @__PURE__ */ e(C, {}),
-  /* @__PURE__ */ o(
+  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: [
+  /* @__PURE__ */ e(w, {}),
+  /* @__PURE__ */ i(
     c,
     {
       justifyContent: "space-between",
@@ -441,60 +441,60 @@ const Q = ({
       minHeight: "48px",
       children: [
         /* @__PURE__ */ e(Me, { onClick: n }),
-        /* @__PURE__ */ e(Ne, { className: Rn.stenaFlag })
+        /* @__PURE__ */ e(Ne, { className: Nn.stenaFlag })
       ]
     }
   )
-] }), Nn = ({
+] }), zn = ({
   isPinned: n,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ e(T, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? le : Pe }), yt = ({
+}) => /* @__PURE__ */ e(U, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? le : Pe }), St = ({
   className: n,
   children: t,
   onCloseClick: r,
-  pinButtonVisible: i,
+  pinButtonVisible: o,
   onClickPinButton: l,
   bottomItems: a,
   isPinned: s,
   ...h
-}) => /* @__PURE__ */ o(u, { ...h, className: _(E.sidebarMenu, n), children: [
-  /* @__PURE__ */ e(Mn, { onClick: r }),
-  /* @__PURE__ */ e(u, { className: E.scrollContainer, children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ i(u, { ...h, className: _(q.sidebarMenu, n), children: [
+  /* @__PURE__ */ e(Pn, { onClick: r }),
+  /* @__PURE__ */ e(u, { className: q.scrollContainer, children: /* @__PURE__ */ i(
     d,
     {
-      className: E.sidebarItems,
+      className: q.sidebarItems,
       justifyContent: "space-between",
       flex: 1,
       gap: 1,
       indent: 1,
       children: [
         /* @__PURE__ */ e(d, { gap: 1, children: t }),
-        (a || i) && /* @__PURE__ */ o(d, { gap: 1, children: [
+        (a || o) && /* @__PURE__ */ i(d, { gap: 1, children: [
           a,
-          i && /* @__PURE__ */ e(
-            Nn,
+          o && /* @__PURE__ */ e(
+            zn,
             {
               isPinned: s,
               onClick: l
             }
           ),
-          /* @__PURE__ */ e(C, {})
+          /* @__PURE__ */ e(w, {})
         ] })
       ]
     }
   ) })
-] }), O = We(!1), X = () => $e(O), Pn = ({
+] }), T = Ee(!1), X = () => He(T), Fn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(pe, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(K, { ...t }) }), It = ({
+}) => /* @__PURE__ */ e(pe, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(K, { ...t }) }), kt = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: r,
-  children: i,
+  children: o,
   bottomItems: l,
   closeButtonTitle: a = "Unpin menu"
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ i(
   u,
   {
     position: "fixed",
@@ -508,12 +508,12 @@ const Q = ({
     background: p("--lhds-color-ui-50"),
     children: [
       /* @__PURE__ */ e(K, { onClick: r, icon: ie }),
-      /* @__PURE__ */ o(d, { justifyContent: "space-between", flex: 1, gap: 1, children: [
-        /* @__PURE__ */ e(d, { gap: 1, children: /* @__PURE__ */ e(O.Provider, { value: !0, children: i }) }),
-        /* @__PURE__ */ e(d, { gap: 1, children: (l || n) && /* @__PURE__ */ o(O.Provider, { value: !0, children: [
+      /* @__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: [
           l,
           n && /* @__PURE__ */ e(
-            Pn,
+            Fn,
             {
               icon: le,
               label: a,
@@ -524,20 +524,20 @@ const Q = ({
       ] })
     ]
   }
-), zn = ({
+), jn = ({
   label: n
-}) => X() ? null : /* @__PURE__ */ o(u, { height: "32px", justifyContent: "center", indent: 1, children: [
-  /* @__PURE__ */ e(C, {}),
-  /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n })
-] }), jn = ({
+}) => X() ? null : /* @__PURE__ */ i(u, { height: "32px", justifyContent: "center", indent: 1, children: [
+  /* @__PURE__ */ e(w, {}),
+  /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n })
+] }), An = ({
   label: n,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ e(pe, { label: n, placement: "right", children: /* @__PURE__ */ e(ze, { icon: t, ...r }) }), _t = (n) => X() ? /* @__PURE__ */ e(jn, { ...n }) : /* @__PURE__ */ e(je, { ...n }), Fn = ({
+}) => 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 = ({
   children: n,
   label: t,
   icon: r,
-  popupMinWidth: i = "200px"
+  popupMinWidth: o = "200px"
 }) => /* @__PURE__ */ e(
   he,
   {
@@ -548,101 +548,110 @@ const Q = ({
     children: /* @__PURE__ */ e(
       u,
       {
-        minWidth: i,
+        minWidth: o,
         shadow: "popover",
         spacing: 1,
         indent: 1,
         gap: 2,
-        children: /* @__PURE__ */ o(O.Provider, { value: !1, children: [
-          /* @__PURE__ */ e(zn, { label: t }),
+        children: /* @__PURE__ */ i(T.Provider, { value: !1, children: [
+          /* @__PURE__ */ e(jn, { label: t }),
           n
         ] })
       }
     )
   }
-), kt = ({
+), Mt = ({
   children: n,
   label: t,
   leftIcon: r,
-  className: i,
+  className: o,
   initialExpand: l = !1
 }) => {
   const [a, s] = L(l);
-  return X() ? r == null ? null : /* @__PURE__ */ e(Fn, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
-    T,
+  return X() ? r == null ? null : /* @__PURE__ */ e(Ln, { label: t, icon: r, children: n }) : /* @__PURE__ */ e(
+    U,
     {
       label: t,
       onClick: () => s(!a),
       leftIcon: r,
-      className: i,
+      className: o,
       expandable: !0,
       expanded: a,
       selected: a,
-      children: /* @__PURE__ */ e(vn, { children: n })
+      children: /* @__PURE__ */ e(wn, { children: n })
     }
   );
-}, St = (n) => /* @__PURE__ */ e(
-  Ue,
+}, Nt = (n) => /* @__PURE__ */ e(
+  $e,
   {
     color: p("--lhds-color-ui-400"),
     ...n
   }
-), Rt = ({ numItemsSelected: n, label: t, afterLabelContent: r, rightContent: i }) => /* @__PURE__ */ o(
-  c,
-  {
-    indent: 3,
-    spacing: !0,
-    gap: 3,
-    minHeight: "56px",
-    justifyContent: "space-between",
-    alignItems: "center",
-    background: p("--silver-lighter"),
-    flex: 1,
-    borderRadius: "var(--swui-border-radius)",
-    children: [
-      /* @__PURE__ */ o(c, { alignItems: "center", gap: 2, children: [
-        n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ o(N, { children: [
-          /* @__PURE__ */ e(f, { children: n }),
-          /* @__PURE__ */ e(C, {}),
-          /* @__PURE__ */ o(f, { children: [
-            "item",
-            n === 1 ? "" : "s",
-            " selected"
-          ] })
-        ] }) : t != null ? /* @__PURE__ */ e(N, { children: typeof t == "string" ? /* @__PURE__ */ e(f, { children: t }) : t }) : null }) : null,
-        r && /* @__PURE__ */ e(c, { children: r })
-      ] }),
-      /* @__PURE__ */ e(c, { gap: 2, children: i })
-    ]
-  }
-), Mt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), An = "_productCard_19x6b_1", Ln = {
-  productCard: An
-}, Nt = ({
+), Tn = (n, t, r) => n == null ? "" : (qe(Ue(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Pt = ({
+  numItemsSelected: n,
+  label: t,
+  selectedLabel: r = {
+    one: "{ITEMS} item selected",
+    other: "{ITEMS} items selected"
+  },
+  afterLabelContent: o,
+  rightContent: l,
+  localeId: a = "en-GB"
+}) => {
+  const s = Tn(
+    n,
+    r,
+    a
+  );
+  return /* @__PURE__ */ i(
+    c,
+    {
+      indent: 3,
+      spacing: !0,
+      gap: 3,
+      minHeight: "56px",
+      justifyContent: "space-between",
+      alignItems: "center",
+      background: p("--silver-lighter"),
+      flex: 1,
+      borderRadius: "var(--swui-border-radius)",
+      children: [
+        /* @__PURE__ */ i(c, { alignItems: "center", gap: 2, children: [
+          n != null || t != null ? /* @__PURE__ */ e(c, { alignItems: "center", children: n != null ? /* @__PURE__ */ e(x, { children: s }) : t != null ? typeof t == "string" ? /* @__PURE__ */ e(x, { children: t }) : t : null }) : null,
+          o && /* @__PURE__ */ e(c, { children: o })
+        ] }),
+        /* @__PURE__ */ e(c, { gap: 2, children: l })
+      ]
+    }
+  );
+}, zt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), On = "_productCard_19x6b_1", En = {
+  productCard: On
+}, Ft = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: r,
-  loading: i,
+  loading: o,
   shadow: l,
   ...a
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ i(
   d,
   {
     "data-comp": "ProductCard",
-    className: Ln.productCard,
+    className: En.productCard,
     shadow: l ? "box" : void 0,
     background: p("--moln"),
     borderRadius: "24px",
     overflow: "hidden",
-    position: i ? "relative" : void 0,
-    ...$(a),
+    position: o ? "relative" : void 0,
+    ...H(a),
     children: [
       n?.(),
       /* @__PURE__ */ e(d, { gap: 2, children: r }),
-      t && /* @__PURE__ */ o(d, { children: [
+      t && /* @__PURE__ */ i(d, { children: [
         /* @__PURE__ */ e(c, { indent: 2, justifyContent: "flex-end", children: t() }),
-        /* @__PURE__ */ e(Ee, {})
+        /* @__PURE__ */ e(Ge, {})
       ] }),
-      i && /* @__PURE__ */ e(
+      o && /* @__PURE__ */ e(
         u,
         {
           top: 0,
@@ -653,67 +662,67 @@ const Q = ({
           justifyContent: "center",
           alignItems: "center",
           background: "rgba(255, 255, 255, 0.7)",
-          children: /* @__PURE__ */ e(G, {})
+          children: /* @__PURE__ */ e(D, {})
         }
       )
     ]
   }
-), On = ({ children: n }) => /* @__PURE__ */ e(f, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Pt = ({
+), Hn = ({ children: n }) => /* @__PURE__ */ e(x, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), jt = ({
   description: n,
   subDescription: t,
   descriptionTags: r,
-  capacityTag: i,
+  capacityTag: o,
   offerCodeTag: l,
   priceText: a,
   title: s,
   subTitle: h,
-  renderImage: m,
+  renderImage: g,
   children: b,
-  headingLevel: x
+  headingLevel: f
 }) => {
-  const w = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Te(r);
-  return /* @__PURE__ */ o(d, { children: [
-    m?.(),
-    /* @__PURE__ */ o(u, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
-      /* @__PURE__ */ o(u, { gap: 0.5, children: [
-        /* @__PURE__ */ o(
+  const C = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !De(r);
+  return /* @__PURE__ */ i(d, { children: [
+    g?.(),
+    /* @__PURE__ */ i(u, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
+      /* @__PURE__ */ i(u, { gap: 0.5, children: [
+        /* @__PURE__ */ i(
           c,
           {
             justifyContent: "space-between",
             alignItems: "flex-start",
             gap: 2,
             children: [
-              /* @__PURE__ */ e(z, { variant: "h3", as: x, children: s }),
-              /* @__PURE__ */ o(c, { gap: 2, children: [
+              /* @__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(On, { children: a })
+                /* @__PURE__ */ e(Hn, { children: a })
               ] })
             ]
           }
         ),
-        h && /* @__PURE__ */ e(f, { variant: "bold", color: p("--silver-dark"), children: h })
+        h && /* @__PURE__ */ e(x, { variant: "bold", color: p("--silver-dark"), children: h })
       ] }),
-      (w || i) && /* @__PURE__ */ o(d, { children: [
-        /* @__PURE__ */ o(c, { gap: 1, flexWrap: "wrap", children: [
+      (C || o) && /* @__PURE__ */ i(d, { children: [
+        /* @__PURE__ */ i(c, { gap: 1, flexWrap: "wrap", children: [
           r,
-          i && /* @__PURE__ */ e(Fe, { label: i, variant: "passive" })
+          o && /* @__PURE__ */ e(je, { label: o, variant: "passive" })
         ] }),
-        /* @__PURE__ */ e(C, {})
+        /* @__PURE__ */ e(w, {})
       ] }),
-      n && /* @__PURE__ */ o(d, { children: [
-        /* @__PURE__ */ e(f, { children: n }),
-        /* @__PURE__ */ e(C, {})
+      n && /* @__PURE__ */ i(d, { children: [
+        /* @__PURE__ */ e(x, { children: n }),
+        /* @__PURE__ */ e(w, {})
       ] }),
-      t && /* @__PURE__ */ o(d, { children: [
-        /* @__PURE__ */ e(f, { children: t }),
-        /* @__PURE__ */ e(C, {})
+      t && /* @__PURE__ */ i(d, { children: [
+        /* @__PURE__ */ e(x, { children: t }),
+        /* @__PURE__ */ e(w, {})
       ] }),
       b
     ] })
   ] });
-}, zt = ({ renderImage: n }) => /* @__PURE__ */ o(d, { children: [
+}, At = ({ renderImage: n }) => /* @__PURE__ */ i(d, { children: [
   n?.(),
-  /* @__PURE__ */ o(u, { gap: 3, spacing: 4, indent: 4, background: p("--moln"), children: [
+  /* @__PURE__ */ i(u, { gap: 3, spacing: 4, indent: 4, background: p("--moln"), children: [
     /* @__PURE__ */ e(u, { gap: 0.5, children: /* @__PURE__ */ e(
       c,
       {
@@ -721,7 +730,7 @@ const Q = ({
         alignItems: "flex-start",
         gap: 2,
         children: /* @__PURE__ */ e(
-          P,
+          N,
           {
             width: "50px",
             height: "2.8rem",
@@ -730,34 +739,34 @@ const Q = ({
         )
       }
     ) }),
-    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(P, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
-    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(P, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
+    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(N, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
+    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(N, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
   ] })
-] }), jt = ({
+] }), Lt = ({
   label: n,
   children: t
-}) => /* @__PURE__ */ o(u, { background: p("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
-  /* @__PURE__ */ e(z, { variant: "h3", as: "h2", color: "white", children: n }),
+}) => /* @__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
-] }), Ft = ({
+] }), Tt = ({
   title: n,
   variant: t = "normal",
   loading: r,
-  iconLeft: i,
+  iconLeft: o,
   compactIconLeft: l,
   renderButton: a,
   renderOfferCodeTag: s,
   renderMandatoryTag: h,
-  renderContentLeftOfButton: m,
+  renderContentLeftOfButton: g,
   children: b,
-  ...x
+  ...f
 }) => {
-  const { fontSizeRatio: w } = De(), y = M({
+  const { fontSizeRatio: C } = Ke(), y = M({
     query: "(max-width: 460px)"
   }), I = M({
     query: "(max-width: 360px)"
-  }) || y && w > 1.2, v = r ? "normal" : t, S = Wn(v), g = p("--moln"), q = Hn(v);
-  return /* @__PURE__ */ o(
+  }) || y && C > 1.2, v = r ? "normal" : t, k = $n(v), m = p("--moln"), W = Wn(v);
+  return /* @__PURE__ */ i(
     u,
     {
       "data-comp": "ProductSummaryCard",
@@ -765,22 +774,22 @@ const Q = ({
       shadow: "box",
       overflow: "hidden",
       position: r ? "relative" : void 0,
-      ...$(x),
+      ...H(f),
       children: [
-        /* @__PURE__ */ o(c, { flex: 1, children: [
-          !I && /* @__PURE__ */ e(u, { flex: 2, justifyContent: "center", background: S, children: i && /* @__PURE__ */ e(D, { color: q, icon: i, size: 73 }) }),
-          /* @__PURE__ */ e(u, { flex: 4, indent: 2, spacing: 2, background: g, children: /* @__PURE__ */ o(d, { gap: 2, children: [
-            n && /* @__PURE__ */ o(c, { justifyContent: "space-between", children: [
-              /* @__PURE__ */ o(c, { gap: 2, alignItems: "center", children: [
-                I && l && /* @__PURE__ */ e(W, { icon: l, size: "medium" }),
-                /* @__PURE__ */ e(f, { variant: "bold", size: "large", children: n })
+        /* @__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: [
+            n && /* @__PURE__ */ i(c, { justifyContent: "space-between", children: [
+              /* @__PURE__ */ i(c, { gap: 2, alignItems: "center", children: [
+                I && l && /* @__PURE__ */ e(E, { icon: l, size: "medium" }),
+                /* @__PURE__ */ e(x, { variant: "bold", size: "large", children: n })
               ] }),
               v == "normal" && s?.()
             ] }),
             /* @__PURE__ */ e(d, { style: { opacity: r ? 0 : void 0 }, children: b }),
             h && /* @__PURE__ */ e(c, { style: { opacity: r ? 0 : void 0 }, children: h() }),
             /* @__PURE__ */ e("div", {}),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               c,
               {
                 justifyContent: "space-between",
@@ -788,7 +797,7 @@ const Q = ({
                 gap: 2,
                 flexWrap: "wrap",
                 children: [
-                  m?.() ?? /* @__PURE__ */ e("div", {}),
+                  g?.() ?? /* @__PURE__ */ e("div", {}),
                   a?.()
                 ]
               }
@@ -806,13 +815,13 @@ const Q = ({
             justifyContent: "center",
             alignItems: "center",
             background: "rgba(255, 255, 255, 0.7)",
-            children: /* @__PURE__ */ e(G, {})
+            children: /* @__PURE__ */ e(D, {})
           }
         )
       ]
     }
   );
-}, Hn = (n) => {
+}, Wn = (n) => {
   switch (n) {
     case "edit":
       return p("--moln");
@@ -823,7 +832,7 @@ const Q = ({
     default:
       de(n);
   }
-}, Wn = (n) => {
+}, $n = (n) => {
   switch (n) {
     case "edit":
       return p("--mussla");
@@ -834,35 +843,35 @@ const Q = ({
     default:
       de(n);
   }
-}, At = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+}, Ot = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   u,
   {
     borderRadius: "16px",
     shadow: "box",
     overflow: "hidden",
-    ...$(t),
-    children: /* @__PURE__ */ o(c, { flex: 1, children: [
+    ...H(t),
+    children: /* @__PURE__ */ i(c, { flex: 1, children: [
       /* @__PURE__ */ e(
         u,
         {
           flex: 2,
           justifyContent: "center",
           background: p("--silver-lighter"),
-          children: n && /* @__PURE__ */ e(D, { color: p("--mussla"), icon: n, size: 73 })
+          children: n && /* @__PURE__ */ e(G, { color: p("--mussla"), icon: n, size: 73 })
         }
       ),
-      /* @__PURE__ */ e(u, { flex: 4, indent: 2, spacing: 2, background: p("--moln"), children: /* @__PURE__ */ o(d, { gap: 2, children: [
+      /* @__PURE__ */ e(u, { flex: 4, indent: 2, spacing: 2, background: p("--moln"), children: /* @__PURE__ */ i(d, { gap: 2, children: [
         /* @__PURE__ */ e(
-          P,
+          N,
           {
             width: "180px",
             height: "2.8rem",
             borderRadius: "8px"
           }
         ),
-        /* @__PURE__ */ e(P, { width: "50px", height: "2.0rem", borderRadius: "8px" }),
+        /* @__PURE__ */ e(N, { width: "50px", height: "2.0rem", borderRadius: "8px" }),
         /* @__PURE__ */ e(
-          P,
+          N,
           {
             width: "150px",
             height: "1.4rem",
@@ -885,47 +894,47 @@ const Q = ({
     query: "(max-width: 395px)"
   }), r = M({
     query: "(max-width: 1024px)"
-  }), i = M({
+  }), o = M({
     query: "(max-width: 1160px)"
   });
-  return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : i ? "tablet-wide" : "desktop" };
-}, $n = (n, t) => n === t || ne.indexOf(n) > ne.indexOf(t), Lt = (n) => {
+  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) => {
   const { deviceSize: t } = be();
   return {
     visible: F(
-      () => $n(t, n),
+      () => qn(t, n),
       [t, n]
     )
   };
-}, qn = ({
+}, Un = ({
   isOpen: n,
   initialIndex: t,
   onUpdateIndex: r,
-  altLabelPrevious: i,
+  altLabelPrevious: o,
   altLabelZoomIn: l,
   altLabelZoomOut: a,
   altLabelNext: s,
   altLabelClose: h,
-  onRequestClose: m,
+  onRequestClose: g,
   images: b
 }) => {
-  const x = V(null), { deviceSize: w } = be(), y = w !== "mobile", [k, I] = L(t ?? 0), v = ({ index: g }) => {
-    I(g), r?.(g);
-  }, S = F(() => b.map((g) => Un(g)), [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]);
   return /* @__PURE__ */ e(
-    me,
+    ge,
     {
       open: n,
-      close: m,
-      index: k,
-      plugins: [Ze, Qe, Xe],
-      slides: S,
+      close: g,
+      index: S,
+      plugins: [Xe, Je, Ye],
+      slides: k,
       on: { view: v },
       animation: { fade: 0 },
       controller: {
         closeOnPullDown: !0,
         closeOnBackdropClick: !0,
-        ref: x
+        ref: f
       },
       counter: {
         container: {
@@ -938,33 +947,33 @@ const Q = ({
         }
       },
       render: {
-        buttonZoom: (g) => y && /* @__PURE__ */ o(c, { gap: 1, indent: 2, children: [
+        buttonZoom: (m) => y && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
           /* @__PURE__ */ e(
             R,
             {
               "aria-label": l,
               leftIcon: Le,
               size: "large",
-              onClick: () => g.zoomIn()
+              onClick: () => m.zoomIn()
             }
           ),
           /* @__PURE__ */ e(
             R,
             {
               "aria-label": a,
-              leftIcon: Oe,
+              leftIcon: Te,
               size: "large",
-              onClick: () => g.zoomOut()
+              onClick: () => m.zoomOut()
             }
           )
         ] }),
         buttonPrev: () => b.length > 1 && y && /* @__PURE__ */ e(B, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
           R,
           {
-            "aria-label": i,
+            "aria-label": o,
             leftIcon: ce,
             size: "large",
-            onClick: () => x.current?.prev()
+            onClick: () => f.current?.prev()
           }
         ) }),
         buttonNext: () => b.length > 1 && y && /* @__PURE__ */ e(B, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
@@ -973,7 +982,7 @@ const Q = ({
             "aria-label": s,
             leftIcon: ae,
             size: "large",
-            onClick: () => x.current?.next()
+            onClick: () => f.current?.next()
           }
         ) }),
         buttonClose: () => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
@@ -983,52 +992,52 @@ const Q = ({
             "aria-label": h,
             leftIcon: Ae,
             size: "large",
-            onClick: () => x.current?.close()
+            onClick: () => f.current?.close()
           }
         ) })
       }
     }
   );
-}, Un = (n) => ({
+}, Gn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
   alt: n.alt,
   title: n.title,
   description: n.description
-}), Ot = ({
+}), Ht = ({
   images: n,
   initialIndex: t,
   altLabelPrevious: r,
-  altLabelZoomIn: i,
+  altLabelZoomIn: o,
   altLabelZoomOut: l,
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = V(null), [m, b] = L(!1), [x, w] = L(t ?? 0), y = J(() => {
+  const h = V(null), [g, b] = L(!1), [f, C] = L(t ?? 0), y = J(() => {
     b(!0);
-  }, []), k = J(() => {
+  }, []), S = J(() => {
     b(!1);
-  }, []), I = ({ index: g }) => w(g);
-  qe(() => {
-    w(t ?? 0);
+  }, []), I = ({ index: m }) => C(m);
+  We(() => {
+    C(t ?? 0);
   }, [t]);
-  const v = F(() => n.map(En), [n]), S = F(() => n.map(
-    (g) => g.fullscreenImage ? {
-      ...g,
-      url: g.fullscreenImage.url,
-      width: g.fullscreenImage.width,
-      height: g.fullscreenImage.height
-    } : g
+  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
   ), [n]);
-  return /* @__PURE__ */ o(Ge, { blockedKeys: "Escape", children: [
+  return /* @__PURE__ */ i(Ve, { blockedKeys: "Escape", children: [
     /* @__PURE__ */ e(
-      me,
+      ge,
       {
         controller: { ref: h },
-        index: x,
+        index: f,
         slides: v,
-        plugins: [Ve],
+        plugins: [Qe],
         on: {
           view: I,
           click: y
@@ -1071,23 +1080,23 @@ const Q = ({
         }
       }
     ),
-    m && /* @__PURE__ */ e(
-      qn,
+    g && /* @__PURE__ */ e(
+      Un,
       {
         isOpen: !0,
-        onRequestClose: k,
-        initialIndex: x,
-        onUpdateIndex: w,
-        images: S,
+        onRequestClose: S,
+        initialIndex: f,
+        onUpdateIndex: C,
+        images: k,
         altLabelPrevious: r,
         altLabelNext: a,
         altLabelClose: s,
-        altLabelZoomIn: i,
+        altLabelZoomIn: o,
         altLabelZoomOut: l
       }
     )
   ] });
-}, En = (n) => ({
+}, Dn = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
@@ -1096,48 +1105,49 @@ const Q = ({
   description: n.description
 });
 export {
-  Je as ActionMenuFlatButton,
-  ot as ActionMenuPrimaryButton,
-  it as ActionMenuSecondaryButton,
-  lt as CheckboxMenu,
-  bn as Collapsible,
-  bt as CollapsibleEmptyContent,
-  mt as CollapsibleGroupHeading,
-  pt as CollapsibleList,
-  gt as CollapsibleWithCheckbox,
-  Cn as ErrorPanel,
-  ft as ErrorScreen,
-  Ot as ImageCarousel,
-  wn as LoadingPanel,
-  xt as LoadingScreen,
-  at as NavBar,
-  ln as NavBarButton,
-  ct as NavBarHeading,
-  dt as NavBarNotificationButton,
-  st as NavBarPopoverButton,
-  ut as NavBarSearchField,
-  ht as NavBarUserButton,
-  vt as PageHeader,
-  Ct as PageHeaderRow,
-  wt as PageHeading,
-  Nt as ProductCard,
-  Pt as ProductCardContentItem,
-  zt as ProductCardContentItemSkeletor,
-  Ft as ProductSummaryCard,
-  At as ProductSummaryCardSkeletor,
-  Mt as SelectedItemsActionsPadding,
-  Rt as SelectedItemsActionsPanel,
-  jt as SelectedProductCard,
-  Bt as SelectionRow,
-  yt as SidebarMenu,
-  kt as SidebarMenuCollapsible,
-  vn as SidebarMenuCollapsibleGroupBox,
-  zn as SidebarMenuHeading,
-  _t as SidebarMenuLink,
-  St as SidebarMenuSeparator,
-  It as SidebarRailMenu,
-  $n as isDeviceSameOrLarger,
+  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,
+  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,
+  zt as SelectedItemsActionsPadding,
+  Pt 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,
   be as useDeviceSize,
-  Lt as useLayoutVisibility
+  Et as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map