@cgi-learning-hub/ui 1.4.0 → 1.5.0-dev.1743511847

package/dist/{SwitchBase-BAjfatYA.js → SwitchBase-hLPPZJfx.js}

@@ -1,11 +1,12 @@
 import * as D from "react";
-import { I as G, H, G as V, L as _, P as e } from "./identifier-D58rA1gM.js";
-import { s as C, c as $, r as A } from "./DefaultPropsProvider-BcmyIf2H.js";
-import { u as J } from "./useFormControl-CatNKXAi.js";
-import { jsxs as K, jsx as M } from "react/jsx-runtime";
-import { u as Q } from "./useControlled-BYdyS7Pn.js";
-import { B as W } from "./ButtonBase-DzpmdR6N.js";
-import { r as X } from "./refType-B86yTZra.js";
+import { H as G, G as H, I as V, P as e } from "./generateUtilityClasses-SJ1QPUag.js";
+import { s as C, c as _, r as $ } from "./DefaultPropsProvider-ZFZfNXyN.js";
+import { u as A } from "./useFormControl-CatNKXAi.js";
+import { jsxs as J, jsx as K } from "react/jsx-runtime";
+import { u as M } from "./useControlled-BYdyS7Pn.js";
+import { c as Q } from "./capitalize-R3VbHRUv.js";
+import { B as W } from "./ButtonBase-DYKChljK.js";
+import { r as X } from "./refType-D-xpF9tL.js";
 function Y(s) {
   return G("PrivateSwitchBase", s);
 }
@@ -17,10 +18,10 @@ const Z = (s) => {
     disabled: c,
     edge: n
   } = s, l = {
-    root: ["root", d && "checked", c && "disabled", n && `edge${_(n)}`],
+    root: ["root", d && "checked", c && "disabled", n && `edge${Q(n)}`],
     input: ["input"]
   };
-  return $(l, Y, t);
+  return _(l, Y, t);
 }, ee = C(W)({
   padding: 9,
   borderRadius: "50%",
@@ -58,7 +59,7 @@ const Z = (s) => {
     }
   }]
 }), oe = C("input", {
-  shouldForwardProp: A
+  shouldForwardProp: $
 })({
   cursor: "inherit",
   position: "absolute",
@@ -94,16 +95,16 @@ const Z = (s) => {
     type: i,
     value: g,
     ...O
-  } = t, [y, j] = Q({
+  } = t, [y, j] = M({
     controlled: n,
     default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), a = J(), E = (o) => {
+  }), a = A(), E = (o) => {
     b && b(o), a && a.onFocus && a.onFocus(o);
-  }, L = (o) => {
-    h && h(o), a && a.onBlur && a.onBlur(o);
   }, T = (o) => {
+    h && h(o), a && a.onBlur && a.onBlur(o);
+  }, U = (o) => {
     if (o.nativeEvent.defaultPrevented)
       return;
     const B = o.target.checked;
@@ -111,14 +112,14 @@ const Z = (s) => {
   };
   let r = F;
   a && typeof r > "u" && (r = a.disabled);
-  const U = i === "checkbox" || i === "radio", u = {
+  const L = i === "checkbox" || i === "radio", u = {
     ...t,
     checked: y,
     disabled: r,
     disableFocusRipple: f,
     edge: R
   }, k = Z(u);
-  return /* @__PURE__ */ K(ee, {
+  return /* @__PURE__ */ J(ee, {
     component: "span",
     className: V(k.root, w),
     centerRipple: !0,
@@ -127,19 +128,19 @@ const Z = (s) => {
     tabIndex: null,
     role: void 0,
     onFocus: E,
-    onBlur: L,
+    onBlur: T,
     ownerState: u,
     ref: d,
     ...O,
-    children: [/* @__PURE__ */ M(oe, {
+    children: [/* @__PURE__ */ K(oe, {
       autoFocus: c,
       checked: n,
       defaultChecked: p,
       className: k.input,
       disabled: r,
-      id: U ? x : void 0,
+      id: L ? x : void 0,
       name: q,
-      onChange: T,
+      onChange: U,
       readOnly: v,
       ref: I,
       required: z,

package/dist/Tab-CoQ2exTs.cjs

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