@cgi-learning-hub/ui 1.0.0-dev.1721225898 → 1.0.0-dev.1721824898

package/dist/{Tabs-CObzeuUj.js → Tabs-D-RPVuW4.js}

@@ -1,16 +1,16 @@
-import { d as me, e as Le, _ as b, h as ae, P as o } from "./identifier-wD7TMRod.js";
+import { d as st, s as _, u as me, c as ve, b as at } from "./styled-CFCmdTd8.js";
+import { T as it, k as Se, m as ye, n as Le, _ as b, s as ae, t as k, P as o } from "./identifier-wKuu0zOr.js";
+import { u as ct } from "./useThemeProps-CZSYSmRG.js";
 import * as u from "react";
-import { g as ve, c as k } from "./extendSxProp-BH27e4Uq.js";
-import { s as _, u as Se, c as ye, a as st } from "./styled-DBkKGFww.js";
 import { jsxs as Q, jsx as C } from "react/jsx-runtime";
-import { B as ke } from "./ButtonBase-BN5QfC5l.js";
-import { u as at } from "./unsupportedProp-BuVD30Gh.js";
-import { u as Fe, a as se, b as it } from "./useTheme-0LP2yOaO.js";
-import { u as ct } from "./useForkRef-DwN_Iz9R.js";
-import { a as $e, d as Ae, o as dt } from "./ownerWindow-C7EH1lr6.js";
+import { B as ke } from "./ButtonBase-vONl_zxO.js";
+import { u as dt } from "./unsupportedProp-BuVD30Gh.js";
+import { a as $e, b as se, u as ut } from "./useTheme-DWyCcDbs.js";
+import { u as pt } from "./useForkRef-DwN_Iz9R.js";
+import { a as Fe, d as De, o as ft } from "./ownerWindow-C7EH1lr6.js";
 import { u as be } from "./useTimeout-BdvDipeg.js";
-import { r as ut } from "./refType-DNsX9F1k.js";
-import { c as De } from "./createSvgIcon-D0vr-xfg.js";
+import { r as bt } from "./refType-Bqz8QGtc.js";
+import { c as Ae } from "./createSvgIcon-BwGNMrhW.js";
 let X;
 function je() {
   if (X)
@@ -18,7 +18,7 @@ function je() {
   const e = document.createElement("div"), t = document.createElement("div");
   return t.style.width = "10px", t.style.height = "1px", e.appendChild(t), e.dir = "rtl", e.style.fontSize = "14px", e.style.width = "4px", e.style.height = "1px", e.style.position = "absolute", e.style.top = "-1000px", e.style.overflow = "scroll", document.body.appendChild(e), X = "reverse", e.scrollLeft > 0 ? X = "default" : (e.scrollLeft = 1, e.scrollLeft === 0 && (X = "negative")), document.body.removeChild(e), X;
 }
-function pt(e, t) {
+function ht(e, t) {
   const n = e.scrollLeft;
   if (t !== "rtl")
     return n;
@@ -31,10 +31,21 @@ function pt(e, t) {
       return n;
   }
 }
-function ft(e) {
-  return me("MuiTab", e);
+function Zt({
+  props: e,
+  name: t
+}) {
+  return ct({
+    props: e,
+    name: t,
+    defaultTheme: st,
+    themeId: it
+  });
+}
+function mt(e) {
+  return Se("MuiTab", e);
 }
-const bt = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), L = bt, ht = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], mt = (e) => {
+const vt = ye("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), L = vt, St = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], yt = (e) => {
   const {
     classes: t,
     textColor: n,
@@ -48,8 +59,8 @@ const bt = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     root: ["root", d && m && "labelIcon", `textColor${Le(n)}`, c && "fullWidth", i && "wrapped", h && "selected", p && "disabled"],
     iconWrapper: ["iconWrapper"]
   };
-  return ye(y, ft, t);
-}, vt = _(ke, {
+  return ve(y, mt, t);
+}, gt = _(ke, {
   name: "MuiTab",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -124,7 +135,7 @@ const bt = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
 }, t.wrapped && {
   fontSize: e.typography.pxToRem(12)
 })), _e = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = Se({
+  const c = me({
     props: t,
     name: "MuiTab"
   }), {
@@ -140,16 +151,16 @@ const bt = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     label: T,
     onChange: v,
     onClick: I,
-    onFocus: F,
+    onFocus: $,
     // eslint-disable-next-line react/prop-types
     selected: E,
     // eslint-disable-next-line react/prop-types
     selectionFollowsFocus: g,
     // eslint-disable-next-line react/prop-types
     textColor: H = "inherit",
-    value: N,
+    value: M,
     wrapped: ie = !1
-  } = c, V = ae(c, ht), Y = b({}, c, {
+  } = c, V = ae(c, St), Y = b({}, c, {
     disabled: d,
     disableFocusRipple: m,
     selected: E,
@@ -159,14 +170,14 @@ const bt = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     fullWidth: h,
     textColor: H,
     wrapped: ie
-  }), U = mt(Y), $ = p && T && /* @__PURE__ */ u.isValidElement(p) ? /* @__PURE__ */ u.cloneElement(p, {
+  }), U = yt(Y), F = p && T && /* @__PURE__ */ u.isValidElement(p) ? /* @__PURE__ */ u.cloneElement(p, {
     className: k(U.iconWrapper, p.props.className)
-  }) : p, Z = (M) => {
-    !E && v && v(M, N), I && I(M);
-  }, P = (M) => {
-    g && !E && v && v(M, N), F && F(M);
+  }) : p, Z = (N) => {
+    !E && v && v(N, M), I && I(N);
+  }, P = (N) => {
+    g && !E && v && v(N, M), $ && $(N);
   };
-  return /* @__PURE__ */ Q(vt, b({
+  return /* @__PURE__ */ Q(gt, b({
     focusRipple: !m,
     className: k(U.root, i),
     ref: n,
@@ -179,9 +190,9 @@ const bt = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     tabIndex: E ? 0 : -1
   }, V, {
     children: [y === "top" || y === "start" ? /* @__PURE__ */ Q(u.Fragment, {
-      children: [$, T]
+      children: [F, T]
     }) : /* @__PURE__ */ Q(u.Fragment, {
-      children: [T, $]
+      children: [T, F]
     }), w]
   }));
 });
@@ -194,7 +205,7 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: at,
+  children: dt,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -261,18 +272,18 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    */
   wrapped: o.bool
 });
-const Gt = _e, St = De(/* @__PURE__ */ C("path", {
+const eo = _e, Tt = Ae(/* @__PURE__ */ C("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), yt = De(/* @__PURE__ */ C("path", {
+}), "KeyboardArrowLeft"), xt = Ae(/* @__PURE__ */ C("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
-function gt(e) {
+function Bt(e) {
   return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
 }
-function Tt(e, t, n, c = {}, i = () => {
+function Ct(e, t, n, c = {}, i = () => {
 }) {
   const {
-    ease: d = gt,
+    ease: d = Bt,
     duration: m = 300
     // standard
   } = c;
@@ -298,7 +309,7 @@ function Tt(e, t, n, c = {}, i = () => {
   };
   return p === n ? (i(new Error("Element already at target position")), w) : (requestAnimationFrame(T), w);
 }
-const xt = ["onChange"], Bt = {
+const wt = ["onChange"], It = {
   width: 99,
   height: 99,
   position: "absolute",
@@ -308,40 +319,40 @@ const xt = ["onChange"], Bt = {
 function He(e) {
   const {
     onChange: t
-  } = e, n = ae(e, xt), c = u.useRef(), i = u.useRef(null), d = () => {
+  } = e, n = ae(e, wt), c = u.useRef(), i = u.useRef(null), d = () => {
     c.current = i.current.offsetHeight - i.current.clientHeight;
   };
-  return ct(() => {
-    const m = Ae(() => {
+  return pt(() => {
+    const m = De(() => {
       const p = c.current;
       d(), p !== c.current && t(c.current);
-    }), h = $e(i.current);
+    }), h = Fe(i.current);
     return h.addEventListener("resize", m), () => {
       m.clear(), h.removeEventListener("resize", m);
     };
   }, [t]), u.useEffect(() => {
     d(), t(c.current);
   }, [t]), /* @__PURE__ */ C("div", b({
-    style: Bt,
+    style: It,
     ref: i
   }, n));
 }
 process.env.NODE_ENV !== "production" && (He.propTypes = {
   onChange: o.func.isRequired
 });
-function Ct(e) {
-  return me("MuiTabScrollButton", e);
+function Et(e) {
+  return Se("MuiTabScrollButton", e);
 }
-const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), It = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Et = (e) => {
+const Ot = ye("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Mt = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Nt = (e) => {
   const {
     classes: t,
     orientation: n,
     disabled: c
   } = e;
-  return ye({
+  return ve({
     root: ["root", n, c && "disabled"]
-  }, Ct, t);
-}, Ot = _(ke, {
+  }, Et, t);
+}, Rt = _(ke, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -356,7 +367,7 @@ const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
-  [`&.${wt.disabled}`]: {
+  [`&.${Ot.disabled}`]: {
     opacity: 0
   }
 }, e.orientation === "vertical" && {
@@ -367,7 +378,7 @@ const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   }
 })), Ve = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var c, i;
-  const d = Se({
+  const d = me({
     props: t,
     name: "MuiTabScrollButton"
   }), {
@@ -375,10 +386,10 @@ const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     slots: h = {},
     slotProps: p = {},
     direction: y
-  } = d, w = ae(d, It), T = Fe(), v = b({
+  } = d, w = ae(d, Mt), T = $e(), v = b({
     isRtl: T
-  }, d), I = Et(v), F = (c = h.StartScrollButtonIcon) != null ? c : St, E = (i = h.EndScrollButtonIcon) != null ? i : yt, g = se({
-    elementType: F,
+  }, d), I = Nt(v), $ = (c = h.StartScrollButtonIcon) != null ? c : Tt, E = (i = h.EndScrollButtonIcon) != null ? i : xt, g = se({
+    elementType: $,
     externalSlotProps: p.startScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
@@ -392,7 +403,7 @@ const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     },
     ownerState: v
   });
-  return /* @__PURE__ */ C(Ot, b({
+  return /* @__PURE__ */ C(Rt, b({
     component: "div",
     className: k(I.root, m),
     ref: n,
@@ -400,7 +411,7 @@ const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     ownerState: v,
     tabIndex: null
   }, w, {
-    children: y === "left" ? /* @__PURE__ */ C(F, b({}, g)) : /* @__PURE__ */ C(E, b({}, H))
+    children: y === "left" ? /* @__PURE__ */ C($, b({}, g)) : /* @__PURE__ */ C(E, b({}, H))
   }));
 });
 process.env.NODE_ENV !== "production" && (Ve.propTypes = {
@@ -455,10 +466,10 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function Nt(e) {
-  return me("MuiTabs", e);
+function Pt(e) {
+  return Se("MuiTabs", e);
 }
-const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), he = Mt, Rt = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Re = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, Pe = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, ne = (e, t, n) => {
+const Wt = ye("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), he = Wt, zt = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Re = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, Pe = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, ne = (e, t, n) => {
   let c = !1, i = n(e, t);
   for (; i; ) {
     if (i === e.firstChild) {
@@ -474,7 +485,7 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       return;
     }
   }
-}, Pt = (e) => {
+}, Lt = (e) => {
   const {
     vertical: t,
     fixed: n,
@@ -485,7 +496,7 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     scrollButtonsHideMobile: h,
     classes: p
   } = e;
-  return ye({
+  return ve({
     root: ["root", t && "vertical"],
     scroller: ["scroller", n && "fixed", c && "hideScrollbar", i && "scrollableX", d && "scrollableY"],
     flexContainer: ["flexContainer", t && "flexContainerVertical", m && "centered"],
@@ -493,8 +504,8 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
     scrollableX: [i && "scrollableX"],
     hideScrollbar: [c && "hideScrollbar"]
-  }, Nt, p);
-}, Wt = _("div", {
+  }, Pt, p);
+}, kt = _("div", {
   name: "MuiTabs",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -524,7 +535,7 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       display: "none"
     }
   }
-})), zt = _("div", {
+})), $t = _("div", {
   name: "MuiTabs",
   slot: "Scroller",
   overridesResolver: (e, t) => {
@@ -557,7 +568,7 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
 }, e.scrollableY && {
   overflowY: "auto",
   overflowX: "hidden"
-})), Lt = _("div", {
+})), Ft = _("div", {
   name: "MuiTabs",
   slot: "FlexContainer",
   overridesResolver: (e, t) => {
@@ -574,7 +585,7 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   flexDirection: "column"
 }, e.centered && {
   justifyContent: "center"
-})), kt = _("span", {
+})), Dt = _("span", {
   name: "MuiTabs",
   slot: "Indicator",
   overridesResolver: (e, t) => t.indicator
@@ -595,7 +606,7 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   height: "100%",
   width: 2,
   right: 0
-})), Ft = _(He)({
+})), At = _(He)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -608,10 +619,10 @@ const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
 }), We = {};
 let ze = !1;
 const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = Se({
+  const c = me({
     props: t,
     name: "MuiTabs"
-  }), i = it(), d = Fe(), {
+  }), i = ut(), d = $e(), {
     "aria-label": m,
     "aria-labelledby": h,
     action: p,
@@ -620,29 +631,29 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     className: T,
     component: v = "div",
     allowScrollButtonsMobile: I = !1,
-    indicatorColor: F = "primary",
+    indicatorColor: $ = "primary",
     onChange: E,
     orientation: g = "horizontal",
     ScrollButtonComponent: H = Ve,
-    scrollButtons: N = "auto",
+    scrollButtons: M = "auto",
     selectionFollowsFocus: ie,
     slots: V = {},
     slotProps: Y = {},
     TabIndicatorProps: U = {},
-    TabScrollButtonProps: $ = {},
+    TabScrollButtonProps: F = {},
     textColor: Z = "primary",
     value: P,
-    variant: M = "standard",
+    variant: N = "standard",
     visibleScrollbar: ce = !1
-  } = c, Xe = ae(c, Rt), x = M === "scrollable", B = g === "vertical", K = B ? "scrollTop" : "scrollLeft", ee = B ? "top" : "left", te = B ? "bottom" : "right", de = B ? "clientHeight" : "clientWidth", q = B ? "height" : "width", A = b({}, c, {
+  } = c, Xe = ae(c, zt), x = N === "scrollable", B = g === "vertical", K = B ? "scrollTop" : "scrollLeft", ee = B ? "top" : "left", te = B ? "bottom" : "right", de = B ? "clientHeight" : "clientWidth", q = B ? "height" : "width", D = b({}, c, {
     component: v,
     allowScrollButtonsMobile: I,
-    indicatorColor: F,
+    indicatorColor: $,
     orientation: g,
     vertical: B,
-    scrollButtons: N,
+    scrollButtons: M,
     textColor: Z,
-    variant: M,
+    variant: N,
     visibleScrollbar: ce,
     fixed: !x,
     hideScrollbar: x && !ce,
@@ -650,17 +661,17 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     scrollableY: x && B,
     centered: y && !x,
     scrollButtonsHideMobile: !I
-  }), W = Pt(A), Ye = se({
+  }), W = Lt(D), Ye = se({
     elementType: V.StartScrollButtonIcon,
     externalSlotProps: Y.startScrollButtonIcon,
-    ownerState: A
+    ownerState: D
   }), Ke = se({
     elementType: V.EndScrollButtonIcon,
     externalSlotProps: Y.endScrollButtonIcon,
-    ownerState: A
+    ownerState: D
   });
   process.env.NODE_ENV !== "production" && y && x && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [ge, qe] = u.useState(!1), [D, Te] = u.useState(We), [xe, Ge] = u.useState(!1), [Be, Je] = u.useState(!1), [Ce, Qe] = u.useState(!1), [we, Ze] = u.useState({
+  const [ge, qe] = u.useState(!1), [A, Te] = u.useState(We), [xe, Ge] = u.useState(!1), [Be, Je] = u.useState(!1), [Ce, Qe] = u.useState(!1), [we, Ze] = u.useState({
     overflow: "hidden",
     scrollbarWidth: 0
   }), oe = /* @__PURE__ */ new Map(), R = u.useRef(null), j = u.useRef(null), Ie = () => {
@@ -672,7 +683,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
         clientWidth: r.clientWidth,
         scrollLeft: r.scrollLeft,
         scrollTop: r.scrollTop,
-        scrollLeftNormalized: pt(r, d ? "rtl" : "ltr"),
+        scrollLeftNormalized: ht(r, d ? "rtl" : "ltr"),
         scrollWidth: r.scrollWidth,
         top: a.top,
         bottom: a.bottom,
@@ -712,16 +723,16 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
       // May be wrong until the font is loaded.
       [q]: l ? l[q] : 0
     };
-    if (isNaN(D[a]) || isNaN(D[q]))
+    if (isNaN(A[a]) || isNaN(A[q]))
       Te(f);
     else {
-      const S = Math.abs(D[a] - f[a]), O = Math.abs(D[q] - f[q]);
+      const S = Math.abs(A[a] - f[a]), O = Math.abs(A[q] - f[q]);
       (S >= 1 || O >= 1) && Te(f);
     }
   }), ue = (r, {
     animation: l = !0
   } = {}) => {
-    l ? Tt(K, R.current, r, {
+    l ? Ct(K, R.current, r, {
       duration: i.transitions.duration.standard
     }) : R.current[K] = r;
   }, Ee = (r) => {
@@ -751,11 +762,11 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     });
   }, []), rt = () => {
     const r = {};
-    r.scrollbarSizeListener = x ? /* @__PURE__ */ C(Ft, {
+    r.scrollbarSizeListener = x ? /* @__PURE__ */ C(At, {
       onChange: ot,
       className: k(W.scrollableX, W.hideScrollbar)
     }) : null;
-    const s = x && (N === "auto" && (xe || Be) || N === !0);
+    const s = x && (M === "auto" && (xe || Be) || M === !0);
     return r.scrollButtonStart = s ? /* @__PURE__ */ C(H, b({
       slots: {
         StartScrollButtonIcon: V.StartScrollButtonIcon
@@ -767,8 +778,8 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
       direction: d ? "right" : "left",
       onClick: et,
       disabled: !xe
-    }, $, {
-      className: k(W.scrollButtons, $.className)
+    }, F, {
+      className: k(W.scrollButtons, F.className)
     })) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ C(H, b({
       slots: {
         EndScrollButtonIcon: V.EndScrollButtonIcon
@@ -780,10 +791,10 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
       direction: d ? "left" : "right",
       onClick: tt,
       disabled: !Be
-    }, $, {
-      className: k(W.scrollButtons, $.className)
+    }, F, {
+      className: k(W.scrollButtons, F.className)
     })) : null, r;
-  }, Ne = be((r) => {
+  }, Me = be((r) => {
     const {
       tabsMeta: l,
       tabMeta: s
@@ -802,10 +813,10 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
       }
     }
   }), re = be(() => {
-    x && N !== !1 && Qe(!Ce);
+    x && M !== !1 && Qe(!Ce);
   });
   u.useEffect(() => {
-    const r = Ae(() => {
+    const r = De(() => {
       R.current && G();
     });
     let l;
@@ -819,7 +830,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
           (z = l) == null || z.observe(J);
         });
       }), r(), re();
-    }, a = $e(R.current);
+    }, a = Fe(R.current);
     a.addEventListener("resize", r);
     let f;
     return typeof ResizeObserver < "u" && (l = new ResizeObserver(r), Array.from(j.current.children).forEach((S) => {
@@ -832,7 +843,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     };
   }, [G, re]), u.useEffect(() => {
     const r = Array.from(j.current.children), l = r.length;
-    if (typeof IntersectionObserver < "u" && l > 0 && x && N !== !1) {
+    if (typeof IntersectionObserver < "u" && l > 0 && x && M !== !1) {
       const s = r[0], a = r[l - 1], f = {
         root: R.current,
         threshold: 0.99
@@ -847,33 +858,33 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
         O.disconnect(), z.disconnect();
       };
     }
-  }, [x, N, Ce, w == null ? void 0 : w.length]), u.useEffect(() => {
+  }, [x, M, Ce, w == null ? void 0 : w.length]), u.useEffect(() => {
     qe(!0);
   }, []), u.useEffect(() => {
     G();
   }), u.useEffect(() => {
-    Ne(We !== D);
-  }, [Ne, D]), u.useImperativeHandle(p, () => ({
+    Me(We !== A);
+  }, [Me, A]), u.useImperativeHandle(p, () => ({
     updateIndicator: G,
     updateScrollButtons: re
   }), [G, re]);
-  const Me = /* @__PURE__ */ C(kt, b({}, U, {
+  const Ne = /* @__PURE__ */ C(Dt, b({}, U, {
     className: k(W.indicator, U.className),
-    ownerState: A,
-    style: b({}, D, U.style)
+    ownerState: D,
+    style: b({}, A, U.style)
   }));
   let le = 0;
   const lt = u.Children.map(w, (r) => {
     if (!/* @__PURE__ */ u.isValidElement(r))
       return null;
-    process.env.NODE_ENV !== "production" && st.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && at.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
     const l = r.props.value === void 0 ? le : r.props.value;
     oe.set(l, le);
     const s = l === P;
     return le += 1, /* @__PURE__ */ u.cloneElement(r, b({
-      fullWidth: M === "fullWidth",
-      indicator: s && !ge && Me,
+      fullWidth: N === "fullWidth",
+      indicator: s && !ge && Ne,
       selected: s,
       selectionFollowsFocus: ie,
       onChange: E,
@@ -883,7 +894,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
       tabIndex: 0
     } : {}));
   }), nt = (r) => {
-    const l = j.current, s = dt(l).activeElement;
+    const l = j.current, s = ft(l).activeElement;
     if (s.getAttribute("role") !== "tab")
       return;
     let f = g === "horizontal" ? "ArrowLeft" : "ArrowUp", S = g === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -902,31 +913,31 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
         break;
     }
   }, pe = rt();
-  return /* @__PURE__ */ Q(Wt, b({
+  return /* @__PURE__ */ Q(kt, b({
     className: k(W.root, T),
-    ownerState: A,
+    ownerState: D,
     ref: n,
     as: v
   }, Xe, {
-    children: [pe.scrollButtonStart, pe.scrollbarSizeListener, /* @__PURE__ */ Q(zt, {
+    children: [pe.scrollButtonStart, pe.scrollbarSizeListener, /* @__PURE__ */ Q($t, {
       className: W.scroller,
-      ownerState: A,
+      ownerState: D,
       style: {
         overflow: we.overflow,
         [B ? `margin${d ? "Left" : "Right"}` : "marginBottom"]: ce ? void 0 : -we.scrollbarWidth
       },
       ref: R,
-      children: [/* @__PURE__ */ C(Lt, {
+      children: [/* @__PURE__ */ C(Ft, {
         "aria-label": m,
         "aria-labelledby": h,
         "aria-orientation": g === "vertical" ? "vertical" : null,
         className: W.flexContainer,
-        ownerState: A,
+        ownerState: D,
         onKeyDown: nt,
         ref: j,
         role: "tablist",
         children: lt
-      }), ge && Me]
+      }), ge && Ne]
     }), pe.scrollButtonEnd]
   }));
 });
@@ -943,7 +954,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: ut,
+  action: bt,
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
@@ -1079,14 +1090,15 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    */
   visibleScrollbar: o.bool
 });
-const Jt = Ue;
+const to = Ue;
 export {
-  yt as K,
-  Gt as T,
-  Jt as a,
+  xt as K,
+  eo as T,
+  to as a,
   he as b,
-  Nt as c,
-  St as d,
-  ft as g,
-  L as t
+  Pt as c,
+  Tt as d,
+  mt as g,
+  L as t,
+  Zt as u
 };