@cgi-learning-hub/ui 1.4.0 → 1.5.0

package/dist/{Menu-DzBX10ev.js → Menu-BgO92SV3.js}

@@ -1,254 +1,136 @@
-import * as s from "react";
-import { H as ee, I as oe, G as Y, P as e, _ as ye } from "./identifier-D58rA1gM.js";
-import { u as Le, a as fe } from "./index-DwHI-aa0.js";
-import { u as te, s as V, c as ne, r as je } from "./DefaultPropsProvider-BcmyIf2H.js";
-import { jsx as z, jsxs as ke } from "react/jsx-runtime";
-import { i as Fe } from "./isHostComponent-kiaBvYVo.js";
-import { u as de } from "./useSlot-CZNcsPv1.js";
-import { P as ze, i as Ke } from "./Paper-CbgkVQVx.js";
-import { G as He } from "./Grow-DPD-iBAX.js";
+import * as a from "react";
+import { S as me, P as e, H as he, G as ge, I as X } from "./generateUtilityClasses-CqzQXpT_.js";
+import { u as De } from "./index-sDFEVHTg.js";
+import { s as W, u as ye, c as be, r as Ie } from "./DefaultPropsProvider-CXfMJdg8.js";
+import { jsx as U } from "react/jsx-runtime";
+import { u as le } from "./useSlotProps-Ceyorp-u.js";
+import { i as je } from "./isHostComponent-kiaBvYVo.js";
+import { u as ce } from "./useSlot-CqjfyGd9.js";
+import { P as ke, i as Fe } from "./Paper-DeL_n4k9.js";
+import { G as Le } from "./Grow-Bk7XkPFP.js";
 import { o as J } from "./ownerDocument-CUrv0DIK.js";
 import { o as Q } from "./ownerWindow-niciwP7I.js";
-import { d as Ue } from "./debounce-46wSf_lW.js";
+import { d as ze } from "./debounce-46wSf_lW.js";
 import { u as ve } from "./useForkRef-C_4o__cU.js";
-import { b as Ve, M as _e } from "./Modal-B8JRJWm0.js";
-import { c as Ae } from "./chainPropTypes-D9lkm76m.js";
-import { r as We } from "./refType-B86yTZra.js";
-import { e as $e } from "./elementTypeAcceptingRef-CrAqn_fc.js";
-import { H as Z } from "./Portal-T-1Qk77D.js";
-import { u as qe } from "./useEnhancedEffect-CJGo-L3B.js";
-const Pe = /* @__PURE__ */ s.createContext({});
-process.env.NODE_ENV !== "production" && (Pe.displayName = "ListContext");
-function Be(t) {
-  return oe("MuiList", t);
-}
-const wo = ee("MuiList", ["root", "padding", "dense", "subheader"]), Ge = (t) => {
-  const {
-    classes: o,
-    disablePadding: n,
-    dense: y,
-    subheader: g
-  } = t;
-  return ne({
-    root: ["root", !n && "padding", y && "dense", g && "subheader"]
-  }, Be, o);
-}, Ye = V("ul", {
-  name: "MuiList",
-  slot: "Root",
-  overridesResolver: (t, o) => {
-    const {
-      ownerState: n
-    } = t;
-    return [o.root, !n.disablePadding && o.padding, n.dense && o.dense, n.subheader && o.subheader];
-  }
-})({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  position: "relative",
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => !t.disablePadding,
-    style: {
-      paddingTop: 8,
-      paddingBottom: 8
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.subheader,
-    style: {
-      paddingTop: 0
-    }
-  }]
-}), Te = /* @__PURE__ */ s.forwardRef(function(o, n) {
-  const y = te({
-    props: o,
-    name: "MuiList"
-  }), {
-    children: g,
-    className: h,
-    component: b = "ul",
-    dense: a = !1,
-    disablePadding: m = !1,
-    subheader: E,
-    ...O
-  } = y, S = s.useMemo(() => ({
-    dense: a
-  }), [a]), D = {
-    ...y,
-    component: b,
-    dense: a,
-    disablePadding: m
-  }, i = Ge(D);
-  return /* @__PURE__ */ z(Pe.Provider, {
-    value: S,
-    children: /* @__PURE__ */ ke(Ye, {
-      as: b,
-      className: Y(i.root, h),
-      ref: n,
-      ownerState: D,
-      ...O,
-      children: [E, g]
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Te.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
-   * the list and list items.
-   * The prop is available to descendant components as the `dense` context.
-   * @default false
-   */
-  dense: e.bool,
-  /**
-   * If `true`, vertical padding is removed from the list.
-   * @default false
-   */
-  disablePadding: e.bool,
-  /**
-   * The content of the subheader, normally `ListSubheader`.
-   */
-  subheader: e.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-function X(t, o, n) {
+import { b as Ke, M as He } from "./Modal-CFv4UMTP.js";
+import { c as Ue } from "./chainPropTypes-D9lkm76m.js";
+import { r as Ve } from "./refType-BvSJNaoq.js";
+import { e as Ae } from "./elementTypeAcceptingRef-1usJq_B8.js";
+import { H as Z } from "./Portal-7MKUQzjh.js";
+import { u as _e } from "./useEnhancedEffect-CJGo-L3B.js";
+import { L as We } from "./List-CFInjv2S.js";
+function Y(t, o, n) {
   return t === o ? t.firstChild : o && o.nextElementSibling ? o.nextElementSibling : n ? null : t.firstChild;
 }
-function he(t, o, n) {
+function pe(t, o, n) {
   return t === o ? n ? t.firstChild : t.lastChild : o && o.previousElementSibling ? o.previousElementSibling : n ? null : t.lastChild;
 }
-function Ee(t, o) {
+function Pe(t, o) {
   if (o === void 0)
     return !0;
   let n = t.innerText;
   return n === void 0 && (n = t.textContent), n = n.trim().toLowerCase(), n.length === 0 ? !1 : o.repeating ? n[0] === o.keys[0] : n.startsWith(o.keys.join(""));
 }
-function W(t, o, n, y, g, h) {
-  let b = !1, a = g(t, o, o ? n : !1);
-  for (; a; ) {
-    if (a === t.firstChild) {
-      if (b)
+function _(t, o, n, x, P, h) {
+  let g = !1, d = P(t, o, o ? n : !1);
+  for (; d; ) {
+    if (d === t.firstChild) {
+      if (g)
         return !1;
-      b = !0;
+      g = !0;
     }
-    const m = y ? !1 : a.disabled || a.getAttribute("aria-disabled") === "true";
-    if (!a.hasAttribute("tabindex") || !Ee(a, h) || m)
-      a = g(t, a, n);
+    const m = x ? !1 : d.disabled || d.getAttribute("aria-disabled") === "true";
+    if (!d.hasAttribute("tabindex") || !Pe(d, h) || m)
+      d = P(t, d, n);
     else
-      return a.focus(), !0;
+      return d.focus(), !0;
   }
   return !1;
 }
-const Me = /* @__PURE__ */ s.forwardRef(function(o, n) {
+const Te = /* @__PURE__ */ a.forwardRef(function(o, n) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
-    actions: y,
-    autoFocus: g = !1,
+    actions: x,
+    autoFocus: P = !1,
     autoFocusItem: h = !1,
-    children: b,
-    className: a,
+    children: g,
+    className: d,
     disabledItemsFocusable: m = !1,
-    disableListWrap: E = !1,
-    onKeyDown: O,
-    variant: S = "selectedMenu",
-    ...D
-  } = o, i = s.useRef(null), v = s.useRef({
+    disableListWrap: O = !1,
+    onKeyDown: N,
+    variant: I = "selectedMenu",
+    ...L
+  } = o, s = a.useRef(null), y = a.useRef({
     keys: [],
     repeating: !0,
     previousKeyMatched: !0,
     lastTime: null
   });
-  qe(() => {
-    g && i.current.focus();
-  }, [g]), s.useImperativeHandle(y, () => ({
+  _e(() => {
+    P && s.current.focus();
+  }, [P]), a.useImperativeHandle(x, () => ({
     adjustStyleForScrollbar: (r, {
-      direction: l
+      direction: i
     }) => {
-      const f = !i.current.style.width;
-      if (r.clientHeight < i.current.clientHeight && f) {
-        const N = `${Ve(Q(r))}px`;
-        i.current.style[l === "rtl" ? "paddingLeft" : "paddingRight"] = N, i.current.style.width = `calc(100% + ${N})`;
+      const u = !s.current.style.width;
+      if (r.clientHeight < s.current.clientHeight && u) {
+        const w = `${Ke(Q(r))}px`;
+        s.current.style[i === "rtl" ? "paddingLeft" : "paddingRight"] = w, s.current.style.width = `calc(100% + ${w})`;
       }
-      return i.current;
+      return s.current;
     }
   }), []);
-  const K = (r) => {
-    const l = i.current, f = r.key;
+  const z = (r) => {
+    const i = s.current, u = r.key;
     if (r.ctrlKey || r.metaKey || r.altKey) {
-      O && O(r);
+      N && N(r);
       return;
     }
-    const R = J(l).activeElement;
-    if (f === "ArrowDown")
-      r.preventDefault(), W(l, R, E, m, X);
-    else if (f === "ArrowUp")
-      r.preventDefault(), W(l, R, E, m, he);
-    else if (f === "Home")
-      r.preventDefault(), W(l, null, E, m, X);
-    else if (f === "End")
-      r.preventDefault(), W(l, null, E, m, he);
-    else if (f.length === 1) {
-      const p = v.current, M = f.toLowerCase(), L = performance.now();
-      p.keys.length > 0 && (L - p.lastTime > 500 ? (p.keys = [], p.repeating = !0, p.previousKeyMatched = !0) : p.repeating && M !== p.keys[0] && (p.repeating = !1)), p.lastTime = L, p.keys.push(M);
-      const x = R && !p.repeating && Ee(R, p);
-      p.previousKeyMatched && (x || W(l, R, !1, m, X, p)) ? r.preventDefault() : p.previousKeyMatched = !1;
+    const E = J(i).activeElement;
+    if (u === "ArrowDown")
+      r.preventDefault(), _(i, E, O, m, Y);
+    else if (u === "ArrowUp")
+      r.preventDefault(), _(i, E, O, m, pe);
+    else if (u === "Home")
+      r.preventDefault(), _(i, null, O, m, Y);
+    else if (u === "End")
+      r.preventDefault(), _(i, null, O, m, pe);
+    else if (u.length === 1) {
+      const c = y.current, T = u.toLowerCase(), D = performance.now();
+      c.keys.length > 0 && (D - c.lastTime > 500 ? (c.keys = [], c.repeating = !0, c.previousKeyMatched = !0) : c.repeating && T !== c.keys[0] && (c.repeating = !1)), c.lastTime = D, c.keys.push(T);
+      const C = E && !c.repeating && Pe(E, c);
+      c.previousKeyMatched && (C || _(i, E, !1, m, Y, c)) ? r.preventDefault() : c.previousKeyMatched = !1;
     }
-    O && O(r);
-  }, j = ve(i, n);
-  let c = -1;
-  s.Children.forEach(b, (r, l) => {
-    if (!/* @__PURE__ */ s.isValidElement(r)) {
-      c === l && (c += 1, c >= b.length && (c = -1));
+    N && N(r);
+  }, j = ve(s, n);
+  let l = -1;
+  a.Children.forEach(g, (r, i) => {
+    if (!/* @__PURE__ */ a.isValidElement(r)) {
+      l === i && (l += 1, l >= g.length && (l = -1));
       return;
     }
-    process.env.NODE_ENV !== "production" && ye.isFragment(r) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), r.props.disabled || (S === "selectedMenu" && r.props.selected || c === -1) && (c = l), c === l && (r.props.disabled || r.props.muiSkipListHighlight || r.type.muiSkipListHighlight) && (c += 1, c >= b.length && (c = -1));
+    process.env.NODE_ENV !== "production" && me.isFragment(r) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), r.props.disabled || (I === "selectedMenu" && r.props.selected || l === -1) && (l = i), l === i && (r.props.disabled || r.props.muiSkipListHighlight || r.type.muiSkipListHighlight) && (l += 1, l >= g.length && (l = -1));
   });
-  const C = s.Children.map(b, (r, l) => {
-    if (l === c) {
-      const f = {};
-      return h && (f.autoFocus = !0), r.props.tabIndex === void 0 && S === "selectedMenu" && (f.tabIndex = 0), /* @__PURE__ */ s.cloneElement(r, f);
+  const R = a.Children.map(g, (r, i) => {
+    if (i === l) {
+      const u = {};
+      return h && (u.autoFocus = !0), r.props.tabIndex === void 0 && I === "selectedMenu" && (u.tabIndex = 0), /* @__PURE__ */ a.cloneElement(r, u);
     }
     return r;
   });
-  return /* @__PURE__ */ z(Te, {
+  return /* @__PURE__ */ U(We, {
     role: "menu",
     ref: j,
-    className: a,
-    onKeyDown: K,
-    tabIndex: g ? 0 : -1,
-    ...D,
-    children: C
+    className: d,
+    onKeyDown: z,
+    tabIndex: P ? 0 : -1,
+    ...L,
+    children: R
   });
 });
-process.env.NODE_ENV !== "production" && (Me.propTypes = {
+process.env.NODE_ENV !== "production" && (Te.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -293,37 +175,37 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    */
   variant: e.oneOf(["menu", "selectedMenu"])
 });
-function Xe(t) {
-  return oe("MuiPopover", t);
+function qe(t) {
+  return he("MuiPopover", t);
 }
-ee("MuiPopover", ["root", "paper"]);
-function me(t, o) {
+ge("MuiPopover", ["root", "paper"]);
+function ue(t, o) {
   let n = 0;
   return typeof o == "number" ? n = o : o === "center" ? n = t.height / 2 : o === "bottom" && (n = t.height), n;
 }
-function be(t, o) {
+function fe(t, o) {
   let n = 0;
   return typeof o == "number" ? n = o : o === "center" ? n = t.width / 2 : o === "right" && (n = t.width), n;
 }
-function ge(t) {
+function de(t) {
   return [t.horizontal, t.vertical].map((o) => typeof o == "number" ? `${o}px` : o).join(" ");
 }
 function G(t) {
   return typeof t == "function" ? t() : t;
 }
-const Je = (t) => {
+const $e = (t) => {
   const {
     classes: o
   } = t;
-  return ne({
+  return be({
     root: ["root"],
     paper: ["paper"]
-  }, Xe, o);
-}, Qe = V(_e, {
+  }, qe, o);
+}, Be = W(He, {
   name: "MuiPopover",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), Oe = V(ze, {
+})({}), Ee = W(ke, {
   name: "MuiPopover",
   slot: "Paper",
   overridesResolver: (t, o) => o.paper
@@ -339,192 +221,192 @@ const Je = (t) => {
   maxHeight: "calc(100% - 32px)",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), Re = /* @__PURE__ */ s.forwardRef(function(o, n) {
-  const y = te({
+}), Me = /* @__PURE__ */ a.forwardRef(function(o, n) {
+  const x = ye({
     props: o,
     name: "MuiPopover"
   }), {
-    action: g,
+    action: P,
     anchorEl: h,
-    anchorOrigin: b = {
+    anchorOrigin: g = {
       vertical: "top",
       horizontal: "left"
     },
-    anchorPosition: a,
+    anchorPosition: d,
     anchorReference: m = "anchorEl",
-    children: E,
-    className: O,
-    container: S,
-    elevation: D = 8,
-    marginThreshold: i = 16,
-    open: v,
-    PaperProps: K = {},
+    children: O,
+    className: N,
+    container: I,
+    elevation: L = 8,
+    marginThreshold: s = 16,
+    open: y,
+    PaperProps: z = {},
     slots: j = {},
-    slotProps: c = {},
-    transformOrigin: C = {
+    slotProps: l = {},
+    transformOrigin: R = {
       vertical: "top",
       horizontal: "left"
     },
-    TransitionComponent: r = He,
-    transitionDuration: l = "auto",
+    TransitionComponent: r = Le,
+    transitionDuration: i = "auto",
     TransitionProps: {
-      onEntering: f,
-      ...N
+      onEntering: u,
+      ...w
     } = {},
-    disableScrollLock: R = !1,
-    ...p
-  } = y, M = (c == null ? void 0 : c.paper) ?? K, L = s.useRef(), x = {
-    ...y,
-    anchorOrigin: b,
+    disableScrollLock: E = !1,
+    ...c
+  } = x, T = (l == null ? void 0 : l.paper) ?? z, D = a.useRef(), C = {
+    ...x,
+    anchorOrigin: g,
     anchorReference: m,
-    elevation: D,
-    marginThreshold: i,
-    externalPaperSlotProps: M,
-    transformOrigin: C,
+    elevation: L,
+    marginThreshold: s,
+    externalPaperSlotProps: T,
+    transformOrigin: R,
     TransitionComponent: r,
-    transitionDuration: l,
-    TransitionProps: N
-  }, _ = Je(x), $ = s.useCallback(() => {
+    transitionDuration: i,
+    TransitionProps: w
+  }, V = $e(C), q = a.useCallback(() => {
     if (m === "anchorPosition")
-      return process.env.NODE_ENV !== "production" && (a || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), a;
-    const u = G(h), d = u && u.nodeType === 1 ? u : J(L.current).body, T = d.getBoundingClientRect();
+      return process.env.NODE_ENV !== "production" && (d || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), d;
+    const p = G(h), f = p && p.nodeType === 1 ? p : J(D.current).body, v = f.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
-      const F = d.getBoundingClientRect();
+      const F = f.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && F.top === 0 && F.left === 0 && F.right === 0 && F.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
 `));
     }
     return {
-      top: T.top + me(T, b.vertical),
-      left: T.left + be(T, b.horizontal)
+      top: v.top + ue(v, g.vertical),
+      left: v.left + fe(v, g.horizontal)
     };
-  }, [h, b.horizontal, b.vertical, a, m]), q = s.useCallback((u) => ({
-    vertical: me(u, C.vertical),
-    horizontal: be(u, C.horizontal)
-  }), [C.horizontal, C.vertical]), B = s.useCallback((u) => {
-    const d = {
-      width: u.offsetWidth,
-      height: u.offsetHeight
-    }, T = q(d);
+  }, [h, g.horizontal, g.vertical, d, m]), $ = a.useCallback((p) => ({
+    vertical: ue(p, R.vertical),
+    horizontal: fe(p, R.horizontal)
+  }), [R.horizontal, R.vertical]), B = a.useCallback((p) => {
+    const f = {
+      width: p.offsetWidth,
+      height: p.offsetHeight
+    }, v = $(f);
     if (m === "none")
       return {
         top: null,
         left: null,
-        transformOrigin: ge(T)
+        transformOrigin: de(v)
       };
-    const F = $();
-    let H = F.top - T.vertical, U = F.left - T.horizontal;
-    const le = H + d.height, ce = U + d.width, pe = Q(G(h)), A = pe.innerHeight - i, ue = pe.innerWidth - i;
-    if (i !== null && H < i) {
-      const w = H - i;
-      H -= w, T.vertical += w;
-    } else if (i !== null && le > A) {
-      const w = le - A;
-      H -= w, T.vertical += w;
+    const F = q();
+    let K = F.top - v.vertical, H = F.left - v.horizontal;
+    const re = K + f.height, se = H + f.width, ie = Q(G(h)), A = ie.innerHeight - s, ae = ie.innerWidth - s;
+    if (s !== null && K < s) {
+      const M = K - s;
+      K -= M, v.vertical += M;
+    } else if (s !== null && re > A) {
+      const M = re - A;
+      K -= M, v.vertical += M;
     }
-    if (process.env.NODE_ENV !== "production" && d.height > A && d.height && A && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${d.height - A}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
-`)), i !== null && U < i) {
-      const w = U - i;
-      U -= w, T.horizontal += w;
-    } else if (ce > ue) {
-      const w = ce - ue;
-      U -= w, T.horizontal += w;
+    if (process.env.NODE_ENV !== "production" && f.height > A && f.height && A && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${f.height - A}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
+`)), s !== null && H < s) {
+      const M = H - s;
+      H -= M, v.horizontal += M;
+    } else if (se > ae) {
+      const M = se - ae;
+      H -= M, v.horizontal += M;
     }
     return {
-      top: `${Math.round(H)}px`,
-      left: `${Math.round(U)}px`,
-      transformOrigin: ge(T)
+      top: `${Math.round(K)}px`,
+      left: `${Math.round(H)}px`,
+      transformOrigin: de(v)
     };
-  }, [h, m, $, q, i]), [P, k] = s.useState(v), I = s.useCallback(() => {
-    const u = L.current;
-    if (!u)
+  }, [h, m, q, $, s]), [b, k] = a.useState(y), S = a.useCallback(() => {
+    const p = D.current;
+    if (!p)
       return;
-    const d = B(u);
-    d.top !== null && u.style.setProperty("top", d.top), d.left !== null && (u.style.left = d.left), u.style.transformOrigin = d.transformOrigin, k(!0);
+    const f = B(p);
+    f.top !== null && p.style.setProperty("top", f.top), f.left !== null && (p.style.left = f.left), p.style.transformOrigin = f.transformOrigin, k(!0);
   }, [B]);
-  s.useEffect(() => (R && window.addEventListener("scroll", I), () => window.removeEventListener("scroll", I)), [h, R, I]);
-  const we = (u, d) => {
-    f && f(u, d), I();
-  }, Ce = () => {
+  a.useEffect(() => (E && window.addEventListener("scroll", S), () => window.removeEventListener("scroll", S)), [h, E, S]);
+  const Oe = (p, f) => {
+    u && u(p, f), S();
+  }, Re = () => {
     k(!1);
   };
-  s.useEffect(() => {
-    v && I();
-  }), s.useImperativeHandle(g, () => v ? {
+  a.useEffect(() => {
+    y && S();
+  }), a.useImperativeHandle(P, () => y ? {
     updatePosition: () => {
-      I();
+      S();
     }
-  } : null, [v, I]), s.useEffect(() => {
-    if (!v)
+  } : null, [y, S]), a.useEffect(() => {
+    if (!y)
       return;
-    const u = Ue(() => {
-      I();
-    }), d = Q(h);
-    return d.addEventListener("resize", u), () => {
-      u.clear(), d.removeEventListener("resize", u);
+    const p = ze(() => {
+      S();
+    }), f = Q(h);
+    return f.addEventListener("resize", p), () => {
+      p.clear(), f.removeEventListener("resize", p);
     };
-  }, [h, v, I]);
-  let re = l;
-  l === "auto" && !r.muiSupportAuto && (re = void 0);
-  const Ne = S || (h ? J(G(h)).body : void 0), se = {
+  }, [h, y, S]);
+  let ee = i;
+  i === "auto" && !r.muiSupportAuto && (ee = void 0);
+  const we = I || (h ? J(G(h)).body : void 0), oe = {
     slots: j,
     slotProps: {
-      ...c,
-      paper: M
+      ...l,
+      paper: T
     }
-  }, [xe, ie] = de("paper", {
-    elementType: Oe,
-    externalForwardedProps: se,
+  }, [Ce, te] = ce("paper", {
+    elementType: Ee,
+    externalForwardedProps: oe,
     additionalProps: {
-      elevation: D,
-      className: Y(_.paper, M == null ? void 0 : M.className),
-      style: P ? M.style : {
-        ...M.style,
+      elevation: L,
+      className: X(V.paper, T == null ? void 0 : T.className),
+      style: b ? T.style : {
+        ...T.style,
         opacity: 0
       }
     },
-    ownerState: x
-  }), [ae, {
-    slotProps: Se,
-    ...De
-  }] = de("root", {
-    elementType: Qe,
-    externalForwardedProps: se,
+    ownerState: C
+  }), [ne, {
+    slotProps: xe,
+    ...Ne
+  }] = ce("root", {
+    elementType: Be,
+    externalForwardedProps: oe,
     additionalProps: {
       slotProps: {
         backdrop: {
           invisible: !0
         }
       },
-      container: Ne,
-      open: v
+      container: we,
+      open: y
     },
-    ownerState: x,
-    className: Y(_.root, O)
-  }), Ie = ve(L, ie.ref);
-  return /* @__PURE__ */ z(ae, {
-    ...De,
-    ...!Fe(ae) && {
-      slotProps: Se,
-      disableScrollLock: R
+    ownerState: C,
+    className: X(V.root, N)
+  }), Se = ve(D, te.ref);
+  return /* @__PURE__ */ U(ne, {
+    ...Ne,
+    ...!je(ne) && {
+      slotProps: xe,
+      disableScrollLock: E
     },
-    ...p,
+    ...c,
     ref: n,
-    children: /* @__PURE__ */ z(r, {
+    children: /* @__PURE__ */ U(r, {
       appear: !0,
-      in: v,
-      onEntering: we,
-      onExited: Ce,
-      timeout: re,
-      ...N,
-      children: /* @__PURE__ */ z(xe, {
-        ...ie,
-        ref: Ie,
-        children: E
+      in: y,
+      onEntering: Oe,
+      onExited: Re,
+      timeout: ee,
+      ...w,
+      children: /* @__PURE__ */ U(Ce, {
+        ...te,
+        ref: Se,
+        children: O
       })
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Re.propTypes = {
+process.env.NODE_ENV !== "production" && (Me.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -533,13 +415,13 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: We,
+  action: Ve,
   /**
    * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
    * It's used to set the position of the popover.
    */
-  anchorEl: Ae(e.oneOfType([Z, e.func]), (t) => {
+  anchorEl: Ue(e.oneOfType([Z, e.func]), (t) => {
     if (t.open && (!t.anchorReference || t.anchorReference === "anchorEl")) {
       const o = G(t.anchorEl);
       if (o && o.nodeType === 1) {
@@ -633,7 +515,7 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
    * The elevation of the popover.
    * @default 8
    */
-  elevation: Ke,
+  elevation: Fe,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
@@ -658,7 +540,7 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
    * @default {}
    */
   PaperProps: e.shape({
-    component: $e
+    component: Ae
   }),
   /**
    * The props used for each slot inside.
@@ -718,30 +600,30 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
    */
   TransitionProps: e.object
 });
-function Ze(t) {
-  return oe("MuiMenu", t);
+function Ge(t) {
+  return he("MuiMenu", t);
 }
-const Co = ee("MuiMenu", ["root", "paper", "list"]), eo = {
+const Mo = ge("MuiMenu", ["root", "paper", "list"]), Ye = {
   vertical: "top",
   horizontal: "right"
-}, oo = {
+}, Xe = {
   vertical: "top",
   horizontal: "left"
-}, to = (t) => {
+}, Je = (t) => {
   const {
     classes: o
   } = t;
-  return ne({
+  return be({
     root: ["root"],
     paper: ["paper"],
     list: ["list"]
-  }, Ze, o);
-}, no = V(Re, {
-  shouldForwardProp: (t) => je(t) || t === "classes",
+  }, Ge, o);
+}, Qe = W(Me, {
+  shouldForwardProp: (t) => Ie(t) || t === "classes",
   name: "MuiMenu",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), ro = V(Oe, {
+})({}), Ze = W(Ee, {
   name: "MuiMenu",
   slot: "Paper",
   overridesResolver: (t, o) => o.paper
@@ -752,107 +634,107 @@ const Co = ee("MuiMenu", ["root", "paper", "list"]), eo = {
   maxHeight: "calc(100% - 96px)",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch"
-}), so = V(Me, {
+}), eo = W(Te, {
   name: "MuiMenu",
   slot: "List",
   overridesResolver: (t, o) => o.list
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), io = /* @__PURE__ */ s.forwardRef(function(o, n) {
-  const y = te({
+}), oo = /* @__PURE__ */ a.forwardRef(function(o, n) {
+  const x = ye({
     props: o,
     name: "MuiMenu"
   }), {
-    autoFocus: g = !0,
+    autoFocus: P = !0,
     children: h,
-    className: b,
-    disableAutoFocusItem: a = !1,
+    className: g,
+    disableAutoFocusItem: d = !1,
     MenuListProps: m = {},
-    onClose: E,
-    open: O,
-    PaperProps: S = {},
-    PopoverClasses: D,
-    transitionDuration: i = "auto",
+    onClose: O,
+    open: N,
+    PaperProps: I = {},
+    PopoverClasses: L,
+    transitionDuration: s = "auto",
     TransitionProps: {
-      onEntering: v,
-      ...K
+      onEntering: y,
+      ...z
     } = {},
     variant: j = "selectedMenu",
-    slots: c = {},
-    slotProps: C = {},
+    slots: l = {},
+    slotProps: R = {},
     ...r
-  } = y, l = Le(), f = {
-    ...y,
-    autoFocus: g,
-    disableAutoFocusItem: a,
+  } = x, i = De(), u = {
+    ...x,
+    autoFocus: P,
+    disableAutoFocusItem: d,
     MenuListProps: m,
-    onEntering: v,
-    PaperProps: S,
-    transitionDuration: i,
-    TransitionProps: K,
+    onEntering: y,
+    PaperProps: I,
+    transitionDuration: s,
+    TransitionProps: z,
     variant: j
-  }, N = to(f), R = g && !a && O, p = s.useRef(null), M = (P, k) => {
-    p.current && p.current.adjustStyleForScrollbar(P, {
-      direction: l ? "rtl" : "ltr"
-    }), v && v(P, k);
-  }, L = (P) => {
-    P.key === "Tab" && (P.preventDefault(), E && E(P, "tabKeyDown"));
+  }, w = Je(u), E = P && !d && N, c = a.useRef(null), T = (b, k) => {
+    c.current && c.current.adjustStyleForScrollbar(b, {
+      direction: i ? "rtl" : "ltr"
+    }), y && y(b, k);
+  }, D = (b) => {
+    b.key === "Tab" && (b.preventDefault(), O && O(b, "tabKeyDown"));
   };
-  let x = -1;
-  s.Children.map(h, (P, k) => {
-    /* @__PURE__ */ s.isValidElement(P) && (process.env.NODE_ENV !== "production" && ye.isFragment(P) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), P.props.disabled || (j === "selectedMenu" && P.props.selected || x === -1) && (x = k));
+  let C = -1;
+  a.Children.map(h, (b, k) => {
+    /* @__PURE__ */ a.isValidElement(b) && (process.env.NODE_ENV !== "production" && me.isFragment(b) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), b.props.disabled || (j === "selectedMenu" && b.props.selected || C === -1) && (C = k));
   });
-  const _ = c.paper ?? ro, $ = C.paper ?? S, q = fe({
-    elementType: c.root,
-    externalSlotProps: C.root,
-    ownerState: f,
-    className: [N.root, b]
-  }), B = fe({
-    elementType: _,
-    externalSlotProps: $,
-    ownerState: f,
-    className: N.paper
+  const V = l.paper ?? Ze, q = R.paper ?? I, $ = le({
+    elementType: l.root,
+    externalSlotProps: R.root,
+    ownerState: u,
+    className: [w.root, g]
+  }), B = le({
+    elementType: V,
+    externalSlotProps: q,
+    ownerState: u,
+    className: w.paper
   });
-  return /* @__PURE__ */ z(no, {
-    onClose: E,
+  return /* @__PURE__ */ U(Qe, {
+    onClose: O,
     anchorOrigin: {
       vertical: "bottom",
-      horizontal: l ? "right" : "left"
+      horizontal: i ? "right" : "left"
     },
-    transformOrigin: l ? eo : oo,
+    transformOrigin: i ? Ye : Xe,
     slots: {
-      paper: _,
-      root: c.root
+      paper: V,
+      root: l.root
     },
     slotProps: {
-      root: q,
+      root: $,
       paper: B
     },
-    open: O,
+    open: N,
     ref: n,
-    transitionDuration: i,
+    transitionDuration: s,
     TransitionProps: {
-      onEntering: M,
-      ...K
+      onEntering: T,
+      ...z
     },
-    ownerState: f,
+    ownerState: u,
     ...r,
-    classes: D,
-    children: /* @__PURE__ */ z(so, {
-      onKeyDown: L,
-      actions: p,
-      autoFocus: g && (x === -1 || a),
-      autoFocusItem: R,
+    classes: L,
+    children: /* @__PURE__ */ U(eo, {
+      onKeyDown: D,
+      actions: c,
+      autoFocus: P && (C === -1 || d),
+      autoFocusItem: E,
       variant: j,
       ...m,
-      className: Y(N.list, m.className),
+      className: X(w.list, m.className),
       children: h
     })
   });
 });
-process.env.NODE_ENV !== "production" && (io.propTypes = {
+process.env.NODE_ENV !== "production" && (oo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -956,11 +838,7 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
   variant: e.oneOf(["menu", "selectedMenu"])
 });
 export {
-  Te as L,
-  io as M,
-  Ze as a,
-  Pe as b,
-  Be as g,
-  wo as l,
-  Co as m
+  oo as M,
+  Ge as g,
+  Mo as m
 };