@cgi-learning-hub/ui 1.0.0-dev.1721116816 → 1.0.0-dev.1721201350

package/dist/{Tabs-3kwkNbaY.js → Tabs-CObzeuUj.js}

@@ -1,29 +1,28 @@
-import { d as me, e as Le, _ as b, h as ae, P as t } from "./identifier-DRpIhLLR.js";
+import { d as me, e as Le, _ as b, h as ae, P as o } from "./identifier-wD7TMRod.js";
 import * as u from "react";
-import { g as ve, c as k } from "./extendSxProp-DHqLFl-L.js";
-import { u as Se } from "./useThemeProps-DQoLAgYV.js";
-import { s as _, c as ye, a as so } from "./styled-LH7lmhcc.js";
+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-D-i7Mp_0.js";
-import { u as ao } from "./unsupportedProp-BuVD30Gh.js";
-import { u as Fe, a as se, b as io } from "./useSlotProps-DUT5Ou9s.js";
-import { u as co } from "./useForkRef-DwN_Iz9R.js";
-import { a as $e, d as Ae, o as uo } from "./ownerWindow-C7EH1lr6.js";
+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 { u as be } from "./useTimeout-BdvDipeg.js";
-import { r as po } from "./refType-Cn5gyhZI.js";
-import { c as je } from "./createSvgIcon-DzqAq5L0.js";
+import { r as ut } from "./refType-DNsX9F1k.js";
+import { c as De } from "./createSvgIcon-D0vr-xfg.js";
 let X;
-function De() {
+function je() {
   if (X)
     return X;
-  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;
+  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 fo(e, o) {
+function pt(e, t) {
   const n = e.scrollLeft;
-  if (o !== "rtl")
+  if (t !== "rtl")
     return n;
-  switch (De()) {
+  switch (je()) {
     case "negative":
       return e.scrollWidth - e.clientWidth + n;
     case "reverse":
@@ -32,12 +31,12 @@ function fo(e, o) {
       return n;
   }
 }
-function bo(e) {
+function ft(e) {
   return me("MuiTab", e);
 }
-const ho = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), L = ho, mo = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], vo = (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 {
-    classes: o,
+    classes: t,
     textColor: n,
     fullWidth: c,
     wrapped: i,
@@ -49,21 +48,21 @@ const ho = 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, bo, o);
-}, So = _(ke, {
+  return ye(y, ft, t);
+}, vt = _(ke, {
   name: "MuiTab",
   slot: "Root",
-  overridesResolver: (e, o) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
-    return [o.root, n.label && n.icon && o.labelIcon, o[`textColor${Le(n.textColor)}`], n.fullWidth && o.fullWidth, n.wrapped && o.wrapped, {
-      [`& .${L.iconWrapper}`]: o.iconWrapper
+    return [t.root, n.label && n.icon && t.labelIcon, t[`textColor${Le(n.textColor)}`], n.fullWidth && t.fullWidth, n.wrapped && t.wrapped, {
+      [`& .${L.iconWrapper}`]: t.iconWrapper
     }];
   }
 })(({
   theme: e,
-  ownerState: o
+  ownerState: t
 }) => b({}, e.typography.button, {
   maxWidth: 360,
   minWidth: 90,
@@ -74,24 +73,24 @@ const ho = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   overflow: "hidden",
   whiteSpace: "normal",
   textAlign: "center"
-}, o.label && {
-  flexDirection: o.iconPosition === "top" || o.iconPosition === "bottom" ? "column" : "row"
+}, t.label && {
+  flexDirection: t.iconPosition === "top" || t.iconPosition === "bottom" ? "column" : "row"
 }, {
   lineHeight: 1.25
-}, o.icon && o.label && {
+}, t.icon && t.label && {
   minHeight: 72,
   paddingTop: 9,
   paddingBottom: 9,
-  [`& > .${L.iconWrapper}`]: b({}, o.iconPosition === "top" && {
+  [`& > .${L.iconWrapper}`]: b({}, t.iconPosition === "top" && {
     marginBottom: 6
-  }, o.iconPosition === "bottom" && {
+  }, t.iconPosition === "bottom" && {
     marginTop: 6
-  }, o.iconPosition === "start" && {
+  }, t.iconPosition === "start" && {
     marginRight: e.spacing(1)
-  }, o.iconPosition === "end" && {
+  }, t.iconPosition === "end" && {
     marginLeft: e.spacing(1)
   })
-}, o.textColor === "inherit" && {
+}, t.textColor === "inherit" && {
   color: "inherit",
   opacity: 0.6,
   // same opacity as theme.palette.text.secondary
@@ -101,7 +100,7 @@ const ho = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   [`&.${L.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   }
-}, o.textColor === "primary" && {
+}, t.textColor === "primary" && {
   color: (e.vars || e).palette.text.secondary,
   [`&.${L.selected}`]: {
     color: (e.vars || e).palette.primary.main
@@ -109,7 +108,7 @@ const ho = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   [`&.${L.disabled}`]: {
     color: (e.vars || e).palette.text.disabled
   }
-}, o.textColor === "secondary" && {
+}, t.textColor === "secondary" && {
   color: (e.vars || e).palette.text.secondary,
   [`&.${L.selected}`]: {
     color: (e.vars || e).palette.secondary.main
@@ -117,16 +116,16 @@ const ho = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   [`&.${L.disabled}`]: {
     color: (e.vars || e).palette.text.disabled
   }
-}, o.fullWidth && {
+}, t.fullWidth && {
   flexShrink: 1,
   flexGrow: 1,
   flexBasis: 0,
   maxWidth: "none"
-}, o.wrapped && {
+}, t.wrapped && {
   fontSize: e.typography.pxToRem(12)
-})), _e = /* @__PURE__ */ u.forwardRef(function(o, n) {
+})), _e = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const c = Se({
-    props: o,
+    props: t,
     name: "MuiTab"
   }), {
     className: i,
@@ -150,7 +149,7 @@ const ho = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     textColor: H = "inherit",
     value: N,
     wrapped: ie = !1
-  } = c, V = ae(c, mo), Y = b({}, c, {
+  } = c, V = ae(c, ht), Y = b({}, c, {
     disabled: d,
     disableFocusRipple: m,
     selected: E,
@@ -160,14 +159,14 @@ const ho = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     fullWidth: h,
     textColor: H,
     wrapped: ie
-  }), U = vo(Y), $ = p && T && /* @__PURE__ */ u.isValidElement(p) ? /* @__PURE__ */ u.cloneElement(p, {
+  }), U = mt(Y), $ = 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);
   };
-  return /* @__PURE__ */ Q(So, b({
+  return /* @__PURE__ */ Q(vt, b({
     focusRipple: !m,
     className: k(U.root, i),
     ref: n,
@@ -195,25 +194,25 @@ 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: ao,
+  children: at,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: o.string,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: o.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: t.bool,
+  disableFocusRipple: o.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -221,64 +220,64 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: t.bool,
+  disableRipple: o.bool,
   /**
    * The icon to display.
    */
-  icon: t.oneOfType([t.element, t.string]),
+  icon: o.oneOfType([o.element, o.string]),
   /**
    * The position of the icon relative to the label.
    * @default 'top'
    */
-  iconPosition: t.oneOf(["bottom", "end", "start", "top"]),
+  iconPosition: o.oneOf(["bottom", "end", "start", "top"]),
   /**
    * The label element.
    */
-  label: t.node,
+  label: o.node,
   /**
    * @ignore
    */
-  onChange: t.func,
+  onChange: o.func,
   /**
    * @ignore
    */
-  onClick: t.func,
+  onClick: o.func,
   /**
    * @ignore
    */
-  onFocus: t.func,
+  onFocus: o.func,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */
-  value: t.any,
+  value: o.any,
   /**
    * Tab labels appear in a single row.
    * They can use a second line if needed.
    * @default false
    */
-  wrapped: t.bool
+  wrapped: o.bool
 });
-const Qo = _e, yo = je(/* @__PURE__ */ C("path", {
+const Gt = _e, St = De(/* @__PURE__ */ C("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), go = je(/* @__PURE__ */ C("path", {
+}), "KeyboardArrowLeft"), yt = De(/* @__PURE__ */ C("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
-function To(e) {
+function gt(e) {
   return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
 }
-function xo(e, o, n, c = {}, i = () => {
+function Tt(e, t, n, c = {}, i = () => {
 }) {
   const {
-    ease: d = To,
+    ease: d = gt,
     duration: m = 300
     // standard
   } = c;
   let h = null;
-  const p = o[e];
+  const p = t[e];
   let y = !1;
   const w = () => {
     y = !0;
@@ -289,7 +288,7 @@ function xo(e, o, n, c = {}, i = () => {
     }
     h === null && (h = v);
     const I = Math.min(1, (v - h) / m);
-    if (o[e] = d(I) * (n - p) + p, I >= 1) {
+    if (t[e] = d(I) * (n - p) + p, I >= 1) {
       requestAnimationFrame(() => {
         i(null);
       });
@@ -299,7 +298,7 @@ function xo(e, o, n, c = {}, i = () => {
   };
   return p === n ? (i(new Error("Element already at target position")), w) : (requestAnimationFrame(T), w);
 }
-const Bo = ["onChange"], Co = {
+const xt = ["onChange"], Bt = {
   width: 99,
   height: 99,
   position: "absolute",
@@ -308,48 +307,48 @@ const Bo = ["onChange"], Co = {
 };
 function He(e) {
   const {
-    onChange: o
-  } = e, n = ae(e, Bo), c = u.useRef(), i = u.useRef(null), d = () => {
+    onChange: t
+  } = e, n = ae(e, xt), c = u.useRef(), i = u.useRef(null), d = () => {
     c.current = i.current.offsetHeight - i.current.clientHeight;
   };
-  return co(() => {
+  return ct(() => {
     const m = Ae(() => {
       const p = c.current;
-      d(), p !== c.current && o(c.current);
+      d(), p !== c.current && t(c.current);
     }), h = $e(i.current);
     return h.addEventListener("resize", m), () => {
       m.clear(), h.removeEventListener("resize", m);
     };
-  }, [o]), u.useEffect(() => {
-    d(), o(c.current);
-  }, [o]), /* @__PURE__ */ C("div", b({
-    style: Co,
+  }, [t]), u.useEffect(() => {
+    d(), t(c.current);
+  }, [t]), /* @__PURE__ */ C("div", b({
+    style: Bt,
     ref: i
   }, n));
 }
 process.env.NODE_ENV !== "production" && (He.propTypes = {
-  onChange: t.func.isRequired
+  onChange: o.func.isRequired
 });
-function wo(e) {
+function Ct(e) {
   return me("MuiTabScrollButton", e);
 }
-const Io = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Eo = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Oo = (e) => {
+const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), It = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Et = (e) => {
   const {
-    classes: o,
+    classes: t,
     orientation: n,
     disabled: c
   } = e;
   return ye({
     root: ["root", n, c && "disabled"]
-  }, wo, o);
-}, No = _(ke, {
+  }, Ct, t);
+}, Ot = _(ke, {
   name: "MuiTabScrollButton",
   slot: "Root",
-  overridesResolver: (e, o) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
-    return [o.root, n.orientation && o[n.orientation]];
+    return [t.root, n.orientation && t[n.orientation]];
   }
 })(({
   ownerState: e
@@ -357,7 +356,7 @@ const Io = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
-  [`&.${Io.disabled}`]: {
+  [`&.${wt.disabled}`]: {
     opacity: 0
   }
 }, e.orientation === "vertical" && {
@@ -366,19 +365,19 @@ const Io = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   "& svg": {
     transform: `rotate(${e.isRtl ? -90 : 90}deg)`
   }
-})), Ve = /* @__PURE__ */ u.forwardRef(function(o, n) {
+})), Ve = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var c, i;
   const d = Se({
-    props: o,
+    props: t,
     name: "MuiTabScrollButton"
   }), {
     className: m,
     slots: h = {},
     slotProps: p = {},
     direction: y
-  } = d, w = ae(d, Eo), T = Fe(), v = b({
+  } = d, w = ae(d, It), T = Fe(), v = b({
     isRtl: T
-  }, d), I = Oo(v), F = (c = h.StartScrollButtonIcon) != null ? c : yo, E = (i = h.EndScrollButtonIcon) != null ? i : go, g = se({
+  }, d), I = Et(v), F = (c = h.StartScrollButtonIcon) != null ? c : St, E = (i = h.EndScrollButtonIcon) != null ? i : yt, g = se({
     elementType: F,
     externalSlotProps: p.startScrollButtonIcon,
     additionalProps: {
@@ -393,7 +392,7 @@ const Io = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     },
     ownerState: v
   });
-  return /* @__PURE__ */ C(No, b({
+  return /* @__PURE__ */ C(Ot, b({
     component: "div",
     className: k(I.root, m),
     ref: n,
@@ -412,55 +411,55 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: o.string,
   /**
    * The direction the button should indicate.
    */
-  direction: t.oneOf(["left", "right"]).isRequired,
+  direction: o.oneOf(["left", "right"]).isRequired,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: o.bool,
   /**
    * The component orientation (layout flow direction).
    */
-  orientation: t.oneOf(["horizontal", "vertical"]).isRequired,
+  orientation: o.oneOf(["horizontal", "vertical"]).isRequired,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    * @default {}
    */
-  slotProps: t.shape({
-    endScrollButtonIcon: t.oneOfType([t.func, t.object]),
-    startScrollButtonIcon: t.oneOfType([t.func, t.object])
+  slotProps: o.shape({
+    endScrollButtonIcon: o.oneOfType([o.func, o.object]),
+    startScrollButtonIcon: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: t.shape({
-    EndScrollButtonIcon: t.elementType,
-    StartScrollButtonIcon: t.elementType
+  slots: o.shape({
+    EndScrollButtonIcon: o.elementType,
+    StartScrollButtonIcon: o.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function Mo(e) {
+function Nt(e) {
   return me("MuiTabs", e);
 }
-const Ro = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), he = Ro, Po = ["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);
+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) => {
+  let c = !1, i = n(e, t);
   for (; i; ) {
     if (i === e.firstChild) {
       if (c)
@@ -475,9 +474,9 @@ const Ro = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       return;
     }
   }
-}, Wo = (e) => {
+}, Pt = (e) => {
   const {
-    vertical: o,
+    vertical: t,
     fixed: n,
     hideScrollbar: c,
     scrollableX: i,
@@ -487,30 +486,30 @@ const Ro = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     classes: p
   } = e;
   return ye({
-    root: ["root", o && "vertical"],
+    root: ["root", t && "vertical"],
     scroller: ["scroller", n && "fixed", c && "hideScrollbar", i && "scrollableX", d && "scrollableY"],
-    flexContainer: ["flexContainer", o && "flexContainerVertical", m && "centered"],
+    flexContainer: ["flexContainer", t && "flexContainerVertical", m && "centered"],
     indicator: ["indicator"],
     scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
     scrollableX: [i && "scrollableX"],
     hideScrollbar: [c && "hideScrollbar"]
-  }, Mo, p);
-}, zo = _("div", {
+  }, Nt, p);
+}, Wt = _("div", {
   name: "MuiTabs",
   slot: "Root",
-  overridesResolver: (e, o) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
     return [{
-      [`& .${he.scrollButtons}`]: o.scrollButtons
+      [`& .${he.scrollButtons}`]: t.scrollButtons
     }, {
-      [`& .${he.scrollButtons}`]: n.scrollButtonsHideMobile && o.scrollButtonsHideMobile
-    }, o.root, n.vertical && o.vertical];
+      [`& .${he.scrollButtons}`]: n.scrollButtonsHideMobile && t.scrollButtonsHideMobile
+    }, t.root, n.vertical && t.vertical];
   }
 })(({
   ownerState: e,
-  theme: o
+  theme: t
 }) => b({
   overflow: "hidden",
   minHeight: 48,
@@ -521,18 +520,18 @@ const Ro = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   flexDirection: "column"
 }, e.scrollButtonsHideMobile && {
   [`& .${he.scrollButtons}`]: {
-    [o.breakpoints.down("sm")]: {
+    [t.breakpoints.down("sm")]: {
       display: "none"
     }
   }
-})), Lo = _("div", {
+})), zt = _("div", {
   name: "MuiTabs",
   slot: "Scroller",
-  overridesResolver: (e, o) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
-    return [o.scroller, n.fixed && o.fixed, n.hideScrollbar && o.hideScrollbar, n.scrollableX && o.scrollableX, n.scrollableY && o.scrollableY];
+    return [t.scroller, n.fixed && t.fixed, n.hideScrollbar && t.hideScrollbar, n.scrollableX && t.scrollableX, n.scrollableY && t.scrollableY];
   }
 })(({
   ownerState: e
@@ -558,14 +557,14 @@ const Ro = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
 }, e.scrollableY && {
   overflowY: "auto",
   overflowX: "hidden"
-})), ko = _("div", {
+})), Lt = _("div", {
   name: "MuiTabs",
   slot: "FlexContainer",
-  overridesResolver: (e, o) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
-    return [o.flexContainer, n.vertical && o.flexContainerVertical, n.centered && o.centered];
+    return [t.flexContainer, n.vertical && t.flexContainerVertical, n.centered && t.centered];
   }
 })(({
   ownerState: e
@@ -575,28 +574,28 @@ const Ro = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   flexDirection: "column"
 }, e.centered && {
   justifyContent: "center"
-})), Fo = _("span", {
+})), kt = _("span", {
   name: "MuiTabs",
   slot: "Indicator",
-  overridesResolver: (e, o) => o.indicator
+  overridesResolver: (e, t) => t.indicator
 })(({
   ownerState: e,
-  theme: o
+  theme: t
 }) => b({
   position: "absolute",
   height: 2,
   bottom: 0,
   width: "100%",
-  transition: o.transitions.create()
+  transition: t.transitions.create()
 }, e.indicatorColor === "primary" && {
-  backgroundColor: (o.vars || o).palette.primary.main
+  backgroundColor: (t.vars || t).palette.primary.main
 }, e.indicatorColor === "secondary" && {
-  backgroundColor: (o.vars || o).palette.secondary.main
+  backgroundColor: (t.vars || t).palette.secondary.main
 }, e.vertical && {
   height: "100%",
   width: 2,
   right: 0
-})), $o = _(He)({
+})), Ft = _(He)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -608,11 +607,11 @@ const Ro = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   }
 }), We = {};
 let ze = !1;
-const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
+const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const c = Se({
-    props: o,
+    props: t,
     name: "MuiTabs"
-  }), i = io(), d = Fe(), {
+  }), i = it(), d = Fe(), {
     "aria-label": m,
     "aria-labelledby": h,
     action: p,
@@ -635,7 +634,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
     value: P,
     variant: M = "standard",
     visibleScrollbar: ce = !1
-  } = c, Xe = ae(c, Po), x = M === "scrollable", B = g === "vertical", K = B ? "scrollTop" : "scrollLeft", ee = B ? "top" : "left", oe = B ? "bottom" : "right", de = B ? "clientHeight" : "clientWidth", q = B ? "height" : "width", A = b({}, c, {
+  } = 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, {
     component: v,
     allowScrollButtonsMobile: I,
     indicatorColor: F,
@@ -651,7 +650,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
     scrollableY: x && B,
     centered: y && !x,
     scrollButtonsHideMobile: !I
-  }), W = Wo(A), Ye = se({
+  }), W = Pt(A), Ye = se({
     elementType: V.StartScrollButtonIcon,
     externalSlotProps: Y.startScrollButtonIcon,
     ownerState: A
@@ -661,10 +660,10 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
     ownerState: A
   });
   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), [j, 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), [D, 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
-  }), te = /* @__PURE__ */ new Map(), R = u.useRef(null), D = u.useRef(null), Ie = () => {
+  }), oe = /* @__PURE__ */ new Map(), R = u.useRef(null), j = u.useRef(null), Ie = () => {
     const r = R.current;
     let l;
     if (r) {
@@ -673,7 +672,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
         clientWidth: r.clientWidth,
         scrollLeft: r.scrollLeft,
         scrollTop: r.scrollTop,
-        scrollLeftNormalized: fo(r, d ? "rtl" : "ltr"),
+        scrollLeftNormalized: pt(r, d ? "rtl" : "ltr"),
         scrollWidth: r.scrollWidth,
         top: a.top,
         bottom: a.bottom,
@@ -683,10 +682,10 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
     }
     let s;
     if (r && P !== !1) {
-      const a = D.current.children;
+      const a = j.current.children;
       if (a.length > 0) {
-        const f = a[te.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}".`, te.keys ? `You can provide one of the following values: ${Array.from(te.keys()).join(", ")}.` : null].join(`
+        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(`
 `))), s = f ? f.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !ze && 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(`
 `)), ze = !0);
@@ -713,25 +712,25 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
       // May be wrong until the font is loaded.
       [q]: l ? l[q] : 0
     };
-    if (isNaN(j[a]) || isNaN(j[q]))
+    if (isNaN(D[a]) || isNaN(D[q]))
       Te(f);
     else {
-      const S = Math.abs(j[a] - f[a]), O = Math.abs(j[q] - f[q]);
+      const S = Math.abs(D[a] - f[a]), O = Math.abs(D[q] - f[q]);
       (S >= 1 || O >= 1) && Te(f);
     }
   }), ue = (r, {
     animation: l = !0
   } = {}) => {
-    l ? xo(K, R.current, r, {
+    l ? Tt(K, R.current, r, {
       duration: i.transitions.duration.standard
     }) : R.current[K] = r;
   }, Ee = (r) => {
     let l = R.current[K];
-    B ? l += r : (l += r * (d ? -1 : 1), l *= d && De() === "reverse" ? -1 : 1), ue(l);
+    B ? l += r : (l += r * (d ? -1 : 1), l *= d && je() === "reverse" ? -1 : 1), ue(l);
   }, Oe = () => {
     const r = R.current[de];
     let l = 0;
-    const s = Array.from(D.current.children);
+    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) {
@@ -741,19 +740,19 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
       l += f[de];
     }
     return l;
-  }, eo = () => {
+  }, et = () => {
     Ee(-1 * Oe());
-  }, oo = () => {
+  }, tt = () => {
     Ee(Oe());
-  }, to = u.useCallback((r) => {
+  }, ot = u.useCallback((r) => {
     Ze({
       overflow: null,
       scrollbarWidth: r
     });
-  }, []), ro = () => {
+  }, []), rt = () => {
     const r = {};
-    r.scrollbarSizeListener = x ? /* @__PURE__ */ C($o, {
-      onChange: to,
+    r.scrollbarSizeListener = x ? /* @__PURE__ */ C(Ft, {
+      onChange: ot,
       className: k(W.scrollableX, W.hideScrollbar)
     }) : null;
     const s = x && (N === "auto" && (xe || Be) || N === !0);
@@ -766,7 +765,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
       },
       orientation: g,
       direction: d ? "right" : "left",
-      onClick: eo,
+      onClick: et,
       disabled: !xe
     }, $, {
       className: k(W.scrollButtons, $.className)
@@ -779,7 +778,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
       },
       orientation: g,
       direction: d ? "left" : "right",
-      onClick: oo,
+      onClick: tt,
       disabled: !Be
     }, $, {
       className: k(W.scrollButtons, $.className)
@@ -795,8 +794,8 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
         ue(a, {
           animation: r
         });
-      } else if (s[oe] > l[oe]) {
-        const a = l[K] + (s[oe] - l[oe]);
+      } else if (s[te] > l[te]) {
+        const a = l[K] + (s[te] - l[te]);
         ue(a, {
           animation: r
         });
@@ -823,16 +822,16 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
     }, a = $e(R.current);
     a.addEventListener("resize", r);
     let f;
-    return typeof ResizeObserver < "u" && (l = new ResizeObserver(r), Array.from(D.current.children).forEach((S) => {
+    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(D.current, {
+    })), typeof MutationObserver < "u" && (f = new MutationObserver(s), f.observe(j.current, {
       childList: !0
     })), () => {
       var S, O;
       r.clear(), a.removeEventListener("resize", r), (S = f) == null || S.disconnect(), (O = l) == null || O.disconnect();
     };
   }, [G, re]), u.useEffect(() => {
-    const r = Array.from(D.current.children), l = r.length;
+    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,
@@ -853,24 +852,24 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
   }, []), u.useEffect(() => {
     G();
   }), u.useEffect(() => {
-    Ne(We !== j);
-  }, [Ne, j]), u.useImperativeHandle(p, () => ({
+    Ne(We !== D);
+  }, [Ne, D]), u.useImperativeHandle(p, () => ({
     updateIndicator: G,
     updateScrollButtons: re
   }), [G, re]);
-  const Me = /* @__PURE__ */ C(Fo, b({}, U, {
+  const Me = /* @__PURE__ */ C(kt, b({}, U, {
     className: k(W.indicator, U.className),
     ownerState: A,
-    style: b({}, j, U.style)
+    style: b({}, D, U.style)
   }));
   let le = 0;
-  const lo = u.Children.map(w, (r) => {
+  const lt = u.Children.map(w, (r) => {
     if (!/* @__PURE__ */ u.isValidElement(r))
       return null;
-    process.env.NODE_ENV !== "production" && so.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" && 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;
-    te.set(l, le);
+    oe.set(l, le);
     const s = l === P;
     return le += 1, /* @__PURE__ */ u.cloneElement(r, b({
       fullWidth: M === "fullWidth",
@@ -883,8 +882,8 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
     }, le === 1 && P === !1 && !r.props.tabIndex ? {
       tabIndex: 0
     } : {}));
-  }), no = (r) => {
-    const l = D.current, s = uo(l).activeElement;
+  }), nt = (r) => {
+    const l = j.current, s = dt(l).activeElement;
     if (s.getAttribute("role") !== "tab")
       return;
     let f = g === "horizontal" ? "ArrowLeft" : "ArrowUp", S = g === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -902,14 +901,14 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
         r.preventDefault(), ne(l, null, Pe);
         break;
     }
-  }, pe = ro();
-  return /* @__PURE__ */ Q(zo, b({
+  }, pe = rt();
+  return /* @__PURE__ */ Q(Wt, b({
     className: k(W.root, T),
     ownerState: A,
     ref: n,
     as: v
   }, Xe, {
-    children: [pe.scrollButtonStart, pe.scrollbarSizeListener, /* @__PURE__ */ Q(Lo, {
+    children: [pe.scrollButtonStart, pe.scrollbarSizeListener, /* @__PURE__ */ Q(zt, {
       className: W.scroller,
       ownerState: A,
       style: {
@@ -917,16 +916,16 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(o, n) {
         [B ? `margin${d ? "Left" : "Right"}` : "marginBottom"]: ce ? void 0 : -we.scrollbarWidth
       },
       ref: R,
-      children: [/* @__PURE__ */ C(ko, {
+      children: [/* @__PURE__ */ C(Lt, {
         "aria-label": m,
         "aria-labelledby": h,
         "aria-orientation": g === "vertical" ? "vertical" : null,
         className: W.flexContainer,
         ownerState: A,
-        onKeyDown: no,
-        ref: D,
+        onKeyDown: nt,
+        ref: j,
         role: "tablist",
-        children: lo
+        children: lt
       }), ge && Me]
     }), pe.scrollButtonEnd]
   }));
@@ -944,66 +943,66 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: po,
+  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`.
    * @default false
    */
-  allowScrollButtonsMobile: t.bool,
+  allowScrollButtonsMobile: o.bool,
   /**
    * The label for the Tabs as a string.
    */
-  "aria-label": t.string,
+  "aria-label": o.string,
   /**
    * An id or list of ids separated by a space that label the Tabs.
    */
-  "aria-labelledby": t.string,
+  "aria-labelledby": o.string,
   /**
    * If `true`, the tabs are centered.
    * This prop is intended for large views.
    * @default false
    */
-  centered: t.bool,
+  centered: o.bool,
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: o.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: o.elementType,
   /**
    * Determines the color of the indicator.
    * @default 'primary'
    */
-  indicatorColor: t.oneOfType([t.oneOf(["primary", "secondary"]), t.string]),
+  indicatorColor: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
   /**
    * Callback fired when the value changes.
    *
    * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {any} value We default to the index of the child (number)
    */
-  onChange: t.func,
+  onChange: o.func,
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation: t.oneOf(["horizontal", "vertical"]),
+  orientation: o.oneOf(["horizontal", "vertical"]),
   /**
    * The component used to render the scroll buttons.
    * @default TabScrollButton
    */
-  ScrollButtonComponent: t.elementType,
+  ScrollButtonComponent: o.elementType,
   /**
    * Determine behavior of scroll buttons when tabs are set to scroll:
    *
@@ -1015,53 +1014,53 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    * This behavior can be disabled with `allowScrollButtonsMobile`.
    * @default 'auto'
    */
-  scrollButtons: t.oneOf(["auto", !1, !0]),
+  scrollButtons: o.oneOf(["auto", !1, !0]),
   /**
    * If `true` the selected tab changes on focus. Otherwise it only
    * changes on activation.
    */
-  selectionFollowsFocus: t.bool,
+  selectionFollowsFocus: o.bool,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    * @default {}
    */
-  slotProps: t.shape({
-    endScrollButtonIcon: t.oneOfType([t.func, t.object]),
-    startScrollButtonIcon: t.oneOfType([t.func, t.object])
+  slotProps: o.shape({
+    endScrollButtonIcon: o.oneOfType([o.func, o.object]),
+    startScrollButtonIcon: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: t.shape({
-    EndScrollButtonIcon: t.elementType,
-    StartScrollButtonIcon: t.elementType
+  slots: o.shape({
+    EndScrollButtonIcon: o.elementType,
+    StartScrollButtonIcon: o.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * Props applied to the tab indicator element.
    * @default  {}
    */
-  TabIndicatorProps: t.object,
+  TabIndicatorProps: o.object,
   /**
    * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
    * @default {}
    */
-  TabScrollButtonProps: t.object,
+  TabScrollButtonProps: o.object,
   /**
    * Determines the color of the `Tab`.
    * @default 'primary'
    */
-  textColor: t.oneOf(["inherit", "primary", "secondary"]),
+  textColor: o.oneOf(["inherit", "primary", "secondary"]),
   /**
    * The value of the currently selected `Tab`.
    * If you don't want any selected `Tab`, you can set this prop to `false`.
    */
-  value: t.any,
+  value: o.any,
   /**
    * Determines additional display behavior of the tabs:
    *
@@ -1072,22 +1071,22 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    *  - `standard` will render the default state.
    * @default 'standard'
    */
-  variant: t.oneOf(["fullWidth", "scrollable", "standard"]),
+  variant: o.oneOf(["fullWidth", "scrollable", "standard"]),
   /**
    * If `true`, the scrollbar is visible. It can be useful when displaying
    * a long vertical list of tabs.
    * @default false
    */
-  visibleScrollbar: t.bool
+  visibleScrollbar: o.bool
 });
-const Zo = Ue;
+const Jt = Ue;
 export {
-  go as K,
-  Qo as T,
-  Zo as a,
+  yt as K,
+  Gt as T,
+  Jt as a,
   he as b,
-  Mo as c,
-  yo as d,
-  bo as g,
+  Nt as c,
+  St as d,
+  ft as g,
   L as t
 };