@cgi-learning-hub/ui 1.3.3 → 1.3.4-dev.1733911143

package/dist/Tabs-DEvwJheI.cjs

@@ -0,0 +1,4 @@
+"use strict";const oo=require("react"),e=require("./generateUtilityClasses-DEQ18TAF.cjs"),pe=require("./memoTheme-D99chbOP.cjs"),T=require("react/jsx-runtime"),v=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),Ie=require("./ButtonBase-DzK1n18b.cjs"),Ee=require("./capitalize-DASFtB-F.cjs"),to=require("./useThemeProps-BwyYDczI.cjs"),ro=require("./index-CRdsZkOC.cjs"),U=require("./useSlotProps--FPRW1CI.cjs"),no=require("./useTheme-B1YEBlI0.cjs"),Re=require("./useEnhancedEffect-C9MKL5N4.cjs"),Me=require("./ownerWindow-DDHucZi0.cjs"),Oe=require("./debounce-DpCj7ugL.cjs"),ie=require("./useTimeout-NIA-3R5R.cjs"),Ne=require("./createSvgIcon-eUfAcV0x.cjs"),so=require("./ownerDocument-4MViGo3k.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(oo);function je(t){return e.generateUtilityClass("MuiTab",t)}const m=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 v.composeClasses(S,je,o)},co=v.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,{[`& .${m.iconWrapper}`]:o.iconWrapper},{[`& .${m.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:{[`& > .${m.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="bottom",style:{[`& > .${m.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="start",style:{[`& > .${m.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="end",style:{[`& > .${m.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${m.selected}`]:{opacity:1},[`&.${m.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${m.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${m.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${m.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${m.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)}}]}))),ke=p.forwardRef(function(o,s){const i=v.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:I,selectionFollowsFocus:x,textColor:F="inherit",value:R,wrapped:re=!1,...L}=i,H={...i,disabled:d,disableFocusRipple:f,selected:I,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=>{!I&&h&&h(M,R),C&&C(M)},N=M=>{x&&!I&&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":I,disabled:d,onClick:K,onFocus:N,ownerState:H,tabIndex:I?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"&&(ke.propTypes={children:to.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});const We=Ne.createSvgIcon(T.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),De=Ne.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 ze(t){const{onChange:o,...s}=t,i=p.useRef(),c=p.useRef(null),d=()=>{i.current=c.current.offsetHeight-c.current.clientHeight};return Re.useEnhancedEffect(()=>{const f=Oe.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,ref:c,...s})}process.env.NODE_ENV!=="production"&&(ze.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 v.composeClasses(c,bo,o)},To=v.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)"}}}]}),Ae=p.forwardRef(function(o,s){const i=v.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??We,I=d.EndScrollButtonIcon??De,x=U.useSlotProps({elementType:k,externalSlotProps:f.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h}),F=U.useSlotProps({elementType:I,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(I,{...F})})});process.env.NODE_ENV!=="production"&&(Ae.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function $e(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 v.composeClasses(S,$e,b)},So=v.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"}}}}]}))),mo=v.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"}}]}),vo=v.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=v.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=v.styled(ze)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Be={};let Ce=!1;const Fe=p.forwardRef(function(o,s){const i=v.useDefaultProps({props:o,name:"MuiTabs"}),c=no.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:I,orientation:x="horizontal",ScrollButtonComponent:F=Ae,scrollButtons:R="auto",selectionFollowsFocus:re,slots:L={},slotProps:H={},TabIndicatorProps:q={},TabScrollButtonProps:W={},textColor:K="primary",value:N,variant:M="standard",visibleScrollbar:ne=!1,...Le}=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),qe=U.useSlotProps({elementType:L.StartScrollButtonIcon,externalSlotProps:H.startScrollButtonIcon,ownerState:D}),Ue=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,He]=p.useState(!1),[z,ue]=p.useState(Be),[be,Ve]=p.useState(!1),[fe,Xe]=p.useState(!1),[ye,Ye]=p.useState(!1),[Te,_e]=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 E=Math.abs(z[a]-u[a]),$=Math.abs(z[X]-u[X]);(E>=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)},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},Ke=()=>{Se(-1*me())},Ge=()=>{Se(me())},Je=p.useCallback(r=>{_e({overflow:null,scrollbarWidth:r})},[]),Qe=()=>{const r={};r.scrollbarSizeListener=w?T.jsx(go,{onChange:Je,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:qe},orientation:x,direction:d?"right":"left",onClick:Ke,disabled:!be,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r.scrollButtonEnd=l?T.jsx(F,{slots:{EndScrollButtonIcon:L.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Ue},orientation:x,direction:d?"left":"right",onClick:Ge,disabled:!fe,...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&&Ye(!ye)});p.useEffect(()=>{const r=Oe.debounce(()=>{O.current&&Y()});let n;const l=E=>{E.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(E=>{n.observe(E)})),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},E=ce=>{Ve(!ce[0].isIntersecting)},$=new IntersectionObserver(E,u);$.observe(l);const _=ce=>{Xe(!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(()=>{He(!0)},[]),p.useEffect(()=>{Y()}),p.useEffect(()=>{ve(Be!==z)},[ve,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 Ze=p.Children.map(P,r=>{if(!p.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&ro.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:I,textColor:K,value:n,...ee===1&&N===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),eo=r=>{const n=A.current,l=so.ownerDocument(n).activeElement;if(l.getAttribute("role")!=="tab")return;let u=x==="horizontal"?"ArrowLeft":"ArrowUp",E=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&d&&(u="ArrowRight",E="ArrowLeft"),r.key){case u:r.preventDefault(),oe(n,l,we);break;case E: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=Qe();return T.jsxs(So,{className:e.clsx(j.root,g),ownerState:D,ref:s,as:h,...Le,children:[ae.scrollButtonStart,ae.scrollbarSizeListener,T.jsxs(mo,{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(vo,{"aria-label":f,"aria-labelledby":y,"aria-orientation":x==="vertical"?"vertical":null,className:j.flexContainer,ownerState:D,onKeyDown:eo,ref:A,role:"tablist",children:Ze}),de&&Pe]}),ae.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(Fe.propTypes={action:Re.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=We;exports.KeyboardArrowRight=De;exports.Tab=ke;exports.Tabs=Fe;exports.getTabUtilityClass=je;exports.getTabsUtilityClass=$e;exports.tabClasses=m;exports.tabsClasses=te;

package/dist/{TextField-C-B529_r.js → TextField-kwhzNVAL.js}

@@ -1,15 +1,16 @@
 import * as V from "react";
-import { I as B, J as D, L as W, K as _, P as e } from "./identifier-BqadgaK7.js";
-import { u as x } from "./useSlot-Co14PUn6.js";
+import { H as B, I as D, G as W, P as e } from "./generateUtilityClasses--6MLb_cS.js";
+import { u as x } from "./useSlot-eWxwpnv1.js";
 import { jsx as c, jsxs as he } from "react/jsx-runtime";
-import { s as k, u as A, c as J } from "./DefaultPropsProvider-CaRoy5OV.js";
-import { F as ge } from "./FormLabel-B4QlkhhB.js";
+import { s as _, u as k, c as A } from "./DefaultPropsProvider-DUWovK-8.js";
+import { F as ge } from "./FormLabel-X7FN1eBV.js";
 import { u as Fe } from "./useId-CK6Kn3Tn.js";
-import { a as Pe, S as ve, I as Oe, F as Ie, O as we } from "./Select-BlPQngVF.js";
-import { f as Ce } from "./formControlState-DdQP43Uo.js";
+import { a as Pe, S as ve, I as Oe, F as Ie, O as we } from "./Select-D9fwtA9U.js";
+import { f as Ce } from "./formControlState-vgaj2ksH.js";
 import { u as Se } from "./useFormControl-CatNKXAi.js";
-import { m as Re } from "./memoTheme-DfGVDRrB.js";
-import { r as He } from "./refType-DlHf9HvO.js";
+import { m as He } from "./memoTheme-o8RCKrNG.js";
+import { c as G } from "./capitalize-NmHVRYy8.js";
+import { r as Re } from "./useEnhancedEffect-DlS7O_-p.js";
 function je(o) {
   return B("MuiFormHelperText", o);
 }
@@ -26,19 +27,19 @@ const Le = (o) => {
     focused: h,
     required: f
   } = o, g = {
-    root: ["root", p && "disabled", d && "error", s && `size${W(s)}`, r && "contained", h && "focused", l && "filled", f && "required"]
+    root: ["root", p && "disabled", d && "error", s && `size${G(s)}`, r && "contained", h && "focused", l && "filled", f && "required"]
   };
-  return J(g, je, t);
-}, ze = k("p", {
+  return A(g, je, t);
+}, ze = _("p", {
   name: "MuiFormHelperText",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: r
     } = o;
-    return [t.root, r.size && t[`size${W(r.size)}`], r.contained && t.contained, r.filled && t.filled];
+    return [t.root, r.size && t[`size${G(r.size)}`], r.contained && t.contained, r.filled && t.filled];
   }
-})(Re(({
+})(He(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -70,8 +71,8 @@ const Le = (o) => {
       marginRight: 14
     }
   }]
-}))), K = /* @__PURE__ */ V.forwardRef(function(t, r) {
-  const s = A({
+}))), J = /* @__PURE__ */ V.forwardRef(function(t, r) {
+  const s = k({
     props: t,
     name: "MuiFormHelperText"
   }), {
@@ -106,7 +107,7 @@ const Le = (o) => {
   const C = Le(b);
   return /* @__PURE__ */ c(ze, {
     as: l,
-    className: _(C.root, d),
+    className: W(C.root, d),
     ref: r,
     ...m,
     ownerState: b,
@@ -119,7 +120,7 @@ const Le = (o) => {
     ) : p
   });
 });
-process.env.NODE_ENV !== "production" && (K.propTypes = {
+process.env.NODE_ENV !== "production" && (J.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -180,7 +181,7 @@ process.env.NODE_ENV !== "production" && (K.propTypes = {
 function Ne(o) {
   return B("MuiTextField", o);
 }
-const Qe = D("MuiTextField", ["root"]), qe = {
+const Xe = D("MuiTextField", ["root"]), qe = {
   standard: Oe,
   filled: Ie,
   outlined: we
@@ -188,15 +189,15 @@ const Qe = D("MuiTextField", ["root"]), qe = {
   const {
     classes: t
   } = o;
-  return J({
+  return A({
     root: ["root"]
   }, Ne, t);
-}, Ee = k(ge, {
+}, Ee = _(ge, {
   name: "MuiTextField",
   slot: "Root",
   overridesResolver: (o, t) => t.root
 })({}), Ue = /* @__PURE__ */ V.forwardRef(function(t, r) {
-  const s = A({
+  const s = k({
     props: t,
     name: "MuiTextField"
   }), {
@@ -215,7 +216,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
     InputLabelProps: n,
     inputProps: b,
     InputProps: C,
-    inputRef: G,
+    inputRef: K,
     label: T,
     maxRows: Q,
     minRows: X,
@@ -248,7 +249,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
     variant: v
   }, ie = Me(i);
   process.env.NODE_ENV !== "production" && P && !l && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const a = Fe(w), R = m && a ? `${a}-helper-text` : void 0, M = T && a ? `${a}-label` : void 0, ae = qe[v], u = {
+  const a = Fe(w), H = m && a ? `${a}-helper-text` : void 0, M = T && a ? `${a}-label` : void 0, ae = qe[v], u = {
     slots: N,
     slotProps: {
       input: C,
@@ -258,8 +259,8 @@ const Qe = D("MuiTextField", ["root"]), qe = {
       select: S,
       ...ne
     }
-  }, y = {}, H = u.slotProps.inputLabel;
-  v === "outlined" && (H && typeof H.shrink < "u" && (y.notched = H.shrink), y.label = T), P && ((!S || !S.native) && (y.id = void 0), y["aria-describedby"] = void 0);
+  }, y = {}, R = u.slotProps.inputLabel;
+  v === "outlined" && (R && typeof R.shrink < "u" && (y.notched = R.shrink), y.label = T), P && ((!S || !S.native) && (y.id = void 0), y["aria-describedby"] = void 0);
   const [pe, de] = x("input", {
     elementType: ae,
     externalForwardedProps: u,
@@ -274,7 +275,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
     externalForwardedProps: u,
     ownerState: i
   }), [be, Te] = x("formHelperText", {
-    elementType: K,
+    elementType: J,
     externalForwardedProps: u,
     ownerState: i
   }), [ye, xe] = x("select", {
@@ -282,7 +283,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
     externalForwardedProps: u,
     ownerState: i
   }), E = /* @__PURE__ */ c(pe, {
-    "aria-describedby": R,
+    "aria-describedby": H,
     autoComplete: p,
     autoFocus: d,
     defaultValue: g,
@@ -295,7 +296,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
     type: se,
     value: q,
     id: a,
-    inputRef: G,
+    inputRef: K,
     onBlur: Z,
     onChange: ee,
     onFocus: oe,
@@ -307,7 +308,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
     ...de
   });
   return /* @__PURE__ */ he(Ee, {
-    className: _(ie.root, h),
+    className: W(ie.root, h),
     disabled: O,
     error: I,
     fullWidth: F,
@@ -323,7 +324,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
       ...ce,
       children: T
     }), P ? /* @__PURE__ */ c(ye, {
-      "aria-describedby": R,
+      "aria-describedby": H,
       id: a,
       labelId: M,
       value: q,
@@ -331,7 +332,7 @@ const Qe = D("MuiTextField", ["root"]), qe = {
       ...xe,
       children: l
     }) : E, m && /* @__PURE__ */ c(be, {
-      id: R,
+      id: H,
       ...Te,
       children: m
     })]
@@ -427,7 +428,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: He,
+  inputRef: Re,
   /**
    * The label content.
    */
@@ -538,10 +539,10 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 export {
-  K as F,
+  J as F,
   Ue as T,
   Ne as a,
   U as f,
   je as g,
-  Qe as t
+  Xe as t
 };

package/dist/TextField-waKWSLD4.cjs

@@ -0,0 +1 @@
+"use strict";const be=require("react"),e=require("./generateUtilityClasses-DEQ18TAF.cjs"),x=require("./useSlot-DsW0udy9.cjs"),a=require("react/jsx-runtime"),T=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),xe=require("./FormLabel-Ch103TK-.cjs"),ge=require("./useId-DNXtOFeX.cjs"),g=require("./Select-BFGwwKap.cjs"),he=require("./formControlState-CuX6WjAX.cjs"),Fe=require("./useFormControl-haP0iPhl.cjs"),ve=require("./memoTheme-D99chbOP.cjs"),B=require("./capitalize-DASFtB-F.cjs"),Oe=require("./useEnhancedEffect-C9MKL5N4.cjs");function Ce(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const W=Ce(be);function k(o){return e.generateUtilityClass("MuiFormHelperText",o)}const z=e.generateUtilityClasses("MuiFormHelperText",["root","error","disabled","sizeSmall","sizeMedium","contained","focused","filled","required"]);var V;const Se=o=>{const{classes:r,contained:s,size:t,disabled:u,error:c,filled:n,focused:h,required:y}=o,F={root:["root",u&&"disabled",c&&"error",t&&`size${B.capitalize(t)}`,s&&"contained",h&&"focused",n&&"filled",y&&"required"]};return T.composeClasses(F,k,r)},je=T.styled("p",{name:"MuiFormHelperText",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:s}=o;return[r.root,s.size&&r[`size${B.capitalize(s.size)}`],s.contained&&r.contained,s.filled&&r.filled]}})(ve.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,...o.typography.caption,textAlign:"left",marginTop:3,marginRight:0,marginBottom:0,marginLeft:0,[`&.${z.disabled}`]:{color:(o.vars||o).palette.text.disabled},[`&.${z.error}`]:{color:(o.vars||o).palette.error.main},variants:[{props:{size:"small"},style:{marginTop:4}},{props:({ownerState:r})=>r.contained,style:{marginLeft:14,marginRight:14}}]}))),L=W.forwardRef(function(r,s){const t=T.useDefaultProps({props:r,name:"MuiFormHelperText"}),{children:u,className:c,component:n="p",disabled:h,error:y,filled:F,focused:S,margin:j,required:N,variant:v,...P}=t,I=Fe.useFormControl(),p=he.formControlState({props:t,muiFormControl:I,states:["variant","size","disabled","error","filled","focused","required"]}),f={...t,component:n,contained:p.variant==="filled"||p.variant==="outlined",variant:p.variant,size:p.size,disabled:p.disabled,error:p.error,filled:p.filled,focused:p.focused,required:p.required};delete f.ownerState;const q=Se(f);return a.jsx(je,{as:n,className:e.clsx(q.root,c),ref:s,...P,ownerState:f,children:u===" "?V||(V=a.jsx("span",{className:"notranslate",children:"​"})):u})});process.env.NODE_ENV!=="production"&&(L.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disabled:e.PropTypes.bool,error:e.PropTypes.bool,filled:e.PropTypes.bool,focused:e.PropTypes.bool,margin:e.PropTypes.oneOf(["dense"]),required:e.PropTypes.bool,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["filled","outlined","standard"]),e.PropTypes.string])});function A(o){return e.generateUtilityClass("MuiTextField",o)}const Ie=e.generateUtilityClasses("MuiTextField",["root"]),qe={standard:g.Input,filled:g.FilledInput,outlined:g.OutlinedInput},we=o=>{const{classes:r}=o,s={root:["root"]};return T.composeClasses(s,A,r)},He=T.styled(xe.FormControl,{name:"MuiTextField",slot:"Root",overridesResolver:(o,r)=>r.root})({}),G=W.forwardRef(function(r,s){const t=T.useDefaultProps({props:r,name:"MuiTextField"}),{autoComplete:u,autoFocus:c=!1,children:n,className:h,color:y="primary",defaultValue:F,disabled:S=!1,error:j=!1,FormHelperTextProps:N,fullWidth:v=!1,helperText:P,id:I,InputLabelProps:p,inputProps:f,InputProps:q,inputRef:J,label:m,maxRows:K,minRows:Q,multiline:U=!1,name:X,onBlur:Y,onChange:Z,onFocus:ee,placeholder:oe,required:M=!1,rows:re,select:O=!1,SelectProps:w,slots:E={},slotProps:se={},type:te,value:D,variant:C="outlined",...pe}=t,l={...t,autoFocus:c,color:y,disabled:S,error:j,fullWidth:v,multiline:U,required:M,select:O,variant:C},ne=we(l);process.env.NODE_ENV!=="production"&&O&&!n&&console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");const i=ge.useId(I),H=P&&i?`${i}-helper-text`:void 0,_=m&&i?`${i}-label`:void 0,le=qe[C],d={slots:E,slotProps:{input:q,inputLabel:p,htmlInput:f,formHelperText:N,select:w,...se}},b={},R=d.slotProps.inputLabel;C==="outlined"&&(R&&typeof R.shrink<"u"&&(b.notched=R.shrink),b.label=m),O&&((!w||!w.native)&&(b.id=void 0),b["aria-describedby"]=void 0);const[ie,ae]=x.useSlot("input",{elementType:le,externalForwardedProps:d,additionalProps:b,ownerState:l}),[ue,ce]=x.useSlot("inputLabel",{elementType:g.InputLabel,externalForwardedProps:d,ownerState:l}),[de,Te]=x.useSlot("htmlInput",{elementType:"input",externalForwardedProps:d,ownerState:l}),[ye,Pe]=x.useSlot("formHelperText",{elementType:L,externalForwardedProps:d,ownerState:l}),[fe,me]=x.useSlot("select",{elementType:g.Select,externalForwardedProps:d,ownerState:l}),$=a.jsx(ie,{"aria-describedby":H,autoComplete:u,autoFocus:c,defaultValue:F,fullWidth:v,multiline:U,name:X,rows:re,maxRows:K,minRows:Q,type:te,value:D,id:i,inputRef:J,onBlur:Y,onChange:Z,onFocus:ee,placeholder:oe,inputProps:Te,slots:{input:E.htmlInput?de:void 0},...ae});return a.jsxs(He,{className:e.clsx(ne.root,h),disabled:S,error:j,fullWidth:v,ref:s,required:M,color:y,variant:C,ownerState:l,...pe,children:[m!=null&&m!==""&&a.jsx(ue,{htmlFor:i,id:_,...ce,children:m}),O?a.jsx(fe,{"aria-describedby":H,id:i,labelId:_,value:D,input:$,...me,children:n}):$,P&&a.jsx(ye,{id:H,...Pe,children:P})]})});process.env.NODE_ENV!=="production"&&(G.propTypes={autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,error:e.PropTypes.bool,FormHelperTextProps:e.PropTypes.object,fullWidth:e.PropTypes.bool,helperText:e.PropTypes.node,id:e.PropTypes.string,InputLabelProps:e.PropTypes.object,inputProps:e.PropTypes.object,InputProps:e.PropTypes.object,inputRef:Oe.refType,label:e.PropTypes.node,margin:e.PropTypes.oneOf(["dense","none","normal"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,placeholder:e.PropTypes.string,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),select:e.PropTypes.bool,SelectProps:e.PropTypes.object,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({formHelperText:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),htmlInput:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),inputLabel:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),select:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({formHelperText:e.PropTypes.elementType,htmlInput:e.PropTypes.elementType,input:e.PropTypes.elementType,inputLabel:e.PropTypes.elementType,select: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]),type:e.PropTypes.string,value:e.PropTypes.any,variant:e.PropTypes.oneOf(["filled","outlined","standard"])});exports.FormHelperText=L;exports.TextField=G;exports.formHelperTextClasses=z;exports.getFormHelperTextUtilityClasses=k;exports.getTextFieldUtilityClass=A;exports.textFieldClasses=Ie;

package/dist/Tooltip-CFyOA9CT.cjs

@@ -0,0 +1,4 @@
+"use strict";const Xe=require("react"),e=require("./generateUtilityClasses-DEQ18TAF.cjs"),Je=require("./useSlotProps--FPRW1CI.cjs"),Qe=require("./useTheme-B1YEBlI0.cjs"),b=require("react/jsx-runtime"),x=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),Y=require("./memoTheme-D99chbOP.cjs"),I=require("./useSlot-DsW0udy9.cjs"),ge=require("./Popper-CjTplNLW.cjs"),be=require("./capitalize-DASFtB-F.cjs"),g=require("./useTimeout-NIA-3R5R.cjs"),Ze=require("./useControlled-Ysk4KqoX.cjs"),eo=require("./useId-DNXtOFeX.cjs"),oo=require("./useForkRef-CTI33h-3.cjs"),Pe=require("./utils-DlWHEABQ.cjs"),to=require("./Grow-D7OAahbU.cjs"),ye=require("./isFocusVisible-DlSijby6.cjs");function ro(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(o,s,l.get?l:{enumerable:!0,get:()=>r[s]})}}return o.default=r,Object.freeze(o)}const n=ro(Xe);function we(r){return e.generateUtilityClass("MuiTooltip",r)}const p=e.generateUtilityClasses("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]);function po(r){return Math.round(r*1e5)/1e5}const so=r=>{const{classes:o,disableInteractive:s,arrow:l,touch:C,placement:P}=r,G={popper:["popper",!s&&"popperInteractive",l&&"popperArrow"],tooltip:["tooltip",l&&"tooltipArrow",C&&"touch",`tooltipPlacement${be.capitalize(P.split("-")[0])}`],arrow:["arrow"]};return x.composeClasses(G,we,o)},no=x.styled(ge.Popper,{name:"MuiTooltip",slot:"Popper",overridesResolver:(r,o)=>{const{ownerState:s}=r;return[o.popper,!s.disableInteractive&&o.popperInteractive,s.arrow&&o.popperArrow,!s.open&&o.popperClose]}})(Y.memoTheme(({theme:r})=>({zIndex:(r.vars||r).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:o})=>!o.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:o})=>!o,style:{pointerEvents:"none"}},{props:({ownerState:o})=>o.arrow,style:{[`&[data-popper-placement*="bottom"] .${p.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${p.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${p.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${p.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="right"] .${p.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="right"] .${p.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="left"] .${p.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="left"] .${p.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),io=x.styled("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(r,o)=>{const{ownerState:s}=r;return[o.tooltip,s.touch&&o.touch,s.arrow&&o.tooltipArrow,o[`tooltipPlacement${be.capitalize(s.placement.split("-")[0])}`]]}})(Y.memoTheme(({theme:r})=>({backgroundColor:r.vars?r.vars.palette.Tooltip.bg:e.alpha(r.palette.grey[700],.92),borderRadius:(r.vars||r).shape.borderRadius,color:(r.vars||r).palette.common.white,fontFamily:r.typography.fontFamily,padding:"4px 8px",fontSize:r.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:r.typography.fontWeightMedium,[`.${p.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${p.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${p.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${p.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:o})=>o.arrow,style:{position:"relative",margin:0}},{props:({ownerState:o})=>o.touch,style:{padding:"8px 16px",fontSize:r.typography.pxToRem(14),lineHeight:`${po(16/14)}em`,fontWeight:r.typography.fontWeightRegular}},{props:({ownerState:o})=>!o.isRtl,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:o})=>!o.isRtl&&o.touch,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:o})=>!!o.isRtl,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:o})=>!!o.isRtl&&o.touch,style:{[`.${p.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${p.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${p.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${p.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),ao=x.styled("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(r,o)=>o.arrow})(Y.memoTheme(({theme:r})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:r.vars?r.vars.palette.Tooltip.bg:e.alpha(r.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}})));let q=!1;const he=new g.Timeout;let O={x:0,y:0};function k(r,o){return(s,...l)=>{o&&o(s,...l),r(s,...l)}}const ve=n.forwardRef(function(o,s){const l=x.useDefaultProps({props:o,name:"MuiTooltip"}),{arrow:C=!1,children:P,classes:G,components:S={},componentsProps:M={},describeChild:Re=!1,disableFocusListener:Oe=!1,disableHoverListener:K=!1,disableInteractive:xe=!1,disableTouchListener:Ce=!1,enterDelay:X=100,enterNextDelay:J=0,enterTouchDelay:Se=700,followCursor:A=!1,id:Me,leaveDelay:Q=0,leaveTouchDelay:Ee=1500,onClose:Z,onOpen:ee,open:oe,placement:te="bottom",PopperComponent:re,PopperProps:f={},slotProps:T={},slots:je={},title:y,TransitionComponent:$e,TransitionProps:Ne,...pe}=l,d=n.isValidElement(P)?P:b.jsx("span",{children:P}),se=Qe.useTheme(),Le=Je.useRtl(),[i,ne]=n.useState(),[F,De]=n.useState(null),E=n.useRef(!1),U=xe||A,ie=g.useTimeout(),W=g.useTimeout(),j=g.useTimeout(),ae=g.useTimeout(),[Ie,le]=Ze.useControlled({controlled:oe,default:!1,name:"Tooltip",state:"open"});let m=Ie;if(process.env.NODE_ENV!=="production"){const{current:t}=n.useRef(oe!==void 0);n.useEffect(()=>{i&&i.disabled&&!t&&y!==""&&i.tagName.toLowerCase()==="button"&&console.error(["MUI: You are providing a disabled `button` child to the Tooltip component.","A disabled element does not fire events.","Tooltip needs to listen to the child element's events to display the title.","","Add a simple wrapper element, such as a `span`."].join(`
+`))},[y,i,t])}const B=eo.useId(Me),w=n.useRef(),$=g.useEventCallback(()=>{w.current!==void 0&&(document.body.style.WebkitUserSelect=w.current,w.current=void 0),ae.clear()});n.useEffect(()=>$,[$]);const ce=t=>{he.clear(),q=!0,le(!0),ee&&!m&&ee(t)},N=g.useEventCallback(t=>{he.start(800+Q,()=>{q=!1}),le(!1),Z&&m&&Z(t),ie.start(se.transitions.duration.shortest,()=>{E.current=!1})}),L=t=>{E.current&&t.type!=="touchstart"||(i&&i.removeAttribute("title"),W.clear(),j.clear(),X||q&&J?W.start(q?J:X,()=>{ce(t)}):ce(t))},z=t=>{W.clear(),j.start(Q,()=>{N(t)})},[,ue]=n.useState(!1),de=t=>{ye.isFocusVisible(t.target)||(ue(!1),z(t))},me=t=>{i||ne(t.currentTarget),ye.isFocusVisible(t.target)&&(ue(!0),L(t))},fe=t=>{E.current=!0;const u=d.props;u.onTouchStart&&u.onTouchStart(t)},qe=t=>{fe(t),j.clear(),ie.clear(),$(),w.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",ae.start(Se,()=>{document.body.style.WebkitUserSelect=w.current,L(t)})},ke=t=>{d.props.onTouchEnd&&d.props.onTouchEnd(t),$(),j.start(Ee,()=>{N(t)})};n.useEffect(()=>{if(!m)return;function t(u){u.key==="Escape"&&N(u)}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[N,m]);const Ae=oo.useForkRef(Pe.getReactElementRef(d),ne,s);!y&&y!==0&&(m=!1);const V=n.useRef(),Fe=t=>{const u=d.props;u.onMouseMove&&u.onMouseMove(t),O={x:t.clientX,y:t.clientY},V.current&&V.current.update()},v={},_=typeof y=="string";Re?(v.title=!m&&_&&!K?y:null,v["aria-describedby"]=m?B:null):(v["aria-label"]=_?y:null,v["aria-labelledby"]=m&&!_?B:null);const a={...v,...pe,...d.props,className:e.clsx(pe.className,d.props.className),onTouchStart:fe,ref:Ae,...A?{onMouseMove:Fe}:{}};process.env.NODE_ENV!=="production"&&(a["data-mui-internal-clone-element"]=!0,n.useEffect(()=>{i&&!i.getAttribute("data-mui-internal-clone-element")&&console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.","Please make sure that props are spread on the same element that the ref is applied to."].join(`
+`))},[i]));const R={};Ce||(a.onTouchStart=qe,a.onTouchEnd=ke),K||(a.onMouseOver=k(L,a.onMouseOver),a.onMouseLeave=k(z,a.onMouseLeave),U||(R.onMouseOver=L,R.onMouseLeave=z)),Oe||(a.onFocus=k(me,a.onFocus),a.onBlur=k(de,a.onBlur),U||(R.onFocus=me,R.onBlur=de)),process.env.NODE_ENV!=="production"&&d.props.title&&console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.",`Remove this title prop \`${d.props.title}\` or the Tooltip component.`].join(`
+`));const h={...l,isRtl:Le,arrow:C,disableInteractive:U,placement:te,PopperComponentProp:re,touch:E.current},c=typeof T.popper=="function"?T.popper(h):T.popper,Ue=n.useMemo(()=>{var u,Te;let t=[{name:"arrow",enabled:!!F,options:{element:F,padding:4}}];return(u=f.popperOptions)!=null&&u.modifiers&&(t=t.concat(f.popperOptions.modifiers)),(Te=c==null?void 0:c.popperOptions)!=null&&Te.modifiers&&(t=t.concat(c.popperOptions.modifiers)),{...f.popperOptions,...c==null?void 0:c.popperOptions,modifiers:t}},[F,f.popperOptions,c==null?void 0:c.popperOptions]),H=so(h),We=typeof T.transition=="function"?T.transition(h):T.transition,D={slots:{popper:S.Popper,transition:S.Transition??$e,tooltip:S.Tooltip,arrow:S.Arrow,...je},slotProps:{arrow:T.arrow??M.arrow,popper:{...f,...c??M.popper},tooltip:T.tooltip??M.tooltip,transition:{...Ne,...We??M.transition}}},[Be,ze]=I.useSlot("popper",{elementType:no,externalForwardedProps:D,ownerState:h,className:e.clsx(H.popper,f==null?void 0:f.className)}),[Ve,_e]=I.useSlot("transition",{elementType:to.Grow,externalForwardedProps:D,ownerState:h}),[He,Ye]=I.useSlot("tooltip",{elementType:io,className:H.tooltip,externalForwardedProps:D,ownerState:h}),[Ge,Ke]=I.useSlot("arrow",{elementType:ao,className:H.arrow,externalForwardedProps:D,ownerState:h,ref:De});return b.jsxs(n.Fragment,{children:[n.cloneElement(d,a),b.jsx(Be,{as:re??ge.Popper,placement:te,anchorEl:A?{getBoundingClientRect:()=>({top:O.y,left:O.x,right:O.x,bottom:O.y,width:0,height:0})}:i,popperRef:V,open:i?m:!1,id:B,transition:!0,...R,...ze,popperOptions:Ue,children:({TransitionProps:t})=>b.jsx(Ve,{timeout:se.transitions.duration.shorter,...t,..._e,children:b.jsxs(He,{...Ye,children:[y,C?b.jsx(Ge,{...Ke}):null]})})})]})});process.env.NODE_ENV!=="production"&&(ve.propTypes={arrow:e.PropTypes.bool,children:Pe.elementAcceptingRef.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,components:e.PropTypes.shape({Arrow:e.PropTypes.elementType,Popper:e.PropTypes.elementType,Tooltip:e.PropTypes.elementType,Transition:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({arrow:e.PropTypes.object,popper:e.PropTypes.object,tooltip:e.PropTypes.object,transition:e.PropTypes.object}),describeChild:e.PropTypes.bool,disableFocusListener:e.PropTypes.bool,disableHoverListener:e.PropTypes.bool,disableInteractive:e.PropTypes.bool,disableTouchListener:e.PropTypes.bool,enterDelay:e.PropTypes.number,enterNextDelay:e.PropTypes.number,enterTouchDelay:e.PropTypes.number,followCursor:e.PropTypes.bool,id:e.PropTypes.string,leaveDelay:e.PropTypes.number,leaveTouchDelay:e.PropTypes.number,onClose:e.PropTypes.func,onOpen:e.PropTypes.func,open:e.PropTypes.bool,placement:e.PropTypes.oneOf(["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]),PopperComponent:e.PropTypes.elementType,PopperProps:e.PropTypes.object,slotProps:e.PropTypes.shape({arrow:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),popper:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),tooltip:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({arrow:e.PropTypes.elementType,popper:e.PropTypes.elementType,tooltip:e.PropTypes.elementType,transition: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]),title:e.PropTypes.node,TransitionComponent:e.PropTypes.elementType,TransitionProps:e.PropTypes.object});exports.Tooltip=ve;exports.getTooltipUtilityClass=we;exports.tooltipClasses=p;