@cgi-learning-hub/ui 0.0.1-dev.1713358794 → 0.0.1-dev.1715078279

package/dist/{Tabs-CDBEadDu.js → Tabs-LRPQPGjl.js}

@@ -1,15 +1,15 @@
-import { g as me, c as Le, _ as b, u as ve, b as ae, P as t } from "./useThemeProps-DDcolYEZ.js";
-import * as d from "react";
-import { g as Se, s as D, c as L, a as ye, d as st } from "./styled-CCfndrS2.js";
-import { jsxs as Q, jsx as w } from "react/jsx-runtime";
-import { B as $e } from "./ButtonBase-BBqNg9BC.js";
+import { g as me, c as Le, _ as b, u as ve, b as ae, P as t } from "./useThemeProps-C59ZmJTM.js";
+import * as u from "react";
+import { g as Se, s as _, c as L, a as ye, d as st } from "./styled-BBsrnZJ1.js";
+import { jsxs as Q, jsx as C } from "react/jsx-runtime";
+import { B as ke } from "./ButtonBase-CjZVRZ1j.js";
 import { u as at } from "./unsupportedProp-BuVD30Gh.js";
-import { u as ke, a as se } from "./useSlotProps-Br7yUp1t.js";
-import { u as it } from "./useForkRef-CQ5u1_mH.js";
-import { a as Fe, d as Ae, o as ct } from "./ownerWindow-C7EH1lr6.js";
+import { u as Fe, a as se, b as it } from "./useSlotProps-Ds0ykcZp.js";
+import { u as ct } from "./useForkRef-CQ5u1_mH.js";
+import { a as $e, d as Ae, o as dt } from "./ownerWindow-C7EH1lr6.js";
 import { u as be } from "./useTimeout-Dokw0W_A.js";
-import { r as dt } from "./refType-BklAUjsY.js";
-import { c as je } from "./createSvgIcon-DfXrmzRs.js";
+import { r as ut } from "./refType-BatLLQAf.js";
+import { c as je } from "./createSvgIcon-CwlWc9q-.js";
 let X;
 function De() {
   if (X)
@@ -17,7 +17,7 @@ function De() {
   const e = document.createElement("div"), o = document.createElement("div");
   return o.style.width = "10px", o.style.height = "1px", e.appendChild(o), 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 ut(e, o) {
+function pt(e, o) {
   const n = e.scrollLeft;
   if (o !== "rtl")
     return n;
@@ -30,25 +30,25 @@ function ut(e, o) {
       return n;
   }
 }
-function pt(e) {
+function ft(e) {
   return me("MuiTab", e);
 }
-const ft = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), j = ft, bt = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], ht = (e) => {
+const bt = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), D = bt, ht = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], mt = (e) => {
   const {
     classes: o,
     textColor: n,
     fullWidth: c,
-    wrapped: s,
-    icon: u,
+    wrapped: i,
+    icon: d,
     label: m,
     selected: h,
     disabled: p
-  } = e, S = {
-    root: ["root", u && m && "labelIcon", `textColor${Le(n)}`, c && "fullWidth", s && "wrapped", h && "selected", p && "disabled"],
+  } = e, y = {
+    root: ["root", d && m && "labelIcon", `textColor${Le(n)}`, c && "fullWidth", i && "wrapped", h && "selected", p && "disabled"],
     iconWrapper: ["iconWrapper"]
   };
-  return ye(S, pt, o);
-}, mt = D($e, {
+  return ye(y, ft, o);
+}, vt = _(ke, {
   name: "MuiTab",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -78,7 +78,7 @@ const ft = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   minHeight: 72,
   paddingTop: 9,
   paddingBottom: 9,
-  [`& > .${j.iconWrapper}`]: b({}, o.iconPosition === "top" && {
+  [`& > .${D.iconWrapper}`]: b({}, o.iconPosition === "top" && {
     marginBottom: 6
   }, o.iconPosition === "bottom" && {
     marginTop: 6
@@ -91,26 +91,26 @@ const ft = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   color: "inherit",
   opacity: 0.6,
   // same opacity as theme.palette.text.secondary
-  [`&.${j.selected}`]: {
+  [`&.${D.selected}`]: {
     opacity: 1
   },
-  [`&.${j.disabled}`]: {
+  [`&.${D.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   }
 }, o.textColor === "primary" && {
   color: (e.vars || e).palette.text.secondary,
-  [`&.${j.selected}`]: {
+  [`&.${D.selected}`]: {
     color: (e.vars || e).palette.primary.main
   },
-  [`&.${j.disabled}`]: {
+  [`&.${D.disabled}`]: {
     color: (e.vars || e).palette.text.disabled
   }
 }, o.textColor === "secondary" && {
   color: (e.vars || e).palette.text.secondary,
-  [`&.${j.selected}`]: {
+  [`&.${D.selected}`]: {
     color: (e.vars || e).palette.secondary.main
   },
-  [`&.${j.disabled}`]: {
+  [`&.${D.disabled}`]: {
     color: (e.vars || e).palette.text.disabled
   }
 }, o.fullWidth && {
@@ -120,66 +120,66 @@ const ft = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   maxWidth: "none"
 }, o.wrapped && {
   fontSize: e.typography.pxToRem(12)
-})), _e = /* @__PURE__ */ d.forwardRef(function(o, n) {
+})), _e = /* @__PURE__ */ u.forwardRef(function(o, n) {
   const c = ve({
     props: o,
     name: "MuiTab"
   }), {
-    className: s,
-    disabled: u = !1,
+    className: i,
+    disabled: d = !1,
     disableFocusRipple: m = !1,
     // eslint-disable-next-line react/prop-types
     fullWidth: h,
     icon: p,
-    iconPosition: S = "top",
+    iconPosition: y = "top",
     // eslint-disable-next-line react/prop-types
-    indicator: I,
-    label: E,
-    onChange: T,
-    onClick: y,
-    onFocus: _,
+    indicator: w,
+    label: T,
+    onChange: v,
+    onClick: I,
+    onFocus: k,
     // eslint-disable-next-line react/prop-types
-    selected: O,
+    selected: E,
     // eslint-disable-next-line react/prop-types
     selectionFollowsFocus: g,
     // eslint-disable-next-line react/prop-types
     textColor: H = "inherit",
-    value: x,
+    value: N,
     wrapped: ie = !1
-  } = c, V = ae(c, bt), Y = b({}, c, {
-    disabled: u,
+  } = c, V = ae(c, ht), Y = b({}, c, {
+    disabled: d,
     disableFocusRipple: m,
-    selected: O,
+    selected: E,
     icon: !!p,
-    iconPosition: S,
-    label: !!E,
+    iconPosition: y,
+    label: !!T,
     fullWidth: h,
     textColor: H,
     wrapped: ie
-  }), U = ht(Y), $ = p && E && /* @__PURE__ */ d.isValidElement(p) ? /* @__PURE__ */ d.cloneElement(p, {
+  }), U = mt(Y), F = p && T && /* @__PURE__ */ u.isValidElement(p) ? /* @__PURE__ */ u.cloneElement(p, {
     className: L(U.iconWrapper, p.props.className)
   }) : p, Z = (M) => {
-    !O && T && T(M, x), y && y(M);
+    !E && v && v(M, N), I && I(M);
   }, P = (M) => {
-    g && !O && T && T(M, x), _ && _(M);
+    g && !E && v && v(M, N), k && k(M);
   };
-  return /* @__PURE__ */ Q(mt, b({
+  return /* @__PURE__ */ Q(vt, b({
     focusRipple: !m,
-    className: L(U.root, s),
+    className: L(U.root, i),
     ref: n,
     role: "tab",
-    "aria-selected": O,
-    disabled: u,
+    "aria-selected": E,
+    disabled: d,
     onClick: Z,
     onFocus: P,
     ownerState: Y,
-    tabIndex: O ? 0 : -1
+    tabIndex: E ? 0 : -1
   }, V, {
-    children: [S === "top" || S === "start" ? /* @__PURE__ */ Q(d.Fragment, {
-      children: [$, E]
-    }) : /* @__PURE__ */ Q(d.Fragment, {
-      children: [E, $]
-    }), I]
+    children: [y === "top" || y === "start" ? /* @__PURE__ */ Q(u.Fragment, {
+      children: [F, T]
+    }) : /* @__PURE__ */ Q(u.Fragment, {
+      children: [T, F]
+    }), w]
   }));
 });
 process.env.NODE_ENV !== "production" && (_e.propTypes = {
@@ -258,44 +258,44 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    */
   wrapped: t.bool
 });
-const Gt = _e, vt = je(/* @__PURE__ */ w("path", {
+const qt = _e, St = je(/* @__PURE__ */ C("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), St = je(/* @__PURE__ */ w("path", {
+}), "KeyboardArrowLeft"), yt = je(/* @__PURE__ */ C("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
-function yt(e) {
+function gt(e) {
   return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
 }
-function gt(e, o, n, c = {}, s = () => {
+function Tt(e, o, n, c = {}, i = () => {
 }) {
   const {
-    ease: u = yt,
+    ease: d = gt,
     duration: m = 300
     // standard
   } = c;
   let h = null;
   const p = o[e];
-  let S = !1;
-  const I = () => {
-    S = !0;
-  }, E = (T) => {
-    if (S) {
-      s(new Error("Animation cancelled"));
+  let y = !1;
+  const w = () => {
+    y = !0;
+  }, T = (v) => {
+    if (y) {
+      i(new Error("Animation cancelled"));
       return;
     }
-    h === null && (h = T);
-    const y = Math.min(1, (T - h) / m);
-    if (o[e] = u(y) * (n - p) + p, y >= 1) {
+    h === null && (h = v);
+    const I = Math.min(1, (v - h) / m);
+    if (o[e] = d(I) * (n - p) + p, I >= 1) {
       requestAnimationFrame(() => {
-        s(null);
+        i(null);
       });
       return;
     }
-    requestAnimationFrame(E);
+    requestAnimationFrame(T);
   };
-  return p === n ? (s(new Error("Element already at target position")), I) : (requestAnimationFrame(E), I);
+  return p === n ? (i(new Error("Element already at target position")), w) : (requestAnimationFrame(T), w);
 }
-const Tt = ["onChange"], xt = {
+const xt = ["onChange"], Bt = {
   width: 99,
   height: 99,
   position: "absolute",
@@ -305,31 +305,31 @@ const Tt = ["onChange"], xt = {
 function He(e) {
   const {
     onChange: o
-  } = e, n = ae(e, Tt), c = d.useRef(), s = d.useRef(null), u = () => {
-    c.current = s.current.offsetHeight - s.current.clientHeight;
+  } = e, n = ae(e, xt), c = u.useRef(), i = u.useRef(null), d = () => {
+    c.current = i.current.offsetHeight - i.current.clientHeight;
   };
-  return it(() => {
+  return ct(() => {
     const m = Ae(() => {
       const p = c.current;
-      u(), p !== c.current && o(c.current);
-    }), h = Fe(s.current);
+      d(), p !== c.current && o(c.current);
+    }), h = $e(i.current);
     return h.addEventListener("resize", m), () => {
       m.clear(), h.removeEventListener("resize", m);
     };
-  }, [o]), d.useEffect(() => {
-    u(), o(c.current);
-  }, [o]), /* @__PURE__ */ w("div", b({
-    style: xt,
-    ref: s
+  }, [o]), u.useEffect(() => {
+    d(), o(c.current);
+  }, [o]), /* @__PURE__ */ C("div", b({
+    style: Bt,
+    ref: i
   }, n));
 }
 process.env.NODE_ENV !== "production" && (He.propTypes = {
   onChange: t.func.isRequired
 });
-function Bt(e) {
+function Ct(e) {
   return me("MuiTabScrollButton", e);
 }
-const Ct = Se("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), wt = Ct, It = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Et = (e) => {
+const wt = Se("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), It = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Et = (e) => {
   const {
     classes: o,
     orientation: n,
@@ -337,8 +337,8 @@ const Ct = Se("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   } = e;
   return ye({
     root: ["root", n, c && "disabled"]
-  }, Bt, o);
-}, Ot = D($e, {
+  }, Ct, o);
+}, Ot = _(ke, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -362,42 +362,42 @@ const Ct = Se("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   "& svg": {
     transform: `rotate(${e.isRtl ? -90 : 90}deg)`
   }
-})), Ve = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  var c, s;
-  const u = ve({
+})), Ve = /* @__PURE__ */ u.forwardRef(function(o, n) {
+  var c, i;
+  const d = ve({
     props: o,
     name: "MuiTabScrollButton"
   }), {
     className: m,
     slots: h = {},
     slotProps: p = {},
-    direction: S
-  } = u, I = ae(u, It), T = ke().direction === "rtl", y = b({
+    direction: y
+  } = d, w = ae(d, It), T = Fe(), v = b({
     isRtl: T
-  }, u), _ = Et(y), O = (c = h.StartScrollButtonIcon) != null ? c : vt, g = (s = h.EndScrollButtonIcon) != null ? s : St, H = se({
-    elementType: O,
+  }, d), I = Et(v), k = (c = h.StartScrollButtonIcon) != null ? c : St, E = (i = h.EndScrollButtonIcon) != null ? i : yt, g = se({
+    elementType: k,
     externalSlotProps: p.startScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
-    ownerState: y
-  }), x = se({
-    elementType: g,
+    ownerState: v
+  }), H = se({
+    elementType: E,
     externalSlotProps: p.endScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
-    ownerState: y
+    ownerState: v
   });
-  return /* @__PURE__ */ w(Ot, b({
+  return /* @__PURE__ */ C(Ot, b({
     component: "div",
-    className: L(_.root, m),
+    className: L(I.root, m),
     ref: n,
     role: null,
-    ownerState: y,
+    ownerState: v,
     tabIndex: null
-  }, I, {
-    children: S === "left" ? /* @__PURE__ */ w(O, b({}, H)) : /* @__PURE__ */ w(g, b({}, x))
+  }, w, {
+    children: y === "left" ? /* @__PURE__ */ C(k, b({}, g)) : /* @__PURE__ */ C(E, b({}, H))
   }));
 });
 process.env.NODE_ENV !== "production" && (Ve.propTypes = {
@@ -452,47 +452,46 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const Nt = Ve;
-function Mt(e) {
+function Nt(e) {
   return me("MuiTabs", e);
 }
-const Rt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), he = Rt, Pt = ["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, o) => e === o ? e.firstChild : o && o.nextElementSibling ? o.nextElementSibling : e.firstChild, Pe = (e, o) => e === o ? e.lastChild : o && o.previousElementSibling ? o.previousElementSibling : e.lastChild, ne = (e, o, n) => {
-  let c = !1, s = n(e, o);
-  for (; s; ) {
-    if (s === e.firstChild) {
+const Mt = Se("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, o) => e === o ? e.firstChild : o && o.nextElementSibling ? o.nextElementSibling : e.firstChild, Pe = (e, o) => e === o ? e.lastChild : o && o.previousElementSibling ? o.previousElementSibling : e.lastChild, ne = (e, o, n) => {
+  let c = !1, i = n(e, o);
+  for (; i; ) {
+    if (i === e.firstChild) {
       if (c)
         return;
       c = !0;
     }
-    const u = s.disabled || s.getAttribute("aria-disabled") === "true";
-    if (!s.hasAttribute("tabindex") || u)
-      s = n(e, s);
+    const d = i.disabled || i.getAttribute("aria-disabled") === "true";
+    if (!i.hasAttribute("tabindex") || d)
+      i = n(e, i);
     else {
-      s.focus();
+      i.focus();
       return;
     }
   }
-}, zt = (e) => {
+}, Pt = (e) => {
   const {
     vertical: o,
     fixed: n,
     hideScrollbar: c,
-    scrollableX: s,
-    scrollableY: u,
+    scrollableX: i,
+    scrollableY: d,
     centered: m,
     scrollButtonsHideMobile: h,
     classes: p
   } = e;
   return ye({
     root: ["root", o && "vertical"],
-    scroller: ["scroller", n && "fixed", c && "hideScrollbar", s && "scrollableX", u && "scrollableY"],
+    scroller: ["scroller", n && "fixed", c && "hideScrollbar", i && "scrollableX", d && "scrollableY"],
     flexContainer: ["flexContainer", o && "flexContainerVertical", m && "centered"],
     indicator: ["indicator"],
     scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
-    scrollableX: [s && "scrollableX"],
+    scrollableX: [i && "scrollableX"],
     hideScrollbar: [c && "hideScrollbar"]
-  }, Mt, p);
-}, Wt = D("div", {
+  }, Nt, p);
+}, zt = _("div", {
   name: "MuiTabs",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -522,7 +521,7 @@ const Rt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       display: "none"
     }
   }
-})), Lt = D("div", {
+})), Wt = _("div", {
   name: "MuiTabs",
   slot: "Scroller",
   overridesResolver: (e, o) => {
@@ -555,7 +554,7 @@ const Rt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
 }, e.scrollableY && {
   overflowY: "auto",
   overflowX: "hidden"
-})), $t = D("div", {
+})), Lt = _("div", {
   name: "MuiTabs",
   slot: "FlexContainer",
   overridesResolver: (e, o) => {
@@ -572,7 +571,7 @@ const Rt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   flexDirection: "column"
 }, e.centered && {
   justifyContent: "center"
-})), kt = D("span", {
+})), kt = _("span", {
   name: "MuiTabs",
   slot: "Indicator",
   overridesResolver: (e, o) => o.indicator
@@ -593,7 +592,7 @@ const Rt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   height: "100%",
   width: 2,
   right: 0
-})), Ft = D(He)({
+})), Ft = _(He)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -605,134 +604,134 @@ const Rt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   }
 }), ze = {};
 let We = !1;
-const Ue = /* @__PURE__ */ d.forwardRef(function(o, n) {
+const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
   const c = ve({
     props: o,
     name: "MuiTabs"
-  }), s = ke(), u = s.direction === "rtl", {
+  }), i = it(), d = Fe(), {
     "aria-label": m,
     "aria-labelledby": h,
     action: p,
-    centered: S = !1,
-    children: I,
-    className: E,
-    component: T = "div",
-    allowScrollButtonsMobile: y = !1,
-    indicatorColor: _ = "primary",
-    onChange: O,
+    centered: y = !1,
+    children: w,
+    className: T,
+    component: v = "div",
+    allowScrollButtonsMobile: I = !1,
+    indicatorColor: k = "primary",
+    onChange: E,
     orientation: g = "horizontal",
-    ScrollButtonComponent: H = Nt,
-    scrollButtons: x = "auto",
+    ScrollButtonComponent: H = Ve,
+    scrollButtons: N = "auto",
     selectionFollowsFocus: ie,
     slots: V = {},
     slotProps: Y = {},
     TabIndicatorProps: U = {},
-    TabScrollButtonProps: $ = {},
+    TabScrollButtonProps: F = {},
     textColor: Z = "primary",
     value: P,
     variant: M = "standard",
     visibleScrollbar: ce = !1
-  } = c, Xe = ae(c, Pt), B = M === "scrollable", C = g === "vertical", K = C ? "scrollTop" : "scrollLeft", ee = C ? "top" : "left", te = C ? "bottom" : "right", de = C ? "clientHeight" : "clientWidth", q = C ? "height" : "width", k = b({}, c, {
-    component: T,
-    allowScrollButtonsMobile: y,
-    indicatorColor: _,
+  } = 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", $ = b({}, c, {
+    component: v,
+    allowScrollButtonsMobile: I,
+    indicatorColor: k,
     orientation: g,
-    vertical: C,
-    scrollButtons: x,
+    vertical: B,
+    scrollButtons: N,
     textColor: Z,
     variant: M,
     visibleScrollbar: ce,
-    fixed: !B,
-    hideScrollbar: B && !ce,
-    scrollableX: B && !C,
-    scrollableY: B && C,
-    centered: S && !B,
-    scrollButtonsHideMobile: !y
-  }), z = zt(k), Ye = se({
+    fixed: !x,
+    hideScrollbar: x && !ce,
+    scrollableX: x && !B,
+    scrollableY: x && B,
+    centered: y && !x,
+    scrollButtonsHideMobile: !I
+  }), z = Pt($), Ye = se({
     elementType: V.StartScrollButtonIcon,
     externalSlotProps: Y.startScrollButtonIcon,
-    ownerState: k
+    ownerState: $
   }), Ke = se({
     elementType: V.EndScrollButtonIcon,
     externalSlotProps: Y.endScrollButtonIcon,
-    ownerState: k
+    ownerState: $
   });
-  process.env.NODE_ENV !== "production" && S && B && 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] = d.useState(!1), [F, Te] = d.useState(ze), [xe, Ge] = d.useState(!1), [Be, Je] = d.useState(!1), [Ce, Qe] = d.useState(!1), [we, Ze] = d.useState({
+  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), [A, Te] = u.useState(ze), [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 = d.useRef(null), A = d.useRef(null), Ie = () => {
+  }), oe = /* @__PURE__ */ new Map(), R = u.useRef(null), j = u.useRef(null), Ie = () => {
     const r = R.current;
     let l;
     if (r) {
-      const i = r.getBoundingClientRect();
+      const a = r.getBoundingClientRect();
       l = {
         clientWidth: r.clientWidth,
         scrollLeft: r.scrollLeft,
         scrollTop: r.scrollTop,
-        scrollLeftNormalized: ut(r, s.direction),
+        scrollLeftNormalized: pt(r, d ? "rtl" : "ltr"),
         scrollWidth: r.scrollWidth,
-        top: i.top,
-        bottom: i.bottom,
-        left: i.left,
-        right: i.right
+        top: a.top,
+        bottom: a.bottom,
+        left: a.left,
+        right: a.right
       };
     }
-    let a;
+    let s;
     if (r && P !== !1) {
-      const i = A.current.children;
-      if (i.length > 0) {
-        const f = i[oe.get(P)];
+      const a = j.current.children;
+      if (a.length > 0) {
+        const f = a[oe.get(P)];
         process.env.NODE_ENV !== "production" && (f || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${P}".`, oe.keys ? `You can provide one of the following values: ${Array.from(oe.keys()).join(", ")}.` : null].join(`
-`))), a = f ? f.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !We && a && a.width === 0 && a.height === 0 && // if the whole Tabs component is hidden, don't warn
+`))), s = f ? f.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !We && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
         l.clientWidth !== 0 && (l = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${P}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
 `)), We = !0);
       }
     }
     return {
       tabsMeta: l,
-      tabMeta: a
+      tabMeta: s
     };
   }, G = be(() => {
     const {
       tabsMeta: r,
       tabMeta: l
     } = Ie();
-    let a = 0, i;
-    if (C)
-      i = "top", l && r && (a = l.top - r.top + r.scrollTop);
-    else if (i = u ? "right" : "left", l && r) {
-      const v = u ? r.scrollLeftNormalized + r.clientWidth - r.scrollWidth : r.scrollLeft;
-      a = (u ? -1 : 1) * (l[i] - r[i] + v);
+    let s = 0, a;
+    if (B)
+      a = "top", l && r && (s = l.top - r.top + r.scrollTop);
+    else if (a = d ? "right" : "left", l && r) {
+      const S = d ? r.scrollLeftNormalized + r.clientWidth - r.scrollWidth : r.scrollLeft;
+      s = (d ? -1 : 1) * (l[a] - r[a] + S);
     }
     const f = {
-      [i]: a,
+      [a]: s,
       // May be wrong until the font is loaded.
       [q]: l ? l[q] : 0
     };
-    if (isNaN(F[i]) || isNaN(F[q]))
+    if (isNaN(A[a]) || isNaN(A[q]))
       Te(f);
     else {
-      const v = Math.abs(F[i] - f[i]), N = Math.abs(F[q] - f[q]);
-      (v >= 1 || N >= 1) && Te(f);
+      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 ? gt(K, R.current, r, {
-      duration: s.transitions.duration.standard
+    l ? Tt(K, R.current, r, {
+      duration: i.transitions.duration.standard
     }) : R.current[K] = r;
   }, Ee = (r) => {
     let l = R.current[K];
-    C ? l += r : (l += r * (u ? -1 : 1), l *= u && De() === "reverse" ? -1 : 1), ue(l);
+    B ? l += r : (l += r * (d ? -1 : 1), l *= d && De() === "reverse" ? -1 : 1), ue(l);
   }, Oe = () => {
     const r = R.current[de];
     let l = 0;
-    const a = Array.from(A.current.children);
-    for (let i = 0; i < a.length; i += 1) {
-      const f = a[i];
+    const s = Array.from(j.current.children);
+    for (let a = 0; a < s.length; a += 1) {
+      const f = s[a];
       if (l + f[de] > r) {
-        i === 0 && (l = r);
+        a === 0 && (l = r);
         break;
       }
       l += f[de];
@@ -742,19 +741,19 @@ const Ue = /* @__PURE__ */ d.forwardRef(function(o, n) {
     Ee(-1 * Oe());
   }, tt = () => {
     Ee(Oe());
-  }, ot = d.useCallback((r) => {
+  }, ot = u.useCallback((r) => {
     Ze({
       overflow: null,
       scrollbarWidth: r
     });
   }, []), rt = () => {
     const r = {};
-    r.scrollbarSizeListener = B ? /* @__PURE__ */ w(Ft, {
+    r.scrollbarSizeListener = x ? /* @__PURE__ */ C(Ft, {
       onChange: ot,
       className: L(z.scrollableX, z.hideScrollbar)
     }) : null;
-    const a = B && (x === "auto" && (xe || Be) || x === !0);
-    return r.scrollButtonStart = a ? /* @__PURE__ */ w(H, b({
+    const s = x && (N === "auto" && (xe || Be) || N === !0);
+    return r.scrollButtonStart = s ? /* @__PURE__ */ C(H, b({
       slots: {
         StartScrollButtonIcon: V.StartScrollButtonIcon
       },
@@ -762,12 +761,12 @@ const Ue = /* @__PURE__ */ d.forwardRef(function(o, n) {
         startScrollButtonIcon: Ye
       },
       orientation: g,
-      direction: u ? "right" : "left",
+      direction: d ? "right" : "left",
       onClick: et,
       disabled: !xe
-    }, $, {
-      className: L(z.scrollButtons, $.className)
-    })) : null, r.scrollButtonEnd = a ? /* @__PURE__ */ w(H, b({
+    }, F, {
+      className: L(z.scrollButtons, F.className)
+    })) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ C(H, b({
       slots: {
         EndScrollButtonIcon: V.EndScrollButtonIcon
       },
@@ -775,122 +774,122 @@ const Ue = /* @__PURE__ */ d.forwardRef(function(o, n) {
         endScrollButtonIcon: Ke
       },
       orientation: g,
-      direction: u ? "left" : "right",
+      direction: d ? "left" : "right",
       onClick: tt,
       disabled: !Be
-    }, $, {
-      className: L(z.scrollButtons, $.className)
+    }, F, {
+      className: L(z.scrollButtons, F.className)
     })) : null, r;
   }, Ne = be((r) => {
     const {
       tabsMeta: l,
-      tabMeta: a
+      tabMeta: s
     } = Ie();
-    if (!(!a || !l)) {
-      if (a[ee] < l[ee]) {
-        const i = l[K] + (a[ee] - l[ee]);
-        ue(i, {
+    if (!(!s || !l)) {
+      if (s[ee] < l[ee]) {
+        const a = l[K] + (s[ee] - l[ee]);
+        ue(a, {
           animation: r
         });
-      } else if (a[te] > l[te]) {
-        const i = l[K] + (a[te] - l[te]);
-        ue(i, {
+      } else if (s[te] > l[te]) {
+        const a = l[K] + (s[te] - l[te]);
+        ue(a, {
           animation: r
         });
       }
     }
   }), re = be(() => {
-    B && x !== !1 && Qe(!Ce);
+    x && N !== !1 && Qe(!Ce);
   });
-  d.useEffect(() => {
+  u.useEffect(() => {
     const r = Ae(() => {
       R.current && G();
     });
     let l;
-    const a = (v) => {
-      v.forEach((N) => {
-        N.removedNodes.forEach((J) => {
+    const s = (S) => {
+      S.forEach((O) => {
+        O.removedNodes.forEach((J) => {
           var W;
           (W = l) == null || W.unobserve(J);
-        }), N.addedNodes.forEach((J) => {
+        }), O.addedNodes.forEach((J) => {
           var W;
           (W = l) == null || W.observe(J);
         });
       }), r(), re();
-    }, i = Fe(R.current);
-    i.addEventListener("resize", r);
+    }, a = $e(R.current);
+    a.addEventListener("resize", r);
     let f;
-    return typeof ResizeObserver < "u" && (l = new ResizeObserver(r), Array.from(A.current.children).forEach((v) => {
-      l.observe(v);
-    })), typeof MutationObserver < "u" && (f = new MutationObserver(a), f.observe(A.current, {
+    return typeof ResizeObserver < "u" && (l = new ResizeObserver(r), Array.from(j.current.children).forEach((S) => {
+      l.observe(S);
+    })), typeof MutationObserver < "u" && (f = new MutationObserver(s), f.observe(j.current, {
       childList: !0
     })), () => {
-      var v, N;
-      r.clear(), i.removeEventListener("resize", r), (v = f) == null || v.disconnect(), (N = l) == null || N.disconnect();
+      var S, O;
+      r.clear(), a.removeEventListener("resize", r), (S = f) == null || S.disconnect(), (O = l) == null || O.disconnect();
     };
-  }, [G, re]), d.useEffect(() => {
-    const r = Array.from(A.current.children), l = r.length;
-    if (typeof IntersectionObserver < "u" && l > 0 && B && x !== !1) {
-      const a = r[0], i = r[l - 1], f = {
+  }, [G, re]), u.useEffect(() => {
+    const r = Array.from(j.current.children), l = r.length;
+    if (typeof IntersectionObserver < "u" && l > 0 && x && N !== !1) {
+      const s = r[0], a = r[l - 1], f = {
         root: R.current,
         threshold: 0.99
-      }, v = (fe) => {
+      }, S = (fe) => {
         Ge(!fe[0].isIntersecting);
-      }, N = new IntersectionObserver(v, f);
-      N.observe(a);
+      }, O = new IntersectionObserver(S, f);
+      O.observe(s);
       const J = (fe) => {
         Je(!fe[0].isIntersecting);
       }, W = new IntersectionObserver(J, f);
-      return W.observe(i), () => {
-        N.disconnect(), W.disconnect();
+      return W.observe(a), () => {
+        O.disconnect(), W.disconnect();
       };
     }
-  }, [B, x, Ce, I == null ? void 0 : I.length]), d.useEffect(() => {
+  }, [x, N, Ce, w == null ? void 0 : w.length]), u.useEffect(() => {
     qe(!0);
-  }, []), d.useEffect(() => {
+  }, []), u.useEffect(() => {
     G();
-  }), d.useEffect(() => {
-    Ne(ze !== F);
-  }, [Ne, F]), d.useImperativeHandle(p, () => ({
+  }), u.useEffect(() => {
+    Ne(ze !== A);
+  }, [Ne, A]), u.useImperativeHandle(p, () => ({
     updateIndicator: G,
     updateScrollButtons: re
   }), [G, re]);
-  const Me = /* @__PURE__ */ w(kt, b({}, U, {
+  const Me = /* @__PURE__ */ C(kt, b({}, U, {
     className: L(z.indicator, U.className),
-    ownerState: k,
-    style: b({}, F, U.style)
+    ownerState: $,
+    style: b({}, A, U.style)
   }));
   let le = 0;
-  const lt = d.Children.map(I, (r) => {
-    if (!/* @__PURE__ */ d.isValidElement(r))
+  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(`
 `));
     const l = r.props.value === void 0 ? le : r.props.value;
     oe.set(l, le);
-    const a = l === P;
-    return le += 1, /* @__PURE__ */ d.cloneElement(r, b({
+    const s = l === P;
+    return le += 1, /* @__PURE__ */ u.cloneElement(r, b({
       fullWidth: M === "fullWidth",
-      indicator: a && !ge && Me,
-      selected: a,
+      indicator: s && !ge && Me,
+      selected: s,
       selectionFollowsFocus: ie,
-      onChange: O,
+      onChange: E,
       textColor: Z,
       value: l
     }, le === 1 && P === !1 && !r.props.tabIndex ? {
       tabIndex: 0
     } : {}));
   }), nt = (r) => {
-    const l = A.current, a = ct(l).activeElement;
-    if (a.getAttribute("role") !== "tab")
+    const l = j.current, s = dt(l).activeElement;
+    if (s.getAttribute("role") !== "tab")
       return;
-    let f = g === "horizontal" ? "ArrowLeft" : "ArrowUp", v = g === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (g === "horizontal" && u && (f = "ArrowRight", v = "ArrowLeft"), r.key) {
+    let f = g === "horizontal" ? "ArrowLeft" : "ArrowUp", S = g === "horizontal" ? "ArrowRight" : "ArrowDown";
+    switch (g === "horizontal" && d && (f = "ArrowRight", S = "ArrowLeft"), r.key) {
       case f:
-        r.preventDefault(), ne(l, a, Pe);
+        r.preventDefault(), ne(l, s, Pe);
         break;
-      case v:
-        r.preventDefault(), ne(l, a, Re);
+      case S:
+        r.preventDefault(), ne(l, s, Re);
         break;
       case "Home":
         r.preventDefault(), ne(l, null, Re);
@@ -900,28 +899,28 @@ const Ue = /* @__PURE__ */ d.forwardRef(function(o, n) {
         break;
     }
   }, pe = rt();
-  return /* @__PURE__ */ Q(Wt, b({
-    className: L(z.root, E),
-    ownerState: k,
+  return /* @__PURE__ */ Q(zt, b({
+    className: L(z.root, T),
+    ownerState: $,
     ref: n,
-    as: T
+    as: v
   }, Xe, {
-    children: [pe.scrollButtonStart, pe.scrollbarSizeListener, /* @__PURE__ */ Q(Lt, {
+    children: [pe.scrollButtonStart, pe.scrollbarSizeListener, /* @__PURE__ */ Q(Wt, {
       className: z.scroller,
-      ownerState: k,
+      ownerState: $,
       style: {
         overflow: we.overflow,
-        [C ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: ce ? void 0 : -we.scrollbarWidth
+        [B ? `margin${d ? "Left" : "Right"}` : "marginBottom"]: ce ? void 0 : -we.scrollbarWidth
       },
       ref: R,
-      children: [/* @__PURE__ */ w($t, {
+      children: [/* @__PURE__ */ C(Lt, {
         "aria-label": m,
         "aria-labelledby": h,
         "aria-orientation": g === "vertical" ? "vertical" : null,
         className: z.flexContainer,
-        ownerState: k,
+        ownerState: $,
         onKeyDown: nt,
-        ref: A,
+        ref: j,
         role: "tablist",
         children: lt
       }), ge && Me]
@@ -941,7 +940,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: dt,
+  action: ut,
   /**
    * 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`.
@@ -1077,14 +1076,14 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    */
   visibleScrollbar: t.bool
 });
-const Jt = Ue;
+const Gt = Ue;
 export {
-  St as K,
-  Gt as T,
-  Jt as a,
+  yt as K,
+  qt as T,
+  Gt as a,
   he as b,
-  Mt as c,
-  vt as d,
-  pt as g,
-  j as t
+  Nt as c,
+  St as d,
+  ft as g,
+  D as t
 };