@cgi-learning-hub/ui 0.0.1-dev.1717457153 → 0.0.1-dev.1718370056

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "0.0.1-dev.1717457153",
+  "version": "0.0.1-dev.1718370056",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",

package/dist/Tabs-Cr7s6H3h.cjs

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