@cgi-learning-hub/ui 1.3.5-dev.1740489193 → 1.3.5-dev.1740588881

package/dist/{Tabs-CrWcC5nJ.js → Tabs-BYfDlOR9.js}

@@ -1,23 +1,24 @@
 import * as c from "react";
-import { H as pt, I as ft, G as W, L as Wt, P as e, _ as ee } from "./identifier-D58rA1gM.js";
-import { m as bt } from "./memoTheme-DyiN-Awd.js";
+import { H as pt, I as ft, G as W, P as o, Z as oo } from "./generateUtilityClasses-DotvgSDH.js";
+import { m as bt } from "./memoTheme-CqmIydD-.js";
 import { jsxs as q, jsx as x } from "react/jsx-runtime";
-import { u as ht, s as L, c as mt } from "./DefaultPropsProvider-BcmyIf2H.js";
-import { B as kt } from "./ButtonBase-DzpmdR6N.js";
-import { u as oe } from "./unsupportedProp-BuVD30Gh.js";
-import { u as zt, a as rt } from "./index-DwHI-aa0.js";
-import { u as re } from "./useTheme-Clhsq4HW.js";
-import { u as ne } from "./useEnhancedEffect-CJGo-L3B.js";
+import { u as ht, s as j, c as mt } from "./DefaultPropsProvider-Cqcb4sws.js";
+import { c as Wt } from "./capitalize-3KLkrEtk.js";
+import { B as kt } from "./ButtonBase-IZ_QjbpE.js";
+import { u as eo } from "./unsupportedProp-BuVD30Gh.js";
+import { u as zt, a as rt } from "./useSlotProps-C9tsxDNg.js";
+import { u as ro } from "./useTheme-BA7tMglY.js";
+import { u as no } from "./useEnhancedEffect-CJGo-L3B.js";
 import { d as Dt } from "./debounce-46wSf_lW.js";
 import { o as $t } from "./ownerWindow-niciwP7I.js";
-import { c as At } from "./createSvgIcon-CCejzj0C.js";
+import { c as At } from "./createSvgIcon-K2ZAdASa.js";
 import { u as dt } from "./useEventCallback-BAQJJ3ye.js";
-import { o as le } from "./ownerDocument-CUrv0DIK.js";
-import { r as se } from "./refType-B86yTZra.js";
-function ae(o) {
-  return ft("MuiTab", o);
+import { o as lo } from "./ownerDocument-CUrv0DIK.js";
+import { r as so } from "./refType-C210ipRY.js";
+function ao(e) {
+  return ft("MuiTab", e);
 }
-const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), ie = (o) => {
+const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), io = (e) => {
   const {
     classes: t,
     textColor: l,
@@ -27,18 +28,18 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     label: b,
     selected: h,
     disabled: f
-  } = o, S = {
+  } = e, S = {
     root: ["root", u && b && "labelIcon", `textColor${Wt(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
     icon: ["iconWrapper", "icon"]
   };
-  return mt(S, ae, t);
-}, ce = L(kt, {
+  return mt(S, ao, t);
+}, co = j(kt, {
   name: "MuiTab",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: l
-    } = o;
+    } = e;
     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
     }, {
@@ -46,9 +47,9 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     }];
   }
 })(bt(({
-  theme: o
+  theme: e
 }) => ({
-  ...o.typography.button,
+  ...e.typography.button,
   maxWidth: 360,
   minWidth: 90,
   position: "relative",
@@ -109,7 +110,7 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     }) => t.icon && t.label && l === "start",
     style: {
       [`& > .${T.icon}`]: {
-        marginRight: o.spacing(1)
+        marginRight: e.spacing(1)
       }
     }
   }, {
@@ -119,7 +120,7 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     }) => t.icon && t.label && l === "end",
     style: {
       [`& > .${T.icon}`]: {
-        marginLeft: o.spacing(1)
+        marginLeft: e.spacing(1)
       }
     }
   }, {
@@ -134,7 +135,7 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
         opacity: 1
       },
       [`&.${T.disabled}`]: {
-        opacity: (o.vars || o).palette.action.disabledOpacity
+        opacity: (e.vars || e).palette.action.disabledOpacity
       }
     }
   }, {
@@ -142,12 +143,12 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
       textColor: "primary"
     },
     style: {
-      color: (o.vars || o).palette.text.secondary,
+      color: (e.vars || e).palette.text.secondary,
       [`&.${T.selected}`]: {
-        color: (o.vars || o).palette.primary.main
+        color: (e.vars || e).palette.primary.main
       },
       [`&.${T.disabled}`]: {
-        color: (o.vars || o).palette.text.disabled
+        color: (e.vars || e).palette.text.disabled
       }
     }
   }, {
@@ -155,12 +156,12 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
       textColor: "secondary"
     },
     style: {
-      color: (o.vars || o).palette.text.secondary,
+      color: (e.vars || e).palette.text.secondary,
       [`&.${T.selected}`]: {
-        color: (o.vars || o).palette.secondary.main
+        color: (e.vars || e).palette.secondary.main
       },
       [`&.${T.disabled}`]: {
-        color: (o.vars || o).palette.text.disabled
+        color: (e.vars || e).palette.text.disabled
       }
     }
   }, {
@@ -178,10 +179,10 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
       ownerState: t
     }) => t.wrapped,
     style: {
-      fontSize: o.typography.pxToRem(12)
+      fontSize: e.typography.pxToRem(12)
     }
   }]
-}))), de = /* @__PURE__ */ c.forwardRef(function(t, l) {
+}))), uo = /* @__PURE__ */ c.forwardRef(function(t, l) {
   const d = ht({
     props: t,
     name: "MuiTab"
@@ -204,7 +205,7 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     // eslint-disable-next-line react/prop-types
     selectionFollowsFocus: g,
     // eslint-disable-next-line react/prop-types
-    textColor: j = "inherit",
+    textColor: L = "inherit",
     value: M,
     wrapped: nt = !1,
     ...H
@@ -217,16 +218,16 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     iconPosition: S,
     label: !!y,
     fullWidth: h,
-    textColor: j,
+    textColor: L,
     wrapped: nt
-  }, V = ie(U), z = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
+  }, V = io(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(ce, {
+  return /* @__PURE__ */ q(co, {
     focusRipple: !b,
     className: W(V.root, i),
     ref: l,
@@ -245,7 +246,7 @@ const T = pt("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     }), v]
   });
 });
-process.env.NODE_ENV !== "production" && (de.propTypes = {
+process.env.NODE_ENV !== "production" && (uo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -254,25 +255,25 @@ process.env.NODE_ENV !== "production" && (de.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: oe,
+  children: eo,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: e.bool,
+  disableFocusRipple: o.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -280,64 +281,64 @@ process.env.NODE_ENV !== "production" && (de.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: e.bool,
+  disableRipple: o.bool,
   /**
    * The icon to display.
    */
-  icon: e.oneOfType([e.element, e.string]),
+  icon: o.oneOfType([o.element, o.string]),
   /**
    * The position of the icon relative to the label.
    * @default 'top'
    */
-  iconPosition: e.oneOf(["bottom", "end", "start", "top"]),
+  iconPosition: o.oneOf(["bottom", "end", "start", "top"]),
   /**
    * The label element.
    */
-  label: e.node,
+  label: o.node,
   /**
    * @ignore
    */
-  onChange: e.func,
+  onChange: o.func,
   /**
    * @ignore
    */
-  onClick: e.func,
+  onClick: o.func,
   /**
    * @ignore
    */
-  onFocus: e.func,
+  onFocus: o.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: 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: e.any,
+  value: o.any,
   /**
    * Tab labels appear in a single row.
    * They can use a second line if needed.
    * @default false
    */
-  wrapped: e.bool
+  wrapped: o.bool
 });
-const ue = At(/* @__PURE__ */ x("path", {
+const po = At(/* @__PURE__ */ x("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), pe = At(/* @__PURE__ */ x("path", {
+}), "KeyboardArrowLeft"), fo = At(/* @__PURE__ */ x("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
-function fe(o) {
-  return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
+function bo(e) {
+  return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
 }
-function be(o, t, l, d = {}, i = () => {
+function ho(e, t, l, d = {}, i = () => {
 }) {
   const {
-    ease: u = fe,
+    ease: u = bo,
     duration: b = 300
     // standard
   } = d;
   let h = null;
-  const f = t[o];
+  const f = t[e];
   let S = !1;
   const v = () => {
     S = !0;
@@ -348,7 +349,7 @@ function be(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 (t[e] = u(C) * (l - f) + f, C >= 1) {
       requestAnimationFrame(() => {
         i(null);
       });
@@ -358,21 +359,21 @@ function be(o, t, l, d = {}, i = () => {
   };
   return f === l ? (i(new Error("Element already at target position")), v) : (requestAnimationFrame(y), v);
 }
-const he = {
+const mo = {
   width: 99,
   height: 99,
   position: "absolute",
   top: -9999,
   overflow: "scroll"
 };
-function Ft(o) {
+function Ft(e) {
   const {
     onChange: t,
     ...l
-  } = o, d = c.useRef(), i = c.useRef(null), u = () => {
+  } = e, d = c.useRef(), i = c.useRef(null), u = () => {
     d.current = i.current.offsetHeight - i.current.clientHeight;
   };
-  return ne(() => {
+  return no(() => {
     const b = Dt(() => {
       const f = d.current;
       u(), f !== d.current && t(d.current);
@@ -383,40 +384,40 @@ function Ft(o) {
   }, [t]), c.useEffect(() => {
     u(), t(d.current);
   }, [t]), /* @__PURE__ */ x("div", {
-    style: he,
+    style: mo,
     ...l,
     ref: i
   });
 }
 process.env.NODE_ENV !== "production" && (Ft.propTypes = {
-  onChange: e.func.isRequired
+  onChange: o.func.isRequired
 });
-function me(o) {
-  return ft("MuiTabScrollButton", o);
+function So(e) {
+  return ft("MuiTabScrollButton", e);
 }
-const Se = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), ve = (o) => {
+const vo = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), yo = (e) => {
   const {
     classes: t,
     orientation: l,
     disabled: d
-  } = o;
+  } = e;
   return mt({
     root: ["root", l, d && "disabled"]
-  }, me, t);
-}, ye = L(kt, {
+  }, So, t);
+}, go = j(kt, {
   name: "MuiTabScrollButton",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: l
-    } = o;
+    } = e;
     return [t.root, l.orientation && t[l.orientation]];
   }
 })({
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
-  [`&.${Se.disabled}`]: {
+  [`&.${vo.disabled}`]: {
     opacity: 0
   },
   variants: [{
@@ -431,7 +432,7 @@ const Se = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
       }
     }
   }]
-}), Lt = /* @__PURE__ */ c.forwardRef(function(t, l) {
+}), jt = /* @__PURE__ */ c.forwardRef(function(t, l) {
   const d = ht({
     props: t,
     name: "MuiTabScrollButton"
@@ -446,14 +447,14 @@ const Se = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   } = d, y = zt(), m = {
     isRtl: y,
     ...d
-  }, C = ve(m), k = u.StartScrollButtonIcon ?? ue, I = u.EndScrollButtonIcon ?? pe, g = rt({
+  }, C = yo(m), k = u.StartScrollButtonIcon ?? po, I = u.EndScrollButtonIcon ?? fo, g = rt({
     elementType: k,
     externalSlotProps: b.startScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
     ownerState: m
-  }), j = rt({
+  }), L = rt({
     elementType: I,
     externalSlotProps: b.endScrollButtonIcon,
     additionalProps: {
@@ -461,7 +462,7 @@ const Se = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     },
     ownerState: m
   });
-  return /* @__PURE__ */ x(ye, {
+  return /* @__PURE__ */ x(go, {
     component: "div",
     className: W(C.root, i),
     ref: l,
@@ -478,11 +479,11 @@ const Se = pt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     children: h === "left" ? /* @__PURE__ */ x(k, {
       ...g
     }) : /* @__PURE__ */ x(I, {
-      ...j
+      ...L
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Lt.propTypes = {
+process.env.NODE_ENV !== "production" && (jt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -490,74 +491,74 @@ process.env.NODE_ENV !== "production" && (Lt.propTypes = {
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * The direction the button should indicate.
    */
-  direction: e.oneOf(["left", "right"]).isRequired,
+  direction: o.oneOf(["left", "right"]).isRequired,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * The component orientation (layout flow direction).
    */
-  orientation: e.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: e.shape({
-    endScrollButtonIcon: e.oneOfType([e.func, e.object]),
-    startScrollButtonIcon: e.oneOfType([e.func, e.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: e.shape({
-    EndScrollButtonIcon: e.elementType,
-    StartScrollButtonIcon: e.elementType
+  slots: o.shape({
+    EndScrollButtonIcon: o.elementType,
+    StartScrollButtonIcon: o.elementType
   }),
   /**
    * @ignore
    */
-  style: e.object,
+  style: o.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: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function ge(o) {
-  return ft("MuiTabs", o);
+function To(e) {
+  return ft("MuiTabs", e);
 }
-const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), 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 ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Rt = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, Ot = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, et = (e, t, l) => {
+  let d = !1, i = l(e, t);
   for (; i; ) {
-    if (i === o.firstChild) {
+    if (i === e.firstChild) {
       if (d)
         return;
       d = !0;
     }
     const u = i.disabled || i.getAttribute("aria-disabled") === "true";
     if (!i.hasAttribute("tabindex") || u)
-      i = l(o, i);
+      i = l(e, i);
     else {
       i.focus();
       return;
     }
   }
-}, Te = (o) => {
+}, wo = (e) => {
   const {
     vertical: t,
     fixed: l,
@@ -567,7 +568,7 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     centered: b,
     scrollButtonsHideMobile: h,
     classes: f
-  } = o;
+  } = e;
   return mt({
     root: ["root", t && "vertical"],
     scroller: ["scroller", l && "fixed", d && "hideScrollbar", i && "scrollableX", u && "scrollableY"],
@@ -576,14 +577,14 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
     scrollableX: [i && "scrollableX"],
     hideScrollbar: [d && "hideScrollbar"]
-  }, ge, f);
-}, we = L("div", {
+  }, To, f);
+}, Bo = j("div", {
   name: "MuiTabs",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: l
-    } = o;
+    } = e;
     return [{
       [`& .${ut.scrollButtons}`]: t.scrollButtons
     }, {
@@ -591,7 +592,7 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     }, t.root, l.vertical && t.vertical];
   }
 })(bt(({
-  theme: o
+  theme: e
 }) => ({
   overflow: "hidden",
   minHeight: 48,
@@ -611,19 +612,19 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     }) => t.scrollButtonsHideMobile,
     style: {
       [`& .${ut.scrollButtons}`]: {
-        [o.breakpoints.down("sm")]: {
+        [e.breakpoints.down("sm")]: {
           display: "none"
         }
       }
     }
   }]
-}))), Be = L("div", {
+}))), xo = j("div", {
   name: "MuiTabs",
   slot: "Scroller",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: l
-    } = o;
+    } = e;
     return [t.scroller, l.fixed && t.fixed, l.hideScrollbar && t.hideScrollbar, l.scrollableX && t.scrollableX, l.scrollableY && t.scrollableY];
   }
 })({
@@ -633,16 +634,16 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   whiteSpace: "nowrap",
   variants: [{
     props: ({
-      ownerState: o
-    }) => o.fixed,
+      ownerState: e
+    }) => e.fixed,
     style: {
       overflowX: "hidden",
       width: "100%"
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.hideScrollbar,
+      ownerState: e
+    }) => e.hideScrollbar,
     style: {
       // Hide dimensionless scrollbar on macOS
       scrollbarWidth: "none",
@@ -654,72 +655,72 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.scrollableX,
+      ownerState: e
+    }) => e.scrollableX,
     style: {
       overflowX: "auto",
       overflowY: "hidden"
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.scrollableY,
+      ownerState: e
+    }) => e.scrollableY,
     style: {
       overflowY: "auto",
       overflowX: "hidden"
     }
   }]
-}), xe = L("div", {
+}), Co = j("div", {
   name: "MuiTabs",
   slot: "FlexContainer",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, t) => {
     const {
       ownerState: l
-    } = o;
+    } = e;
     return [t.flexContainer, l.vertical && t.flexContainerVertical, l.centered && t.centered];
   }
 })({
   display: "flex",
   variants: [{
     props: ({
-      ownerState: o
-    }) => o.vertical,
+      ownerState: e
+    }) => e.vertical,
     style: {
       flexDirection: "column"
     }
   }, {
     props: ({
-      ownerState: o
-    }) => o.centered,
+      ownerState: e
+    }) => e.centered,
     style: {
       justifyContent: "center"
     }
   }]
-}), Ce = L("span", {
+}), Io = j("span", {
   name: "MuiTabs",
   slot: "Indicator",
-  overridesResolver: (o, t) => t.indicator
+  overridesResolver: (e, t) => t.indicator
 })(bt(({
-  theme: o
+  theme: e
 }) => ({
   position: "absolute",
   height: 2,
   bottom: 0,
   width: "100%",
-  transition: o.transitions.create(),
+  transition: e.transitions.create(),
   variants: [{
     props: {
       indicatorColor: "primary"
     },
     style: {
-      backgroundColor: (o.vars || o).palette.primary.main
+      backgroundColor: (e.vars || e).palette.primary.main
     }
   }, {
     props: {
       indicatorColor: "secondary"
     },
     style: {
-      backgroundColor: (o.vars || o).palette.secondary.main
+      backgroundColor: (e.vars || e).palette.secondary.main
     }
   }, {
     props: ({
@@ -731,7 +732,7 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       right: 0
     }
   }]
-}))), Ie = L(Ft)({
+}))), Eo = j(Ft)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -743,11 +744,11 @@ const ut = pt("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   }
 }), Nt = {};
 let Pt = !1;
-const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
+const Mo = /* @__PURE__ */ c.forwardRef(function(t, l) {
   const d = ht({
     props: t,
     name: "MuiTabs"
-  }), i = re(), u = zt(), {
+  }), i = ro(), u = zt(), {
     "aria-label": b,
     "aria-labelledby": h,
     action: f,
@@ -759,7 +760,7 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
     indicatorColor: k = "primary",
     onChange: I,
     orientation: g = "horizontal",
-    ScrollButtonComponent: j = Lt,
+    ScrollButtonComponent: L = jt,
     scrollButtons: M = "auto",
     selectionFollowsFocus: nt,
     slots: H = {},
@@ -770,8 +771,8 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
     value: N,
     variant: R = "standard",
     visibleScrollbar: lt = !1,
-    ...jt
-  } = 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", D = {
+    ...Lt
+  } = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", Z = B ? "top" : "left", J = B ? "bottom" : "right", st = B ? "clientHeight" : "clientWidth", Y = B ? "height" : "width", D = {
     ...d,
     component: m,
     allowScrollButtonsMobile: C,
@@ -788,7 +789,7 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
     scrollableY: w && B,
     centered: S && !w,
     scrollButtonsHideMobile: !C
-  }, P = Te(D), Ht = rt({
+  }, P = wo(D), Ht = rt({
     elementType: H.StartScrollButtonIcon,
     externalSlotProps: U.startScrollButtonIcon,
     ownerState: D
@@ -798,10 +799,10 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
     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, Ut] = c.useState(!1), [$, vt] = c.useState(Nt), [yt, Xt] = c.useState(!1), [gt, Yt] = c.useState(!1), [Tt, _t] = c.useState(!1), [wt, Kt] = c.useState({
+  const [St, Ut] = c.useState(!1), [$, vt] = c.useState(Nt), [yt, Xt] = c.useState(!1), [gt, Yt] = c.useState(!1), [Tt, Kt] = c.useState(!1), [wt, _t] = c.useState({
     overflow: "hidden",
     scrollbarWidth: 0
-  }), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Bt = () => {
+  }), Q = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Bt = () => {
     const r = O.current;
     let n;
     if (r) {
@@ -821,8 +822,8 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
     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(`
+        const p = a[Q.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}".`, Q.keys ? `You can provide one of the following values: ${Array.from(Q.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
         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(`
 `)), Pt = !0);
@@ -832,7 +833,7 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
       tabsMeta: n,
       tabMeta: s
     };
-  }, _ = dt(() => {
+  }, K = dt(() => {
     const {
       tabsMeta: r,
       tabMeta: n
@@ -853,7 +854,7 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
   }), at = (r, {
     animation: n = !0
   } = {}) => {
-    n ? be(X, O.current, r, {
+    n ? ho(X, O.current, r, {
       duration: i.transitions.duration.standard
     }) : O.current[X] = r;
   }, xt = (r) => {
@@ -876,19 +877,19 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
     xt(-1 * Ct());
   }, Gt = () => {
     xt(Ct());
-  }, Jt = c.useCallback((r) => {
-    Kt({
+  }, Zt = c.useCallback((r) => {
+    _t({
       overflow: null,
       scrollbarWidth: r
     });
-  }, []), Qt = () => {
+  }, []), Jt = () => {
     const r = {};
-    r.scrollbarSizeListener = w ? /* @__PURE__ */ x(Ie, {
-      onChange: Jt,
+    r.scrollbarSizeListener = w ? /* @__PURE__ */ x(Eo, {
+      onChange: Zt,
       className: W(P.scrollableX, P.hideScrollbar)
     }) : null;
     const s = w && (M === "auto" && (yt || gt) || M === !0);
-    return r.scrollButtonStart = s ? /* @__PURE__ */ x(j, {
+    return r.scrollButtonStart = s ? /* @__PURE__ */ x(L, {
       slots: {
         StartScrollButtonIcon: H.StartScrollButtonIcon
       },
@@ -901,7 +902,7 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
       disabled: !yt,
       ...z,
       className: W(P.scrollButtons, z.className)
-    }) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(j, {
+    }) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(L, {
       slots: {
         EndScrollButtonIcon: H.EndScrollButtonIcon
       },
@@ -921,32 +922,32 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
       tabMeta: s
     } = Bt();
     if (!(!s || !n)) {
-      if (s[J] < n[J]) {
-        const a = n[X] + (s[J] - n[J]);
+      if (s[Z] < n[Z]) {
+        const a = n[X] + (s[Z] - n[Z]);
         at(a, {
           animation: r
         });
-      } else if (s[Q] > n[Q]) {
-        const a = n[X] + (s[Q] - n[Q]);
+      } else if (s[J] > n[J]) {
+        const a = n[X] + (s[J] - n[J]);
         at(a, {
           animation: r
         });
       }
     }
   }), tt = dt(() => {
-    w && M !== !1 && _t(!Tt);
+    w && M !== !1 && Kt(!Tt);
   });
   c.useEffect(() => {
     const r = Dt(() => {
-      O.current && _();
+      O.current && K();
     });
     let n;
     const s = (E) => {
       E.forEach((F) => {
-        F.removedNodes.forEach((K) => {
-          n == null || n.unobserve(K);
-        }), F.addedNodes.forEach((K) => {
-          n == null || n.observe(K);
+        F.removedNodes.forEach((_) => {
+          n == null || n.unobserve(_);
+        }), F.addedNodes.forEach((_) => {
+          n == null || n.observe(_);
         });
       }), r(), tt();
     }, a = $t(O.current);
@@ -959,7 +960,7 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
     })), () => {
       r.clear(), a.removeEventListener("resize", r), p == null || p.disconnect(), n == null || n.disconnect();
     };
-  }, [_, tt]), c.useEffect(() => {
+  }, [K, tt]), 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 = {
@@ -969,9 +970,9 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
         Xt(!ct[0].isIntersecting);
       }, F = new IntersectionObserver(E, p);
       F.observe(s);
-      const K = (ct) => {
+      const _ = (ct) => {
         Yt(!ct[0].isIntersecting);
-      }, Mt = new IntersectionObserver(K, p);
+      }, Mt = new IntersectionObserver(_, p);
       return Mt.observe(a), () => {
         F.disconnect(), Mt.disconnect();
       };
@@ -979,14 +980,14 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
   }, [w, M, Tt, v == null ? void 0 : v.length]), c.useEffect(() => {
     Ut(!0);
   }, []), c.useEffect(() => {
-    _();
+    K();
   }), c.useEffect(() => {
     It(Nt !== $);
   }, [It, $]), c.useImperativeHandle(f, () => ({
-    updateIndicator: _,
+    updateIndicator: K,
     updateScrollButtons: tt
-  }), [_, tt]);
-  const Et = /* @__PURE__ */ x(Ce, {
+  }), [K, tt]);
+  const Et = /* @__PURE__ */ x(Io, {
     ...V,
     className: W(P.indicator, V.className),
     ownerState: D,
@@ -995,16 +996,16 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
       ...V.style
     }
   });
-  let et = 0;
-  const Zt = c.Children.map(v, (r) => {
+  let ot = 0;
+  const Qt = c.Children.map(v, (r) => {
     if (!/* @__PURE__ */ c.isValidElement(r))
       return null;
-    process.env.NODE_ENV !== "production" && ee.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" && oo.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    const n = r.props.value === void 0 ? et : r.props.value;
-    Z.set(n, et);
+    const n = r.props.value === void 0 ? ot : r.props.value;
+    Q.set(n, ot);
     const s = n === N;
-    return et += 1, /* @__PURE__ */ c.cloneElement(r, {
+    return ot += 1, /* @__PURE__ */ c.cloneElement(r, {
       fullWidth: R === "fullWidth",
       indicator: s && !St && Et,
       selected: s,
@@ -1012,37 +1013,37 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
       onChange: I,
       textColor: G,
       value: n,
-      ...et === 1 && N === !1 && !r.props.tabIndex ? {
+      ...ot === 1 && N === !1 && !r.props.tabIndex ? {
         tabIndex: 0
       } : {}
     });
-  }), te = (r) => {
-    const n = A.current, s = le(n).activeElement;
+  }), to = (r) => {
+    const n = A.current, s = lo(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"), r.key) {
       case p:
-        r.preventDefault(), ot(n, s, Ot);
+        r.preventDefault(), et(n, s, Ot);
         break;
       case E:
-        r.preventDefault(), ot(n, s, Rt);
+        r.preventDefault(), et(n, s, Rt);
         break;
       case "Home":
-        r.preventDefault(), ot(n, null, Rt);
+        r.preventDefault(), et(n, null, Rt);
         break;
       case "End":
-        r.preventDefault(), ot(n, null, Ot);
+        r.preventDefault(), et(n, null, Ot);
         break;
     }
-  }, it = Qt();
-  return /* @__PURE__ */ q(we, {
+  }, it = Jt();
+  return /* @__PURE__ */ q(Bo, {
     className: W(P.root, y),
     ownerState: D,
     ref: l,
     as: m,
-    ...jt,
-    children: [it.scrollButtonStart, it.scrollbarSizeListener, /* @__PURE__ */ q(Be, {
+    ...Lt,
+    children: [it.scrollButtonStart, it.scrollbarSizeListener, /* @__PURE__ */ q(xo, {
       className: P.scroller,
       ownerState: D,
       style: {
@@ -1050,21 +1051,21 @@ const Ee = /* @__PURE__ */ c.forwardRef(function(t, l) {
         [B ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: lt ? void 0 : -wt.scrollbarWidth
       },
       ref: O,
-      children: [/* @__PURE__ */ x(xe, {
+      children: [/* @__PURE__ */ x(Co, {
         "aria-label": b,
         "aria-labelledby": h,
         "aria-orientation": g === "vertical" ? "vertical" : null,
         className: P.flexContainer,
         ownerState: D,
-        onKeyDown: te,
+        onKeyDown: to,
         ref: A,
         role: "tablist",
-        children: Zt
+        children: Qt
       }), St && Et]
     }), it.scrollButtonEnd]
   });
 });
-process.env.NODE_ENV !== "production" && (Ee.propTypes = {
+process.env.NODE_ENV !== "production" && (Mo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1077,66 +1078,66 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: se,
+  action: so,
   /**
    * 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: o.bool,
   /**
    * The label for the Tabs as a string.
    */
-  "aria-label": e.string,
+  "aria-label": o.string,
   /**
    * An id or list of ids separated by a space that label the Tabs.
    */
-  "aria-labelledby": e.string,
+  "aria-labelledby": o.string,
   /**
    * If `true`, the tabs are centered.
    * This prop is intended for large views.
    * @default false
    */
-  centered: e.bool,
+  centered: o.bool,
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: o.elementType,
   /**
    * Determines the color of the indicator.
    * @default 'primary'
    */
-  indicatorColor: e.oneOfType([e.oneOf(["primary", "secondary"]), e.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: e.func,
+  onChange: o.func,
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation: e.oneOf(["horizontal", "vertical"]),
+  orientation: o.oneOf(["horizontal", "vertical"]),
   /**
    * The component used to render the scroll buttons.
    * @default TabScrollButton
    */
-  ScrollButtonComponent: e.elementType,
+  ScrollButtonComponent: o.elementType,
   /**
    * Determine behavior of scroll buttons when tabs are set to scroll:
    *
@@ -1148,53 +1149,53 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
    * This behavior can be disabled with `allowScrollButtonsMobile`.
    * @default 'auto'
    */
-  scrollButtons: e.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: e.bool,
+  selectionFollowsFocus: o.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: 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: e.shape({
-    EndScrollButtonIcon: e.elementType,
-    StartScrollButtonIcon: e.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: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.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: e.object,
+  TabIndicatorProps: o.object,
   /**
    * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
    * @default {}
    */
-  TabScrollButtonProps: e.object,
+  TabScrollButtonProps: o.object,
   /**
    * Determines the color of the `Tab`.
    * @default 'primary'
    */
-  textColor: e.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: e.any,
+  value: o.any,
   /**
    * Determines additional display behavior of the tabs:
    *
@@ -1205,21 +1206,21 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
    *  - `standard` will render the default state.
    * @default 'standard'
    */
-  variant: e.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: e.bool
+  visibleScrollbar: o.bool
 });
 export {
-  pe as K,
-  de as T,
-  Ee as a,
+  fo as K,
+  uo as T,
+  Mo as a,
   ut as b,
-  ge as c,
-  ue as d,
-  ae as g,
+  To as c,
+  po as d,
+  ao as g,
   T as t
 };