@cgi-learning-hub/ui 1.4.0-dev.1742033609 → 1.4.0-dev.1742203139

package/dist/{Menu-DD_bqi6q.js → Menu-BunOW0ot.js}

@@ -1,136 +1,254 @@
-import * as a from "react";
-import { S as me, P as e, H as he, G as ge, I as X } from "./generateUtilityClasses-EXBFO7eY.js";
-import { u as De } from "./index-D_xl88AE.js";
-import { s as W, u as ye, c as be, r as Ie } from "./DefaultPropsProvider-CQixa6JQ.js";
-import { jsx as U } from "react/jsx-runtime";
-import { u as le } from "./useSlotProps-U2Iu6E0j.js";
-import { i as je } from "./isHostComponent-kiaBvYVo.js";
-import { u as ce } from "./useSlot-RbAtahZu.js";
-import { P as ke, i as Fe } from "./Paper-BrsaeLlu.js";
-import { G as Le } from "./Grow-D5UIC41W.js";
-import { o as J } from "./ownerDocument-CUrv0DIK.js";
-import { o as Q } from "./ownerWindow-niciwP7I.js";
-import { d as ze } from "./debounce-46wSf_lW.js";
+import * as s from "react";
+import { H as ee, I as oe, G as Y, P as e, Z as ye } from "./generateUtilityClasses-DotvgSDH.js";
+import { u as Le, a as fe } from "./useSlotProps-C9tsxDNg.js";
+import { u as te, s as V, c as ne, r as je } from "./DefaultPropsProvider-Cqcb4sws.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-GZu0V5wJ.js";
+import { P as ze, i as Ke } from "./Paper-BiZq6EF2.js";
+import { G as He } from "./Grow-DKgYCxiY.js";
+import { o as Z } from "./ownerDocument-CUrv0DIK.js";
+import { o as J } from "./ownerWindow-niciwP7I.js";
+import { d as Ue } from "./debounce-46wSf_lW.js";
 import { u as ve } from "./useForkRef-C_4o__cU.js";
-import { b as Ke, M as He } from "./Modal-S2P14Nsp.js";
-import { c as Ue } from "./chainPropTypes-D9lkm76m.js";
-import { r as Ve } from "./refType-Bpj8bod6.js";
-import { e as Ae } from "./elementTypeAcceptingRef-B04tk6ag.js";
-import { H as Z } from "./Portal-BLEnzj1v.js";
-import { u as _e } from "./useEnhancedEffect-CJGo-L3B.js";
-import { L as We } from "./List-BTPrBGqY.js";
-function Y(t, o, n) {
+import { b as Ve, M as _e } from "./Modal-DTJd7JJ6.js";
+import { c as Ae } from "./chainPropTypes-D9lkm76m.js";
+import { r as We } from "./refType-C210ipRY.js";
+import { e as $e } from "./elementTypeAcceptingRef-5ESWTE79.js";
+import { H as Q } from "./Portal-BByeByPq.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) {
   return t === o ? t.firstChild : o && o.nextElementSibling ? o.nextElementSibling : n ? null : t.firstChild;
 }
-function pe(t, o, n) {
+function he(t, o, n) {
   return t === o ? n ? t.firstChild : t.lastChild : o && o.previousElementSibling ? o.previousElementSibling : n ? null : t.lastChild;
 }
-function Pe(t, o) {
+function Ee(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 _(t, o, n, x, P, h) {
-  let g = !1, d = P(t, o, o ? n : !1);
-  for (; d; ) {
-    if (d === t.firstChild) {
-      if (g)
+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)
         return !1;
-      g = !0;
+      b = !0;
     }
-    const m = x ? !1 : d.disabled || d.getAttribute("aria-disabled") === "true";
-    if (!d.hasAttribute("tabindex") || !Pe(d, h) || m)
-      d = P(t, d, n);
+    const m = y ? !1 : a.disabled || a.getAttribute("aria-disabled") === "true";
+    if (!a.hasAttribute("tabindex") || !Ee(a, h) || m)
+      a = g(t, a, n);
     else
-      return d.focus(), !0;
+      return a.focus(), !0;
   }
   return !1;
 }
-const Te = /* @__PURE__ */ a.forwardRef(function(o, n) {
+const Me = /* @__PURE__ */ s.forwardRef(function(o, n) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
-    actions: x,
-    autoFocus: P = !1,
+    actions: y,
+    autoFocus: g = !1,
     autoFocusItem: h = !1,
-    children: g,
-    className: d,
+    children: b,
+    className: a,
     disabledItemsFocusable: m = !1,
-    disableListWrap: O = !1,
-    onKeyDown: N,
-    variant: I = "selectedMenu",
-    ...L
-  } = o, s = a.useRef(null), y = a.useRef({
+    disableListWrap: E = !1,
+    onKeyDown: O,
+    variant: S = "selectedMenu",
+    ...D
+  } = o, i = s.useRef(null), v = s.useRef({
     keys: [],
     repeating: !0,
     previousKeyMatched: !0,
     lastTime: null
   });
-  _e(() => {
-    P && s.current.focus();
-  }, [P]), a.useImperativeHandle(x, () => ({
+  qe(() => {
+    g && i.current.focus();
+  }, [g]), s.useImperativeHandle(y, () => ({
     adjustStyleForScrollbar: (r, {
-      direction: i
+      direction: l
     }) => {
-      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})`;
+      const f = !i.current.style.width;
+      if (r.clientHeight < i.current.clientHeight && f) {
+        const N = `${Ve(J(r))}px`;
+        i.current.style[l === "rtl" ? "paddingLeft" : "paddingRight"] = N, i.current.style.width = `calc(100% + ${N})`;
       }
-      return s.current;
+      return i.current;
     }
   }), []);
-  const z = (r) => {
-    const i = s.current, u = r.key;
+  const K = (r) => {
+    const l = i.current, f = r.key;
     if (r.ctrlKey || r.metaKey || r.altKey) {
-      N && N(r);
+      O && O(r);
       return;
     }
-    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;
+    const R = Z(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;
     }
-    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));
+    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));
       return;
     }
-    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));
+    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));
   });
-  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);
+  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);
     }
     return r;
   });
-  return /* @__PURE__ */ U(We, {
+  return /* @__PURE__ */ z(Te, {
     role: "menu",
     ref: j,
-    className: d,
-    onKeyDown: z,
-    tabIndex: P ? 0 : -1,
-    ...L,
-    children: R
+    className: a,
+    onKeyDown: K,
+    tabIndex: g ? 0 : -1,
+    ...D,
+    children: C
   });
 });
-process.env.NODE_ENV !== "production" && (Te.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`.     │
@@ -175,37 +293,37 @@ process.env.NODE_ENV !== "production" && (Te.propTypes = {
    */
   variant: e.oneOf(["menu", "selectedMenu"])
 });
-function qe(t) {
-  return he("MuiPopover", t);
+function Xe(t) {
+  return oe("MuiPopover", t);
 }
-ge("MuiPopover", ["root", "paper"]);
-function ue(t, o) {
+ee("MuiPopover", ["root", "paper"]);
+function me(t, o) {
   let n = 0;
   return typeof o == "number" ? n = o : o === "center" ? n = t.height / 2 : o === "bottom" && (n = t.height), n;
 }
-function fe(t, o) {
+function be(t, o) {
   let n = 0;
   return typeof o == "number" ? n = o : o === "center" ? n = t.width / 2 : o === "right" && (n = t.width), n;
 }
-function de(t) {
+function ge(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 $e = (t) => {
+const Ze = (t) => {
   const {
     classes: o
   } = t;
-  return be({
+  return ne({
     root: ["root"],
     paper: ["paper"]
-  }, qe, o);
-}, Be = W(He, {
+  }, Xe, o);
+}, Je = V(_e, {
   name: "MuiPopover",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), Ee = W(ke, {
+})({}), Oe = V(ze, {
   name: "MuiPopover",
   slot: "Paper",
   overridesResolver: (t, o) => o.paper
@@ -221,192 +339,192 @@ const $e = (t) => {
   maxHeight: "calc(100% - 32px)",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), Me = /* @__PURE__ */ a.forwardRef(function(o, n) {
-  const x = ye({
+}), Re = /* @__PURE__ */ s.forwardRef(function(o, n) {
+  const y = te({
     props: o,
     name: "MuiPopover"
   }), {
-    action: P,
+    action: g,
     anchorEl: h,
-    anchorOrigin: g = {
+    anchorOrigin: b = {
       vertical: "top",
       horizontal: "left"
     },
-    anchorPosition: d,
+    anchorPosition: a,
     anchorReference: m = "anchorEl",
-    children: O,
-    className: N,
-    container: I,
-    elevation: L = 8,
-    marginThreshold: s = 16,
-    open: y,
-    PaperProps: z = {},
+    children: E,
+    className: O,
+    container: S,
+    elevation: D = 8,
+    marginThreshold: i = 16,
+    open: v,
+    PaperProps: K = {},
     slots: j = {},
-    slotProps: l = {},
-    transformOrigin: R = {
+    slotProps: c = {},
+    transformOrigin: C = {
       vertical: "top",
       horizontal: "left"
     },
-    TransitionComponent: r = Le,
-    transitionDuration: i = "auto",
+    TransitionComponent: r = He,
+    transitionDuration: l = "auto",
     TransitionProps: {
-      onEntering: u,
-      ...w
+      onEntering: f,
+      ...N
     } = {},
-    disableScrollLock: E = !1,
-    ...c
-  } = x, T = (l == null ? void 0 : l.paper) ?? z, D = a.useRef(), C = {
-    ...x,
-    anchorOrigin: g,
+    disableScrollLock: R = !1,
+    ...p
+  } = y, M = (c == null ? void 0 : c.paper) ?? K, L = s.useRef(), x = {
+    ...y,
+    anchorOrigin: b,
     anchorReference: m,
-    elevation: L,
-    marginThreshold: s,
-    externalPaperSlotProps: T,
-    transformOrigin: R,
+    elevation: D,
+    marginThreshold: i,
+    externalPaperSlotProps: M,
+    transformOrigin: C,
     TransitionComponent: r,
-    transitionDuration: i,
-    TransitionProps: w
-  }, V = $e(C), q = a.useCallback(() => {
+    transitionDuration: l,
+    TransitionProps: N
+  }, _ = Ze(x), $ = s.useCallback(() => {
     if (m === "anchorPosition")
-      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();
+      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 : Z(L.current).body, T = d.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
-      const F = f.getBoundingClientRect();
+      const F = d.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: v.top + ue(v, g.vertical),
-      left: v.left + fe(v, g.horizontal)
+      top: T.top + me(T, b.vertical),
+      left: T.left + be(T, b.horizontal)
     };
-  }, [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);
+  }, [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);
     if (m === "none")
       return {
         top: null,
         left: null,
-        transformOrigin: de(v)
+        transformOrigin: ge(T)
       };
-    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;
+    const F = $();
+    let H = F.top - T.vertical, U = F.left - T.horizontal;
+    const le = H + d.height, ce = U + d.width, pe = J(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;
     }
-    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;
+    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;
     }
     return {
-      top: `${Math.round(K)}px`,
-      left: `${Math.round(H)}px`,
-      transformOrigin: de(v)
+      top: `${Math.round(H)}px`,
+      left: `${Math.round(U)}px`,
+      transformOrigin: ge(T)
     };
-  }, [h, m, q, $, s]), [b, k] = a.useState(y), S = a.useCallback(() => {
-    const p = D.current;
-    if (!p)
+  }, [h, m, $, q, i]), [P, k] = s.useState(v), I = s.useCallback(() => {
+    const u = L.current;
+    if (!u)
       return;
-    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);
+    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);
   }, [B]);
-  a.useEffect(() => (E && window.addEventListener("scroll", S), () => window.removeEventListener("scroll", S)), [h, E, S]);
-  const Oe = (p, f) => {
-    u && u(p, f), S();
-  }, Re = () => {
+  s.useEffect(() => (R && window.addEventListener("scroll", I), () => window.removeEventListener("scroll", I)), [h, R, I]);
+  const we = (u, d) => {
+    f && f(u, d), I();
+  }, Ce = () => {
     k(!1);
   };
-  a.useEffect(() => {
-    y && S();
-  }), a.useImperativeHandle(P, () => y ? {
+  s.useEffect(() => {
+    v && I();
+  }), s.useImperativeHandle(g, () => v ? {
     updatePosition: () => {
-      S();
+      I();
     }
-  } : null, [y, S]), a.useEffect(() => {
-    if (!y)
+  } : null, [v, I]), s.useEffect(() => {
+    if (!v)
       return;
-    const p = ze(() => {
-      S();
-    }), f = Q(h);
-    return f.addEventListener("resize", p), () => {
-      p.clear(), f.removeEventListener("resize", p);
+    const u = Ue(() => {
+      I();
+    }), d = J(h);
+    return d.addEventListener("resize", u), () => {
+      u.clear(), d.removeEventListener("resize", u);
     };
-  }, [h, y, S]);
-  let ee = i;
-  i === "auto" && !r.muiSupportAuto && (ee = void 0);
-  const we = I || (h ? J(G(h)).body : void 0), oe = {
+  }, [h, v, I]);
+  let re = l;
+  l === "auto" && !r.muiSupportAuto && (re = void 0);
+  const Ne = S || (h ? Z(G(h)).body : void 0), se = {
     slots: j,
     slotProps: {
-      ...l,
-      paper: T
+      ...c,
+      paper: M
     }
-  }, [Ce, te] = ce("paper", {
-    elementType: Ee,
-    externalForwardedProps: oe,
+  }, [xe, ie] = de("paper", {
+    elementType: Oe,
+    externalForwardedProps: se,
     additionalProps: {
-      elevation: L,
-      className: X(V.paper, T == null ? void 0 : T.className),
-      style: b ? T.style : {
-        ...T.style,
+      elevation: D,
+      className: Y(_.paper, M == null ? void 0 : M.className),
+      style: P ? M.style : {
+        ...M.style,
         opacity: 0
       }
     },
-    ownerState: C
-  }), [ne, {
-    slotProps: xe,
-    ...Ne
-  }] = ce("root", {
-    elementType: Be,
-    externalForwardedProps: oe,
+    ownerState: x
+  }), [ae, {
+    slotProps: Se,
+    ...De
+  }] = de("root", {
+    elementType: Je,
+    externalForwardedProps: se,
     additionalProps: {
       slotProps: {
         backdrop: {
           invisible: !0
         }
       },
-      container: we,
-      open: y
+      container: Ne,
+      open: v
     },
-    ownerState: C,
-    className: X(V.root, N)
-  }), Se = ve(D, te.ref);
-  return /* @__PURE__ */ U(ne, {
-    ...Ne,
-    ...!je(ne) && {
-      slotProps: xe,
-      disableScrollLock: E
+    ownerState: x,
+    className: Y(_.root, O)
+  }), Ie = ve(L, ie.ref);
+  return /* @__PURE__ */ z(ae, {
+    ...De,
+    ...!Fe(ae) && {
+      slotProps: Se,
+      disableScrollLock: R
     },
-    ...c,
+    ...p,
     ref: n,
-    children: /* @__PURE__ */ U(r, {
+    children: /* @__PURE__ */ z(r, {
       appear: !0,
-      in: y,
-      onEntering: Oe,
-      onExited: Re,
-      timeout: ee,
-      ...w,
-      children: /* @__PURE__ */ U(Ce, {
-        ...te,
-        ref: Se,
-        children: O
+      in: v,
+      onEntering: we,
+      onExited: Ce,
+      timeout: re,
+      ...N,
+      children: /* @__PURE__ */ z(xe, {
+        ...ie,
+        ref: Ie,
+        children: E
       })
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Me.propTypes = {
+process.env.NODE_ENV !== "production" && (Re.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -415,13 +533,13 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: Ve,
+  action: We,
   /**
    * 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: Ue(e.oneOfType([Z, e.func]), (t) => {
+  anchorEl: Ae(e.oneOfType([Q, e.func]), (t) => {
     if (t.open && (!t.anchorReference || t.anchorReference === "anchorEl")) {
       const o = G(t.anchorEl);
       if (o && o.nodeType === 1) {
@@ -505,7 +623,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    * By default, it uses the body of the anchorEl's top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: e.oneOfType([Z, e.func]),
+  container: e.oneOfType([Q, e.func]),
   /**
    * Disable the scroll lock behavior.
    * @default false
@@ -515,7 +633,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    * The elevation of the popover.
    * @default 8
    */
-  elevation: Fe,
+  elevation: Ke,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
@@ -540,7 +658,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    * @default {}
    */
   PaperProps: e.shape({
-    component: Ae
+    component: $e
   }),
   /**
    * The props used for each slot inside.
@@ -600,30 +718,30 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    */
   TransitionProps: e.object
 });
-function Ge(t) {
-  return he("MuiMenu", t);
+function Qe(t) {
+  return oe("MuiMenu", t);
 }
-const Mo = ge("MuiMenu", ["root", "paper", "list"]), Ye = {
+const Co = ee("MuiMenu", ["root", "paper", "list"]), eo = {
   vertical: "top",
   horizontal: "right"
-}, Xe = {
+}, oo = {
   vertical: "top",
   horizontal: "left"
-}, Je = (t) => {
+}, to = (t) => {
   const {
     classes: o
   } = t;
-  return be({
+  return ne({
     root: ["root"],
     paper: ["paper"],
     list: ["list"]
-  }, Ge, o);
-}, Qe = W(Me, {
-  shouldForwardProp: (t) => Ie(t) || t === "classes",
+  }, Qe, o);
+}, no = V(Re, {
+  shouldForwardProp: (t) => je(t) || t === "classes",
   name: "MuiMenu",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), Ze = W(Ee, {
+})({}), ro = V(Oe, {
   name: "MuiMenu",
   slot: "Paper",
   overridesResolver: (t, o) => o.paper
@@ -634,107 +752,107 @@ const Mo = ge("MuiMenu", ["root", "paper", "list"]), Ye = {
   maxHeight: "calc(100% - 96px)",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch"
-}), eo = W(Te, {
+}), so = V(Me, {
   name: "MuiMenu",
   slot: "List",
   overridesResolver: (t, o) => o.list
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), oo = /* @__PURE__ */ a.forwardRef(function(o, n) {
-  const x = ye({
+}), io = /* @__PURE__ */ s.forwardRef(function(o, n) {
+  const y = te({
     props: o,
     name: "MuiMenu"
   }), {
-    autoFocus: P = !0,
+    autoFocus: g = !0,
     children: h,
-    className: g,
-    disableAutoFocusItem: d = !1,
+    className: b,
+    disableAutoFocusItem: a = !1,
     MenuListProps: m = {},
-    onClose: O,
-    open: N,
-    PaperProps: I = {},
-    PopoverClasses: L,
-    transitionDuration: s = "auto",
+    onClose: E,
+    open: O,
+    PaperProps: S = {},
+    PopoverClasses: D,
+    transitionDuration: i = "auto",
     TransitionProps: {
-      onEntering: y,
-      ...z
+      onEntering: v,
+      ...K
     } = {},
     variant: j = "selectedMenu",
-    slots: l = {},
-    slotProps: R = {},
+    slots: c = {},
+    slotProps: C = {},
     ...r
-  } = x, i = De(), u = {
-    ...x,
-    autoFocus: P,
-    disableAutoFocusItem: d,
+  } = y, l = Le(), f = {
+    ...y,
+    autoFocus: g,
+    disableAutoFocusItem: a,
     MenuListProps: m,
-    onEntering: y,
-    PaperProps: I,
-    transitionDuration: s,
-    TransitionProps: z,
+    onEntering: v,
+    PaperProps: S,
+    transitionDuration: i,
+    TransitionProps: K,
     variant: j
-  }, 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"));
+  }, 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"));
   };
-  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));
+  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));
   });
-  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
+  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
   });
-  return /* @__PURE__ */ U(Qe, {
-    onClose: O,
+  return /* @__PURE__ */ z(no, {
+    onClose: E,
     anchorOrigin: {
       vertical: "bottom",
-      horizontal: i ? "right" : "left"
+      horizontal: l ? "right" : "left"
     },
-    transformOrigin: i ? Ye : Xe,
+    transformOrigin: l ? eo : oo,
     slots: {
-      paper: V,
-      root: l.root
+      paper: _,
+      root: c.root
     },
     slotProps: {
-      root: $,
+      root: q,
       paper: B
     },
-    open: N,
+    open: O,
     ref: n,
-    transitionDuration: s,
+    transitionDuration: i,
     TransitionProps: {
-      onEntering: T,
-      ...z
+      onEntering: M,
+      ...K
     },
-    ownerState: u,
+    ownerState: f,
     ...r,
-    classes: L,
-    children: /* @__PURE__ */ U(eo, {
-      onKeyDown: D,
-      actions: c,
-      autoFocus: P && (C === -1 || d),
-      autoFocusItem: E,
+    classes: D,
+    children: /* @__PURE__ */ z(so, {
+      onKeyDown: L,
+      actions: p,
+      autoFocus: g && (x === -1 || a),
+      autoFocusItem: R,
       variant: j,
       ...m,
-      className: X(w.list, m.className),
+      className: Y(N.list, m.className),
       children: h
     })
   });
 });
-process.env.NODE_ENV !== "production" && (oo.propTypes = {
+process.env.NODE_ENV !== "production" && (io.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -743,7 +861,7 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    * An HTML element, or a function that returns one.
    * It's used to set the position of the menu.
    */
-  anchorEl: e.oneOfType([Z, e.func]),
+  anchorEl: e.oneOfType([Q, e.func]),
   /**
    * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
    * children are not focusable. If you set this prop to `false` focus will be placed
@@ -838,7 +956,11 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
   variant: e.oneOf(["menu", "selectedMenu"])
 });
 export {
-  oo as M,
-  Ge as g,
-  Mo as m
+  Te as L,
+  io as M,
+  Qe as a,
+  Pe as b,
+  Be as g,
+  wo as l,
+  Co as m
 };