@cgi-learning-hub/ui 1.2.0-dev.1726477884 → 1.2.0-dev.1730714589

package/dist/{Tabs-Cvnp3jpR.js → Tabs-ClaQRksF.js}

@@ -1,23 +1,23 @@
 import * as c from "react";
-import { I as pt, J as ft, K as Wt, L as W, P as e } from "./identifier-nbk7LEJv.js";
-import { m as bt } from "./memoTheme-O-hJ9iBh.js";
+import { I as pe, J as fe, K as We, L as W, P as t } from "./identifier-vL3mZxtO.js";
+import { m as be } from "./memoTheme-O-hJ9iBh.js";
 import { jsxs as q, jsx as x } from "react/jsx-runtime";
-import { s as L, u as ht, c as mt, e as ne } from "./DefaultPropsProvider-CU--SVzB.js";
-import { B as kt } from "./ButtonBase-BMflDb9x.js";
-import { u as re } from "./unsupportedProp-BuVD30Gh.js";
-import { u as $t, a as nt } from "./index-CMQY-kBc.js";
-import { u as le } from "./useTheme-DmvRg71t.js";
-import { u as se } from "./useEnhancedEffect-CJGo-L3B.js";
-import { o as zt, d as Dt, a as ae } from "./ownerWindow-BoRkeomM.js";
-import { u as dt } from "./useEventCallback-BAQJJ3ye.js";
-import { r as ie } from "./refType-DFnOH04O.js";
-import { c as At } from "./createSvgIcon-CdFwTtth.js";
-function ce(o) {
-  return pt("MuiTab", o);
+import { s as L, u as he, c as me, e as tt } from "./DefaultPropsProvider-3gIWHkeE.js";
+import { B as ke } from "./ButtonBase-Cc4QJr0W.js";
+import { u as ot } from "./unsupportedProp-BuVD30Gh.js";
+import { u as ze, a as re } from "./index-PJSlkMUh.js";
+import { u as rt } from "./useTheme-Cs6W-67J.js";
+import { u as nt } from "./useEnhancedEffect-CJGo-L3B.js";
+import { o as De, d as $e, a as lt } from "./ownerWindow-BoRkeomM.js";
+import { u as de } from "./useEventCallback-BAQJJ3ye.js";
+import { r as st } from "./refType-CslmN23s.js";
+import { c as Ae } from "./createSvgIcon-CWZXMIY6.js";
+function at(o) {
+  return pe("MuiTab", o);
 }
-const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), T = de, ue = (o) => {
+const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), it = (o) => {
   const {
-    classes: t,
+    classes: e,
     textColor: l,
     fullWidth: d,
     wrapped: i,
@@ -26,24 +26,24 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     selected: h,
     disabled: f
   } = o, S = {
-    root: ["root", u && b && "labelIcon", `textColor${Wt(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
+    root: ["root", u && b && "labelIcon", `textColor${We(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
     icon: ["iconWrapper", "icon"]
   };
-  return mt(S, ce, t);
-}, pe = L(kt, {
+  return me(S, at, e);
+}, ct = L(ke, {
   name: "MuiTab",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: l
     } = o;
-    return [t.root, l.label && l.icon && t.labelIcon, t[`textColor${Wt(l.textColor)}`], l.fullWidth && t.fullWidth, l.wrapped && t.wrapped, {
-      [`& .${T.iconWrapper}`]: t.iconWrapper
+    return [e.root, l.label && l.icon && e.labelIcon, e[`textColor${We(l.textColor)}`], l.fullWidth && e.fullWidth, l.wrapped && e.wrapped, {
+      [`& .${T.iconWrapper}`]: e.iconWrapper
     }, {
-      [`& .${T.icon}`]: t.icon
+      [`& .${T.icon}`]: e.icon
     }];
   }
-})(bt(({
+})(be(({
   theme: o
 }) => ({
   ...o.typography.button,
@@ -59,22 +59,22 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   lineHeight: 1.25,
   variants: [{
     props: ({
-      ownerState: t
-    }) => t.label && (t.iconPosition === "top" || t.iconPosition === "bottom"),
+      ownerState: e
+    }) => e.label && (e.iconPosition === "top" || e.iconPosition === "bottom"),
     style: {
       flexDirection: "column"
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.label && t.iconPosition !== "top" && t.iconPosition !== "bottom",
+      ownerState: e
+    }) => e.label && e.iconPosition !== "top" && e.iconPosition !== "bottom",
     style: {
       flexDirection: "row"
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.icon && t.label,
+      ownerState: e
+    }) => e.icon && e.label,
     style: {
       minHeight: 72,
       paddingTop: 9,
@@ -82,9 +82,9 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     }
   }, {
     props: ({
-      ownerState: t,
+      ownerState: e,
       iconPosition: l
-    }) => t.icon && t.label && l === "top",
+    }) => e.icon && e.label && l === "top",
     style: {
       [`& > .${T.icon}`]: {
         marginBottom: 6
@@ -92,9 +92,9 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     }
   }, {
     props: ({
-      ownerState: t,
+      ownerState: e,
       iconPosition: l
-    }) => t.icon && t.label && l === "bottom",
+    }) => e.icon && e.label && l === "bottom",
     style: {
       [`& > .${T.icon}`]: {
         marginTop: 6
@@ -102,9 +102,9 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     }
   }, {
     props: ({
-      ownerState: t,
+      ownerState: e,
       iconPosition: l
-    }) => t.icon && t.label && l === "start",
+    }) => e.icon && e.label && l === "start",
     style: {
       [`& > .${T.icon}`]: {
         marginRight: o.spacing(1)
@@ -112,9 +112,9 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     }
   }, {
     props: ({
-      ownerState: t,
+      ownerState: e,
       iconPosition: l
-    }) => t.icon && t.label && l === "end",
+    }) => e.icon && e.label && l === "end",
     style: {
       [`& > .${T.icon}`]: {
         marginLeft: o.spacing(1)
@@ -163,8 +163,8 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.fullWidth,
+      ownerState: e
+    }) => e.fullWidth,
     style: {
       flexShrink: 1,
       flexGrow: 1,
@@ -173,15 +173,15 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.wrapped,
+      ownerState: e
+    }) => e.wrapped,
     style: {
       fontSize: o.typography.pxToRem(12)
     }
   }]
-}))), Ft = /* @__PURE__ */ c.forwardRef(function(t, l) {
-  const d = ht({
-    props: t,
+}))), dt = /* @__PURE__ */ c.forwardRef(function(e, l) {
+  const d = he({
+    props: e,
     name: "MuiTab"
   }), {
     className: i,
@@ -204,7 +204,7 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     // eslint-disable-next-line react/prop-types
     textColor: j = "inherit",
     value: M,
-    wrapped: rt = !1,
+    wrapped: ne = !1,
     ...H
   } = d, U = {
     ...d,
@@ -216,15 +216,15 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     label: !!y,
     fullWidth: h,
     textColor: j,
-    wrapped: rt
-  }, V = ue(U), $ = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
+    wrapped: ne
+  }, V = it(U), z = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
     className: W(V.icon, f.props.className)
   }) : f, G = (R) => {
     !I && m && m(R, M), C && C(R);
   }, N = (R) => {
     g && !I && m && m(R, M), k && k(R);
   };
-  return /* @__PURE__ */ q(pe, {
+  return /* @__PURE__ */ q(ct, {
     focusRipple: !b,
     className: W(V.root, i),
     ref: l,
@@ -237,13 +237,13 @@ const de = ft("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     tabIndex: I ? 0 : -1,
     ...H,
     children: [S === "top" || S === "start" ? /* @__PURE__ */ q(c.Fragment, {
-      children: [$, y]
+      children: [z, y]
     }) : /* @__PURE__ */ q(c.Fragment, {
-      children: [y, $]
+      children: [y, z]
     }), v]
   });
 });
-process.env.NODE_ENV !== "production" && (Ft.propTypes = {
+process.env.NODE_ENV !== "production" && (dt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -252,25 +252,25 @@ process.env.NODE_ENV !== "production" && (Ft.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: re,
+  children: ot,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: t.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: e.bool,
+  disableFocusRipple: t.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -278,64 +278,64 @@ process.env.NODE_ENV !== "production" && (Ft.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: e.bool,
+  disableRipple: t.bool,
   /**
    * The icon to display.
    */
-  icon: e.oneOfType([e.element, e.string]),
+  icon: t.oneOfType([t.element, t.string]),
   /**
    * The position of the icon relative to the label.
    * @default 'top'
    */
-  iconPosition: e.oneOf(["bottom", "end", "start", "top"]),
+  iconPosition: t.oneOf(["bottom", "end", "start", "top"]),
   /**
    * The label element.
    */
-  label: e.node,
+  label: t.node,
   /**
    * @ignore
    */
-  onChange: e.func,
+  onChange: t.func,
   /**
    * @ignore
    */
-  onClick: e.func,
+  onClick: t.func,
   /**
    * @ignore
    */
-  onFocus: e.func,
+  onFocus: t.func,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */
-  value: e.any,
+  value: t.any,
   /**
    * Tab labels appear in a single row.
    * They can use a second line if needed.
    * @default false
    */
-  wrapped: e.bool
+  wrapped: t.bool
 });
-const Ve = Ft, fe = At(/* @__PURE__ */ x("path", {
+const ut = Ae(/* @__PURE__ */ x("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), be = At(/* @__PURE__ */ x("path", {
+}), "KeyboardArrowLeft"), pt = Ae(/* @__PURE__ */ x("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
-function he(o) {
+function ft(o) {
   return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
 }
-function me(o, t, l, d = {}, i = () => {
+function bt(o, e, l, d = {}, i = () => {
 }) {
   const {
-    ease: u = he,
+    ease: u = ft,
     duration: b = 300
     // standard
   } = d;
   let h = null;
-  const f = t[o];
+  const f = e[o];
   let S = !1;
   const v = () => {
     S = !0;
@@ -346,7 +346,7 @@ function me(o, t, l, d = {}, i = () => {
     }
     h === null && (h = m);
     const C = Math.min(1, (m - h) / b);
-    if (t[o] = u(C) * (l - f) + f, C >= 1) {
+    if (e[o] = u(C) * (l - f) + f, C >= 1) {
       requestAnimationFrame(() => {
         i(null);
       });
@@ -356,65 +356,65 @@ function me(o, t, l, d = {}, i = () => {
   };
   return f === l ? (i(new Error("Element already at target position")), v) : (requestAnimationFrame(y), v);
 }
-const Se = {
+const ht = {
   width: 99,
   height: 99,
   position: "absolute",
   top: -9999,
   overflow: "scroll"
 };
-function Lt(o) {
+function Fe(o) {
   const {
-    onChange: t,
+    onChange: e,
     ...l
   } = o, d = c.useRef(), i = c.useRef(null), u = () => {
     d.current = i.current.offsetHeight - i.current.clientHeight;
   };
-  return se(() => {
-    const b = Dt(() => {
+  return nt(() => {
+    const b = $e(() => {
       const f = d.current;
-      u(), f !== d.current && t(d.current);
-    }), h = zt(i.current);
+      u(), f !== d.current && e(d.current);
+    }), h = De(i.current);
     return h.addEventListener("resize", b), () => {
       b.clear(), h.removeEventListener("resize", b);
     };
-  }, [t]), c.useEffect(() => {
-    u(), t(d.current);
-  }, [t]), /* @__PURE__ */ x("div", {
-    style: Se,
+  }, [e]), c.useEffect(() => {
+    u(), e(d.current);
+  }, [e]), /* @__PURE__ */ x("div", {
+    style: ht,
     ref: i,
     ...l
   });
 }
-process.env.NODE_ENV !== "production" && (Lt.propTypes = {
-  onChange: e.func.isRequired
+process.env.NODE_ENV !== "production" && (Fe.propTypes = {
+  onChange: t.func.isRequired
 });
-function ve(o) {
-  return pt("MuiTabScrollButton", o);
+function mt(o) {
+  return pe("MuiTabScrollButton", o);
 }
-const ye = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), ge = (o) => {
+const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), vt = (o) => {
   const {
-    classes: t,
+    classes: e,
     orientation: l,
     disabled: d
   } = o;
-  return mt({
+  return me({
     root: ["root", l, d && "disabled"]
-  }, ve, t);
-}, Te = L(kt, {
+  }, mt, e);
+}, yt = L(ke, {
   name: "MuiTabScrollButton",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: l
     } = o;
-    return [t.root, l.orientation && t[l.orientation]];
+    return [e.root, l.orientation && e[l.orientation]];
   }
 })({
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
-  [`&.${ye.disabled}`]: {
+  [`&.${St.disabled}`]: {
     opacity: 0
   },
   variants: [{
@@ -429,9 +429,9 @@ const ye = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
       }
     }
   }]
-}), jt = /* @__PURE__ */ c.forwardRef(function(t, l) {
-  const d = ht({
-    props: t,
+}), Le = /* @__PURE__ */ c.forwardRef(function(e, l) {
+  const d = he({
+    props: e,
     name: "MuiTabScrollButton"
   }), {
     className: i,
@@ -441,17 +441,17 @@ const ye = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     orientation: f,
     disabled: S,
     ...v
-  } = d, y = $t(), m = {
+  } = d, y = ze(), m = {
     isRtl: y,
     ...d
-  }, C = ge(m), k = u.StartScrollButtonIcon ?? fe, I = u.EndScrollButtonIcon ?? be, g = nt({
+  }, C = vt(m), k = u.StartScrollButtonIcon ?? ut, I = u.EndScrollButtonIcon ?? pt, g = re({
     elementType: k,
     externalSlotProps: b.startScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
     ownerState: m
-  }), j = nt({
+  }), j = re({
     elementType: I,
     externalSlotProps: b.endScrollButtonIcon,
     additionalProps: {
@@ -459,7 +459,7 @@ const ye = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     },
     ownerState: m
   });
-  return /* @__PURE__ */ x(Te, {
+  return /* @__PURE__ */ x(yt, {
     component: "div",
     className: W(C.root, i),
     ref: l,
@@ -480,7 +480,7 @@ const ye = ft("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     })
   });
 });
-process.env.NODE_ENV !== "production" && (jt.propTypes = {
+process.env.NODE_ENV !== "production" && (Le.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -488,59 +488,59 @@ process.env.NODE_ENV !== "production" && (jt.propTypes = {
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * The direction the button should indicate.
    */
-  direction: e.oneOf(["left", "right"]).isRequired,
+  direction: t.oneOf(["left", "right"]).isRequired,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: t.bool,
   /**
    * The component orientation (layout flow direction).
    */
-  orientation: e.oneOf(["horizontal", "vertical"]).isRequired,
+  orientation: t.oneOf(["horizontal", "vertical"]).isRequired,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    * @default {}
    */
-  slotProps: e.shape({
-    endScrollButtonIcon: e.oneOfType([e.func, e.object]),
-    startScrollButtonIcon: e.oneOfType([e.func, e.object])
+  slotProps: t.shape({
+    endScrollButtonIcon: t.oneOfType([t.func, t.object]),
+    startScrollButtonIcon: t.oneOfType([t.func, t.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    EndScrollButtonIcon: e.elementType,
-    StartScrollButtonIcon: e.elementType
+  slots: t.shape({
+    EndScrollButtonIcon: t.elementType,
+    StartScrollButtonIcon: t.elementType
   }),
   /**
    * @ignore
    */
-  style: e.object,
+  style: t.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-function we(o) {
-  return pt("MuiTabs", o);
+function gt(o) {
+  return pe("MuiTabs", o);
 }
-const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), ut = Be, Rt = (o, t) => o === t ? o.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o.firstChild, Ot = (o, t) => o === t ? o.lastChild : t && t.previousElementSibling ? t.previousElementSibling : o.lastChild, ot = (o, t, l) => {
-  let d = !1, i = l(o, t);
+const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Re = (o, e) => o === e ? o.firstChild : e && e.nextElementSibling ? e.nextElementSibling : o.firstChild, Oe = (o, e) => o === e ? o.lastChild : e && e.previousElementSibling ? e.previousElementSibling : o.lastChild, oe = (o, e, l) => {
+  let d = !1, i = l(o, e);
   for (; i; ) {
     if (i === o.firstChild) {
       if (d)
@@ -555,9 +555,9 @@ const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       return;
     }
   }
-}, xe = (o) => {
+}, Tt = (o) => {
   const {
-    vertical: t,
+    vertical: e,
     fixed: l,
     hideScrollbar: d,
     scrollableX: i,
@@ -566,29 +566,29 @@ const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     scrollButtonsHideMobile: h,
     classes: f
   } = o;
-  return mt({
-    root: ["root", t && "vertical"],
+  return me({
+    root: ["root", e && "vertical"],
     scroller: ["scroller", l && "fixed", d && "hideScrollbar", i && "scrollableX", u && "scrollableY"],
-    flexContainer: ["flexContainer", t && "flexContainerVertical", b && "centered"],
+    flexContainer: ["flexContainer", e && "flexContainerVertical", b && "centered"],
     indicator: ["indicator"],
     scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
     scrollableX: [i && "scrollableX"],
     hideScrollbar: [d && "hideScrollbar"]
-  }, we, f);
-}, Ce = L("div", {
+  }, gt, f);
+}, wt = L("div", {
   name: "MuiTabs",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: l
     } = o;
     return [{
-      [`& .${ut.scrollButtons}`]: t.scrollButtons
+      [`& .${ue.scrollButtons}`]: e.scrollButtons
     }, {
-      [`& .${ut.scrollButtons}`]: l.scrollButtonsHideMobile && t.scrollButtonsHideMobile
-    }, t.root, l.vertical && t.vertical];
+      [`& .${ue.scrollButtons}`]: l.scrollButtonsHideMobile && e.scrollButtonsHideMobile
+    }, e.root, l.vertical && e.vertical];
   }
-})(bt(({
+})(be(({
   theme: o
 }) => ({
   overflow: "hidden",
@@ -598,31 +598,31 @@ const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   display: "flex",
   variants: [{
     props: ({
-      ownerState: t
-    }) => t.vertical,
+      ownerState: e
+    }) => e.vertical,
     style: {
       flexDirection: "column"
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.scrollButtonsHideMobile,
+      ownerState: e
+    }) => e.scrollButtonsHideMobile,
     style: {
-      [`& .${ut.scrollButtons}`]: {
+      [`& .${ue.scrollButtons}`]: {
         [o.breakpoints.down("sm")]: {
           display: "none"
         }
       }
     }
   }]
-}))), Ie = L("div", {
+}))), Bt = L("div", {
   name: "MuiTabs",
   slot: "Scroller",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: l
     } = o;
-    return [t.scroller, l.fixed && t.fixed, l.hideScrollbar && t.hideScrollbar, l.scrollableX && t.scrollableX, l.scrollableY && t.scrollableY];
+    return [e.scroller, l.fixed && e.fixed, l.hideScrollbar && e.hideScrollbar, l.scrollableX && e.scrollableX, l.scrollableY && e.scrollableY];
   }
 })({
   position: "relative",
@@ -667,14 +667,14 @@ const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       overflowX: "hidden"
     }
   }]
-}), Ee = L("div", {
+}), xt = L("div", {
   name: "MuiTabs",
   slot: "FlexContainer",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, e) => {
     const {
       ownerState: l
     } = o;
-    return [t.flexContainer, l.vertical && t.flexContainerVertical, l.centered && t.centered];
+    return [e.flexContainer, l.vertical && e.flexContainerVertical, l.centered && e.centered];
   }
 })({
   display: "flex",
@@ -693,11 +693,11 @@ const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       justifyContent: "center"
     }
   }]
-}), Me = L("span", {
+}), Ct = L("span", {
   name: "MuiTabs",
   slot: "Indicator",
-  overridesResolver: (o, t) => t.indicator
-})(bt(({
+  overridesResolver: (o, e) => e.indicator
+})(be(({
   theme: o
 }) => ({
   position: "absolute",
@@ -721,15 +721,15 @@ const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.vertical,
+      ownerState: e
+    }) => e.vertical,
     style: {
       height: "100%",
       width: 2,
       right: 0
     }
   }]
-}))), Re = L(Lt)({
+}))), It = L(Fe)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -739,13 +739,13 @@ const Be = ft("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     display: "none"
     // Safari + Chrome
   }
-}), Nt = {};
-let Pt = !1;
-const Ht = /* @__PURE__ */ c.forwardRef(function(t, l) {
-  const d = ht({
-    props: t,
+}), Ne = {};
+let Pe = !1;
+const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
+  const d = he({
+    props: e,
     name: "MuiTabs"
-  }), i = le(), u = $t(), {
+  }), i = rt(), u = ze(), {
     "aria-label": b,
     "aria-labelledby": h,
     action: f,
@@ -757,19 +757,19 @@ const Ht = /* @__PURE__ */ c.forwardRef(function(t, l) {
     indicatorColor: k = "primary",
     onChange: I,
     orientation: g = "horizontal",
-    ScrollButtonComponent: j = jt,
+    ScrollButtonComponent: j = Le,
     scrollButtons: M = "auto",
-    selectionFollowsFocus: rt,
+    selectionFollowsFocus: ne,
     slots: H = {},
     slotProps: U = {},
     TabIndicatorProps: V = {},
-    TabScrollButtonProps: $ = {},
+    TabScrollButtonProps: z = {},
     textColor: G = "primary",
     value: N,
     variant: R = "standard",
-    visibleScrollbar: lt = !1,
-    ...Vt
-  } = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", J = B ? "top" : "left", Q = B ? "bottom" : "right", st = B ? "clientHeight" : "clientWidth", Y = B ? "height" : "width", z = {
+    visibleScrollbar: le = !1,
+    ...je
+  } = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", J = B ? "top" : "left", Q = B ? "bottom" : "right", se = B ? "clientHeight" : "clientWidth", Y = B ? "height" : "width", D = {
     ...d,
     component: m,
     allowScrollButtonsMobile: C,
@@ -779,36 +779,36 @@ const Ht = /* @__PURE__ */ c.forwardRef(function(t, l) {
     scrollButtons: M,
     textColor: G,
     variant: R,
-    visibleScrollbar: lt,
+    visibleScrollbar: le,
     fixed: !w,
-    hideScrollbar: w && !lt,
+    hideScrollbar: w && !le,
     scrollableX: w && !B,
     scrollableY: w && B,
     centered: S && !w,
     scrollButtonsHideMobile: !C
-  }, P = xe(z), Ut = nt({
+  }, P = Tt(D), He = re({
     elementType: H.StartScrollButtonIcon,
     externalSlotProps: U.startScrollButtonIcon,
-    ownerState: z
-  }), Xt = nt({
+    ownerState: D
+  }), Ve = re({
     elementType: H.EndScrollButtonIcon,
     externalSlotProps: U.endScrollButtonIcon,
-    ownerState: z
+    ownerState: D
   });
   process.env.NODE_ENV !== "production" && S && w && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [St, Yt] = c.useState(!1), [D, vt] = c.useState(Nt), [yt, Kt] = c.useState(!1), [gt, _t] = c.useState(!1), [Tt, qt] = c.useState(!1), [wt, Gt] = c.useState({
+  const [Se, Ue] = c.useState(!1), [$, ve] = c.useState(Ne), [ye, Xe] = c.useState(!1), [ge, Ye] = c.useState(!1), [Te, Ke] = c.useState(!1), [we, _e] = c.useState({
     overflow: "hidden",
     scrollbarWidth: 0
-  }), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Bt = () => {
-    const n = O.current;
-    let r;
-    if (n) {
-      const a = n.getBoundingClientRect();
-      r = {
-        clientWidth: n.clientWidth,
-        scrollLeft: n.scrollLeft,
-        scrollTop: n.scrollTop,
-        scrollWidth: n.scrollWidth,
+  }), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Be = () => {
+    const r = O.current;
+    let n;
+    if (r) {
+      const a = r.getBoundingClientRect();
+      n = {
+        clientWidth: r.clientWidth,
+        scrollLeft: r.scrollLeft,
+        scrollTop: r.scrollTop,
+        scrollWidth: r.scrollWidth,
         top: a.top,
         bottom: a.bottom,
         left: a.left,
@@ -816,253 +816,253 @@ const Ht = /* @__PURE__ */ c.forwardRef(function(t, l) {
       };
     }
     let s;
-    if (n && N !== !1) {
+    if (r && N !== !1) {
       const a = A.current.children;
       if (a.length > 0) {
         const p = a[Z.get(N)];
         process.env.NODE_ENV !== "production" && (p || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${N}".`, Z.keys ? `You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.` : null].join(`
-`))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !Pt && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
-        r.clientWidth !== 0 && (r = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${N}") 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(`
-`)), Pt = !0);
+`))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !Pe && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
+        n.clientWidth !== 0 && (n = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${N}") 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(`
+`)), Pe = !0);
       }
     }
     return {
-      tabsMeta: r,
+      tabsMeta: n,
       tabMeta: s
     };
-  }, K = dt(() => {
+  }, K = de(() => {
     const {
-      tabsMeta: n,
-      tabMeta: r
-    } = Bt();
+      tabsMeta: r,
+      tabMeta: n
+    } = Be();
     let s = 0, a;
-    B ? (a = "top", r && n && (s = r.top - n.top + n.scrollTop)) : (a = u ? "right" : "left", r && n && (s = (u ? -1 : 1) * (r[a] - n[a] + n.scrollLeft)));
+    B ? (a = "top", n && r && (s = n.top - r.top + r.scrollTop)) : (a = u ? "right" : "left", n && r && (s = (u ? -1 : 1) * (n[a] - r[a] + r.scrollLeft)));
     const p = {
       [a]: s,
       // May be wrong until the font is loaded.
-      [Y]: r ? r[Y] : 0
+      [Y]: n ? n[Y] : 0
     };
-    if (typeof D[a] != "number" || typeof D[Y] != "number")
-      vt(p);
+    if (typeof $[a] != "number" || typeof $[Y] != "number")
+      ve(p);
     else {
-      const E = Math.abs(D[a] - p[a]), F = Math.abs(D[Y] - p[Y]);
-      (E >= 1 || F >= 1) && vt(p);
+      const E = Math.abs($[a] - p[a]), F = Math.abs($[Y] - p[Y]);
+      (E >= 1 || F >= 1) && ve(p);
     }
-  }), at = (n, {
-    animation: r = !0
+  }), ae = (r, {
+    animation: n = !0
   } = {}) => {
-    r ? me(X, O.current, n, {
+    n ? bt(X, O.current, r, {
       duration: i.transitions.duration.standard
-    }) : O.current[X] = n;
-  }, xt = (n) => {
-    let r = O.current[X];
-    B ? r += n : r += n * (u ? -1 : 1), at(r);
-  }, Ct = () => {
-    const n = O.current[st];
-    let r = 0;
+    }) : O.current[X] = r;
+  }, xe = (r) => {
+    let n = O.current[X];
+    B ? n += r : n += r * (u ? -1 : 1), ae(n);
+  }, Ce = () => {
+    const r = O.current[se];
+    let n = 0;
     const s = Array.from(A.current.children);
     for (let a = 0; a < s.length; a += 1) {
       const p = s[a];
-      if (r + p[st] > n) {
-        a === 0 && (r = n);
+      if (n + p[se] > r) {
+        a === 0 && (n = r);
         break;
       }
-      r += p[st];
+      n += p[se];
     }
-    return r;
-  }, Jt = () => {
-    xt(-1 * Ct());
-  }, Qt = () => {
-    xt(Ct());
-  }, Zt = c.useCallback((n) => {
-    Gt({
+    return n;
+  }, qe = () => {
+    xe(-1 * Ce());
+  }, Ge = () => {
+    xe(Ce());
+  }, Je = c.useCallback((r) => {
+    _e({
       overflow: null,
-      scrollbarWidth: n
+      scrollbarWidth: r
     });
-  }, []), te = () => {
-    const n = {};
-    n.scrollbarSizeListener = w ? /* @__PURE__ */ x(Re, {
-      onChange: Zt,
+  }, []), Qe = () => {
+    const r = {};
+    r.scrollbarSizeListener = w ? /* @__PURE__ */ x(It, {
+      onChange: Je,
       className: W(P.scrollableX, P.hideScrollbar)
     }) : null;
-    const s = w && (M === "auto" && (yt || gt) || M === !0);
-    return n.scrollButtonStart = s ? /* @__PURE__ */ x(j, {
+    const s = w && (M === "auto" && (ye || ge) || M === !0);
+    return r.scrollButtonStart = s ? /* @__PURE__ */ x(j, {
       slots: {
         StartScrollButtonIcon: H.StartScrollButtonIcon
       },
       slotProps: {
-        startScrollButtonIcon: Ut
+        startScrollButtonIcon: He
       },
       orientation: g,
       direction: u ? "right" : "left",
-      onClick: Jt,
-      disabled: !yt,
-      ...$,
-      className: W(P.scrollButtons, $.className)
-    }) : null, n.scrollButtonEnd = s ? /* @__PURE__ */ x(j, {
+      onClick: qe,
+      disabled: !ye,
+      ...z,
+      className: W(P.scrollButtons, z.className)
+    }) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(j, {
       slots: {
         EndScrollButtonIcon: H.EndScrollButtonIcon
       },
       slotProps: {
-        endScrollButtonIcon: Xt
+        endScrollButtonIcon: Ve
       },
       orientation: g,
       direction: u ? "left" : "right",
-      onClick: Qt,
-      disabled: !gt,
-      ...$,
-      className: W(P.scrollButtons, $.className)
-    }) : null, n;
-  }, It = dt((n) => {
+      onClick: Ge,
+      disabled: !ge,
+      ...z,
+      className: W(P.scrollButtons, z.className)
+    }) : null, r;
+  }, Ie = de((r) => {
     const {
-      tabsMeta: r,
+      tabsMeta: n,
       tabMeta: s
-    } = Bt();
-    if (!(!s || !r)) {
-      if (s[J] < r[J]) {
-        const a = r[X] + (s[J] - r[J]);
-        at(a, {
-          animation: n
+    } = Be();
+    if (!(!s || !n)) {
+      if (s[J] < n[J]) {
+        const a = n[X] + (s[J] - n[J]);
+        ae(a, {
+          animation: r
         });
-      } else if (s[Q] > r[Q]) {
-        const a = r[X] + (s[Q] - r[Q]);
-        at(a, {
-          animation: n
+      } else if (s[Q] > n[Q]) {
+        const a = n[X] + (s[Q] - n[Q]);
+        ae(a, {
+          animation: r
         });
       }
     }
-  }), tt = dt(() => {
-    w && M !== !1 && qt(!Tt);
+  }), ee = de(() => {
+    w && M !== !1 && Ke(!Te);
   });
   c.useEffect(() => {
-    const n = Dt(() => {
+    const r = $e(() => {
       O.current && K();
     });
-    let r;
+    let n;
     const s = (E) => {
       E.forEach((F) => {
         F.removedNodes.forEach((_) => {
-          r == null || r.unobserve(_);
+          n == null || n.unobserve(_);
         }), F.addedNodes.forEach((_) => {
-          r == null || r.observe(_);
+          n == null || n.observe(_);
         });
-      }), n(), tt();
-    }, a = zt(O.current);
-    a.addEventListener("resize", n);
+      }), r(), ee();
+    }, a = De(O.current);
+    a.addEventListener("resize", r);
     let p;
-    return typeof ResizeObserver < "u" && (r = new ResizeObserver(n), Array.from(A.current.children).forEach((E) => {
-      r.observe(E);
+    return typeof ResizeObserver < "u" && (n = new ResizeObserver(r), Array.from(A.current.children).forEach((E) => {
+      n.observe(E);
     })), typeof MutationObserver < "u" && (p = new MutationObserver(s), p.observe(A.current, {
       childList: !0
     })), () => {
-      n.clear(), a.removeEventListener("resize", n), p == null || p.disconnect(), r == null || r.disconnect();
+      r.clear(), a.removeEventListener("resize", r), p == null || p.disconnect(), n == null || n.disconnect();
     };
-  }, [K, tt]), c.useEffect(() => {
-    const n = Array.from(A.current.children), r = n.length;
-    if (typeof IntersectionObserver < "u" && r > 0 && w && M !== !1) {
-      const s = n[0], a = n[r - 1], p = {
+  }, [K, ee]), c.useEffect(() => {
+    const r = Array.from(A.current.children), n = r.length;
+    if (typeof IntersectionObserver < "u" && n > 0 && w && M !== !1) {
+      const s = r[0], a = r[n - 1], p = {
         root: O.current,
         threshold: 0.99
-      }, E = (ct) => {
-        Kt(!ct[0].isIntersecting);
+      }, E = (ce) => {
+        Xe(!ce[0].isIntersecting);
       }, F = new IntersectionObserver(E, p);
       F.observe(s);
-      const _ = (ct) => {
-        _t(!ct[0].isIntersecting);
-      }, Mt = new IntersectionObserver(_, p);
-      return Mt.observe(a), () => {
-        F.disconnect(), Mt.disconnect();
+      const _ = (ce) => {
+        Ye(!ce[0].isIntersecting);
+      }, Me = new IntersectionObserver(_, p);
+      return Me.observe(a), () => {
+        F.disconnect(), Me.disconnect();
       };
     }
-  }, [w, M, Tt, v == null ? void 0 : v.length]), c.useEffect(() => {
-    Yt(!0);
+  }, [w, M, Te, v == null ? void 0 : v.length]), c.useEffect(() => {
+    Ue(!0);
   }, []), c.useEffect(() => {
     K();
   }), c.useEffect(() => {
-    It(Nt !== D);
-  }, [It, D]), c.useImperativeHandle(f, () => ({
+    Ie(Ne !== $);
+  }, [Ie, $]), c.useImperativeHandle(f, () => ({
     updateIndicator: K,
-    updateScrollButtons: tt
-  }), [K, tt]);
-  const Et = /* @__PURE__ */ x(Me, {
+    updateScrollButtons: ee
+  }), [K, ee]);
+  const Ee = /* @__PURE__ */ x(Ct, {
     ...V,
     className: W(P.indicator, V.className),
-    ownerState: z,
+    ownerState: D,
     style: {
-      ...D,
+      ...$,
       ...V.style
     }
   });
-  let et = 0;
-  const ee = c.Children.map(v, (n) => {
-    if (!/* @__PURE__ */ c.isValidElement(n))
+  let te = 0;
+  const Ze = c.Children.map(v, (r) => {
+    if (!/* @__PURE__ */ c.isValidElement(r))
       return null;
-    process.env.NODE_ENV !== "production" && ne.isFragment(n) && 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" && tt.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    const r = n.props.value === void 0 ? et : n.props.value;
-    Z.set(r, et);
-    const s = r === N;
-    return et += 1, /* @__PURE__ */ c.cloneElement(n, {
+    const n = r.props.value === void 0 ? te : r.props.value;
+    Z.set(n, te);
+    const s = n === N;
+    return te += 1, /* @__PURE__ */ c.cloneElement(r, {
       fullWidth: R === "fullWidth",
-      indicator: s && !St && Et,
+      indicator: s && !Se && Ee,
       selected: s,
-      selectionFollowsFocus: rt,
+      selectionFollowsFocus: ne,
       onChange: I,
       textColor: G,
-      value: r,
-      ...et === 1 && N === !1 && !n.props.tabIndex ? {
+      value: n,
+      ...te === 1 && N === !1 && !r.props.tabIndex ? {
         tabIndex: 0
       } : {}
     });
-  }), oe = (n) => {
-    const r = A.current, s = ae(r).activeElement;
+  }), et = (r) => {
+    const n = A.current, s = lt(n).activeElement;
     if (s.getAttribute("role") !== "tab")
       return;
     let p = g === "horizontal" ? "ArrowLeft" : "ArrowUp", E = g === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), n.key) {
+    switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), r.key) {
       case p:
-        n.preventDefault(), ot(r, s, Ot);
+        r.preventDefault(), oe(n, s, Oe);
         break;
       case E:
-        n.preventDefault(), ot(r, s, Rt);
+        r.preventDefault(), oe(n, s, Re);
         break;
       case "Home":
-        n.preventDefault(), ot(r, null, Rt);
+        r.preventDefault(), oe(n, null, Re);
         break;
       case "End":
-        n.preventDefault(), ot(r, null, Ot);
+        r.preventDefault(), oe(n, null, Oe);
         break;
     }
-  }, it = te();
-  return /* @__PURE__ */ q(Ce, {
+  }, ie = Qe();
+  return /* @__PURE__ */ q(wt, {
     className: W(P.root, y),
-    ownerState: z,
+    ownerState: D,
     ref: l,
     as: m,
-    ...Vt,
-    children: [it.scrollButtonStart, it.scrollbarSizeListener, /* @__PURE__ */ q(Ie, {
+    ...je,
+    children: [ie.scrollButtonStart, ie.scrollbarSizeListener, /* @__PURE__ */ q(Bt, {
       className: P.scroller,
-      ownerState: z,
+      ownerState: D,
       style: {
-        overflow: wt.overflow,
-        [B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: lt ? void 0 : -wt.scrollbarWidth
+        overflow: we.overflow,
+        [B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: le ? void 0 : -we.scrollbarWidth
       },
       ref: O,
-      children: [/* @__PURE__ */ x(Ee, {
+      children: [/* @__PURE__ */ x(xt, {
         "aria-label": b,
         "aria-labelledby": h,
         "aria-orientation": g === "vertical" ? "vertical" : null,
         className: P.flexContainer,
-        ownerState: z,
-        onKeyDown: oe,
+        ownerState: D,
+        onKeyDown: et,
         ref: A,
         role: "tablist",
-        children: ee
-      }), St && Et]
-    }), it.scrollButtonEnd]
+        children: Ze
+      }), Se && Ee]
+    }), ie.scrollButtonEnd]
   });
 });
-process.env.NODE_ENV !== "production" && (Ht.propTypes = {
+process.env.NODE_ENV !== "production" && (Et.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1075,66 +1075,66 @@ process.env.NODE_ENV !== "production" && (Ht.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: ie,
+  action: st,
   /**
    * 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: e.bool,
+  allowScrollButtonsMobile: t.bool,
   /**
    * The label for the Tabs as a string.
    */
-  "aria-label": e.string,
+  "aria-label": t.string,
   /**
    * An id or list of ids separated by a space that label the Tabs.
    */
-  "aria-labelledby": e.string,
+  "aria-labelledby": t.string,
   /**
    * If `true`, the tabs are centered.
    * This prop is intended for large views.
    * @default false
    */
-  centered: e.bool,
+  centered: t.bool,
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: t.elementType,
   /**
    * Determines the color of the indicator.
    * @default 'primary'
    */
-  indicatorColor: e.oneOfType([e.oneOf(["primary", "secondary"]), e.string]),
+  indicatorColor: t.oneOfType([t.oneOf(["primary", "secondary"]), t.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: e.func,
+  onChange: t.func,
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation: e.oneOf(["horizontal", "vertical"]),
+  orientation: t.oneOf(["horizontal", "vertical"]),
   /**
    * The component used to render the scroll buttons.
    * @default TabScrollButton
    */
-  ScrollButtonComponent: e.elementType,
+  ScrollButtonComponent: t.elementType,
   /**
    * Determine behavior of scroll buttons when tabs are set to scroll:
    *
@@ -1146,53 +1146,53 @@ process.env.NODE_ENV !== "production" && (Ht.propTypes = {
    * This behavior can be disabled with `allowScrollButtonsMobile`.
    * @default 'auto'
    */
-  scrollButtons: e.oneOf(["auto", !1, !0]),
+  scrollButtons: t.oneOf(["auto", !1, !0]),
   /**
    * If `true` the selected tab changes on focus. Otherwise it only
    * changes on activation.
    */
-  selectionFollowsFocus: e.bool,
+  selectionFollowsFocus: t.bool,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    * @default {}
    */
-  slotProps: e.shape({
-    endScrollButtonIcon: e.oneOfType([e.func, e.object]),
-    startScrollButtonIcon: e.oneOfType([e.func, e.object])
+  slotProps: t.shape({
+    endScrollButtonIcon: t.oneOfType([t.func, t.object]),
+    startScrollButtonIcon: t.oneOfType([t.func, t.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    EndScrollButtonIcon: e.elementType,
-    StartScrollButtonIcon: e.elementType
+  slots: t.shape({
+    EndScrollButtonIcon: t.elementType,
+    StartScrollButtonIcon: t.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * Props applied to the tab indicator element.
    * @default  {}
    */
-  TabIndicatorProps: e.object,
+  TabIndicatorProps: t.object,
   /**
    * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
    * @default {}
    */
-  TabScrollButtonProps: e.object,
+  TabScrollButtonProps: t.object,
   /**
    * Determines the color of the `Tab`.
    * @default 'primary'
    */
-  textColor: e.oneOf(["inherit", "primary", "secondary"]),
+  textColor: t.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: e.any,
+  value: t.any,
   /**
    * Determines additional display behavior of the tabs:
    *
@@ -1203,22 +1203,21 @@ process.env.NODE_ENV !== "production" && (Ht.propTypes = {
    *  - `standard` will render the default state.
    * @default 'standard'
    */
-  variant: e.oneOf(["fullWidth", "scrollable", "standard"]),
+  variant: t.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: e.bool
+  visibleScrollbar: t.bool
 });
-const Ue = Ht;
 export {
-  be as K,
-  Ve as T,
-  Ue as a,
-  ut as b,
-  we as c,
-  fe as d,
-  ce as g,
+  pt as K,
+  dt as T,
+  Et as a,
+  ue as b,
+  gt as c,
+  ut as d,
+  at as g,
   T as t
 };