@stenajs-webui/panels 25.3.1 → 25.3.2

package/dist/index.es.js

@@ -1,11 +1,11 @@
 import { jsx as e, Fragment as z, jsxs as i } from "react/jsx-runtime";
-import { ActionMenu as re, ActionMenuContext as ve, stenaAngleDown as oe, PrimaryButton as ie, SecondaryButton as R, FlatButton as O, stenaHamburger as le, FlatButtonLink as Be, BaseButton as ye, stenaBellFilled as we, TextInputButton as _e, stenaTimes as Ie, stenaUserCircle as Se, MenuButton as D, Icon as K, stenaMail as ke, Card as Re, CardBody as Me, CircledIcon as q, stenaTripFerryXl as Ne, ScreenSpinner as Pe, CloseButton as Fe, StenaFlag as ze, stenaAngleLeftDouble as ae, stenaPin as je, IconMenuButton as V, IconMenuButtonLink as Le, MenuButtonLink as Ae, Spinner as ce, Tag as $e, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as se, stenaAngleLeft as de, stenaSearchPlus as Oe, stenaSearchMinus as qe } from "@stenajs-webui/elements";
+import { ActionMenu as re, ActionMenuContext as ve, stenaAngleDown as oe, PrimaryButton as ie, SecondaryButton as R, FlatButton as O, stenaHamburger as le, FlatButtonLink as Be, BaseButton as ye, stenaBellFilled as _e, TextInputButton as we, stenaTimes as Ie, stenaUserCircle as Se, MenuButton as D, Icon as K, stenaMail as ke, Card as Re, CardBody as Me, CircledIcon as q, stenaTripFerryXl as Ne, ScreenSpinner as Pe, CloseButton as Fe, StenaFlag as ze, stenaAngleLeftDouble as ae, stenaPin as je, IconMenuButton as V, IconMenuButtonLink as Le, MenuButtonLink as Ae, Spinner as ce, Tag as $e, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as se, stenaAngleLeft as de, stenaSearchPlus as Oe, stenaSearchMinus as qe } from "@stenajs-webui/elements";
 import * as Ee from "react";
 import { useRef as Z, useMemo as j, forwardRef as E, useContext as He, createContext as We, useState as $, useCallback as J, useEffect as Ue } from "react";
 import { useBoolean as ue, Column as u, Row as c, Indent as y, Heading as P, Box as d, Text as C, Space as B, getDataProps as L, SeparatorLine as Ge, pluralFormatter as De, selectPluralRule as Ke, Spacing as Ve, isEmptyFragment as Ze, useAccessibleFontSizeContext as Qe, exhaustSwitchCaseElseThrow as he, BlockKeyboardEvents as Xe } from "@stenajs-webui/core";
 import { ControlledPopover as pe, Popover as me, Tooltip as ge } from "@stenajs-webui/tooltip";
 import { Checkbox as be, TextInput as Je } from "@stenajs-webui/forms";
-import w from "classnames";
+import _ from "classnames";
 import { cssColor as p } from "@stenajs-webui/theme";
 import { useMediaQuery as M } from "react-responsive";
 import fe from "yet-another-react-lightbox";
@@ -26,7 +26,7 @@ import './index.css';const Q = ({
   appendTo: b,
   zIndex: f,
   disableTrapFocus: x = !1,
-  ..._
+  ...w
 }) => {
   const [S, k, v, I] = ue(!1), m = Z(null), H = g ?? m, W = j(() => ({ open: k, close: v }), [k, v]), xe = (U) => {
     s?.(U), I();
@@ -38,7 +38,7 @@ import './index.css';const Q = ({
         r,
         {
           rightIcon: h ? void 0 : o,
-          ..._,
+          ...w,
           ref: H,
           onClick: xe,
           ...U
@@ -62,7 +62,7 @@ import './index.css';const Q = ({
       )
     }
   ) });
-}, xt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: ie, ...n }), vt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: R, ...n }), rn = (n) => /* @__PURE__ */ e(Q, { buttonComponent: O, ...n }), on = "1px solid var(--lhds-color-ui-300)", Bt = ({
+}, Bt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: ie, ...n }), yt = (n) => /* @__PURE__ */ e(Q, { buttonComponent: R, ...n }), rn = (n) => /* @__PURE__ */ e(Q, { buttonComponent: O, ...n }), on = "1px solid var(--lhds-color-ui-300)", _t = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
@@ -101,7 +101,7 @@ import './index.css';const Q = ({
     className: n,
     onClick: t
   }
-), yt = ({
+), wt = ({
   left: n,
   className: t,
   showMenuButton: r = !1,
@@ -115,7 +115,7 @@ import './index.css';const Q = ({
     c,
     {
       justifyContent: "space-between",
-      className: w(an.navBar, t),
+      className: _(an.navBar, t),
       children: [
         /* @__PURE__ */ i(
           c,
@@ -157,7 +157,7 @@ import './index.css';const Q = ({
       {
         ...r,
         ref: o,
-        className: w(
+        className: _(
           Y.navBarButton,
           n && Y.selected,
           t
@@ -168,14 +168,14 @@ import './index.css';const Q = ({
 ), hn = "_navBarLink_1u1b2_1", pn = "_selected_1u1b2_14", ee = {
   navBarLink: hn,
   selected: pn
-}, wt = E(
+}, It = E(
   function({ selected: t, className: r, ...o }, l) {
     return /* @__PURE__ */ e(
       Be,
       {
         ...o,
         ref: l,
-        className: w(
+        className: _(
           ee.navBarLink,
           t && ee.selected,
           r
@@ -183,7 +183,7 @@ import './index.css';const Q = ({
       }
     );
   }
-), _t = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), It = ({
+), St = (n) => /* @__PURE__ */ e(P, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), kt = ({
   content: n,
   children: t,
   appendTo: r,
@@ -209,13 +209,13 @@ import './index.css';const Q = ({
   navBarNotificationButton: mn,
   unread: gn,
   icon: bn
-}, St = E(function({
+}, Rt = E(function({
   count: n,
   unread: t = !1,
   className: r,
   labelClassName: o,
   iconClassName: l,
-  icon: a = we,
+  icon: a = _e,
   ...s
 }, h) {
   const g = n > 1;
@@ -225,15 +225,15 @@ import './index.css';const Q = ({
       ...s,
       ref: h,
       leftIcon: a,
-      className: w(
+      className: _(
         F.navBarNotificationButton,
         t && F.unread,
         g && F.hasCount,
         r
       ),
       label: g ? String(n) : void 0,
-      labelClassName: w(o, F.label),
-      iconClassName: w(l, F.icon)
+      labelClassName: _(o, F.label),
+      iconClassName: _(l, F.icon)
     }
   );
 }), fn = "_navBarSearchFieldInput_1rp8g_1", Cn = "_navBarSearchFieldWrapper_1rp8g_12", xn = "_withButton_1rp8g_24", vn = "_clearButton_1rp8g_33", A = {
@@ -241,7 +241,7 @@ import './index.css';const Q = ({
   navBarSearchFieldWrapper: Cn,
   withButton: xn,
   clearButton: vn
-}, kt = ({
+}, Mt = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: r,
@@ -252,16 +252,16 @@ import './index.css';const Q = ({
 }) => /* @__PURE__ */ e(
   Je,
   {
-    wrapperClassName: w(
+    wrapperClassName: _(
       A.navBarSearchFieldWrapper,
       o ? A.withButton : void 0,
       r
     ),
-    className: w(A.navBarSearchFieldInput, t),
+    className: _(A.navBarSearchFieldInput, t),
     placeholder: n,
     value: a,
     buttonRight: a && o ? /* @__PURE__ */ e(
-      _e,
+      we,
       {
         className: A.clearButton,
         icon: Ie,
@@ -273,7 +273,7 @@ import './index.css';const Q = ({
   }
 ), Bn = "_navBarUserButton_10f9z_1", yn = {
   navBarUserButton: Bn
-}, Rt = ({
+}, Nt = ({
   className: n,
   username: t,
   initials: r,
@@ -284,14 +284,14 @@ import './index.css';const Q = ({
   rn,
   {
     ...a,
-    className: w(yn.navBarUserButton, n),
+    className: _(yn.navBarUserButton, n),
     leftIcon: t != null ? o : void 0,
     label: r ?? t,
     forceRound: r != null,
     responsiveIconOnly: l,
     disableArrow: !0
   }
-), wn = E(
+), _n = E(
   ({ contentLeft: n, contentRight: t, collapsed: r = !1, ...o }, l) => /* @__PURE__ */ e(
     D,
     {
@@ -304,9 +304,9 @@ import './index.css';const Q = ({
       ...o
     }
   )
-), Mt = ({
+), Pt = ({
   children: n
-}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), Nt = ({
+}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), Ft = ({
   value: n,
   onValueChange: t,
   onChange: r,
@@ -314,7 +314,7 @@ import './index.css';const Q = ({
   checkboxDisabled: l,
   ...a
 }) => /* @__PURE__ */ e(
-  wn,
+  _n,
   {
     contentLeft: /* @__PURE__ */ e(
       be,
@@ -329,9 +329,9 @@ import './index.css';const Q = ({
     ),
     ...a
   }
-), _n = "_sidebarMenuCollapsibleGroupBox_ikek9_1", In = {
-  sidebarMenuCollapsibleGroupBox: _n
-}, Sn = ({ children: n }) => /* @__PURE__ */ e("div", { className: In.sidebarMenuCollapsibleGroupBox, children: n }), Pt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(C, { variant: "overline", size: "smaller", children: n }) }), Ft = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+), wn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", In = {
+  sidebarMenuCollapsibleGroupBox: wn
+}, Sn = ({ children: n }) => /* @__PURE__ */ e("div", { className: In.sidebarMenuCollapsibleGroupBox, children: n }), zt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(C, { variant: "overline", size: "smaller", children: n }) }), jt = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
   /* @__PURE__ */ e(K, { icon: ke, color: p("--lhds-color-ui-500") }),
   /* @__PURE__ */ e(B, {}),
   /* @__PURE__ */ e(C, { size: "small", color: p("--lhds-color-ui-500"), children: n })
@@ -358,7 +358,7 @@ import './index.css';const Q = ({
       /* @__PURE__ */ e(d, { gap: 2, children: o })
     ] })
   ] }) }) });
-}, zt = (n) => /* @__PURE__ */ e(
+}, Lt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -377,7 +377,7 @@ import './index.css';const Q = ({
     /* @__PURE__ */ e(B, { num: 4 }),
     /* @__PURE__ */ e(P, { variant: "h4", children: n })
   ] })
-] }), jt = (n) => /* @__PURE__ */ e(
+] }), At = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -387,7 +387,7 @@ import './index.css';const Q = ({
     alignItems: "center",
     children: /* @__PURE__ */ e(Rn, { ...n })
   }
-), Lt = ({
+), $t = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: r,
@@ -400,7 +400,7 @@ import './index.css';const Q = ({
     r?.()
   ] }),
   o
-] }), At = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), $t = ({
+] }), Tt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Ot = ({
   icon: n,
   heading: t,
   headingLevel: r = "h2",
@@ -416,7 +416,7 @@ import './index.css';const Q = ({
 ] }), Mn = "_selectionRow_eqiow_1", Nn = "_iconColumn_eqiow_10", ne = {
   selectionRow: Mn,
   iconColumn: Nn
-}, Tt = ({
+}, qt = ({
   icon: n,
   heading: t,
   description: r,
@@ -468,7 +468,7 @@ import './index.css';const Q = ({
   isPinned: n,
   onClick: t,
   label: r
-}) => /* @__PURE__ */ e(D, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ae : je }), Ot = ({
+}) => /* @__PURE__ */ e(D, { onClick: t, label: r ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? ae : je }), Et = ({
   className: n,
   children: t,
   onCloseClick: r,
@@ -477,7 +477,7 @@ import './index.css';const Q = ({
   bottomItems: a,
   isPinned: s,
   ...h
-}) => /* @__PURE__ */ i(d, { ...h, className: w(G.sidebarMenu, n), children: [
+}) => /* @__PURE__ */ i(d, { ...h, className: _(G.sidebarMenu, n), children: [
   /* @__PURE__ */ e(An, { onClick: r }),
   /* @__PURE__ */ e(d, { className: G.scrollContainer, children: /* @__PURE__ */ i(
     u,
@@ -506,7 +506,7 @@ import './index.css';const Q = ({
 ] }), T = We(!1), X = () => He(T), Tn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(ge, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(V, { ...t }) }), qt = ({
+}) => /* @__PURE__ */ e(ge, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(V, { ...t }) }), Ht = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: r,
@@ -552,7 +552,7 @@ import './index.css';const Q = ({
   label: n,
   leftIcon: t,
   ...r
-}) => t == null ? null : /* @__PURE__ */ e(ge, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...r }) }), Et = (n) => X() ? /* @__PURE__ */ e(qn, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), En = ({
+}) => t == null ? null : /* @__PURE__ */ e(ge, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...r }) }), Wt = (n) => X() ? /* @__PURE__ */ e(qn, { ...n }) : /* @__PURE__ */ e(Ae, { ...n }), En = ({
   children: n,
   label: t,
   icon: r,
@@ -579,7 +579,7 @@ import './index.css';const Q = ({
       }
     )
   }
-), Ht = ({
+), Ut = ({
   children: n,
   label: t,
   leftIcon: r,
@@ -600,13 +600,13 @@ import './index.css';const Q = ({
       children: /* @__PURE__ */ e(Sn, { children: n })
     }
   );
-}, Wt = (n) => /* @__PURE__ */ e(
+}, Gt = (n) => /* @__PURE__ */ e(
   Ge,
   {
     color: p("--lhds-color-ui-400"),
     ...n
   }
-), Hn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Ut = ({
+), Hn = (n, t, r) => n == null ? "" : (De(Ke(r))(n, t) ?? "").replace("{ITEMS}", String(n)), Dt = ({
   numItemsSelected: n,
   label: t,
   selectedLabel: r = {
@@ -643,9 +643,9 @@ import './index.css';const Q = ({
       ]
     }
   );
-}, Gt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", Un = {
+}, Kt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Wn = "_productCard_19x6b_1", Un = {
   productCard: Wn
-}, Dt = ({
+}, Vt = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: r,
@@ -686,7 +686,9 @@ import './index.css';const Q = ({
       )
     ]
   }
-), Gn = ({ children: n }) => /* @__PURE__ */ e(C, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Kt = ({
+), Gn = ({ children: n }) => /* @__PURE__ */ e(C, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Dn = "_price_181ks_15", Kn = {
+  price: Dn
+}, Zt = ({
   description: n,
   subDescription: t,
   descriptionTags: r,
@@ -712,7 +714,7 @@ import './index.css';const Q = ({
             gap: 2,
             children: [
               /* @__PURE__ */ e(P, { variant: "h3", as: f, children: s }),
-              /* @__PURE__ */ i(c, { gap: 2, children: [
+              /* @__PURE__ */ i(c, { gap: 2, className: Kn.price, children: [
                 l && /* @__PURE__ */ e(u, { justifyContent: "center", children: l }),
                 /* @__PURE__ */ e(Gn, { children: a })
               ] })
@@ -739,7 +741,7 @@ import './index.css';const Q = ({
       b
     ] })
   ] });
-}, Vt = ({ renderImage: n }) => /* @__PURE__ */ i(u, { children: [
+}, Qt = ({ renderImage: n }) => /* @__PURE__ */ i(u, { children: [
   n?.(),
   /* @__PURE__ */ i(d, { gap: 3, spacing: 4, indent: 4, background: p("--moln"), children: [
     /* @__PURE__ */ e(d, { gap: 0.5, children: /* @__PURE__ */ e(
@@ -761,15 +763,15 @@ import './index.css';const Q = ({
     /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(N, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
     /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(N, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
   ] })
-] }), Zt = ({
+] }), Xt = ({
   label: n,
   children: t
 }) => /* @__PURE__ */ i(d, { background: p("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
   /* @__PURE__ */ e(P, { variant: "h3", as: "h2", color: "white", children: n }),
   t
-] }), Dn = "_content_1m4r7_10", Kn = {
-  content: Dn
-}, Qt = ({
+] }), Vn = "_content_1m4r7_10", Zn = {
+  content: Vn
+}, Jt = ({
   title: n,
   variant: t = "normal",
   loading: r,
@@ -783,11 +785,11 @@ import './index.css';const Q = ({
   children: f,
   ...x
 }) => {
-  const { fontSizeRatio: _ } = Qe(), S = M({
+  const { fontSizeRatio: w } = Qe(), S = M({
     query: "(max-width: 460px)"
   }), v = M({
     query: "(max-width: 360px)"
-  }) || S && _ > 1.2, I = r ? "normal" : t, m = Zn(I), H = p("--moln"), W = Vn(I);
+  }) || S && w > 1.2, I = r ? "normal" : t, m = Xn(I), H = p("--moln"), W = Qn(I);
   return /* @__PURE__ */ i(
     d,
     {
@@ -814,7 +816,7 @@ import './index.css';const Q = ({
             /* @__PURE__ */ e(
               u,
               {
-                className: Kn.content,
+                className: Zn.content,
                 style: { opacity: r ? 0 : void 0 },
                 children: f
               }
@@ -853,7 +855,7 @@ import './index.css';const Q = ({
       ]
     }
   );
-}, Vn = (n) => {
+}, Qn = (n) => {
   switch (n) {
     case "edit":
       return p("--moln");
@@ -864,7 +866,7 @@ import './index.css';const Q = ({
     default:
       he(n);
   }
-}, Zn = (n) => {
+}, Xn = (n) => {
   switch (n) {
     case "edit":
       return p("--mussla");
@@ -875,20 +877,20 @@ import './index.css';const Q = ({
     default:
       he(n);
   }
-}, Qn = "_productSummaryCardImage_1knc7_1", Xn = {
-  productSummaryCardImage: Qn
-}, Jn = ({ src: n, alt: t }) => /* @__PURE__ */ e("img", { src: n, alt: t, className: Xn.productSummaryCardImage }), Yn = "_productSummaryCardImageButton_1mznn_11", et = {
-  productSummaryCardImageButton: Yn
-}, Xt = ({ onClick: n, ariaLabel: t, ...r }) => /* @__PURE__ */ e(
+}, Jn = "_productSummaryCardImage_1knc7_1", Yn = {
+  productSummaryCardImage: Jn
+}, et = ({ src: n, alt: t }) => /* @__PURE__ */ e("img", { src: n, alt: t, className: Yn.productSummaryCardImage }), nt = "_productSummaryCardImageButton_1mznn_11", tt = {
+  productSummaryCardImageButton: nt
+}, Yt = ({ onClick: n, ariaLabel: t, ...r }) => /* @__PURE__ */ e(
   "button",
   {
     type: "button",
-    className: et.productSummaryCardImageButton,
+    className: tt.productSummaryCardImageButton,
     "aria-label": t,
     onClick: n,
-    children: /* @__PURE__ */ e(Jn, { ...r })
+    children: /* @__PURE__ */ e(et, { ...r })
   }
-), Jt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+), er = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   d,
   {
     borderRadius: "16px",
@@ -943,15 +945,15 @@ import './index.css';const Q = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : r ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, nt = (n, t) => n === t || te.indexOf(n) > te.indexOf(t), Yt = (n) => {
+}, rt = (n, t) => n === t || te.indexOf(n) > te.indexOf(t), nr = (n) => {
   const { deviceSize: t } = Ce();
   return {
     visible: j(
-      () => nt(t, n),
+      () => rt(t, n),
       [t, n]
     )
   };
-}, tt = ({
+}, ot = ({
   isOpen: n,
   initialIndex: t,
   onUpdateIndex: r,
@@ -963,9 +965,9 @@ import './index.css';const Q = ({
   onRequestClose: g,
   images: b
 }) => {
-  const f = Z(null), { deviceSize: x } = Ce(), _ = x !== "mobile", [S, k] = $(t ?? 0), v = ({ index: m }) => {
+  const f = Z(null), { deviceSize: x } = Ce(), w = x !== "mobile", [S, k] = $(t ?? 0), v = ({ index: m }) => {
     k(m), r?.(m);
-  }, I = j(() => b.map((m) => rt(m)), [b]);
+  }, I = j(() => b.map((m) => it(m)), [b]);
   return /* @__PURE__ */ e(
     fe,
     {
@@ -992,7 +994,7 @@ import './index.css';const Q = ({
         }
       },
       render: {
-        buttonZoom: (m) => _ && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
+        buttonZoom: (m) => w && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
           /* @__PURE__ */ e(
             R,
             {
@@ -1012,7 +1014,7 @@ import './index.css';const Q = ({
             }
           )
         ] }),
-        buttonPrev: () => b.length > 1 && _ && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
+        buttonPrev: () => b.length > 1 && w && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
           R,
           {
             "aria-label": o,
@@ -1021,7 +1023,7 @@ import './index.css';const Q = ({
             onClick: () => f.current?.prev()
           }
         ) }),
-        buttonNext: () => b.length > 1 && _ && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
+        buttonNext: () => b.length > 1 && w && /* @__PURE__ */ e(y, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
           R,
           {
             "aria-label": s,
@@ -1043,14 +1045,14 @@ import './index.css';const Q = ({
       }
     }
   );
-}, rt = (n) => ({
+}, it = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
   alt: n.alt,
   title: n.title,
   description: n.description
-}), er = ({
+}), tr = ({
   images: n,
   initialIndex: t,
   altLabelPrevious: r,
@@ -1059,7 +1061,7 @@ import './index.css';const Q = ({
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = Z(null), [g, b] = $(!1), [f, x] = $(t ?? 0), _ = J(() => {
+  const h = Z(null), [g, b] = $(!1), [f, x] = $(t ?? 0), w = J(() => {
     b(!0);
   }, []), S = J(() => {
     b(!1);
@@ -1067,7 +1069,7 @@ import './index.css';const Q = ({
   Ue(() => {
     x(t ?? 0);
   }, [t]);
-  const v = j(() => n.map(ot), [n]), I = j(() => n.map(
+  const v = j(() => n.map(lt), [n]), I = j(() => n.map(
     (m) => m.fullscreenImage ? {
       ...m,
       url: m.fullscreenImage.url,
@@ -1085,7 +1087,7 @@ import './index.css';const Q = ({
         plugins: [Ye],
         on: {
           view: k,
-          click: _
+          click: w
         },
         carousel: {
           padding: 0,
@@ -1126,7 +1128,7 @@ import './index.css';const Q = ({
       }
     ),
     g && /* @__PURE__ */ e(
-      tt,
+      ot,
       {
         isOpen: !0,
         onRequestClose: S,
@@ -1141,7 +1143,7 @@ import './index.css';const Q = ({
       }
     )
   ] });
-}, ot = (n) => ({
+}, lt = (n) => ({
   src: n.url,
   width: n.width,
   height: n.height,
@@ -1151,51 +1153,51 @@ import './index.css';const Q = ({
 });
 export {
   rn as ActionMenuFlatButton,
-  xt as ActionMenuPrimaryButton,
-  vt as ActionMenuSecondaryButton,
-  Bt as CheckboxMenu,
-  wn as Collapsible,
-  Ft as CollapsibleEmptyContent,
-  Pt as CollapsibleGroupHeading,
-  Mt as CollapsibleList,
-  Nt as CollapsibleWithCheckbox,
+  Bt as ActionMenuPrimaryButton,
+  yt as ActionMenuSecondaryButton,
+  _t as CheckboxMenu,
+  _n as Collapsible,
+  jt as CollapsibleEmptyContent,
+  zt as CollapsibleGroupHeading,
+  Pt as CollapsibleList,
+  Ft as CollapsibleWithCheckbox,
   kn as ErrorPanel,
-  zt as ErrorScreen,
-  tt as FullscreenImageCarousel,
-  er as ImageCarousel,
+  Lt as ErrorScreen,
+  ot as FullscreenImageCarousel,
+  tr as ImageCarousel,
   Rn as LoadingPanel,
-  jt as LoadingScreen,
-  yt as NavBar,
+  At as LoadingScreen,
+  wt as NavBar,
   un as NavBarButton,
-  _t as NavBarHeading,
-  wt as NavBarLink,
-  St as NavBarNotificationButton,
-  It as NavBarPopoverButton,
-  kt as NavBarSearchField,
-  Rt as NavBarUserButton,
-  Lt as PageHeader,
-  At as PageHeaderRow,
-  $t as PageHeading,
-  Dt as ProductCard,
-  Kt as ProductCardContentItem,
-  Vt as ProductCardContentItemSkeletor,
-  Qt as ProductSummaryCard,
-  Jn as ProductSummaryCardImage,
-  Xt as ProductSummaryCardImageButton,
-  Jt as ProductSummaryCardSkeletor,
-  Gt as SelectedItemsActionsPadding,
-  Ut as SelectedItemsActionsPanel,
-  Zt as SelectedProductCard,
-  Tt as SelectionRow,
-  Ot as SidebarMenu,
-  Ht as SidebarMenuCollapsible,
+  St as NavBarHeading,
+  It as NavBarLink,
+  Rt as NavBarNotificationButton,
+  kt as NavBarPopoverButton,
+  Mt as NavBarSearchField,
+  Nt as NavBarUserButton,
+  $t as PageHeader,
+  Tt as PageHeaderRow,
+  Ot as PageHeading,
+  Vt as ProductCard,
+  Zt as ProductCardContentItem,
+  Qt as ProductCardContentItemSkeletor,
+  Jt as ProductSummaryCard,
+  et as ProductSummaryCardImage,
+  Yt as ProductSummaryCardImageButton,
+  er as ProductSummaryCardSkeletor,
+  Kt as SelectedItemsActionsPadding,
+  Dt as SelectedItemsActionsPanel,
+  Xt as SelectedProductCard,
+  qt as SelectionRow,
+  Et as SidebarMenu,
+  Ut as SidebarMenuCollapsible,
   Sn as SidebarMenuCollapsibleGroupBox,
   On as SidebarMenuHeading,
-  Et as SidebarMenuLink,
-  Wt as SidebarMenuSeparator,
-  qt as SidebarRailMenu,
-  nt as isDeviceSameOrLarger,
+  Wt as SidebarMenuLink,
+  Gt as SidebarMenuSeparator,
+  Ht as SidebarRailMenu,
+  rt as isDeviceSameOrLarger,
   Ce as useDeviceSize,
-  Yt as useLayoutVisibility
+  nr as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map