@cgi-learning-hub/ui 0.0.1-dev.1709027888 → 0.0.1-dev.1709044405

package/dist/Tabs-DBqF7m2y.cjs

@@ -0,0 +1,4 @@
+"use strict";const e=require("./styled-DhUFTujV.cjs"),Je=require("react"),h=require("react/jsx-runtime"),Ie=require("./ButtonBase-DiSWcqQX.cjs"),Qe=require("./unsupportedProp-Bn6XWqwH.cjs"),Ee=require("./useTheme-dCptpuPr.cjs"),Ze=require("./useForkRef-DfdM2MN5.cjs"),K=require("./ownerWindow-Dk_4aaak.cjs"),pe=require("./useTimeout-DHarDhEH.cjs"),eo=require("./refType-BgO8A5K8.cjs"),Oe=require("./createSvgIcon-K1XmJ33T.cjs"),se=require("./useSlotProps-DZRn5pp7.cjs");function oo(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>o[n]})}}return t.default=o,Object.freeze(t)}const d=oo(Je);let U;function Ne(){if(U)return U;const o=document.createElement("div"),t=document.createElement("div");return t.style.width="10px",t.style.height="1px",o.appendChild(t),o.dir="rtl",o.style.fontSize="14px",o.style.width="4px",o.style.height="1px",o.style.position="absolute",o.style.top="-1000px",o.style.overflow="scroll",document.body.appendChild(o),U="reverse",o.scrollLeft>0?U="default":(o.scrollLeft=1,o.scrollLeft===0&&(U="negative")),document.body.removeChild(o),U}function to(o,t){const n=o.scrollLeft;if(t!=="rtl")return n;switch(Ne()){case"negative":return o.scrollWidth-o.clientWidth+n;case"reverse":return o.scrollWidth-o.clientWidth-n;default:return n}}function Me(o){return e.generateUtilityClass("MuiTab",o)}const ro=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),j=ro,so=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],no=o=>{const{classes:t,textColor:n,fullWidth:i,wrapped:l,icon:p,label:y,selected:f,disabled:u}=o,T={root:["root",p&&y&&"labelIcon",`textColor${e.capitalize(n)}`,i&&"fullWidth",l&&"wrapped",f&&"selected",u&&"disabled"],iconWrapper:["iconWrapper"]};return e.composeClasses(T,Me,t)},lo=e.styled(Ie.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.label&&n.icon&&t.labelIcon,t[`textColor${e.capitalize(n.textColor)}`],n.fullWidth&&t.fullWidth,n.wrapped&&t.wrapped]}})(({theme:o,ownerState:t})=>e._extends({},o.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},t.label&&{flexDirection:t.iconPosition==="top"||t.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},t.icon&&t.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${j.iconWrapper}`]:e._extends({},t.iconPosition==="top"&&{marginBottom:6},t.iconPosition==="bottom"&&{marginTop:6},t.iconPosition==="start"&&{marginRight:o.spacing(1)},t.iconPosition==="end"&&{marginLeft:o.spacing(1)})},t.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${j.selected}`]:{opacity:1},[`&.${j.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity}},t.textColor==="primary"&&{color:(o.vars||o).palette.text.secondary,[`&.${j.selected}`]:{color:(o.vars||o).palette.primary.main},[`&.${j.disabled}`]:{color:(o.vars||o).palette.text.disabled}},t.textColor==="secondary"&&{color:(o.vars||o).palette.text.secondary,[`&.${j.selected}`]:{color:(o.vars||o).palette.secondary.main},[`&.${j.disabled}`]:{color:(o.vars||o).palette.text.disabled}},t.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},t.wrapped&&{fontSize:o.typography.pxToRem(12)})),Re=d.forwardRef(function(t,n){const i=e.useThemeProps({props:t,name:"MuiTab"}),{className:l,disabled:p=!1,disableFocusRipple:y=!1,fullWidth:f,icon:u,iconPosition:T="top",indicator:B,label:w,onChange:P,onClick:S,onFocus:$,selected:I,selectionFollowsFocus:m,textColor:F="inherit",value:x,wrapped:ne=!1}=i,D=e._objectWithoutPropertiesLoose(i,so),q=e._extends({},i,{disabled:p,disableFocusRipple:y,selected:I,icon:!!u,iconPosition:T,label:!!w,fullWidth:f,textColor:F,wrapped:ne}),A=no(q),W=u&&w&&d.isValidElement(u)?d.cloneElement(u,{className:e.clsx(A.iconWrapper,u.props.className)}):u,G=O=>{!I&&P&&P(O,x),S&&S(O)},M=O=>{m&&!I&&P&&P(O,x),$&&$(O)};return h.jsxs(lo,e._extends({focusRipple:!y,className:e.clsx(A.root,l),ref:n,role:"tab","aria-selected":I,disabled:p,onClick:G,onFocus:M,ownerState:q,tabIndex:I?0:-1},D,{children:[T==="top"||T==="start"?h.jsxs(d.Fragment,{children:[W,w]}):h.jsxs(d.Fragment,{children:[w,W]}),B]}))});process.env.NODE_ENV!=="production"&&(Re.propTypes={children:Qe.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});const io=Re;function co(o){return(1+Math.sin(Math.PI*o-Math.PI/2))/2}function ao(o,t,n,i={},l=()=>{}){const{ease:p=co,duration:y=300}=i;let f=null;const u=t[o];let T=!1;const B=()=>{T=!0},w=P=>{if(T){l(new Error("Animation cancelled"));return}f===null&&(f=P);const S=Math.min(1,(P-f)/y);if(t[o]=p(S)*(n-u)+u,S>=1){requestAnimationFrame(()=>{l(null)});return}requestAnimationFrame(w)};return u===n?(l(new Error("Element already at target position")),B):(requestAnimationFrame(w),B)}const po=["onChange"],uo={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function _e(o){const{onChange:t}=o,n=e._objectWithoutPropertiesLoose(o,po),i=d.useRef(),l=d.useRef(null),p=()=>{i.current=l.current.offsetHeight-l.current.clientHeight};return Ze.useEnhancedEffect(()=>{const y=K.debounce(()=>{const u=i.current;p(),u!==i.current&&t(i.current)}),f=K.ownerWindow(l.current);return f.addEventListener("resize",y),()=>{y.clear(),f.removeEventListener("resize",y)}},[t]),d.useEffect(()=>{p(),t(i.current)},[t]),h.jsx("div",e._extends({style:uo,ref:l},n))}process.env.NODE_ENV!=="production"&&(_e.propTypes={onChange:e.PropTypes.func.isRequired});const bo=Oe.createSvgIcon(h.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),fo=Oe.createSvgIcon(h.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function yo(o){return e.generateUtilityClass("MuiTabScrollButton",o)}const ho=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),To=ho,vo=["className","slots","slotProps","direction","orientation","disabled"],So=o=>{const{classes:t,orientation:n,disabled:i}=o,l={root:["root",n,i&&"disabled"]};return e.composeClasses(l,yo,t)},mo=e.styled(Ie.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.orientation&&t[n.orientation]]}})(({ownerState:o})=>e._extends({width:40,flexShrink:0,opacity:.8,[`&.${To.disabled}`]:{opacity:0}},o.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${o.isRtl?-90:90}deg)`}})),je=d.forwardRef(function(t,n){var i,l;const p=e.useThemeProps({props:t,name:"MuiTabScrollButton"}),{className:y,slots:f={},slotProps:u={},direction:T}=p,B=e._objectWithoutPropertiesLoose(p,vo),P=Ee.useTheme().direction==="rtl",S=e._extends({isRtl:P},p),$=So(S),I=(i=f.StartScrollButtonIcon)!=null?i:bo,m=(l=f.EndScrollButtonIcon)!=null?l:fo,F=se.useSlotProps({elementType:I,externalSlotProps:u.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S}),x=se.useSlotProps({elementType:m,externalSlotProps:u.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S});return h.jsx(mo,e._extends({component:"div",className:e.clsx($.root,y),ref:n,role:null,ownerState:S,tabIndex:null},B,{children:T==="left"?h.jsx(I,e._extends({},F)):h.jsx(m,e._extends({},x))}))});process.env.NODE_ENV!=="production"&&(je.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}),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])});const Po=je;function We(o){return e.generateUtilityClass("MuiTabs",o)}const xo=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),re=xo,go=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],ge=(o,t)=>o===t?o.firstChild:t&&t.nextElementSibling?t.nextElementSibling:o.firstChild,Ce=(o,t)=>o===t?o.lastChild:t&&t.previousElementSibling?t.previousElementSibling:o.lastChild,te=(o,t,n)=>{let i=!1,l=n(o,t);for(;l;){if(l===o.firstChild){if(i)return;i=!0}const p=l.disabled||l.getAttribute("aria-disabled")==="true";if(!l.hasAttribute("tabindex")||p)l=n(o,l);else{l.focus();return}}},Co=o=>{const{vertical:t,fixed:n,hideScrollbar:i,scrollableX:l,scrollableY:p,centered:y,scrollButtonsHideMobile:f,classes:u}=o,T={root:["root",t&&"vertical"],scroller:["scroller",n&&"fixed",i&&"hideScrollbar",l&&"scrollableX",p&&"scrollableY"],flexContainer:["flexContainer",t&&"flexContainerVertical",y&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",f&&"scrollButtonsHideMobile"],scrollableX:[l&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]};return e.composeClasses(T,We,u)},Bo=e.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[{[`& .${re.scrollButtons}`]:t.scrollButtons},{[`& .${re.scrollButtons}`]:n.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,n.vertical&&t.vertical]}})(({ownerState:o,theme:t})=>e._extends({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},o.vertical&&{flexDirection:"column"},o.scrollButtonsHideMobile&&{[`& .${re.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}})),wo=e.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.scroller,n.fixed&&t.fixed,n.hideScrollbar&&t.hideScrollbar,n.scrollableX&&t.scrollableX,n.scrollableY&&t.scrollableY]}})(({ownerState:o})=>e._extends({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},o.fixed&&{overflowX:"hidden",width:"100%"},o.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},o.scrollableX&&{overflowX:"auto",overflowY:"hidden"},o.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),Io=e.styled("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.flexContainer,n.vertical&&t.flexContainerVertical,n.centered&&t.centered]}})(({ownerState:o})=>e._extends({display:"flex"},o.vertical&&{flexDirection:"column"},o.centered&&{justifyContent:"center"})),Eo=e.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(o,t)=>t.indicator})(({ownerState:o,theme:t})=>e._extends({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create()},o.indicatorColor==="primary"&&{backgroundColor:(t.vars||t).palette.primary.main},o.indicatorColor==="secondary"&&{backgroundColor:(t.vars||t).palette.secondary.main},o.vertical&&{height:"100%",width:2,right:0})),Oo=e.styled(_e)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Be={};let we=!1;const ze=d.forwardRef(function(t,n){const i=e.useThemeProps({props:t,name:"MuiTabs"}),l=Ee.useTheme(),p=l.direction==="rtl",{"aria-label":y,"aria-labelledby":f,action:u,centered:T=!1,children:B,className:w,component:P="div",allowScrollButtonsMobile:S=!1,indicatorColor:$="primary",onChange:I,orientation:m="horizontal",ScrollButtonComponent:F=Po,scrollButtons:x="auto",selectionFollowsFocus:ne,slots:D={},slotProps:q={},TabIndicatorProps:A={},TabScrollButtonProps:W={},textColor:G="primary",value:M,variant:O="standard",visibleScrollbar:le=!1}=i,Le=e._objectWithoutPropertiesLoose(i,go),g=O==="scrollable",C=m==="vertical",H=C?"scrollTop":"scrollLeft",J=C?"top":"left",Q=C?"bottom":"right",ie=C?"clientHeight":"clientWidth",V=C?"height":"width",z=e._extends({},i,{component:P,allowScrollButtonsMobile:S,indicatorColor:$,orientation:m,vertical:C,scrollButtons:x,textColor:G,variant:O,visibleScrollbar:le,fixed:!g,hideScrollbar:g&&!le,scrollableX:g&&!C,scrollableY:g&&C,centered:T&&!g,scrollButtonsHideMobile:!S}),R=Co(z),ke=se.useSlotProps({elementType:D.StartScrollButtonIcon,externalSlotProps:q.startScrollButtonIcon,ownerState:z}),$e=se.useSlotProps({elementType:D.EndScrollButtonIcon,externalSlotProps:q.endScrollButtonIcon,ownerState:z});process.env.NODE_ENV!=="production"&&T&&g&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[ue,Fe]=d.useState(!1),[L,be]=d.useState(Be),[fe,De]=d.useState(!1),[ye,Ae]=d.useState(!1),[he,Ue]=d.useState(!1),[Te,qe]=d.useState({overflow:"hidden",scrollbarWidth:0}),Z=new Map,N=d.useRef(null),k=d.useRef(null),ve=()=>{const r=N.current;let s;if(r){const a=r.getBoundingClientRect();s={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollLeftNormalized:to(r,l.direction),scrollWidth:r.scrollWidth,top:a.top,bottom:a.bottom,left:a.left,right:a.right}}let c;if(r&&M!==!1){const a=k.current.children;if(a.length>0){const b=a[Z.get(M)];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 "${M}".`,Z.keys?`You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.`:null].join(`
+`))),c=b?b.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!we&&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\` ("${M}") 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:c}},X=pe.useEventCallback(()=>{const{tabsMeta:r,tabMeta:s}=ve();let c=0,a;if(C)a="top",s&&r&&(c=s.top-r.top+r.scrollTop);else if(a=p?"right":"left",s&&r){const v=p?r.scrollLeftNormalized+r.clientWidth-r.scrollWidth:r.scrollLeft;c=(p?-1:1)*(s[a]-r[a]+v)}const b={[a]:c,[V]:s?s[V]:0};if(isNaN(L[a])||isNaN(L[V]))be(b);else{const v=Math.abs(L[a]-b[a]),E=Math.abs(L[V]-b[V]);(v>=1||E>=1)&&be(b)}}),ce=(r,{animation:s=!0}={})=>{s?ao(H,N.current,r,{duration:l.transitions.duration.standard}):N.current[H]=r},Se=r=>{let s=N.current[H];C?s+=r:(s+=r*(p?-1:1),s*=p&&Ne()==="reverse"?-1:1),ce(s)},me=()=>{const r=N.current[ie];let s=0;const c=Array.from(k.current.children);for(let a=0;a<c.length;a+=1){const b=c[a];if(s+b[ie]>r){a===0&&(s=r);break}s+=b[ie]}return s},He=()=>{Se(-1*me())},Ve=()=>{Se(me())},Xe=d.useCallback(r=>{qe({overflow:null,scrollbarWidth:r})},[]),Ye=()=>{const r={};r.scrollbarSizeListener=g?h.jsx(Oo,{onChange:Xe,className:e.clsx(R.scrollableX,R.hideScrollbar)}):null;const c=g&&(x==="auto"&&(fe||ye)||x===!0);return r.scrollButtonStart=c?h.jsx(F,e._extends({slots:{StartScrollButtonIcon:D.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:ke},orientation:m,direction:p?"right":"left",onClick:He,disabled:!fe},W,{className:e.clsx(R.scrollButtons,W.className)})):null,r.scrollButtonEnd=c?h.jsx(F,e._extends({slots:{EndScrollButtonIcon:D.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:$e},orientation:m,direction:p?"left":"right",onClick:Ve,disabled:!ye},W,{className:e.clsx(R.scrollButtons,W.className)})):null,r},Pe=pe.useEventCallback(r=>{const{tabsMeta:s,tabMeta:c}=ve();if(!(!c||!s)){if(c[J]<s[J]){const a=s[H]+(c[J]-s[J]);ce(a,{animation:r})}else if(c[Q]>s[Q]){const a=s[H]+(c[Q]-s[Q]);ce(a,{animation:r})}}}),ee=pe.useEventCallback(()=>{g&&x!==!1&&Ue(!he)});d.useEffect(()=>{const r=K.debounce(()=>{N.current&&X()});let s;const c=v=>{v.forEach(E=>{E.removedNodes.forEach(Y=>{var _;(_=s)==null||_.unobserve(Y)}),E.addedNodes.forEach(Y=>{var _;(_=s)==null||_.observe(Y)})}),r(),ee()},a=K.ownerWindow(N.current);a.addEventListener("resize",r);let b;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(r),Array.from(k.current.children).forEach(v=>{s.observe(v)})),typeof MutationObserver<"u"&&(b=new MutationObserver(c),b.observe(k.current,{childList:!0})),()=>{var v,E;r.clear(),a.removeEventListener("resize",r),(v=b)==null||v.disconnect(),(E=s)==null||E.disconnect()}},[X,ee]),d.useEffect(()=>{const r=Array.from(k.current.children),s=r.length;if(typeof IntersectionObserver<"u"&&s>0&&g&&x!==!1){const c=r[0],a=r[s-1],b={root:N.current,threshold:.99},v=de=>{De(!de[0].isIntersecting)},E=new IntersectionObserver(v,b);E.observe(c);const Y=de=>{Ae(!de[0].isIntersecting)},_=new IntersectionObserver(Y,b);return _.observe(a),()=>{E.disconnect(),_.disconnect()}}},[g,x,he,B==null?void 0:B.length]),d.useEffect(()=>{Fe(!0)},[]),d.useEffect(()=>{X()}),d.useEffect(()=>{Pe(Be!==L)},[Pe,L]),d.useImperativeHandle(u,()=>({updateIndicator:X,updateScrollButtons:ee}),[X,ee]);const xe=h.jsx(Eo,e._extends({},A,{className:e.clsx(R.indicator,A.className),ownerState:z,style:e._extends({},L,A.style)}));let oe=0;const Ke=d.Children.map(B,r=>{if(!d.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&e.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?oe:r.props.value;Z.set(s,oe);const c=s===M;return oe+=1,d.cloneElement(r,e._extends({fullWidth:O==="fullWidth",indicator:c&&!ue&&xe,selected:c,selectionFollowsFocus:ne,onChange:I,textColor:G,value:s},oe===1&&M===!1&&!r.props.tabIndex?{tabIndex:0}:{}))}),Ge=r=>{const s=k.current,c=K.ownerDocument(s).activeElement;if(c.getAttribute("role")!=="tab")return;let b=m==="horizontal"?"ArrowLeft":"ArrowUp",v=m==="horizontal"?"ArrowRight":"ArrowDown";switch(m==="horizontal"&&p&&(b="ArrowRight",v="ArrowLeft"),r.key){case b:r.preventDefault(),te(s,c,Ce);break;case v:r.preventDefault(),te(s,c,ge);break;case"Home":r.preventDefault(),te(s,null,ge);break;case"End":r.preventDefault(),te(s,null,Ce);break}},ae=Ye();return h.jsxs(Bo,e._extends({className:e.clsx(R.root,w),ownerState:z,ref:n,as:P},Le,{children:[ae.scrollButtonStart,ae.scrollbarSizeListener,h.jsxs(wo,{className:R.scroller,ownerState:z,style:{overflow:Te.overflow,[C?`margin${p?"Left":"Right"}`:"marginBottom"]:le?void 0:-Te.scrollbarWidth},ref:N,children:[h.jsx(Io,{"aria-label":y,"aria-labelledby":f,"aria-orientation":m==="vertical"?"vertical":null,className:R.flexContainer,ownerState:z,onKeyDown:Ge,ref:k,role:"tablist",children:Ke}),ue&&xe]}),ae.scrollButtonEnd]}))});process.env.NODE_ENV!=="production"&&(ze.propTypes={action:eo.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 No=ze;exports.Tab=io;exports.Tabs=No;exports.getTabUtilityClass=Me;exports.getTabsUtilityClass=We;exports.tabClasses=j;exports.tabsClasses=re;