@cgi-learning-hub/ui 1.3.5-dev.1739285046 → 1.3.5-dev.1739377644

package/dist/Tabs-CTYqNGoo.cjs

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

package/dist/useThemeProps-DwnyQf-S.js

@@ -1,24 +0,0 @@
-import { d as t } from "./DefaultPropsProvider-CmOKr9hq.js";
-import { T as u } from "./generateUtilityClasses-v9KcqdK1.js";
-import { u as p } from "./useThemeProps-DnDXTiQj.js";
-function l(o, e, s, m, r) {
-  if (process.env.NODE_ENV === "production")
-    return null;
-  const n = r || e;
-  return typeof o[e] < "u" ? new Error(`The prop \`${n}\` is not supported. Please remove it.`) : null;
-}
-function d({
-  props: o,
-  name: e
-}) {
-  return p({
-    props: o,
-    name: e,
-    defaultTheme: t,
-    themeId: u
-  });
-}
-export {
-  l as a,
-  d as u
-};

package/dist/useThemeProps-u8EQT0RR.cjs

@@ -1 +0,0 @@
-"use strict";const u=require("./DefaultPropsProvider-PRhNsS_3.cjs"),n=require("./generateUtilityClasses-0dYt6eGZ.cjs"),s=require("./useThemeProps-DcOn-vk2.cjs");function p(r,e,l,c,o){if(process.env.NODE_ENV==="production")return null;const t=o||e;return typeof r[e]<"u"?new Error(`The prop \`${t}\` is not supported. Please remove it.`):null}function i({props:r,name:e}){return s.useThemeProps({props:r,name:e,defaultTheme:u.defaultTheme,themeId:n.THEME_ID})}exports.unsupportedProp=p;exports.useThemeProps=i;