@stenajs-webui/panels 22.4.0 → 22.4.2

package/dist/components/cards/product-card/ProductCard.d.ts

@@ -4,6 +4,6 @@ export interface ProductCardProps extends PropsWithChildren {
     renderSelectedProductCard?: () => ReactNode;
     renderEditButton?: () => ReactNode;
     loading?: boolean;
-    border?: boolean;
+    shadow?: boolean;
 }
 export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/components/image-carousel/ImageCarousel.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import "./ImageCarousel.module.css";
 import "yet-another-react-lightbox/styles.css";
+import "yet-another-react-lightbox/plugins/counter.css";
+import "yet-another-react-lightbox/plugins/captions.css";
 export interface CarouselImage {
     url: string;
     alt: string;

package/dist/index.es.js

@@ -15,6 +15,8 @@ import Ye from "yet-another-react-lightbox/plugins/captions";
 import en from "yet-another-react-lightbox/plugins/counter";
 import nn from "yet-another-react-lightbox/plugins/zoom";
 import "yet-another-react-lightbox/styles.css";
+import "yet-another-react-lightbox/plugins/counter.css";
+import "yet-another-react-lightbox/plugins/captions.css";
 const te = ({
   renderItems: n,
   placement: t = "bottom",
@@ -27,10 +29,10 @@ const te = ({
   buttonRef: g,
   appendTo: b,
   zIndex: C,
-  disableTrapFocus: w = !1,
+  disableTrapFocus: B = !1,
   ...k
 }) => {
-  const [S, B, _, j] = fe(!1), F = Q(null), P = g ?? F, O = U(() => ({ open: B, close: _ }), [B, _]), L = (A) => {
+  const [S, w, _, j] = fe(!1), F = Q(null), P = g ?? F, O = U(() => ({ open: w, close: _ }), [w, _]), L = (A) => {
     s == null || s(A), j();
   };
   return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
@@ -58,13 +60,13 @@ const te = ({
         {
           width: l,
           top: a,
-          trapFocus: !w,
+          trapFocus: !B,
           children: /* @__PURE__ */ e(ke.Provider, { value: O, children: n(_) })
         }
       )
     }
   ) });
-}, xt = (n) => /* @__PURE__ */ e(te, { buttonComponent: pe, ...n }), vt = (n) => /* @__PURE__ */ e(te, { buttonComponent: I, ...n }), tn = (n) => /* @__PURE__ */ e(te, { buttonComponent: E, ...n }), rn = "1px solid var(--lhds-color-ui-300)", Ct = ({
+}, Ct = (n) => /* @__PURE__ */ e(te, { buttonComponent: pe, ...n }), _t = (n) => /* @__PURE__ */ e(te, { buttonComponent: I, ...n }), tn = (n) => /* @__PURE__ */ e(te, { buttonComponent: E, ...n }), rn = "1px solid var(--lhds-color-ui-300)", yt = ({
   renderMenu: n,
   ...t
 }) => /* @__PURE__ */ e(
@@ -103,7 +105,7 @@ const te = ({
     className: n,
     onClick: t
   }
-), _t = ({
+), wt = ({
   left: n,
   className: t,
   showMenuButton: i = !1,
@@ -167,7 +169,7 @@ const te = ({
       }
     );
   }
-), yt = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), Bt = ({
+), Bt = (n) => /* @__PURE__ */ e(z, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...n }), kt = ({
   content: n,
   children: t,
   appendTo: i,
@@ -194,7 +196,7 @@ const te = ({
   unread: hn,
   icon: pn,
   shake: mn
-}, wt = ee(function({
+}, It = ee(function({
   count: n,
   unread: t = !1,
   className: i,
@@ -226,7 +228,7 @@ const te = ({
   navBarSearchFieldWrapper: bn,
   withButton: fn,
   clearButton: xn
-}, kt = ({
+}, St = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: i,
@@ -258,7 +260,7 @@ const te = ({
   }
 ), vn = "_navBarUserButton_10f9z_1", Cn = {
   navBarUserButton: vn
-}, It = ({
+}, Nt = ({
   className: n,
   username: t,
   initials: i,
@@ -279,10 +281,10 @@ const te = ({
 ), _n = "_unreadDot_l8bni_1", yn = "_dot_l8bni_4", se = {
   unreadDot: _n,
   dot: yn
-}, Bn = ({ children: n }) => /* @__PURE__ */ r("div", { className: se.unreadDot, children: [
+}, wn = ({ children: n }) => /* @__PURE__ */ r("div", { className: se.unreadDot, children: [
   n,
   /* @__PURE__ */ e("div", { className: se.dot })
-] }), Be = ({
+] }), we = ({
   text: n,
   timestamp: t,
   icon: i,
@@ -300,13 +302,13 @@ const te = ({
       size: "small",
       icon: i,
       "aria-label": o,
-      backgroundColor: b || wn(u, g)
+      backgroundColor: b || Bn(u, g)
     }
   ) : void 0;
   return /* @__PURE__ */ r(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
     /* @__PURE__ */ r(c, { spacing: !0, gap: 2, flex: 1, alignItems: "flex-start", children: [
       l && /* @__PURE__ */ e(d, { minHeight: 20, justifyContent: "center", children: l }),
-      !l && C && (u ? /* @__PURE__ */ e(Bn, { children: C }) : C),
+      !l && C && (u ? /* @__PURE__ */ e(wn, { children: C }) : C),
       /* @__PURE__ */ r(d, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
         /* @__PURE__ */ e(f, { variant: "bold", children: n }),
         t && /* @__PURE__ */ e(
@@ -332,7 +334,7 @@ const te = ({
       }
     )
   ] });
-}, wn = (n, t) => {
+}, Bn = (n, t) => {
   if (!(!n && t === "standard"))
     return "--lhds-color-ui-50";
 }, kn = "_notification_1hao0_1", In = "_body_1hao0_7", Sn = "_standard_1hao0_13", Nn = "_unread_1hao0_14", Mn = "_danger_1hao0_19", W = {
@@ -341,7 +343,7 @@ const te = ({
   standard: Sn,
   unread: Nn,
   danger: Mn
-}, St = ({
+}, Mt = ({
   variant: n = "standard",
   children: t,
   unread: i,
@@ -355,13 +357,13 @@ const te = ({
       i && W.unread
     ),
     children: [
-      /* @__PURE__ */ e(Be, { ...o, unread: i, variant: n }),
+      /* @__PURE__ */ e(we, { ...o, unread: i, variant: n }),
       t && /* @__PURE__ */ e(p, { className: W.body, children: t })
     ]
   }
 ), Rn = "_notificationList_1rkvu_1", zn = {
   notificationList: Rn
-}, Nt = ({
+}, Rt = ({
   children: n
 }) => /* @__PURE__ */ r("div", { className: zn.notificationList, children: [
   n,
@@ -369,7 +371,7 @@ const te = ({
 ] }), jn = "_clickable_1ijxc_1", Fn = "_nonClickable_1ijxc_27", V = {
   clickable: jn,
   nonClickable: Fn
-}, Mt = ({
+}, zt = ({
   onClick: n,
   onClickAriaLabel: t,
   children: i,
@@ -387,7 +389,7 @@ const te = ({
     role: "alert",
     position: "relative",
     children: [
-      /* @__PURE__ */ e(d, { className: v({ [V.nonClickable]: n }), children: /* @__PURE__ */ e(Be, { ...a }) }),
+      /* @__PURE__ */ e(d, { className: v({ [V.nonClickable]: n }), children: /* @__PURE__ */ e(we, { ...a }) }),
       i && /* @__PURE__ */ r(d, { indent: 3, className: v({ [V.nonClickable]: n }), children: [
         i,
         /* @__PURE__ */ e(x, { num: 2 })
@@ -415,9 +417,9 @@ const te = ({
       ...o
     }
   )
-), Rt = ({
+), jt = ({
   children: n
-}) => /* @__PURE__ */ e(p, { gap: 1, children: n }), zt = ({
+}) => /* @__PURE__ */ e(p, { gap: 1, children: n }), Ft = ({
   value: n,
   onValueChange: t,
   onChange: i,
@@ -442,7 +444,7 @@ const te = ({
   }
 ), An = "_sidebarMenuCollapsibleGroupBox_ikek9_1", $n = {
   sidebarMenuCollapsibleGroupBox: An
-}, Ln = ({ children: n }) => /* @__PURE__ */ e("div", { className: $n.sidebarMenuCollapsibleGroupBox, children: n }), jt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n }) }), Ft = ({ text: n = "No content" }) => /* @__PURE__ */ r(p, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
+}, Ln = ({ children: n }) => /* @__PURE__ */ e("div", { className: $n.sidebarMenuCollapsibleGroupBox, children: n }), Pt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(f, { variant: "overline", size: "smaller", children: n }) }), At = ({ text: n = "No content" }) => /* @__PURE__ */ r(p, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
   /* @__PURE__ */ e(X, { icon: ze, color: m("--lhds-color-ui-500") }),
   /* @__PURE__ */ e(x, {}),
   /* @__PURE__ */ e(f, { size: "small", color: m("--lhds-color-ui-500"), children: n })
@@ -469,7 +471,7 @@ const te = ({
       o
     ] })
   ] }) }) });
-}, Pt = (n) => /* @__PURE__ */ e(
+}, $t = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -484,7 +486,7 @@ const te = ({
   /* @__PURE__ */ e(J, { size: "small" }),
   /* @__PURE__ */ e(x, { num: 4 }),
   /* @__PURE__ */ e(z, { variant: "h4", children: n })
-] }), At = (n) => /* @__PURE__ */ e(
+] }), Lt = (n) => /* @__PURE__ */ e(
   d,
   {
     width: "100%",
@@ -493,7 +495,7 @@ const te = ({
     alignItems: "center",
     children: /* @__PURE__ */ e(Wn, { ...n })
   }
-), $t = ({
+), Dt = ({
   renderBreadCrumbs: n,
   renderPageHeading: t,
   renderTabs: i,
@@ -509,7 +511,7 @@ const te = ({
     i == null ? void 0 : i()
   ] }),
   o
-] }), Lt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Dt = ({
+] }), Wt = (n) => /* @__PURE__ */ e(c, { indent: 3, spacing: !0, ...n }), Ht = ({
   icon: n,
   heading: t,
   headingLevel: i = "h2",
@@ -548,7 +550,7 @@ const te = ({
   isPinned: n,
   onClick: t,
   label: i
-}) => /* @__PURE__ */ e(T, { onClick: t, label: i ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? be : $e }), Wt = ({
+}) => /* @__PURE__ */ e(T, { onClick: t, label: i ?? (n ? "Unpin menu" : "Pin menu"), leftIcon: n ? be : $e }), Ut = ({
   className: n,
   children: t,
   onCloseClick: i,
@@ -586,7 +588,7 @@ const te = ({
 ] }), q = Ge(!1), ie = () => Oe(q), Kn = ({
   label: n,
   ...t
-}) => /* @__PURE__ */ e(_e, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(Y, { ...t }) }), Ht = ({
+}) => /* @__PURE__ */ e(_e, { label: n, placement: "right", appendTo: document.body, children: /* @__PURE__ */ e(Y, { ...t }) }), qt = ({
   closeButtonVisible: n,
   onClickCloseButton: t,
   onClickMenuButton: i,
@@ -632,7 +634,7 @@ const te = ({
   label: n,
   leftIcon: t,
   ...i
-}) => t == null ? null : /* @__PURE__ */ e(_e, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...i }) }), Ut = (n) => ie() ? /* @__PURE__ */ e(Qn, { ...n }) : /* @__PURE__ */ e(De, { ...n }), Tn = ({
+}) => t == null ? null : /* @__PURE__ */ e(_e, { label: n, placement: "right", children: /* @__PURE__ */ e(Le, { icon: t, ...i }) }), Et = (n) => ie() ? /* @__PURE__ */ e(Qn, { ...n }) : /* @__PURE__ */ e(De, { ...n }), Tn = ({
   children: n,
   label: t,
   icon: i,
@@ -659,7 +661,7 @@ const te = ({
       }
     )
   }
-), qt = ({
+), Gt = ({
   children: n,
   label: t,
   leftIcon: i,
@@ -680,13 +682,13 @@ const te = ({
       children: /* @__PURE__ */ e(Ln, { children: n })
     }
   );
-}, Et = (n) => /* @__PURE__ */ e(
+}, Ot = (n) => /* @__PURE__ */ e(
   Ve,
   {
     color: m("--lhds-color-ui-400"),
     ...n
   }
-), Gt = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
+), Vt = ({ numItemsSelected: n, label: t, afterLabelContent: i, rightContent: o }) => /* @__PURE__ */ r(
   c,
   {
     indent: 3,
@@ -714,23 +716,21 @@ const te = ({
       /* @__PURE__ */ e(c, { gap: 2, children: o })
     ]
   }
-), Ot = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Xn = "_productCard_19x6b_1", Jn = {
+), Kt = ({ children: n }) => /* @__PURE__ */ e(c, { spacing: 0.5, indent: 0.5, flex: 1, children: n }), Xn = "_productCard_19x6b_1", Jn = {
   productCard: Xn
-}, Vt = ({
+}, Zt = ({
   renderSelectedProductCard: n,
   renderEditButton: t,
   children: i,
   loading: o,
-  border: l,
+  shadow: l,
   ...a
 }) => /* @__PURE__ */ r(
   p,
   {
     "data-comp": "ProductCard",
     className: Jn.productCard,
-    borderWidth: 1,
-    borderColor: l ? m("--silver-light") : void 0,
-    borderStyle: l ? "solid" : void 0,
+    shadow: l ? "box" : void 0,
     background: m("--moln"),
     borderRadius: "24px",
     overflow: "hidden",
@@ -759,7 +759,7 @@ const te = ({
       )
     ]
   }
-), Yn = ({ children: n }) => /* @__PURE__ */ e(f, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Kt = ({
+), Yn = ({ children: n }) => /* @__PURE__ */ e(f, { variant: "bold", style: { fontSize: "2.0rem" }, children: n }), Qt = ({
   description: n,
   subDescription: t,
   descriptionTags: i,
@@ -772,7 +772,7 @@ const te = ({
   children: b,
   headingLevel: C
 }) => {
-  const w = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Ze(i);
+  const B = i == null ? !1 : Array.isArray(i) ? i.length > 0 : !Ze(i);
   return /* @__PURE__ */ r(p, { children: [
     g == null ? void 0 : g(),
     /* @__PURE__ */ r(d, { gap: 2, spacing: 4, indent: 4, background: m("--moln"), children: [
@@ -794,7 +794,7 @@ const te = ({
         ),
         u && /* @__PURE__ */ e(f, { variant: "bold", color: m("--silver-dark"), children: u })
       ] }),
-      (w || o) && /* @__PURE__ */ r(p, { children: [
+      (B || o) && /* @__PURE__ */ r(p, { children: [
         /* @__PURE__ */ r(c, { gap: 1, flexWrap: "wrap", children: [
           i,
           o && /* @__PURE__ */ e(We, { label: o, variant: "passive" })
@@ -812,7 +812,7 @@ const te = ({
       b
     ] })
   ] });
-}, Zt = ({ renderImage: n }) => /* @__PURE__ */ r(p, { children: [
+}, Tt = ({ renderImage: n }) => /* @__PURE__ */ r(p, { children: [
   n == null ? void 0 : n(),
   /* @__PURE__ */ r(d, { gap: 3, spacing: 4, indent: 4, background: m("--moln"), children: [
     /* @__PURE__ */ e(d, { gap: 0.5, children: /* @__PURE__ */ e(
@@ -835,13 +835,13 @@ const te = ({
     /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(R, { width: "150px", height: "1.4rem", borderRadius: "8px" }) }),
     /* @__PURE__ */ e(x, {})
   ] })
-] }), Qt = ({
+] }), Xt = ({
   label: n,
   children: t
 }) => /* @__PURE__ */ r(d, { background: m("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
   /* @__PURE__ */ e(z, { variant: "h3", as: "h2", color: "white", children: n }),
   t
-] }), Tt = ({
+] }), Jt = ({
   title: n,
   variant: t = "normal",
   loading: i,
@@ -854,11 +854,11 @@ const te = ({
   children: b,
   ...C
 }) => {
-  const { fontSizeRatio: w } = Qe(), k = N({
+  const { fontSizeRatio: B } = Qe(), k = N({
     query: "(max-width: 460px)"
-  }), B = N({
+  }), w = N({
     query: "(max-width: 360px)"
-  }) || k && w > 1.2, _ = i ? "normal" : t, j = nt(_), F = m("--moln"), P = et(_);
+  }) || k && B > 1.2, _ = i ? "normal" : t, j = nt(_), F = m("--moln"), P = et(_);
   return /* @__PURE__ */ r(
     d,
     {
@@ -870,11 +870,11 @@ const te = ({
       ...ne(C),
       children: [
         /* @__PURE__ */ r(c, { flex: 1, children: [
-          !B && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: j, children: o && /* @__PURE__ */ e(X, { color: P, icon: o, size: 73 }) }),
+          !w && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: j, children: o && /* @__PURE__ */ e(X, { color: P, icon: o, size: 73 }) }),
           /* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: F, children: /* @__PURE__ */ r(p, { gap: 2, children: [
             n && /* @__PURE__ */ r(c, { justifyContent: "space-between", children: [
               /* @__PURE__ */ r(c, { gap: 2, alignItems: "center", children: [
-                B && l && /* @__PURE__ */ e(G, { icon: l, size: "medium" }),
+                w && l && /* @__PURE__ */ e(G, { icon: l, size: "medium" }),
                 /* @__PURE__ */ e(f, { variant: "bold", size: "large", children: n })
               ] }),
               _ == "normal" && (s == null ? void 0 : s())
@@ -936,7 +936,7 @@ const te = ({
     default:
       xe(n);
   }
-}, Xt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
+}, Yt = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
   d,
   {
     borderRadius: "16px",
@@ -980,7 +980,7 @@ const te = ({
   "tablet",
   "tablet-wide",
   "desktop"
-], we = () => {
+], Be = () => {
   const n = N({
     query: "(max-width: 768px)"
   }), t = N({
@@ -991,15 +991,15 @@ const te = ({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : n ? "mobile" : i ? "tablet" : o ? "tablet-wide" : "desktop" };
-}, tt = (n, t) => n === t || de.indexOf(n) > de.indexOf(t), Jt = (n) => {
-  const { deviceSize: t } = we();
+}, tt = (n, t) => n === t || de.indexOf(n) > de.indexOf(t), ei = (n) => {
+  const { deviceSize: t } = Be();
   return {
     visible: U(
       () => tt(t, n),
       [t, n]
     )
   };
-}, Yt = ({
+}, ni = ({
   images: n,
   altLabelPrevious: t,
   altLabelZoomIn: i,
@@ -1007,11 +1007,11 @@ const te = ({
   altLabelNext: l,
   altLabelClose: a
 }) => {
-  const s = Q(null), u = Q(null), { deviceSize: g } = we(), b = g !== "mobile", [C, w] = H(!1), [k, S] = H(0), [B, _] = H(0), j = le(() => {
-    _(k), w(!0);
+  const s = Q(null), u = Q(null), { deviceSize: g } = Be(), b = g !== "mobile", [C, B] = H(!1), [k, S] = H(0), [w, _] = H(0), j = le(() => {
+    _(k), B(!0);
   }, [k]), F = le(() => {
-    S(B), w(!1);
-  }, [B]), P = ({ index: h }) => S(h), O = ({ index: h }) => _(h), L = U(() => n.map(Z), [n]), A = U(
+    S(w), B(!1);
+  }, [w]), P = ({ index: h }) => S(h), O = ({ index: h }) => _(h), L = U(() => n.map(Z), [n]), A = U(
     () => n.map(
       (h) => h.fullscreenImage ? Z({
         ...h.fullscreenImage,
@@ -1082,7 +1082,7 @@ const te = ({
       {
         open: C,
         close: F,
-        index: B,
+        index: w,
         plugins: [nn, en, Ye],
         slides: A ?? L,
         on: { view: O },
@@ -1174,52 +1174,52 @@ const te = ({
 });
 export {
   tn as ActionMenuFlatButton,
-  xt as ActionMenuPrimaryButton,
-  vt as ActionMenuSecondaryButton,
-  Ct as CheckboxMenu,
+  Ct as ActionMenuPrimaryButton,
+  _t as ActionMenuSecondaryButton,
+  yt as CheckboxMenu,
   Pn as Collapsible,
-  Ft as CollapsibleEmptyContent,
-  jt as CollapsibleGroupHeading,
-  Rt as CollapsibleList,
-  zt as CollapsibleWithCheckbox,
+  At as CollapsibleEmptyContent,
+  Pt as CollapsibleGroupHeading,
+  jt as CollapsibleList,
+  Ft as CollapsibleWithCheckbox,
   Dn as ErrorPanel,
-  Pt as ErrorScreen,
-  Yt as ImageCarousel,
+  $t as ErrorScreen,
+  ni as ImageCarousel,
   Wn as LoadingPanel,
-  At as LoadingScreen,
-  _t as NavBar,
+  Lt as LoadingScreen,
+  wt as NavBar,
   dn as NavBarButton,
-  yt as NavBarHeading,
-  wt as NavBarNotificationButton,
-  Bt as NavBarPopoverButton,
-  kt as NavBarSearchField,
-  It as NavBarUserButton,
-  St as Notification,
-  Be as NotificationHeader,
-  Nt as NotificationList,
-  $t as PageHeader,
-  Lt as PageHeaderRow,
-  Dt as PageHeading,
-  Vt as ProductCard,
-  Kt as ProductCardContentItem,
-  Zt as ProductCardContentItemSkeletor,
-  Tt as ProductSummaryCard,
-  Xt as ProductSummaryCardSkeletor,
-  Ot as SelectedItemsActionsPadding,
-  Gt as SelectedItemsActionsPanel,
-  Qt as SelectedProductCard,
-  Wt as SidebarMenu,
-  qt as SidebarMenuCollapsible,
+  Bt as NavBarHeading,
+  It as NavBarNotificationButton,
+  kt as NavBarPopoverButton,
+  St as NavBarSearchField,
+  Nt as NavBarUserButton,
+  Mt as Notification,
+  we as NotificationHeader,
+  Rt as NotificationList,
+  Dt as PageHeader,
+  Wt as PageHeaderRow,
+  Ht as PageHeading,
+  Zt as ProductCard,
+  Qt as ProductCardContentItem,
+  Tt as ProductCardContentItemSkeletor,
+  Jt as ProductSummaryCard,
+  Yt as ProductSummaryCardSkeletor,
+  Kt as SelectedItemsActionsPadding,
+  Vt as SelectedItemsActionsPanel,
+  Xt as SelectedProductCard,
+  Ut as SidebarMenu,
+  Gt as SidebarMenuCollapsible,
   Ln as SidebarMenuCollapsibleGroupBox,
   Zn as SidebarMenuHeading,
-  Ut as SidebarMenuLink,
-  Et as SidebarMenuSeparator,
-  Ht as SidebarRailMenu,
-  Mt as Toast,
-  Bn as UnreadDot,
-  wn as getIconBgColorFromVariant,
+  Et as SidebarMenuLink,
+  Ot as SidebarMenuSeparator,
+  qt as SidebarRailMenu,
+  zt as Toast,
+  wn as UnreadDot,
+  Bn as getIconBgColorFromVariant,
   tt as isDeviceSameOrLarger,
-  we as useDeviceSize,
-  Jt as useLayoutVisibility
+  Be as useDeviceSize,
+  ei as useLayoutVisibility
 };
 //# sourceMappingURL=index.es.js.map