@cgi-learning-hub/ui 1.5.1 → 1.6.0-dev.1747215952

package/dist/{Menu-DPhreDcS.js → Menu-By6cOqEO.js}

@@ -1,136 +1,138 @@
-import * as a from "react";
-import { S as me, P as e, H as he, G as ge, I as X } from "./generateUtilityClasses-BpRGbQmY.js";
-import { u as De } from "./index-JOgYmUF8.js";
-import { s as W, u as ye, c as be, r as Ie } from "./DefaultPropsProvider-Ik4eAJdt.js";
-import { jsx as U } from "react/jsx-runtime";
-import { u as le } from "./useSlotProps-CDJdiQpV.js";
-import { i as je } from "./isHostComponent-kiaBvYVo.js";
-import { u as ce } from "./useSlot-CYOxsM2I.js";
-import { P as ke, i as Fe } from "./Paper-CEDxpHWv.js";
-import { G as Le } from "./Grow-B_clfUP9.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 { u as ve } from "./useForkRef-C_4o__cU.js";
-import { b as Ke, M as He } from "./Modal-dmMiGSAp.js";
+import * as u from "react";
+import { X as fe, G as de, F as me, H as he } from "./generateUtilityClasses-DngCqveO.js";
+import { P as e } from "./index-Sy88PpwE.js";
+import { u as ke } from "./index-DX2Sl0Ig.js";
+import { s as G, u as be, c as ye, r as xe } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { u as B } from "./useSlot-BDb1lvxu.js";
+import { jsx as A } from "react/jsx-runtime";
+import { u as De } from "./useSlotProps-B_D8u0j-.js";
+import { i as Ne } from "./isHostComponent-kiaBvYVo.js";
+import { P as Fe, i as Ie } from "./Paper-984iTz4H.js";
+import { o as ee } from "./ownerDocument-CUrv0DIK.js";
+import { o as oe } from "./ownerWindow-niciwP7I.js";
+import { d as je } from "./debounce-46wSf_lW.js";
+import { G as Le } from "./Grow-FFFqe81C.js";
+import { m as ze } from "./mergeSlotProps-BBciKnr4.js";
+import { b as Ke, M as He } from "./Modal-vrLLqk9Y.js";
 import { c as Ue } from "./chainPropTypes-D9lkm76m.js";
-import { r as Ve } from "./refType-DsRJ5_Sj.js";
-import { e as Ae } from "./elementTypeAcceptingRef-CW5o2Qxo.js";
-import { H as Z } from "./Portal-BKVc0iys.js";
-import { u as _e } from "./useEnhancedEffect-CJGo-L3B.js";
-import { L as We } from "./List-DJsqHOqv.js";
-function Y(t, o, n) {
+import { r as Ve } from "./refType-Dp7CJc86.js";
+import { e as Ae } from "./elementTypeAcceptingRef-DOeckaXy.js";
+import { H as te } from "./Portal-ChC9wmMZ.js";
+import { a as _e } from "./useEventCallback-Yoj9nCug.js";
+import { u as We } from "./useForkRef-u29GSuCu.js";
+import { L as qe } from "./List-BjfdkeEI.js";
+function Z(t, o, n) {
   return t === o ? t.firstChild : o && o.nextElementSibling ? o.nextElementSibling : n ? null : t.firstChild;
 }
-function pe(t, o, n) {
+function le(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 ge(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) {
+function q(t, o, n, k, E, y) {
+  let g = !1, m = E(t, o, o ? n : !1);
+  for (; m; ) {
+    if (m === t.firstChild) {
       if (g)
         return !1;
       g = !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 b = k ? !1 : m.disabled || m.getAttribute("aria-disabled") === "true";
+    if (!m.hasAttribute("tabindex") || !ge(m, y) || b)
+      m = E(t, m, n);
     else
-      return d.focus(), !0;
+      return m.focus(), !0;
   }
   return !1;
 }
-const Te = /* @__PURE__ */ a.forwardRef(function(o, n) {
+const Pe = /* @__PURE__ */ u.forwardRef(function(o, n) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
-    actions: x,
-    autoFocus: P = !1,
-    autoFocusItem: h = !1,
+    actions: k,
+    autoFocus: E = !1,
+    autoFocusItem: y = !1,
     children: g,
-    className: d,
-    disabledItemsFocusable: m = !1,
-    disableListWrap: O = !1,
-    onKeyDown: N,
-    variant: I = "selectedMenu",
-    ...L
-  } = o, s = a.useRef(null), y = a.useRef({
+    className: m,
+    disabledItemsFocusable: b = !1,
+    disableListWrap: R = !1,
+    onKeyDown: x,
+    variant: L = "selectedMenu",
+    ...K
+  } = o, a = u.useRef(null), P = u.useRef({
     keys: [],
     repeating: !0,
     previousKeyMatched: !0,
     lastTime: null
   });
   _e(() => {
-    P && s.current.focus();
-  }, [P]), a.useImperativeHandle(x, () => ({
+    E && a.current.focus();
+  }, [E]), u.useImperativeHandle(k, () => ({
     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 p = !a.current.style.width;
+      if (r.clientHeight < a.current.clientHeight && p) {
+        const O = `${Ke(oe(r))}px`;
+        a.current.style[l === "rtl" ? "paddingLeft" : "paddingRight"] = O, a.current.style.width = `calc(100% + ${O})`;
       }
-      return s.current;
+      return a.current;
     }
   }), []);
-  const z = (r) => {
-    const i = s.current, u = r.key;
+  const H = (r) => {
+    const l = a.current, p = r.key;
     if (r.ctrlKey || r.metaKey || r.altKey) {
-      N && N(r);
+      x && x(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 D = ee(l).activeElement;
+    if (p === "ArrowDown")
+      r.preventDefault(), q(l, D, R, b, Z);
+    else if (p === "ArrowUp")
+      r.preventDefault(), q(l, D, R, b, le);
+    else if (p === "Home")
+      r.preventDefault(), q(l, null, R, b, Z);
+    else if (p === "End")
+      r.preventDefault(), q(l, null, R, b, le);
+    else if (p.length === 1) {
+      const c = P.current, C = p.toLowerCase(), z = performance.now();
+      c.keys.length > 0 && (z - c.lastTime > 500 ? (c.keys = [], c.repeating = !0, c.previousKeyMatched = !0) : c.repeating && C !== c.keys[0] && (c.repeating = !1)), c.lastTime = z, c.keys.push(C);
+      const N = D && !c.repeating && ge(D, c);
+      c.previousKeyMatched && (N || q(l, D, !1, b, Z, c)) ? r.preventDefault() : c.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));
+    x && x(r);
+  }, F = We(a, n);
+  let i = -1;
+  u.Children.forEach(g, (r, l) => {
+    if (!/* @__PURE__ */ u.isValidElement(r)) {
+      i === l && (i += 1, i >= g.length && (i = -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" && fe.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 || (L === "selectedMenu" && r.props.selected || i === -1) && (i = l), i === l && (r.props.disabled || r.props.muiSkipListHighlight || r.type.muiSkipListHighlight) && (i += 1, i >= g.length && (i = -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 T = u.Children.map(g, (r, l) => {
+    if (l === i) {
+      const p = {};
+      return y && (p.autoFocus = !0), r.props.tabIndex === void 0 && L === "selectedMenu" && (p.tabIndex = 0), /* @__PURE__ */ u.cloneElement(r, p);
     }
     return r;
   });
-  return /* @__PURE__ */ U(We, {
+  return /* @__PURE__ */ A(qe, {
     role: "menu",
-    ref: j,
-    className: d,
-    onKeyDown: z,
-    tabIndex: P ? 0 : -1,
-    ...L,
-    children: R
+    ref: F,
+    className: m,
+    onKeyDown: H,
+    tabIndex: E ? 0 : -1,
+    ...K,
+    children: T
   });
 });
-process.env.NODE_ENV !== "production" && (Te.propTypes = {
+process.env.NODE_ENV !== "production" && (Pe.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 +177,37 @@ process.env.NODE_ENV !== "production" && (Te.propTypes = {
    */
   variant: e.oneOf(["menu", "selectedMenu"])
 });
-function qe(t) {
-  return he("MuiPopover", t);
+function $e(t) {
+  return de("MuiPopover", t);
 }
-ge("MuiPopover", ["root", "paper"]);
-function ue(t, o) {
+me("MuiPopover", ["root", "paper"]);
+function pe(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 ce(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 ue(t) {
   return [t.horizontal, t.vertical].map((o) => typeof o == "number" ? `${o}px` : o).join(" ");
 }
-function G(t) {
+function $(t) {
   return typeof t == "function" ? t() : t;
 }
-const $e = (t) => {
+const Be = (t) => {
   const {
     classes: o
   } = t;
-  return be({
+  return ye({
     root: ["root"],
     paper: ["paper"]
-  }, qe, o);
-}, Be = W(He, {
+  }, $e, o);
+}, Ge = G(He, {
   name: "MuiPopover",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), Ee = W(ke, {
+})({}), ve = G(Fe, {
   name: "MuiPopover",
   slot: "Paper",
   overridesResolver: (t, o) => o.paper
@@ -221,192 +223,219 @@ 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({
+}), Te = /* @__PURE__ */ u.forwardRef(function(o, n) {
+  const k = be({
     props: o,
     name: "MuiPopover"
   }), {
-    action: P,
-    anchorEl: h,
+    action: E,
+    anchorEl: y,
     anchorOrigin: g = {
       vertical: "top",
       horizontal: "left"
     },
-    anchorPosition: d,
-    anchorReference: m = "anchorEl",
-    children: O,
-    className: N,
-    container: I,
-    elevation: L = 8,
-    marginThreshold: s = 16,
-    open: y,
-    PaperProps: z = {},
-    slots: j = {},
-    slotProps: l = {},
-    transformOrigin: R = {
+    anchorPosition: m,
+    anchorReference: b = "anchorEl",
+    children: R,
+    className: x,
+    container: L,
+    elevation: K = 8,
+    marginThreshold: a = 16,
+    open: P,
+    PaperProps: H = {},
+    // TODO: remove in v7
+    slots: F = {},
+    slotProps: i = {},
+    transformOrigin: T = {
       vertical: "top",
       horizontal: "left"
     },
-    TransitionComponent: r = Le,
-    transitionDuration: i = "auto",
-    TransitionProps: {
-      onEntering: u,
-      ...w
-    } = {},
-    disableScrollLock: E = !1,
-    ...c
-  } = x, T = (l == null ? void 0 : l.paper) ?? z, D = a.useRef(), C = {
-    ...x,
+    TransitionComponent: r,
+    // TODO: remove in v7
+    transitionDuration: l = "auto",
+    TransitionProps: p = {},
+    // TODO: remove in v7
+    disableScrollLock: O = !1,
+    ...D
+  } = k, c = u.useRef(), C = {
+    ...k,
     anchorOrigin: g,
-    anchorReference: m,
-    elevation: L,
-    marginThreshold: s,
-    externalPaperSlotProps: T,
-    transformOrigin: R,
+    anchorReference: b,
+    elevation: K,
+    marginThreshold: a,
+    transformOrigin: T,
     TransitionComponent: r,
-    transitionDuration: i,
-    TransitionProps: w
-  }, V = $e(C), q = a.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();
+    transitionDuration: l,
+    TransitionProps: p
+  }, z = Be(C), N = u.useCallback(() => {
+    if (b === "anchorPosition")
+      return process.env.NODE_ENV !== "production" && (m || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), m;
+    const s = $(y), d = s && s.nodeType === 1 ? s : ee(c.current).body, h = d.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
-      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(`
+      const S = d.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && S.top === 0 && S.left === 0 && S.right === 0 && S.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: h.top + pe(h, g.vertical),
+      left: h.left + ce(h, g.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);
-    if (m === "none")
+  }, [y, g.horizontal, g.vertical, m, b]), I = u.useCallback((s) => ({
+    vertical: pe(s, T.vertical),
+    horizontal: ce(s, T.horizontal)
+  }), [T.horizontal, T.vertical]), X = u.useCallback((s) => {
+    const d = {
+      width: s.offsetWidth,
+      height: s.offsetHeight
+    }, h = I(d);
+    if (b === "none")
       return {
         top: null,
         left: null,
-        transformOrigin: de(v)
+        transformOrigin: ue(h)
       };
-    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 S = N();
+    let U = S.top - h.vertical, V = S.left - h.horizontal;
+    const re = U + d.height, se = V + d.width, ie = oe($(y)), W = ie.innerHeight - a, ae = ie.innerWidth - a;
+    if (a !== null && U < a) {
+      const w = U - a;
+      U -= w, h.vertical += w;
+    } else if (a !== null && re > W) {
+      const w = re - W;
+      U -= w, h.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;
+    if (process.env.NODE_ENV !== "production" && d.height > W && d.height && W && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${d.height - W}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
+`)), a !== null && V < a) {
+      const w = V - a;
+      V -= w, h.horizontal += w;
     } else if (se > ae) {
-      const M = se - ae;
-      H -= M, v.horizontal += M;
+      const w = se - ae;
+      V -= w, h.horizontal += w;
     }
     return {
-      top: `${Math.round(K)}px`,
-      left: `${Math.round(H)}px`,
-      transformOrigin: de(v)
+      top: `${Math.round(U)}px`,
+      left: `${Math.round(V)}px`,
+      transformOrigin: ue(h)
     };
-  }, [h, m, q, $, s]), [b, k] = a.useState(y), S = a.useCallback(() => {
-    const p = D.current;
-    if (!p)
+  }, [y, b, N, I, a]), [J, Y] = u.useState(P), M = u.useCallback(() => {
+    const s = c.current;
+    if (!s)
       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);
-  }, [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 = () => {
-    k(!1);
+    const d = X(s);
+    d.top !== null && s.style.setProperty("top", d.top), d.left !== null && (s.style.left = d.left), s.style.transformOrigin = d.transformOrigin, Y(!0);
+  }, [X]);
+  u.useEffect(() => (O && window.addEventListener("scroll", M), () => window.removeEventListener("scroll", M)), [y, O, M]);
+  const Q = () => {
+    M();
+  }, j = () => {
+    Y(!1);
   };
-  a.useEffect(() => {
-    y && S();
-  }), a.useImperativeHandle(P, () => y ? {
+  u.useEffect(() => {
+    P && M();
+  }), u.useImperativeHandle(E, () => P ? {
     updatePosition: () => {
-      S();
+      M();
     }
-  } : null, [y, S]), a.useEffect(() => {
-    if (!y)
+  } : null, [P, M]), u.useEffect(() => {
+    if (!P)
       return;
-    const p = ze(() => {
-      S();
-    }), f = Q(h);
-    return f.addEventListener("resize", p), () => {
-      p.clear(), f.removeEventListener("resize", p);
+    const s = je(() => {
+      M();
+    }), d = oe($(y));
+    return d.addEventListener("resize", s), () => {
+      s.clear(), d.removeEventListener("resize", s);
     };
-  }, [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,
+  }, [y, P, M]);
+  let f = l;
+  const v = {
+    slots: {
+      transition: r,
+      ...F
+    },
     slotProps: {
-      ...l,
-      paper: T
+      transition: p,
+      paper: H,
+      ...i
     }
-  }, [Ce, te] = ce("paper", {
-    elementType: Ee,
-    externalForwardedProps: oe,
-    additionalProps: {
-      elevation: L,
-      className: X(V.paper, T == null ? void 0 : T.className),
-      style: b ? T.style : {
-        ...T.style,
-        opacity: 0
+  }, [_, Ee] = B("transition", {
+    elementType: Le,
+    externalForwardedProps: v,
+    ownerState: C,
+    getSlotProps: (s) => ({
+      ...s,
+      onEntering: (d, h) => {
+        var S;
+        (S = s.onEntering) == null || S.call(s, d, h), Q();
+      },
+      onExited: (d) => {
+        var h;
+        (h = s.onExited) == null || h.call(s, d), j();
       }
+    }),
+    additionalProps: {
+      appear: !0,
+      in: P
+    }
+  });
+  l === "auto" && !_.muiSupportAuto && (f = void 0);
+  const Oe = L || (y ? ee($(y)).body : void 0), [ne, {
+    slots: Me,
+    slotProps: we,
+    ...Re
+  }] = B("root", {
+    ref: n,
+    elementType: Ge,
+    externalForwardedProps: {
+      ...v,
+      ...D
     },
-    ownerState: C
-  }), [ne, {
-    slotProps: xe,
-    ...Ne
-  }] = ce("root", {
-    elementType: Be,
-    externalForwardedProps: oe,
+    shouldForwardComponentProp: !0,
     additionalProps: {
+      slots: {
+        backdrop: F.backdrop
+      },
       slotProps: {
-        backdrop: {
+        backdrop: ze(typeof i.backdrop == "function" ? i.backdrop(C) : i.backdrop, {
           invisible: !0
-        }
+        })
       },
-      container: we,
-      open: y
+      container: Oe,
+      open: P
     },
     ownerState: C,
-    className: X(V.root, N)
-  }), Se = ve(D, te.ref);
-  return /* @__PURE__ */ U(ne, {
-    ...Ne,
-    ...!je(ne) && {
-      slotProps: xe,
-      disableScrollLock: E
+    className: he(z.root, x)
+  }), [Ce, Se] = B("paper", {
+    ref: c,
+    className: z.paper,
+    elementType: ve,
+    externalForwardedProps: v,
+    shouldForwardComponentProp: !0,
+    additionalProps: {
+      elevation: K,
+      style: J ? void 0 : {
+        opacity: 0
+      }
     },
-    ...c,
-    ref: n,
-    children: /* @__PURE__ */ U(r, {
-      appear: !0,
-      in: y,
-      onEntering: Oe,
-      onExited: Re,
-      timeout: ee,
-      ...w,
-      children: /* @__PURE__ */ U(Ce, {
-        ...te,
-        ref: Se,
-        children: O
+    ownerState: C
+  });
+  return /* @__PURE__ */ A(ne, {
+    ...Re,
+    ...!Ne(ne) && {
+      slots: Me,
+      slotProps: we,
+      disableScrollLock: O
+    },
+    children: /* @__PURE__ */ A(_, {
+      ...Ee,
+      timeout: f,
+      children: /* @__PURE__ */ A(Ce, {
+        ...Se,
+        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`.     │
@@ -421,9 +450,9 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    * 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: Ue(e.oneOfType([te, e.func]), (t) => {
     if (t.open && (!t.anchorReference || t.anchorReference === "anchorEl")) {
-      const o = G(t.anchorEl);
+      const o = $(t.anchorEl);
       if (o && o.nodeType === 1) {
         const n = o.getBoundingClientRect();
         if (process.env.NODE_ENV !== "test" && n.top === 0 && n.left === 0 && n.right === 0 && n.bottom === 0)
@@ -468,8 +497,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
   anchorReference: e.oneOf(["anchorEl", "anchorPosition", "none"]),
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slotProps.root.slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slotProps.root.slots.backdrop` prop to make your application ready for the next version of Material UI.
+   * @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
@@ -483,7 +511,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
   BackdropComponent: e.elementType,
   /**
    * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.root.slotProps.backdrop` instead.
+   * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   BackdropProps: e.object,
   /**
@@ -505,7 +533,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([te, e.func]),
   /**
    * Disable the scroll lock behavior.
    * @default false
@@ -515,7 +543,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    * The elevation of the popover.
    * @default 8
    */
-  elevation: Fe,
+  elevation: Ie,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
@@ -547,16 +575,20 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    * @default {}
    */
   slotProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
     paper: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+    root: e.oneOfType([e.func, e.object]),
+    transition: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
   slots: e.shape({
+    backdrop: e.elementType,
     paper: e.elementType,
-    root: e.elementType
+    root: e.elementType,
+    transition: e.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
@@ -581,6 +613,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default Grow
    */
   TransitionComponent: e.elementType,
@@ -596,34 +629,35 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   TransitionProps: e.object
 });
-function Ge(t) {
-  return he("MuiMenu", t);
+function Xe(t) {
+  return de("MuiMenu", t);
 }
-const Mo = ge("MuiMenu", ["root", "paper", "list"]), Ye = {
+const Ro = me("MuiMenu", ["root", "paper", "list"]), Ye = {
   vertical: "top",
   horizontal: "right"
-}, Xe = {
+}, Je = {
   vertical: "top",
   horizontal: "left"
-}, Je = (t) => {
+}, Qe = (t) => {
   const {
     classes: o
   } = t;
-  return be({
+  return ye({
     root: ["root"],
     paper: ["paper"],
     list: ["list"]
-  }, Ge, o);
-}, Qe = W(Me, {
-  shouldForwardProp: (t) => Ie(t) || t === "classes",
+  }, Xe, o);
+}, Ze = G(Te, {
+  shouldForwardProp: (t) => xe(t) || t === "classes",
   name: "MuiMenu",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), Ze = W(Ee, {
+})({}), eo = G(ve, {
   name: "MuiMenu",
   slot: "Paper",
   overridesResolver: (t, o) => o.paper
@@ -634,107 +668,136 @@ 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, {
+}), oo = G(Pe, {
   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({
+}), to = /* @__PURE__ */ u.forwardRef(function(o, n) {
+  const k = be({
     props: o,
     name: "MuiMenu"
   }), {
-    autoFocus: P = !0,
-    children: h,
+    autoFocus: E = !0,
+    children: y,
     className: g,
-    disableAutoFocusItem: d = !1,
-    MenuListProps: m = {},
-    onClose: O,
-    open: N,
-    PaperProps: I = {},
-    PopoverClasses: L,
-    transitionDuration: s = "auto",
+    disableAutoFocusItem: m = !1,
+    MenuListProps: b = {},
+    onClose: R,
+    open: x,
+    PaperProps: L = {},
+    PopoverClasses: K,
+    transitionDuration: a = "auto",
     TransitionProps: {
-      onEntering: y,
-      ...z
+      onEntering: P,
+      ...H
     } = {},
-    variant: j = "selectedMenu",
-    slots: l = {},
-    slotProps: R = {},
+    variant: F = "selectedMenu",
+    slots: i = {},
+    slotProps: T = {},
     ...r
-  } = x, i = De(), u = {
-    ...x,
-    autoFocus: P,
-    disableAutoFocusItem: d,
-    MenuListProps: m,
-    onEntering: y,
-    PaperProps: I,
-    transitionDuration: s,
-    TransitionProps: z,
-    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"));
+  } = k, l = ke(), p = {
+    ...k,
+    autoFocus: E,
+    disableAutoFocusItem: m,
+    MenuListProps: b,
+    onEntering: P,
+    PaperProps: L,
+    transitionDuration: a,
+    TransitionProps: H,
+    variant: F
+  }, O = Qe(p), D = E && !m && x, c = u.useRef(null), C = (f, v) => {
+    c.current && c.current.adjustStyleForScrollbar(f, {
+      direction: l ? "rtl" : "ltr"
+    }), P && P(f, v);
+  }, z = (f) => {
+    f.key === "Tab" && (f.preventDefault(), R && R(f, "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 N = -1;
+  u.Children.map(y, (f, v) => {
+    /* @__PURE__ */ u.isValidElement(f) && (process.env.NODE_ENV !== "production" && fe.isFragment(f) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), f.props.disabled || (F === "selectedMenu" && f.props.selected || N === -1) && (N = v));
   });
-  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__ */ U(Qe, {
-    onClose: O,
+  const I = {
+    slots: i,
+    slotProps: {
+      list: b,
+      transition: H,
+      paper: L,
+      ...T
+    }
+  }, X = De({
+    elementType: i.root,
+    externalSlotProps: T.root,
+    ownerState: p,
+    className: [O.root, g]
+  }), [J, Y] = B("paper", {
+    className: O.paper,
+    elementType: eo,
+    externalForwardedProps: I,
+    shouldForwardComponentProp: !0,
+    ownerState: p
+  }), [M, Q] = B("list", {
+    className: he(O.list, b.className),
+    elementType: oo,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: I,
+    getSlotProps: (f) => ({
+      ...f,
+      onKeyDown: (v) => {
+        var _;
+        z(v), (_ = f.onKeyDown) == null || _.call(f, v);
+      }
+    }),
+    ownerState: p
+  }), j = typeof I.slotProps.transition == "function" ? I.slotProps.transition(p) : I.slotProps.transition;
+  return /* @__PURE__ */ A(Ze, {
+    onClose: R,
     anchorOrigin: {
       vertical: "bottom",
-      horizontal: i ? "right" : "left"
+      horizontal: l ? "right" : "left"
     },
-    transformOrigin: i ? Ye : Xe,
+    transformOrigin: l ? Ye : Je,
     slots: {
-      paper: V,
-      root: l.root
+      root: i.root,
+      paper: J,
+      backdrop: i.backdrop,
+      ...i.transition && {
+        // TODO: pass `slots.transition` directly once `TransitionComponent` is removed from Popover
+        transition: i.transition
+      }
     },
     slotProps: {
-      root: $,
-      paper: B
+      root: X,
+      paper: Y,
+      backdrop: typeof T.backdrop == "function" ? T.backdrop(p) : T.backdrop,
+      transition: {
+        ...j,
+        onEntering: (...f) => {
+          var v;
+          C(...f), (v = j == null ? void 0 : j.onEntering) == null || v.call(j, ...f);
+        }
+      }
     },
-    open: N,
+    open: x,
     ref: n,
-    transitionDuration: s,
-    TransitionProps: {
-      onEntering: T,
-      ...z
-    },
-    ownerState: u,
+    transitionDuration: a,
+    ownerState: p,
     ...r,
-    classes: L,
-    children: /* @__PURE__ */ U(eo, {
-      onKeyDown: D,
+    classes: K,
+    children: /* @__PURE__ */ A(M, {
       actions: c,
-      autoFocus: P && (C === -1 || d),
-      autoFocusItem: E,
-      variant: j,
-      ...m,
-      className: X(w.list, m.className),
-      children: h
+      autoFocus: E && (N === -1 || m),
+      autoFocusItem: D,
+      variant: F,
+      ...Q,
+      children: y
     })
   });
 });
-process.env.NODE_ENV !== "production" && (oo.propTypes = {
+process.env.NODE_ENV !== "production" && (to.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 +806,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([te, 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
@@ -774,6 +837,7 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
   disableAutoFocusItem: e.bool,
   /**
    * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
+   * @deprecated use the `slotProps.list` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   MenuListProps: e.object,
@@ -801,16 +865,22 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    * @default {}
    */
   slotProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
+    list: e.oneOfType([e.func, e.object]),
     paper: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+    root: e.oneOfType([e.func, e.object]),
+    transition: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
   slots: e.shape({
+    backdrop: e.elementType,
+    list: e.elementType,
     paper: e.elementType,
-    root: e.elementType
+    root: e.elementType,
+    transition: e.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
@@ -828,6 +898,7 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   TransitionProps: e.object,
@@ -838,7 +909,7 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
   variant: e.oneOf(["menu", "selectedMenu"])
 });
 export {
-  oo as M,
-  Ge as g,
-  Mo as m
+  to as M,
+  Xe as g,
+  Ro as m
 };