@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750752562

package/dist/{Tab-52AkFc9v.js → Tab-Ckr6Bn59.js}

@@ -1,22 +1,21 @@
 import * as s from "react";
 import { P as e } from "./index-Sy88PpwE.js";
 import { jsx as T, jsxs as G } from "react/jsx-runtime";
-import { F as ae, G as ie, H as j, X as wo } from "./generateUtilityClasses-DngCqveO.js";
-import { u as ze } from "./index-DX2Sl0Ig.js";
-import { u as xo } from "./useTheme-C59wIJ3-.js";
-import { u as Se, s as D, c as ce } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { m as ve } from "./memoTheme-nmt7i1dS.js";
-import { a as Bo, u as me } from "./useEventCallback-Yoj9nCug.js";
-import { d as Fe } from "./debounce-46wSf_lW.js";
-import { o as Ae } from "./ownerWindow-niciwP7I.js";
-import { u as H } from "./useSlot-BDb1lvxu.js";
-import { u as se } from "./useSlotProps-B_D8u0j-.js";
-import { c as Ve } from "./createSvgIcon-BlKmtOkV.js";
-import { B as He } from "./ButtonBase-Chb99sDQ.js";
+import { F as ae, G as ie, H as j, Y as wo, K as ze } from "./identifier-PWESmBq6.js";
+import { u as Fe } from "./index-DX2Sl0Ig.js";
+import { u as xo } from "./useTheme-XJ9sFCWX.js";
+import { u as Se, s as D, c as ce } from "./DefaultPropsProvider-DqazQPtr.js";
+import { m as ve } from "./memoTheme-DAFDflPY.js";
+import { u as Bo, a as me } from "./useEventCallback-Y2KwRxBw.js";
+import { d as Ae } from "./debounce-46wSf_lW.js";
+import { o as Ve } from "./ownerWindow-niciwP7I.js";
+import { u as H } from "./useSlot-BzdKwDQ5.js";
+import { u as se } from "./useSlotProps-DdMuGelR.js";
+import { c as He } from "./createSvgIcon-B1E6Wo8z.js";
+import { B as Ue } from "./ButtonBase-6TF6t2SP.js";
 import { o as Co } from "./ownerDocument-CUrv0DIK.js";
 import { r as Eo } from "./refType-Dp7CJc86.js";
-import { u as Io } from "./useThemeProps-BFQ8ndnj.js";
-import { c as Ue } from "./capitalize-BHFotl9B.js";
+import { u as Io } from "./useThemeProps-CQ9rZe7g.js";
 import { u as Po } from "./unsupportedProp-BuVD30Gh.js";
 const Te = /* @__PURE__ */ s.createContext(null);
 process.env.NODE_ENV !== "production" && (Te.displayName = "TabContext");
@@ -53,28 +52,28 @@ process.env.NODE_ENV !== "production" && (Oo.propTypes = {
    */
   value: e.oneOfType([e.number, e.string]).isRequired
 });
-function Xe() {
+function Ke() {
   return s.useContext(Te);
 }
-function Ke(t, o) {
+function Xe(t, o) {
   const {
     idPrefix: r
   } = t;
   return r === null ? null : `${t.idPrefix}-P-${o}`;
 }
-function _e(t, o) {
+function Ye(t, o) {
   const {
     idPrefix: r
   } = t;
   return r === null ? null : `${t.idPrefix}-T-${o}`;
 }
-function Ro(t) {
+function No(t) {
   return (1 + Math.sin(Math.PI * t - Math.PI / 2)) / 2;
 }
-function No(t, o, r, a = {}, i = () => {
+function Ro(t, o, r, a = {}, i = () => {
 }) {
   const {
-    ease: d = Ro,
+    ease: d = No,
     duration: p = 300
     // standard
   } = a;
@@ -107,7 +106,7 @@ const jo = {
   top: -9999,
   overflow: "scroll"
 };
-function Ye(t) {
+function _e(t) {
   const {
     onChange: o,
     ...r
@@ -115,10 +114,10 @@ function Ye(t) {
     a.current = i.current.offsetHeight - i.current.clientHeight;
   };
   return Bo(() => {
-    const p = Fe(() => {
+    const p = Ae(() => {
       const h = a.current;
       d(), h !== a.current && o(a.current);
-    }), f = Ae(i.current);
+    }), f = Ve(i.current);
     return f.addEventListener("resize", p), () => {
       p.clear(), f.removeEventListener("resize", p);
     };
@@ -130,12 +129,12 @@ function Ye(t) {
     ref: i
   });
 }
-process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+process.env.NODE_ENV !== "production" && (_e.propTypes = {
   onChange: e.func.isRequired
 });
-const ko = Ve(/* @__PURE__ */ T("path", {
+const ko = He(/* @__PURE__ */ T("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), $o = Ve(/* @__PURE__ */ T("path", {
+}), "KeyboardArrowLeft"), $o = He(/* @__PURE__ */ T("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
 function Do(t) {
@@ -150,7 +149,7 @@ const Wo = ae("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   return ce({
     root: ["root", r, a && "disabled"]
   }, Do, o);
-}, zo = D(He, {
+}, zo = D(Ue, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -190,7 +189,7 @@ const Wo = ae("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     orientation: h,
     disabled: S,
     ...v
-  } = a, m = ze(), y = {
+  } = a, m = Fe(), y = {
     isRtl: m,
     ...a
   }, g = Lo(y), W = d.StartScrollButtonIcon ?? ko, E = d.EndScrollButtonIcon ?? $o, x = se({
@@ -442,10 +441,9 @@ const ye = ae("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       justifyContent: "center"
     }
   }]
-}), Xo = D("span", {
+}), Ko = D("span", {
   name: "MuiTabs",
-  slot: "Indicator",
-  overridesResolver: (t, o) => o.indicator
+  slot: "Indicator"
 })(ve(({
   theme: t
 }) => ({
@@ -478,7 +476,7 @@ const ye = ae("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       right: 0
     }
   }]
-}))), Ko = D(Ye)({
+}))), Xo = D(_e)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -494,7 +492,7 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
   const a = Se({
     props: o,
     name: "MuiTabs"
-  }), i = xo(), d = ze(), {
+  }), i = xo(), d = Fe(), {
     "aria-label": p,
     "aria-labelledby": f,
     action: h,
@@ -514,14 +512,14 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
     slotProps: A = {},
     TabIndicatorProps: U = {},
     // TODO: remove in v7 (deprecated in v6)
-    TabScrollButtonProps: X = {},
+    TabScrollButtonProps: K = {},
     // TODO: remove in v7 (deprecated in v6)
     textColor: Q = "primary",
     value: k,
     variant: O = "standard",
     visibleScrollbar: ue = !1,
     ...Je
-  } = a, B = O === "scrollable", C = x === "vertical", K = C ? "scrollTop" : "scrollLeft", Z = C ? "top" : "left", ee = C ? "bottom" : "right", pe = C ? "clientHeight" : "clientWidth", _ = C ? "height" : "width", R = {
+  } = a, B = O === "scrollable", C = x === "vertical", X = C ? "scrollTop" : "scrollLeft", Z = C ? "top" : "left", ee = C ? "bottom" : "right", pe = C ? "clientHeight" : "clientWidth", Y = C ? "height" : "width", N = {
     ...a,
     component: y,
     allowScrollButtonsMobile: g,
@@ -538,28 +536,28 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
     scrollableY: B && C,
     centered: S && !B,
     scrollButtonsHideMobile: !g
-  }, $ = Ao(R), Qe = se({
+  }, $ = Ao(N), Qe = se({
     elementType: M.StartScrollButtonIcon,
     externalSlotProps: A.startScrollButtonIcon,
-    ownerState: R
+    ownerState: N
   }), Ze = se({
     elementType: M.EndScrollButtonIcon,
     externalSlotProps: A.endScrollButtonIcon,
-    ownerState: R
+    ownerState: N
   });
   process.env.NODE_ENV !== "production" && S && B && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
   const [ge, eo] = s.useState(!1), [L, we] = s.useState(We), [xe, oo] = s.useState(!1), [Be, to] = s.useState(!1), [Ce, no] = s.useState(!1), [Ee, ro] = s.useState({
     overflow: "hidden",
     scrollbarWidth: 0
-  }), oe = /* @__PURE__ */ new Map(), N = s.useRef(null), z = s.useRef(null), V = {
+  }), oe = /* @__PURE__ */ new Map(), R = s.useRef(null), z = s.useRef(null), V = {
     slots: M,
     slotProps: {
       indicator: U,
-      scrollButton: X,
+      scrollButton: K,
       ...A
     }
   }, Ie = () => {
-    const n = N.current;
+    const n = R.current;
     let l;
     if (n) {
       const u = n.getBoundingClientRect();
@@ -589,7 +587,7 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
       tabsMeta: l,
       tabMeta: c
     };
-  }, Y = me(() => {
+  }, _ = me(() => {
     const {
       tabsMeta: n,
       tabMeta: l
@@ -599,25 +597,25 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
     const b = {
       [u]: c,
       // May be wrong until the font is loaded.
-      [_]: l ? l[_] : 0
+      [Y]: l ? l[Y] : 0
     };
-    if (typeof L[u] != "number" || typeof L[_] != "number")
+    if (typeof L[u] != "number" || typeof L[Y] != "number")
       we(b);
     else {
-      const I = Math.abs(L[u] - b[u]), F = Math.abs(L[_] - b[_]);
+      const I = Math.abs(L[u] - b[u]), F = Math.abs(L[Y] - b[Y]);
       (I >= 1 || F >= 1) && we(b);
     }
   }), fe = (n, {
     animation: l = !0
   } = {}) => {
-    l ? No(K, N.current, n, {
+    l ? Ro(X, R.current, n, {
       duration: i.transitions.duration.standard
-    }) : N.current[K] = n;
+    }) : R.current[X] = n;
   }, Pe = (n) => {
-    let l = N.current[K];
+    let l = R.current[X];
     C ? l += n : l += n * (d ? -1 : 1), fe(l);
   }, Me = () => {
-    const n = N.current[pe];
+    const n = R.current[pe];
     let l = 0;
     const c = Array.from(z.current.children);
     for (let u = 0; u < c.length; u += 1) {
@@ -638,20 +636,20 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
     ...io
   }] = H("scrollbar", {
     className: j($.scrollableX, $.hideScrollbar),
-    elementType: Ko,
+    elementType: Xo,
     shouldForwardComponentProp: !0,
     externalForwardedProps: V,
-    ownerState: R
+    ownerState: N
   }), co = s.useCallback((n) => {
     te == null || te(n), ro({
       overflow: null,
       scrollbarWidth: n
     });
-  }, [te]), [Oe, Re] = H("scrollButtons", {
-    className: j($.scrollButtons, X.className),
+  }, [te]), [Oe, Ne] = H("scrollButtons", {
+    className: j($.scrollButtons, K.className),
     elementType: qe,
     externalForwardedProps: V,
-    ownerState: R,
+    ownerState: N,
     additionalProps: {
       orientation: x,
       slots: {
@@ -674,26 +672,26 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
       direction: d ? "right" : "left",
       onClick: lo,
       disabled: !xe,
-      ...Re
+      ...Ne
     }) : null, n.scrollButtonEnd = c ? /* @__PURE__ */ T(Oe, {
       direction: d ? "left" : "right",
       onClick: so,
       disabled: !Be,
-      ...Re
+      ...Ne
     }) : null, n;
-  }, Ne = me((n) => {
+  }, Re = me((n) => {
     const {
       tabsMeta: l,
       tabMeta: c
     } = Ie();
     if (!(!c || !l)) {
       if (c[Z] < l[Z]) {
-        const u = l[K] + (c[Z] - l[Z]);
+        const u = l[X] + (c[Z] - l[Z]);
         fe(u, {
           animation: n
         });
       } else if (c[ee] > l[ee]) {
-        const u = l[K] + (c[ee] - l[ee]);
+        const u = l[X] + (c[ee] - l[ee]);
         fe(u, {
           animation: n
         });
@@ -703,8 +701,8 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
     B && P !== !1 && no(!Ce);
   });
   s.useEffect(() => {
-    const n = Fe(() => {
-      N.current && Y();
+    const n = Ae(() => {
+      R.current && _();
     });
     let l;
     const c = (I) => {
@@ -715,7 +713,7 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
           l == null || l.observe(q);
         });
       }), n(), ne();
-    }, u = Ae(N.current);
+    }, u = Ve(R.current);
     u.addEventListener("resize", n);
     let b;
     return typeof ResizeObserver < "u" && (l = new ResizeObserver(n), Array.from(z.current.children).forEach((I) => {
@@ -725,11 +723,11 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
     })), () => {
       n.clear(), u.removeEventListener("resize", n), b == null || b.disconnect(), l == null || l.disconnect();
     };
-  }, [Y, ne]), s.useEffect(() => {
+  }, [_, ne]), s.useEffect(() => {
     const n = Array.from(z.current.children), l = n.length;
     if (typeof IntersectionObserver < "u" && l > 0 && B && P !== !1) {
       const c = n[0], u = n[l - 1], b = {
-        root: N.current,
+        root: R.current,
         threshold: 0.99
       }, I = (he) => {
         oo(!he[0].isIntersecting);
@@ -745,18 +743,18 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
   }, [B, P, Ce, v == null ? void 0 : v.length]), s.useEffect(() => {
     eo(!0);
   }, []), s.useEffect(() => {
-    Y();
+    _();
   }), s.useEffect(() => {
-    Ne(We !== L);
-  }, [Ne, L]), s.useImperativeHandle(h, () => ({
-    updateIndicator: Y,
+    Re(We !== L);
+  }, [Re, L]), s.useImperativeHandle(h, () => ({
+    updateIndicator: _,
     updateScrollButtons: ne
-  }), [Y, ne]);
+  }), [_, ne]);
   const [po, fo] = H("indicator", {
     className: j($.indicator, U.className),
-    elementType: Xo,
+    elementType: Ko,
     externalForwardedProps: V,
-    ownerState: R,
+    ownerState: N,
     additionalProps: {
       style: L
     }
@@ -814,13 +812,13 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
       ...Je,
       component: y
     },
-    ownerState: R
+    ownerState: N
   }), [So, vo] = H("scroller", {
-    ref: N,
+    ref: R,
     className: $.scroller,
     elementType: Ho,
     externalForwardedProps: V,
-    ownerState: R,
+    ownerState: N,
     additionalProps: {
       style: {
         overflow: Ee.overflow,
@@ -832,7 +830,7 @@ const Ge = /* @__PURE__ */ s.forwardRef(function(o, r) {
     className: j($.list, $.flexContainer),
     elementType: Uo,
     externalForwardedProps: V,
-    ownerState: R,
+    ownerState: N,
     getSlotProps: (n) => ({
       ...n,
       onKeyDown: (l) => {
@@ -1021,17 +1019,17 @@ process.env.NODE_ENV !== "production" && (Ge.propTypes = {
    */
   visibleScrollbar: e.bool
 });
-const _o = /* @__PURE__ */ s.forwardRef(function(o, r) {
+const Yo = /* @__PURE__ */ s.forwardRef(function(o, r) {
   const {
     children: a,
     ...i
-  } = o, d = Xe();
+  } = o, d = Ke();
   if (d === null)
     throw new TypeError("No TabContext provided");
   const p = s.Children.map(a, (f) => /* @__PURE__ */ s.isValidElement(f) ? /* @__PURE__ */ s.cloneElement(f, {
     // SOMEDAY: `Tabs` will set those themselves
-    "aria-controls": Ke(d, f.props.value),
-    id: _e(d, f.props.value)
+    "aria-controls": Xe(d, f.props.value),
+    id: Ye(d, f.props.value)
   }) : null);
   return /* @__PURE__ */ T(Ge, {
     ...i,
@@ -1040,7 +1038,7 @@ const _o = /* @__PURE__ */ s.forwardRef(function(o, r) {
     children: p
   });
 });
-process.env.NODE_ENV !== "production" && (_o.propTypes = {
+process.env.NODE_ENV !== "production" && (Yo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1050,21 +1048,20 @@ process.env.NODE_ENV !== "production" && (_o.propTypes = {
    */
   children: e.node
 });
-function Yo(t) {
+function _o(t) {
   return ie("MuiTabPanel", t);
 }
-const gt = ae("MuiTabPanel", ["root", "hidden"]), qo = (t) => {
+const Tt = ae("MuiTabPanel", ["root", "hidden"]), qo = (t) => {
   const {
     classes: o,
     hidden: r
   } = t;
   return ce({
     root: ["root", r && "hidden"]
-  }, Yo, o);
+  }, _o, o);
 }, Go = D("div", {
   name: "MuiTabPanel",
-  slot: "Root",
-  overridesResolver: (t, o) => o.root
+  slot: "Root"
 })(({
   theme: t
 }) => ({
@@ -1081,10 +1078,10 @@ const gt = ae("MuiTabPanel", ["root", "hidden"]), qo = (t) => {
     ...h
   } = a, S = {
     ...a
-  }, v = qo(S), m = Xe();
+  }, v = qo(S), m = Ke();
   if (m === null)
     throw new TypeError("No TabContext provided");
-  const y = Ke(m, p), g = _e(m, p);
+  const y = Xe(m, p), g = Ye(m, p);
   return /* @__PURE__ */ T(Go, {
     "aria-labelledby": g,
     className: j(v.root, d),
@@ -1143,18 +1140,18 @@ const w = ae("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     selected: f,
     disabled: h
   } = t, S = {
-    root: ["root", d && p && "labelIcon", `textColor${Ue(r)}`, a && "fullWidth", i && "wrapped", f && "selected", h && "disabled"],
+    root: ["root", d && p && "labelIcon", `textColor${ze(r)}`, a && "fullWidth", i && "wrapped", f && "selected", h && "disabled"],
     icon: ["iconWrapper", "icon"]
   };
   return ce(S, Qo, o);
-}, et = D(He, {
+}, et = D(Ue, {
   name: "MuiTab",
   slot: "Root",
   overridesResolver: (t, o) => {
     const {
       ownerState: r
     } = t;
-    return [o.root, r.label && r.icon && o.labelIcon, o[`textColor${Ue(r.textColor)}`], r.fullWidth && o.fullWidth, r.wrapped && o.wrapped, {
+    return [o.root, r.label && r.icon && o.labelIcon, o[`textColor${ze(r.textColor)}`], r.fullWidth && o.fullWidth, r.wrapped && o.wrapped, {
       [`& .${w.iconWrapper}`]: o.iconWrapper
     }, {
       [`& .${w.icon}`]: o.icon
@@ -1334,7 +1331,7 @@ const w = ae("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     fullWidth: f,
     textColor: J,
     wrapped: de
-  }, U = Zo(A), X = h && m && /* @__PURE__ */ s.isValidElement(h) ? /* @__PURE__ */ s.cloneElement(h, {
+  }, U = Zo(A), K = h && m && /* @__PURE__ */ s.isValidElement(h) ? /* @__PURE__ */ s.cloneElement(h, {
     className: j(U.icon, h.props.className)
   }) : h, Q = (O) => {
     !E && y && y(O, P), g && g(O);
@@ -1354,9 +1351,9 @@ const w = ae("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     tabIndex: E ? 0 : -1,
     ...M,
     children: [S === "top" || S === "start" ? /* @__PURE__ */ G(s.Fragment, {
-      children: [X, m]
+      children: [K, m]
     }) : /* @__PURE__ */ G(s.Fragment, {
-      children: [m, X]
+      children: [m, K]
     }), v]
   });
 });
@@ -1439,18 +1436,18 @@ process.env.NODE_ENV !== "production" && (ot.propTypes = {
 export {
   $o as K,
   Oo as T,
-  _o as a,
+  Yo as a,
   Jo as b,
   ot as c,
   Ge as d,
-  _e as e,
-  Yo as f,
-  Ke as g,
+  Ye as e,
+  _o as f,
+  Xe as g,
   w as h,
   Qo as i,
   ye as j,
   Fo as k,
   ko as l,
-  gt as t,
-  Xe as u
+  Tt as t,
+  Ke as u
 };

package/dist/Tab-r5imbU9z.cjs

@@ -0,0 +1,4 @@
+"use strict";const Co=require("react"),e=require("./index-DLnSn8GT.cjs"),P=require("react/jsx-runtime"),T=require("./identifier-BoZelETM.cjs"),Le=require("./index-CrINMjCH.cjs"),Bo=require("./useTheme-CooC_6Ep.cjs"),v=require("./DefaultPropsProvider-Cnf49AIv.cjs"),ye=require("./memoTheme-BKfsJx_F.cjs"),se=require("./useEventCallback-BxpcFap0.cjs"),ze=require("./debounce-DpCj7ugL.cjs"),qe=require("./ownerWindow-DDHucZi0.cjs"),F=require("./useSlot-C2FjoUpF.cjs"),ae=require("./useSlotProps-CrQGQLdL.cjs"),Ae=require("./createSvgIcon-IET9soda.cjs"),Ue=require("./ButtonBase-Dp6sf_dP.cjs"),Eo=require("./ownerDocument-4MViGo3k.cjs"),Io=require("./refType-B_IEJm4x.cjs"),Oo=require("./useThemeProps-C1A3rnbh.cjs"),Mo=require("./unsupportedProp-Bn6XWqwH.cjs");function Ro(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const a=Ro(Co),be=a.createContext(null);process.env.NODE_ENV!=="production"&&(be.displayName="TabContext");function No(){const[t,o]=a.useState(null);return a.useEffect(()=>{o(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),t}function Fe(t){const{children:o,value:n}=t,l=No(),c=a.useMemo(()=>({idPrefix:l,value:n}),[l,n]);return P.jsx(be.Provider,{value:c,children:o})}process.env.NODE_ENV!=="production"&&(Fe.propTypes={children:e.PropTypes.node,value:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).isRequired});function Te(){return a.useContext(be)}function Pe(t,o){const{idPrefix:n}=t;return n===null?null:`${t.idPrefix}-P-${o}`}function he(t,o){const{idPrefix:n}=t;return n===null?null:`${t.idPrefix}-T-${o}`}function jo(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function Do(t,o,n,l={},c=()=>{}){const{ease:p=jo,duration:d=300}=l;let f=null;const b=o[t];let S=!1;const g=()=>{S=!0},h=m=>{if(S){c(new Error("Animation cancelled"));return}f===null&&(f=m);const w=Math.min(1,(m-f)/d);if(o[t]=p(w)*(n-b)+b,w>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(h)};return b===n?(c(new Error("Element already at target position")),g):(requestAnimationFrame(h),g)}const ko={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Ve(t){const{onChange:o,...n}=t,l=a.useRef(),c=a.useRef(null),p=()=>{l.current=c.current.offsetHeight-c.current.clientHeight};return se.useEnhancedEffect(()=>{const d=ze.debounce(()=>{const b=l.current;p(),b!==l.current&&o(l.current)}),f=qe.ownerWindow(c.current);return f.addEventListener("resize",d),()=>{d.clear(),f.removeEventListener("resize",d)}},[o]),a.useEffect(()=>{p(),o(l.current)},[o]),P.jsx("div",{style:ko,...n,ref:c})}process.env.NODE_ENV!=="production"&&(Ve.propTypes={onChange:e.PropTypes.func.isRequired});const He=Ae.createSvgIcon(P.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),_e=Ae.createSvgIcon(P.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function $o(t){return T.generateUtilityClass("MuiTabScrollButton",t)}const Wo=T.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),Lo=t=>{const{classes:o,orientation:n,disabled:l}=t,c={root:["root",n,l&&"disabled"]};return v.composeClasses(c,$o,o)},zo=v.styled(Ue.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[o.root,n.orientation&&o[n.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${Wo.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),Ke=a.forwardRef(function(o,n){const l=v.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:p={},slotProps:d={},direction:f,orientation:b,disabled:S,...g}=l,h=Le.useRtl(),m={isRtl:h,...l},w=Lo(m),W=p.StartScrollButtonIcon??He,I=p.EndScrollButtonIcon??_e,C=ae.useSlotProps({elementType:W,externalSlotProps:d.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),G=ae.useSlotProps({elementType:I,externalSlotProps:d.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return P.jsx(zo,{component:"div",className:T.clsx(w.root,c),ref:n,role:null,ownerState:m,tabIndex:null,...g,style:{...g.style,...b==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${h?-90:90}deg)`}},children:f==="left"?P.jsx(W,{...C}):P.jsx(I,{...G})})});process.env.NODE_ENV!=="production"&&(Ke.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function Xe(t){return T.generateUtilityClass("MuiTabs",t)}const le=T.generateUtilityClasses("MuiTabs",["root","vertical","list","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),De=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,ke=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,ne=(t,o,n)=>{let l=!1,c=n(t,o);for(;c;){if(c===t.firstChild){if(l)return;l=!0}const p=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||p)c=n(t,c);else{c.focus();return}}},qo=t=>{const{vertical:o,fixed:n,hideScrollbar:l,scrollableX:c,scrollableY:p,centered:d,scrollButtonsHideMobile:f,classes:b}=t,S={root:["root",o&&"vertical"],scroller:["scroller",n&&"fixed",l&&"hideScrollbar",c&&"scrollableX",p&&"scrollableY"],list:["list","flexContainer",o&&"flexContainerVertical",o&&"vertical",d&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",f&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[l&&"hideScrollbar"]};return v.composeClasses(S,Xe,b)},Ao=v.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[{[`& .${le.scrollButtons}`]:o.scrollButtons},{[`& .${le.scrollButtons}`]:n.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,n.vertical&&o.vertical]}})(ye.memoTheme(({theme:t})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:o})=>o.vertical,style:{flexDirection:"column"}},{props:({ownerState:o})=>o.scrollButtonsHideMobile,style:{[`& .${le.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}}}]}))),Uo=v.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[o.scroller,n.fixed&&o.fixed,n.hideScrollbar&&o.hideScrollbar,n.scrollableX&&o.scrollableX,n.scrollableY&&o.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:t})=>t.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:t})=>t.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:t})=>t.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:t})=>t.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),Fo=v.styled("div",{name:"MuiTabs",slot:"List",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[o.list,o.flexContainer,n.vertical&&o.flexContainerVertical,n.centered&&o.centered]}})({display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.centered,style:{justifyContent:"center"}}]}),Vo=v.styled("span",{name:"MuiTabs",slot:"Indicator"})(ye.memoTheme(({theme:t})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(t.vars||t).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(t.vars||t).palette.secondary.main}},{props:({ownerState:o})=>o.vertical,style:{height:"100%",width:2,right:0}}]}))),Ho=v.styled(Ve)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),$e={};let We=!1;const Se=a.forwardRef(function(o,n){const l=v.useDefaultProps({props:o,name:"MuiTabs"}),c=Bo.useTheme(),p=Le.useRtl(),{"aria-label":d,"aria-labelledby":f,action:b,centered:S=!1,children:g,className:h,component:m="div",allowScrollButtonsMobile:w=!1,indicatorColor:W="primary",onChange:I,orientation:C="horizontal",ScrollButtonComponent:G,scrollButtons:M="auto",selectionFollowsFocus:ce,slots:R={},slotProps:A={},TabIndicatorProps:V={},TabScrollButtonProps:H={},textColor:J="primary",value:k,variant:N="standard",visibleScrollbar:ie=!1,...eo}=l,B=N==="scrollable",E=C==="vertical",_=E?"scrollTop":"scrollLeft",Q=E?"top":"left",Z=E?"bottom":"right",pe=E?"clientHeight":"clientWidth",K=E?"height":"width",j={...l,component:m,allowScrollButtonsMobile:w,indicatorColor:W,orientation:C,vertical:E,scrollButtons:M,textColor:J,variant:N,visibleScrollbar:ie,fixed:!B,hideScrollbar:B&&!ie,scrollableX:B&&!E,scrollableY:B&&E,centered:S&&!B,scrollButtonsHideMobile:!w},$=qo(j),oo=ae.useSlotProps({elementType:R.StartScrollButtonIcon,externalSlotProps:A.startScrollButtonIcon,ownerState:j}),to=ae.useSlotProps({elementType:R.EndScrollButtonIcon,externalSlotProps:A.endScrollButtonIcon,ownerState:j});process.env.NODE_ENV!=="production"&&S&&B&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[me,ro]=a.useState(!1),[L,ve]=a.useState($e),[ge,no]=a.useState(!1),[xe,so]=a.useState(!1),[we,lo]=a.useState(!1),[Ce,ao]=a.useState({overflow:"hidden",scrollbarWidth:0}),ee=new Map,D=a.useRef(null),z=a.useRef(null),U={slots:R,slotProps:{indicator:V,scrollButton:H,...A}},Be=()=>{const r=D.current;let s;if(r){const u=r.getBoundingClientRect();s={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollWidth:r.scrollWidth,top:u.top,bottom:u.bottom,left:u.left,right:u.right}}let i;if(r&&k!==!1){const u=z.current.children;if(u.length>0){const y=u[ee.get(k)];process.env.NODE_ENV!=="production"&&(y||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${k}".`,ee.keys?`You can provide one of the following values: ${Array.from(ee.keys()).join(", ")}.`:null].join(`
+`))),i=y?y.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!We&&i&&i.width===0&&i.height===0&&s.clientWidth!==0&&(s=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${k}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join(`
+`)),We=!0)}}return{tabsMeta:s,tabMeta:i}},X=se.useEventCallback(()=>{const{tabsMeta:r,tabMeta:s}=Be();let i=0,u;E?(u="top",s&&r&&(i=s.top-r.top+r.scrollTop)):(u=p?"right":"left",s&&r&&(i=(p?-1:1)*(s[u]-r[u]+r.scrollLeft)));const y={[u]:i,[K]:s?s[K]:0};if(typeof L[u]!="number"||typeof L[K]!="number")ve(y);else{const O=Math.abs(L[u]-y[u]),q=Math.abs(L[K]-y[K]);(O>=1||q>=1)&&ve(y)}}),ue=(r,{animation:s=!0}={})=>{s?Do(_,D.current,r,{duration:c.transitions.duration.standard}):D.current[_]=r},Ee=r=>{let s=D.current[_];E?s+=r:s+=r*(p?-1:1),ue(s)},Ie=()=>{const r=D.current[pe];let s=0;const i=Array.from(z.current.children);for(let u=0;u<i.length;u+=1){const y=i[u];if(s+y[pe]>r){u===0&&(s=r);break}s+=y[pe]}return s},co=()=>{Ee(-1*Ie())},io=()=>{Ee(Ie())},[po,{onChange:oe,...uo}]=F.useSlot("scrollbar",{className:T.clsx($.scrollableX,$.hideScrollbar),elementType:Ho,shouldForwardComponentProp:!0,externalForwardedProps:U,ownerState:j}),fo=a.useCallback(r=>{oe==null||oe(r),ao({overflow:null,scrollbarWidth:r})},[oe]),[Oe,Me]=F.useSlot("scrollButtons",{className:T.clsx($.scrollButtons,H.className),elementType:Ke,externalForwardedProps:U,ownerState:j,additionalProps:{orientation:C,slots:{StartScrollButtonIcon:R.startScrollButtonIcon||R.StartScrollButtonIcon,EndScrollButtonIcon:R.endScrollButtonIcon||R.EndScrollButtonIcon},slotProps:{startScrollButtonIcon:oo,endScrollButtonIcon:to}}}),yo=()=>{const r={};r.scrollbarSizeListener=B?P.jsx(po,{...uo,onChange:fo}):null;const i=B&&(M==="auto"&&(ge||xe)||M===!0);return r.scrollButtonStart=i?P.jsx(Oe,{direction:p?"right":"left",onClick:co,disabled:!ge,...Me}):null,r.scrollButtonEnd=i?P.jsx(Oe,{direction:p?"left":"right",onClick:io,disabled:!xe,...Me}):null,r},Re=se.useEventCallback(r=>{const{tabsMeta:s,tabMeta:i}=Be();if(!(!i||!s)){if(i[Q]<s[Q]){const u=s[_]+(i[Q]-s[Q]);ue(u,{animation:r})}else if(i[Z]>s[Z]){const u=s[_]+(i[Z]-s[Z]);ue(u,{animation:r})}}}),te=se.useEventCallback(()=>{B&&M!==!1&&lo(!we)});a.useEffect(()=>{const r=ze.debounce(()=>{D.current&&X()});let s;const i=O=>{O.forEach(q=>{q.removedNodes.forEach(Y=>{s==null||s.unobserve(Y)}),q.addedNodes.forEach(Y=>{s==null||s.observe(Y)})}),r(),te()},u=qe.ownerWindow(D.current);u.addEventListener("resize",r);let y;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(r),Array.from(z.current.children).forEach(O=>{s.observe(O)})),typeof MutationObserver<"u"&&(y=new MutationObserver(i),y.observe(z.current,{childList:!0})),()=>{r.clear(),u.removeEventListener("resize",r),y==null||y.disconnect(),s==null||s.disconnect()}},[X,te]),a.useEffect(()=>{const r=Array.from(z.current.children),s=r.length;if(typeof IntersectionObserver<"u"&&s>0&&B&&M!==!1){const i=r[0],u=r[s-1],y={root:D.current,threshold:.99},O=fe=>{no(!fe[0].isIntersecting)},q=new IntersectionObserver(O,y);q.observe(i);const Y=fe=>{so(!fe[0].isIntersecting)},je=new IntersectionObserver(Y,y);return je.observe(u),()=>{q.disconnect(),je.disconnect()}}},[B,M,we,g==null?void 0:g.length]),a.useEffect(()=>{ro(!0)},[]),a.useEffect(()=>{X()}),a.useEffect(()=>{Re($e!==L)},[Re,L]),a.useImperativeHandle(b,()=>({updateIndicator:X,updateScrollButtons:te}),[X,te]);const[bo,To]=F.useSlot("indicator",{className:T.clsx($.indicator,V.className),elementType:Vo,externalForwardedProps:U,ownerState:j,additionalProps:{style:L}}),Ne=P.jsx(bo,{...To});let re=0;const Po=a.Children.map(g,r=>{if(!a.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&T.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`));const s=r.props.value===void 0?re:r.props.value;ee.set(s,re);const i=s===k;return re+=1,a.cloneElement(r,{fullWidth:N==="fullWidth",indicator:i&&!me&&Ne,selected:i,selectionFollowsFocus:ce,onChange:I,textColor:J,value:s,...re===1&&k===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),ho=r=>{if(r.altKey||r.shiftKey||r.ctrlKey||r.metaKey)return;const s=z.current,i=Eo.ownerDocument(s).activeElement;if(i.getAttribute("role")!=="tab")return;let y=C==="horizontal"?"ArrowLeft":"ArrowUp",O=C==="horizontal"?"ArrowRight":"ArrowDown";switch(C==="horizontal"&&p&&(y="ArrowRight",O="ArrowLeft"),r.key){case y:r.preventDefault(),ne(s,i,ke);break;case O:r.preventDefault(),ne(s,i,De);break;case"Home":r.preventDefault(),ne(s,null,De);break;case"End":r.preventDefault(),ne(s,null,ke);break}},de=yo(),[So,mo]=F.useSlot("root",{ref:n,className:T.clsx($.root,h),elementType:Ao,externalForwardedProps:{...U,...eo,component:m},ownerState:j}),[vo,go]=F.useSlot("scroller",{ref:D,className:$.scroller,elementType:Uo,externalForwardedProps:U,ownerState:j,additionalProps:{style:{overflow:Ce.overflow,[E?`margin${p?"Left":"Right"}`:"marginBottom"]:ie?void 0:-Ce.scrollbarWidth}}}),[xo,wo]=F.useSlot("list",{ref:z,className:T.clsx($.list,$.flexContainer),elementType:Fo,externalForwardedProps:U,ownerState:j,getSlotProps:r=>({...r,onKeyDown:s=>{var i;ho(s),(i=r.onKeyDown)==null||i.call(r,s)}})});return P.jsxs(So,{...mo,children:[de.scrollButtonStart,de.scrollbarSizeListener,P.jsxs(vo,{...go,children:[P.jsx(xo,{"aria-label":d,"aria-labelledby":f,"aria-orientation":C==="vertical"?"vertical":null,role:"tablist",...wo,children:Po}),me&&Ne]}),de.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(Se.propTypes={action:Io.refType,allowScrollButtonsMobile:e.PropTypes.bool,"aria-label":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,centered:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,indicatorColor:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary"]),e.PropTypes.string]),onChange:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),ScrollButtonComponent:e.PropTypes.elementType,scrollButtons:e.PropTypes.oneOf(["auto",!1,!0]),selectionFollowsFocus:e.PropTypes.bool,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),indicator:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),list:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scrollbar:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scrollButtons:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scroller:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.elementType,EndScrollButtonIcon:e.PropTypes.elementType,indicator:e.PropTypes.elementType,list:e.PropTypes.elementType,root:e.PropTypes.elementType,scrollbar:e.PropTypes.elementType,scrollButtons:e.PropTypes.elementType,scroller:e.PropTypes.elementType,startScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TabIndicatorProps:e.PropTypes.object,TabScrollButtonProps:e.PropTypes.object,textColor:e.PropTypes.oneOf(["inherit","primary","secondary"]),value:e.PropTypes.any,variant:e.PropTypes.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:e.PropTypes.bool});const Ye=a.forwardRef(function(o,n){const{children:l,...c}=o,p=Te();if(p===null)throw new TypeError("No TabContext provided");const d=a.Children.map(l,f=>a.isValidElement(f)?a.cloneElement(f,{"aria-controls":Pe(p,f.props.value),id:he(p,f.props.value)}):null);return P.jsx(Se,{...c,ref:n,value:p.value,children:d})});process.env.NODE_ENV!=="production"&&(Ye.propTypes={children:e.PropTypes.node});function Ge(t){return T.generateUtilityClass("MuiTabPanel",t)}const _o=T.generateUtilityClasses("MuiTabPanel",["root","hidden"]),Ko=t=>{const{classes:o,hidden:n}=t,l={root:["root",n&&"hidden"]};return v.composeClasses(l,Ge,o)},Xo=v.styled("div",{name:"MuiTabPanel",slot:"Root"})(({theme:t})=>({padding:t.spacing(3)})),Je=a.forwardRef(function(o,n){const l=Oo.useThemeProps({props:o,name:"MuiTabPanel"}),{children:c,className:p,value:d,keepMounted:f=!1,...b}=l,S={...l},g=Ko(S),h=Te();if(h===null)throw new TypeError("No TabContext provided");const m=Pe(h,d),w=he(h,d);return P.jsx(Xo,{"aria-labelledby":w,className:T.clsx(g.root,p),hidden:d!==h.value,id:m,ref:n,role:"tabpanel",ownerState:S,...b,children:(f||d===h.value)&&c})});process.env.NODE_ENV!=="production"&&(Je.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,keepMounted:e.PropTypes.bool,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).isRequired});function Qe(t){return T.generateUtilityClass("MuiTab",t)}const x=T.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),Yo=t=>{const{classes:o,textColor:n,fullWidth:l,wrapped:c,icon:p,label:d,selected:f,disabled:b}=t,S={root:["root",p&&d&&"labelIcon",`textColor${T.capitalize(n)}`,l&&"fullWidth",c&&"wrapped",f&&"selected",b&&"disabled"],icon:["iconWrapper","icon"]};return v.composeClasses(S,Qe,o)},Go=v.styled(Ue.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[o.root,n.label&&n.icon&&o.labelIcon,o[`textColor${T.capitalize(n.textColor)}`],n.fullWidth&&o.fullWidth,n.wrapped&&o.wrapped,{[`& .${x.iconWrapper}`]:o.iconWrapper},{[`& .${x.icon}`]:o.icon}]}})(ye.memoTheme(({theme:t})=>({...t.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:o})=>o.label&&(o.iconPosition==="top"||o.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:o})=>o.label&&o.iconPosition!=="top"&&o.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:o})=>o.icon&&o.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:o,iconPosition:n})=>o.icon&&o.label&&n==="top",style:{[`& > .${x.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:n})=>o.icon&&o.label&&n==="bottom",style:{[`& > .${x.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:n})=>o.icon&&o.label&&n==="start",style:{[`& > .${x.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:n})=>o.icon&&o.label&&n==="end",style:{[`& > .${x.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${x.selected}`]:{opacity:1},[`&.${x.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${x.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${x.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${x.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${x.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:({ownerState:o})=>o.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:o})=>o.wrapped,style:{fontSize:t.typography.pxToRem(12)}}]}))),Ze=a.forwardRef(function(o,n){const l=v.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:p=!1,disableFocusRipple:d=!1,fullWidth:f,icon:b,iconPosition:S="top",indicator:g,label:h,onChange:m,onClick:w,onFocus:W,selected:I,selectionFollowsFocus:C,textColor:G="inherit",value:M,wrapped:ce=!1,...R}=l,A={...l,disabled:p,disableFocusRipple:d,selected:I,icon:!!b,iconPosition:S,label:!!h,fullWidth:f,textColor:G,wrapped:ce},V=Yo(A),H=b&&h&&a.isValidElement(b)?a.cloneElement(b,{className:T.clsx(V.icon,b.props.className)}):b,J=N=>{!I&&m&&m(N,M),w&&w(N)},k=N=>{C&&!I&&m&&m(N,M),W&&W(N)};return P.jsxs(Go,{focusRipple:!d,className:T.clsx(V.root,c),ref:n,role:"tab","aria-selected":I,disabled:p,onClick:J,onFocus:k,ownerState:A,tabIndex:I?0:-1,...R,children:[S==="top"||S==="start"?P.jsxs(a.Fragment,{children:[H,h]}):P.jsxs(a.Fragment,{children:[h,H]}),g]})});process.env.NODE_ENV!=="production"&&(Ze.propTypes={children:Mo.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});exports.KeyboardArrowLeft=He;exports.KeyboardArrowRight=_e;exports.Tab=Ze;exports.TabContext=Fe;exports.TabList=Ye;exports.TabPanel=Je;exports.Tabs=Se;exports.getPanelId=Pe;exports.getTabId=he;exports.getTabPanelUtilityClass=Ge;exports.getTabUtilityClass=Qe;exports.getTabsUtilityClass=Xe;exports.tabClasses=x;exports.tabPanelClasses=_o;exports.tabsClasses=le;exports.useTabContext=Te;