@cgi-learning-hub/ui 1.3.5-dev.1736343971 → 1.3.5-dev.1736345385

package/dist/Tabs-CSXp7psk.cjs

@@ -0,0 +1,4 @@
+"use strict";const Ze=require("react"),e=require("./identifier-wZ6XDHde.cjs"),pe=require("./memoTheme-BBurdur9.cjs"),T=require("react/jsx-runtime"),m=require("./DefaultPropsProvider-DS3RzjuS.cjs"),Ee=require("./ButtonBase-CL4z-tXi.cjs"),eo=require("./useThemeProps-BZX2pbh5.cjs"),U=require("./index-Cwbb61M9.cjs"),oo=require("./useTheme-C7xxleiU.cjs"),to=require("./useEnhancedEffect-BQZ6dtCo.cjs"),Ie=require("./ownerWindow-DDHucZi0.cjs"),Re=require("./debounce-DpCj7ugL.cjs"),ie=require("./useEventCallback-C0-Qw3Sm.cjs"),ro=require("./refType-CqcE23ld.cjs"),Me=require("./createSvgIcon-B-TuJjUa.cjs"),no=require("./ownerDocument-4MViGo3k.cjs");function so(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=so(Ze);function Oe(t){return e.generateUtilityClass("MuiTab",t)}const v=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),lo=t=>{const{classes:o,textColor:s,fullWidth:i,wrapped:c,icon:d,label:b,selected:y,disabled:f}=t,S={root:["root",d&&b&&"labelIcon",`textColor${e.capitalize(s)}`,i&&"fullWidth",c&&"wrapped",y&&"selected",f&&"disabled"],icon:["iconWrapper","icon"]};return m.composeClasses(S,Oe,o)},ao=m.styled(Ee.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.label&&s.icon&&o.labelIcon,o[`textColor${e.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)}}]}))),Ne=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:d=!1,disableFocusRipple:b=!1,fullWidth:y,icon:f,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:b,selected:E,icon:!!f,iconPosition:S,label:!!g,fullWidth:y,textColor:F,wrapped:re},q=lo(H),W=f&&g&&p.isValidElement(f)?p.cloneElement(f,{className:e.clsx(q.icon,f.props.className)}):f,K=M=>{!E&&h&&h(M,R),C&&C(M)},N=M=>{x&&!E&&h&&h(M,R),k&&k(M)};return T.jsxs(ao,{focusRipple:!b,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"&&(Ne.propTypes={children:eo.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 je=Me.createSvgIcon(T.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),ke=Me.createSvgIcon(T.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function co(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function io(t,o,s,i={},c=()=>{}){const{ease:d=co,duration:b=300}=i;let y=null;const f=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)/b);if(o[t]=d(C)*(s-f)+f,C>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(g)};return f===s?(c(new Error("Element already at target position")),P):(requestAnimationFrame(g),P)}const po={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function We(t){const{onChange:o,...s}=t,i=p.useRef(),c=p.useRef(null),d=()=>{i.current=c.current.offsetHeight-c.current.clientHeight};return to.useEnhancedEffect(()=>{const b=Re.debounce(()=>{const f=i.current;d(),f!==i.current&&o(i.current)}),y=Ie.ownerWindow(c.current);return y.addEventListener("resize",b),()=>{b.clear(),y.removeEventListener("resize",b)}},[o]),p.useEffect(()=>{d(),o(i.current)},[o]),T.jsx("div",{style:po,...s,ref:c})}process.env.NODE_ENV!=="production"&&(We.propTypes={onChange:e.PropTypes.func.isRequired});function uo(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const fo=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),bo=t=>{const{classes:o,orientation:s,disabled:i}=t,c={root:["root",s,i&&"disabled"]};return m.composeClasses(c,uo,o)},yo=m.styled(Ee.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)"}}}]}),De=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:d={},slotProps:b={},direction:y,orientation:f,disabled:S,...P}=i,g=U.useRtl(),h={isRtl:g,...i},C=bo(h),k=d.StartScrollButtonIcon??je,E=d.EndScrollButtonIcon??ke,x=U.useSlotProps({elementType:k,externalSlotProps:b.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h}),F=U.useSlotProps({elementType:E,externalSlotProps:b.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h});return T.jsx(yo,{component:"div",className:e.clsx(C.root,c),ref:s,role:null,ownerState:h,tabIndex:null,...P,style:{...P.style,...f==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${g?-90:90}deg)`}},children:y==="left"?T.jsx(k,{...x}):T.jsx(E,{...F})})});process.env.NODE_ENV!=="production"&&(De.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 ze(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}}},To=t=>{const{vertical:o,fixed:s,hideScrollbar:i,scrollableX:c,scrollableY:d,centered:b,scrollButtonsHideMobile:y,classes:f}=t,S={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",i&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",b&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",y&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]};return m.composeClasses(S,ze,f)},ho=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"}}}}]}))),So=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"}}]}),vo=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}}]}))),Po=m.styled(We)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Be={};let Ce=!1;const Ae=p.forwardRef(function(o,s){const i=m.useDefaultProps({props:o,name:"MuiTabs"}),c=oo.useTheme(),d=U.useRtl(),{"aria-label":b,"aria-labelledby":y,action:f,centered:S=!1,children:P,className:g,component:h="div",allowScrollButtonsMobile:C=!1,indicatorColor:k="primary",onChange:E,orientation:x="horizontal",ScrollButtonComponent:F=De,scrollButtons:R="auto",selectionFollowsFocus:re,slots:L={},slotProps:H={},TabIndicatorProps:q={},TabScrollButtonProps:W={},textColor:K="primary",value:N,variant:M="standard",visibleScrollbar:ne=!1,...$e}=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=To(D),Fe=U.useSlotProps({elementType:L.StartScrollButtonIcon,externalSlotProps:H.startScrollButtonIcon,ownerState:D}),Le=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,qe]=p.useState(!1),[z,ue]=p.useState(Be),[fe,Ue]=p.useState(!1),[be,He]=p.useState(!1),[ye,Ve]=p.useState(!1),[Te,Xe]=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?io(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)},me=()=>{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},Ye=()=>{Se(-1*me())},_e=()=>{Se(me())},Ke=p.useCallback(r=>{Xe({overflow:null,scrollbarWidth:r})},[]),Ge=()=>{const r={};r.scrollbarSizeListener=w?T.jsx(Po,{onChange:Ke,className:e.clsx(j.scrollableX,j.hideScrollbar)}):null;const l=w&&(R==="auto"&&(fe||be)||R===!0);return r.scrollButtonStart=l?T.jsx(F,{slots:{StartScrollButtonIcon:L.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Fe},orientation:x,direction:d?"right":"left",onClick:Ye,disabled:!fe,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r.scrollButtonEnd=l?T.jsx(F,{slots:{EndScrollButtonIcon:L.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Le},orientation:x,direction:d?"left":"right",onClick:_e,disabled:!be,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r},ve=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&&Ve(!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=Ie.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=>{Ue(!ce[0].isIntersecting)},$=new IntersectionObserver(I,u);$.observe(l);const _=ce=>{He(!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(()=>{qe(!0)},[]),p.useEffect(()=>{Y()}),p.useEffect(()=>{ve(Be!==z)},[ve,z]),p.useImperativeHandle(f,()=>({updateIndicator:Y,updateScrollButtons:Z}),[Y,Z]);const Pe=T.jsx(vo,{...q,className:e.clsx(j.indicator,q.className),ownerState:D,style:{...z,...q.style}});let ee=0;const Je=p.Children.map(P,r=>{if(!p.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&m.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}:{}})}),Qe=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=Ge();return T.jsxs(ho,{className:e.clsx(j.root,g),ownerState:D,ref:s,as:h,...$e,children:[ae.scrollButtonStart,ae.scrollbarSizeListener,T.jsxs(So,{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":b,"aria-labelledby":y,"aria-orientation":x==="vertical"?"vertical":null,className:j.flexContainer,ownerState:D,onKeyDown:Qe,ref:A,role:"tablist",children:Je}),de&&Pe]}),ae.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(Ae.propTypes={action:ro.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=je;exports.KeyboardArrowRight=ke;exports.Tab=Ne;exports.Tabs=Ae;exports.getTabUtilityClass=Oe;exports.getTabsUtilityClass=ze;exports.tabClasses=v;exports.tabsClasses=te;

package/dist/{Tabs-CYbeTnJk.js → Tabs-DFlFghRY.js}

@@ -1,20 +1,18 @@
 import * as c from "react";
-import { H as pe, I as fe, G as W, P as t } from "./generateUtilityClasses-Bssl7BA_.js";
-import { m as be } from "./memoTheme-D7Fyh_3C.js";
+import { H as pe, I as fe, L as We, G as W, P as t } from "./identifier-DuQ8Gjnk.js";
+import { m as be } from "./memoTheme-BX806g-H.js";
 import { jsxs as q, jsx as x } from "react/jsx-runtime";
-import { s as j, u as he, c as me } from "./DefaultPropsProvider-CvJPQJmL.js";
-import { B as We } from "./ButtonBase-DAWDecOk.js";
-import { c as ke } from "./capitalize-CkF8kU4n.js";
-import { a as tt } from "./useThemeProps-CwEQ4bv2.js";
-import { r as ot } from "./index-DXD5J5Eu.js";
-import { u as ze, a as re } from "./useSlotProps-B31YQlzb.js";
-import { u as rt } from "./useTheme-DyaNKf4e.js";
-import { u as nt } from "./useEnhancedEffect-CJGo-L3B.js";
+import { s as L, u as he, c as me, e as tt } from "./DefaultPropsProvider-DEufUd_C.js";
+import { B as ke } from "./ButtonBase-ZtXnS9gg.js";
+import { a as ot } from "./useThemeProps-SHbptCB5.js";
+import { u as ze, a as ne } from "./index-Bh3yiNTb.js";
+import { u as nt } from "./useTheme-CVDdFPAV.js";
+import { u as rt } from "./useEnhancedEffect-CJGo-L3B.js";
 import { o as De } from "./ownerWindow-niciwP7I.js";
 import { d as $e } from "./debounce-46wSf_lW.js";
 import { u as de } from "./useEventCallback-BAQJJ3ye.js";
-import { r as lt } from "./refType-DKYKROQk.js";
-import { c as Ae } from "./createSvgIcon-C8nGcfF4.js";
+import { r as lt } from "./refType-Bj5oVmPL.js";
+import { c as Ae } from "./createSvgIcon-DCcHNe8S.js";
 import { o as st } from "./ownerDocument-CUrv0DIK.js";
 function at(o) {
   return pe("MuiTab", o);
@@ -30,18 +28,18 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     selected: h,
     disabled: f
   } = o, S = {
-    root: ["root", u && b && "labelIcon", `textColor${ke(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
+    root: ["root", u && b && "labelIcon", `textColor${We(l)}`, d && "fullWidth", i && "wrapped", h && "selected", f && "disabled"],
     icon: ["iconWrapper", "icon"]
   };
   return me(S, at, e);
-}, ct = j(We, {
+}, ct = L(ke, {
   name: "MuiTab",
   slot: "Root",
   overridesResolver: (o, e) => {
     const {
       ownerState: l
     } = o;
-    return [e.root, l.label && l.icon && e.labelIcon, e[`textColor${ke(l.textColor)}`], l.fullWidth && e.fullWidth, l.wrapped && e.wrapped, {
+    return [e.root, l.label && l.icon && e.labelIcon, e[`textColor${We(l.textColor)}`], l.fullWidth && e.fullWidth, l.wrapped && e.wrapped, {
       [`& .${T.iconWrapper}`]: e.iconWrapper
     }, {
       [`& .${T.icon}`]: e.icon
@@ -206,9 +204,9 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     // eslint-disable-next-line react/prop-types
     selectionFollowsFocus: g,
     // eslint-disable-next-line react/prop-types
-    textColor: L = "inherit",
+    textColor: j = "inherit",
     value: M,
-    wrapped: ne = !1,
+    wrapped: re = !1,
     ...H
   } = d, U = {
     ...d,
@@ -219,8 +217,8 @@ const T = fe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrima
     iconPosition: S,
     label: !!y,
     fullWidth: h,
-    textColor: L,
-    wrapped: ne
+    textColor: j,
+    wrapped: re
   }, V = it(U), z = f && y && /* @__PURE__ */ c.isValidElement(f) ? /* @__PURE__ */ c.cloneElement(f, {
     className: W(V.icon, f.props.className)
   }) : f, G = (R) => {
@@ -256,7 +254,7 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: tt,
+  children: ot,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -374,7 +372,7 @@ function Fe(o) {
   } = o, d = c.useRef(), i = c.useRef(null), u = () => {
     d.current = i.current.offsetHeight - i.current.clientHeight;
   };
-  return nt(() => {
+  return rt(() => {
     const b = $e(() => {
       const f = d.current;
       u(), f !== d.current && e(d.current);
@@ -386,8 +384,8 @@ function Fe(o) {
     u(), e(d.current);
   }, [e]), /* @__PURE__ */ x("div", {
     style: ht,
-    ref: i,
-    ...l
+    ...l,
+    ref: i
   });
 }
 process.env.NODE_ENV !== "production" && (Fe.propTypes = {
@@ -405,7 +403,7 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   return me({
     root: ["root", l, d && "disabled"]
   }, mt, e);
-}, yt = j(We, {
+}, yt = L(ke, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (o, e) => {
@@ -433,7 +431,7 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
       }
     }
   }]
-}), je = /* @__PURE__ */ c.forwardRef(function(e, l) {
+}), Le = /* @__PURE__ */ c.forwardRef(function(e, l) {
   const d = he({
     props: e,
     name: "MuiTabScrollButton"
@@ -448,14 +446,14 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   } = d, y = ze(), m = {
     isRtl: y,
     ...d
-  }, C = vt(m), k = u.StartScrollButtonIcon ?? ut, I = u.EndScrollButtonIcon ?? pt, g = re({
+  }, C = vt(m), k = u.StartScrollButtonIcon ?? ut, I = u.EndScrollButtonIcon ?? pt, g = ne({
     elementType: k,
     externalSlotProps: b.startScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
     ownerState: m
-  }), L = re({
+  }), j = ne({
     elementType: I,
     externalSlotProps: b.endScrollButtonIcon,
     additionalProps: {
@@ -480,11 +478,11 @@ const St = fe("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     children: h === "left" ? /* @__PURE__ */ x(k, {
       ...g
     }) : /* @__PURE__ */ x(I, {
-      ...L
+      ...j
     })
   });
 });
-process.env.NODE_ENV !== "production" && (je.propTypes = {
+process.env.NODE_ENV !== "production" && (Le.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -579,7 +577,7 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     scrollableX: [i && "scrollableX"],
     hideScrollbar: [d && "hideScrollbar"]
   }, gt, f);
-}, wt = j("div", {
+}, wt = L("div", {
   name: "MuiTabs",
   slot: "Root",
   overridesResolver: (o, e) => {
@@ -619,7 +617,7 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       }
     }
   }]
-}))), Bt = j("div", {
+}))), Bt = L("div", {
   name: "MuiTabs",
   slot: "Scroller",
   overridesResolver: (o, e) => {
@@ -671,7 +669,7 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       overflowX: "hidden"
     }
   }]
-}), xt = j("div", {
+}), xt = L("div", {
   name: "MuiTabs",
   slot: "FlexContainer",
   overridesResolver: (o, e) => {
@@ -697,7 +695,7 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       justifyContent: "center"
     }
   }]
-}), Ct = j("span", {
+}), Ct = L("span", {
   name: "MuiTabs",
   slot: "Indicator",
   overridesResolver: (o, e) => e.indicator
@@ -733,7 +731,7 @@ const ue = fe("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       right: 0
     }
   }]
-}))), It = j(Fe)({
+}))), It = L(Fe)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -749,7 +747,7 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
   const d = he({
     props: e,
     name: "MuiTabs"
-  }), i = rt(), u = ze(), {
+  }), i = nt(), u = ze(), {
     "aria-label": b,
     "aria-labelledby": h,
     action: f,
@@ -761,9 +759,9 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
     indicatorColor: k = "primary",
     onChange: I,
     orientation: g = "horizontal",
-    ScrollButtonComponent: L = je,
+    ScrollButtonComponent: j = Le,
     scrollButtons: M = "auto",
-    selectionFollowsFocus: ne,
+    selectionFollowsFocus: re,
     slots: H = {},
     slotProps: U = {},
     TabIndicatorProps: V = {},
@@ -772,7 +770,7 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
     value: N,
     variant: R = "standard",
     visibleScrollbar: le = !1,
-    ...Le
+    ...je
   } = d, w = R === "scrollable", B = g === "vertical", X = B ? "scrollTop" : "scrollLeft", J = B ? "top" : "left", Q = B ? "bottom" : "right", se = B ? "clientHeight" : "clientWidth", Y = B ? "height" : "width", D = {
     ...d,
     component: m,
@@ -790,11 +788,11 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
     scrollableY: w && B,
     centered: S && !w,
     scrollButtonsHideMobile: !C
-  }, P = Tt(D), He = re({
+  }, P = Tt(D), He = ne({
     elementType: H.StartScrollButtonIcon,
     externalSlotProps: U.startScrollButtonIcon,
     ownerState: D
-  }), Ve = re({
+  }), Ve = ne({
     elementType: H.EndScrollButtonIcon,
     externalSlotProps: U.endScrollButtonIcon,
     ownerState: D
@@ -804,15 +802,15 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
     overflow: "hidden",
     scrollbarWidth: 0
   }), Z = /* @__PURE__ */ new Map(), O = c.useRef(null), A = c.useRef(null), Be = () => {
-    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,
+    const n = O.current;
+    let r;
+    if (n) {
+      const a = n.getBoundingClientRect();
+      r = {
+        clientWidth: n.clientWidth,
+        scrollLeft: n.scrollLeft,
+        scrollTop: n.scrollTop,
+        scrollWidth: n.scrollWidth,
         top: a.top,
         bottom: a.bottom,
         left: a.left,
@@ -820,31 +818,31 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
       };
     }
     let s;
-    if (r && N !== !1) {
+    if (n && N !== !1) {
       const a = A.current.children;
       if (a.length > 0) {
         const p = a[Z.get(N)];
         process.env.NODE_ENV !== "production" && (p || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${N}".`, Z.keys ? `You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.` : null].join(`
 `))), s = p ? p.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !Pe && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
-        n.clientWidth !== 0 && (n = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${N}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
+        r.clientWidth !== 0 && (r = 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(`
 `)), Pe = !0);
       }
     }
     return {
-      tabsMeta: n,
+      tabsMeta: r,
       tabMeta: s
     };
   }, K = de(() => {
     const {
-      tabsMeta: r,
-      tabMeta: n
+      tabsMeta: n,
+      tabMeta: r
     } = Be();
     let s = 0, a;
-    B ? (a = "top", n && r && (s = n.top - r.top + r.scrollTop)) : (a = u ? "right" : "left", n && r && (s = (u ? -1 : 1) * (n[a] - r[a] + r.scrollLeft)));
+    B ? (a = "top", r && n && (s = r.top - n.top + n.scrollTop)) : (a = u ? "right" : "left", r && n && (s = (u ? -1 : 1) * (r[a] - n[a] + n.scrollLeft)));
     const p = {
       [a]: s,
       // May be wrong until the font is loaded.
-      [Y]: n ? n[Y] : 0
+      [Y]: r ? r[Y] : 0
     };
     if (typeof $[a] != "number" || typeof $[Y] != "number")
       ve(p);
@@ -852,45 +850,45 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
       const E = Math.abs($[a] - p[a]), F = Math.abs($[Y] - p[Y]);
       (E >= 1 || F >= 1) && ve(p);
     }
-  }), ae = (r, {
-    animation: n = !0
+  }), ae = (n, {
+    animation: r = !0
   } = {}) => {
-    n ? bt(X, O.current, r, {
+    r ? bt(X, O.current, n, {
       duration: i.transitions.duration.standard
-    }) : O.current[X] = r;
-  }, xe = (r) => {
-    let n = O.current[X];
-    B ? n += r : n += r * (u ? -1 : 1), ae(n);
+    }) : O.current[X] = n;
+  }, xe = (n) => {
+    let r = O.current[X];
+    B ? r += n : r += n * (u ? -1 : 1), ae(r);
   }, Ce = () => {
-    const r = O.current[se];
-    let n = 0;
+    const n = O.current[se];
+    let r = 0;
     const s = Array.from(A.current.children);
     for (let a = 0; a < s.length; a += 1) {
       const p = s[a];
-      if (n + p[se] > r) {
-        a === 0 && (n = r);
+      if (r + p[se] > n) {
+        a === 0 && (r = n);
         break;
       }
-      n += p[se];
+      r += p[se];
     }
-    return n;
+    return r;
   }, qe = () => {
     xe(-1 * Ce());
   }, Ge = () => {
     xe(Ce());
-  }, Je = c.useCallback((r) => {
+  }, Je = c.useCallback((n) => {
     _e({
       overflow: null,
-      scrollbarWidth: r
+      scrollbarWidth: n
     });
   }, []), Qe = () => {
-    const r = {};
-    r.scrollbarSizeListener = w ? /* @__PURE__ */ x(It, {
+    const n = {};
+    n.scrollbarSizeListener = w ? /* @__PURE__ */ x(It, {
       onChange: Je,
       className: W(P.scrollableX, P.hideScrollbar)
     }) : null;
     const s = w && (M === "auto" && (ye || ge) || M === !0);
-    return r.scrollButtonStart = s ? /* @__PURE__ */ x(L, {
+    return n.scrollButtonStart = s ? /* @__PURE__ */ x(j, {
       slots: {
         StartScrollButtonIcon: H.StartScrollButtonIcon
       },
@@ -903,7 +901,7 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
       disabled: !ye,
       ...z,
       className: W(P.scrollButtons, z.className)
-    }) : null, r.scrollButtonEnd = s ? /* @__PURE__ */ x(L, {
+    }) : null, n.scrollButtonEnd = s ? /* @__PURE__ */ x(j, {
       slots: {
         EndScrollButtonIcon: H.EndScrollButtonIcon
       },
@@ -916,22 +914,22 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
       disabled: !ge,
       ...z,
       className: W(P.scrollButtons, z.className)
-    }) : null, r;
-  }, Ie = de((r) => {
+    }) : null, n;
+  }, Ie = de((n) => {
     const {
-      tabsMeta: n,
+      tabsMeta: r,
       tabMeta: s
     } = Be();
-    if (!(!s || !n)) {
-      if (s[J] < n[J]) {
-        const a = n[X] + (s[J] - n[J]);
+    if (!(!s || !r)) {
+      if (s[J] < r[J]) {
+        const a = r[X] + (s[J] - r[J]);
         ae(a, {
-          animation: r
+          animation: n
         });
-      } else if (s[Q] > n[Q]) {
-        const a = n[X] + (s[Q] - n[Q]);
+      } else if (s[Q] > r[Q]) {
+        const a = r[X] + (s[Q] - r[Q]);
         ae(a, {
-          animation: r
+          animation: n
         });
       }
     }
@@ -939,32 +937,32 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
     w && M !== !1 && Ke(!Te);
   });
   c.useEffect(() => {
-    const r = $e(() => {
+    const n = $e(() => {
       O.current && K();
     });
-    let n;
+    let r;
     const s = (E) => {
       E.forEach((F) => {
         F.removedNodes.forEach((_) => {
-          n == null || n.unobserve(_);
+          r == null || r.unobserve(_);
         }), F.addedNodes.forEach((_) => {
-          n == null || n.observe(_);
+          r == null || r.observe(_);
         });
-      }), r(), ee();
+      }), n(), ee();
     }, a = De(O.current);
-    a.addEventListener("resize", r);
+    a.addEventListener("resize", n);
     let p;
-    return typeof ResizeObserver < "u" && (n = new ResizeObserver(r), Array.from(A.current.children).forEach((E) => {
-      n.observe(E);
+    return typeof ResizeObserver < "u" && (r = new ResizeObserver(n), Array.from(A.current.children).forEach((E) => {
+      r.observe(E);
     })), typeof MutationObserver < "u" && (p = new MutationObserver(s), p.observe(A.current, {
       childList: !0
     })), () => {
-      r.clear(), a.removeEventListener("resize", r), p == null || p.disconnect(), n == null || n.disconnect();
+      n.clear(), a.removeEventListener("resize", n), p == null || p.disconnect(), r == null || r.disconnect();
     };
   }, [K, ee]), c.useEffect(() => {
-    const r = Array.from(A.current.children), n = r.length;
-    if (typeof IntersectionObserver < "u" && n > 0 && w && M !== !1) {
-      const s = r[0], a = r[n - 1], p = {
+    const n = Array.from(A.current.children), r = n.length;
+    if (typeof IntersectionObserver < "u" && r > 0 && w && M !== !1) {
+      const s = n[0], a = n[r - 1], p = {
         root: O.current,
         threshold: 0.99
       }, E = (ce) => {
@@ -998,43 +996,43 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
     }
   });
   let te = 0;
-  const Ze = c.Children.map(v, (r) => {
-    if (!/* @__PURE__ */ c.isValidElement(r))
+  const Ze = c.Children.map(v, (n) => {
+    if (!/* @__PURE__ */ c.isValidElement(n))
       return null;
-    process.env.NODE_ENV !== "production" && ot.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && tt.isFragment(n) && 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 ? te : r.props.value;
-    Z.set(n, te);
-    const s = n === N;
-    return te += 1, /* @__PURE__ */ c.cloneElement(r, {
+    const r = n.props.value === void 0 ? te : n.props.value;
+    Z.set(r, te);
+    const s = r === N;
+    return te += 1, /* @__PURE__ */ c.cloneElement(n, {
       fullWidth: R === "fullWidth",
       indicator: s && !Se && Ee,
       selected: s,
-      selectionFollowsFocus: ne,
+      selectionFollowsFocus: re,
       onChange: I,
       textColor: G,
-      value: n,
-      ...te === 1 && N === !1 && !r.props.tabIndex ? {
+      value: r,
+      ...te === 1 && N === !1 && !n.props.tabIndex ? {
         tabIndex: 0
       } : {}
     });
-  }), et = (r) => {
-    const n = A.current, s = st(n).activeElement;
+  }), et = (n) => {
+    const r = A.current, s = st(r).activeElement;
     if (s.getAttribute("role") !== "tab")
       return;
     let p = g === "horizontal" ? "ArrowLeft" : "ArrowUp", E = g === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), r.key) {
+    switch (g === "horizontal" && u && (p = "ArrowRight", E = "ArrowLeft"), n.key) {
       case p:
-        r.preventDefault(), oe(n, s, Oe);
+        n.preventDefault(), oe(r, s, Oe);
         break;
       case E:
-        r.preventDefault(), oe(n, s, Re);
+        n.preventDefault(), oe(r, s, Re);
         break;
       case "Home":
-        r.preventDefault(), oe(n, null, Re);
+        n.preventDefault(), oe(r, null, Re);
         break;
       case "End":
-        r.preventDefault(), oe(n, null, Oe);
+        n.preventDefault(), oe(r, null, Oe);
         break;
     }
   }, ie = Qe();
@@ -1043,7 +1041,7 @@ const Et = /* @__PURE__ */ c.forwardRef(function(e, l) {
     ownerState: D,
     ref: l,
     as: m,
-    ...Le,
+    ...je,
     children: [ie.scrollButtonStart, ie.scrollbarSizeListener, /* @__PURE__ */ q(Bt, {
       className: P.scroller,
       ownerState: D,