@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/Tab-BsIC620i.cjs

@@ -0,0 +1,4 @@
+"use strict";const wo=require("react"),e=require("./identifier-gJdGmHeC.cjs"),T=require("react/jsx-runtime"),$e=require("./index-D14TzUgK.cjs"),Co=require("./useTheme-NQRIebh0.cjs"),m=require("./DefaultPropsProvider-DLSItMqn.cjs"),fe=require("./memoTheme-GOMOSdXJ.cjs"),se=require("./useEventCallback-BxpcFap0.cjs"),Le=require("./debounce-DpCj7ugL.cjs"),ze=require("./ownerWindow-DDHucZi0.cjs"),U=require("./useSlot-zJFQDOgm.cjs"),le=require("./useSlotProps-CuEZ7HQe.cjs"),qe=require("./createSvgIcon-DPiiTkVU.cjs"),Ae=require("./ButtonBase-DDgwUJIY.cjs"),Bo=require("./ownerDocument-4MViGo3k.cjs"),Eo=require("./refType-53jD7LEO.cjs"),Io=require("./useThemeProps-DnpiVoRo.cjs"),Oo=require("./unsupportedProp-Bn6XWqwH.cjs");function Mo(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,l.get?l:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const a=Mo(wo),ye=a.createContext(null);process.env.NODE_ENV!=="production"&&(ye.displayName="TabContext");function Ro(){const[t,o]=a.useState(null);return a.useEffect(()=>{o(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),t}function Ue(t){const{children:o,value:s}=t,l=Ro(),c=a.useMemo(()=>({idPrefix:l,value:s}),[l,s]);return T.jsx(ye.Provider,{value:c,children:o})}process.env.NODE_ENV!=="production"&&(Ue.propTypes={children:e.PropTypes.node,value:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).isRequired});function be(){return a.useContext(ye)}function Te(t,o){const{idPrefix:s}=t;return s===null?null:`${t.idPrefix}-P-${o}`}function Pe(t,o){const{idPrefix:s}=t;return s===null?null:`${t.idPrefix}-T-${o}`}function No(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function jo(t,o,s,l={},c=()=>{}){const{ease:p=No,duration:d=300}=l;let f=null;const b=o[t];let h=!1;const v=()=>{h=!0},P=S=>{if(h){c(new Error("Animation cancelled"));return}f===null&&(f=S);const x=Math.min(1,(S-f)/d);if(o[t]=p(x)*(s-b)+b,x>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(P)};return b===s?(c(new Error("Element already at target position")),v):(requestAnimationFrame(P),v)}const Do={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Fe(t){const{onChange:o,...s}=t,l=a.useRef(),c=a.useRef(null),p=()=>{l.current=c.current.offsetHeight-c.current.clientHeight};return se.useEnhancedEffect(()=>{const d=Le.debounce(()=>{const b=l.current;p(),b!==l.current&&o(l.current)}),f=ze.ownerWindow(c.current);return f.addEventListener("resize",d),()=>{d.clear(),f.removeEventListener("resize",d)}},[o]),a.useEffect(()=>{p(),o(l.current)},[o]),T.jsx("div",{style:Do,...s,ref:c})}process.env.NODE_ENV!=="production"&&(Fe.propTypes={onChange:e.PropTypes.func.isRequired});const Ve=qe.createSvgIcon(T.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),He=qe.createSvgIcon(T.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function ko(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const Wo=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),$o=t=>{const{classes:o,orientation:s,disabled:l}=t,c={root:["root",s,l&&"disabled"]};return m.composeClasses(c,ko,o)},Lo=m.styled(Ae.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,[`&.${Wo.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),_e=a.forwardRef(function(o,s){const l=m.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:p={},slotProps:d={},direction:f,orientation:b,disabled:h,...v}=l,P=$e.useRtl(),S={isRtl:P,...l},x=$o(S),W=p.StartScrollButtonIcon??Ve,E=p.EndScrollButtonIcon??He,w=le.useSlotProps({elementType:W,externalSlotProps:d.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S}),Y=le.useSlotProps({elementType:E,externalSlotProps:d.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S});return T.jsx(Lo,{component:"div",className:e.clsx(x.root,c),ref:s,role:null,ownerState:S,tabIndex:null,...v,style:{...v.style,...b==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${P?-90:90}deg)`}},children:f==="left"?T.jsx(W,{...w}):T.jsx(E,{...Y})})});process.env.NODE_ENV!=="production"&&(_e.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 Ke(t){return e.generateUtilityClass("MuiTabs",t)}const ne=e.generateUtilityClasses("MuiTabs",["root","vertical","list","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),je=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,De=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,re=(t,o,s)=>{let l=!1,c=s(t,o);for(;c;){if(c===t.firstChild){if(l)return;l=!0}const p=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||p)c=s(t,c);else{c.focus();return}}},zo=t=>{const{vertical:o,fixed:s,hideScrollbar:l,scrollableX:c,scrollableY:p,centered:d,scrollButtonsHideMobile:f,classes:b}=t,h={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",l&&"hideScrollbar",c&&"scrollableX",p&&"scrollableY"],list:["list","flexContainer",o&&"flexContainerVertical",o&&"vertical",d&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",f&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[l&&"hideScrollbar"]};return m.composeClasses(h,Ke,b)},qo=m.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[{[`& .${ne.scrollButtons}`]:o.scrollButtons},{[`& .${ne.scrollButtons}`]:s.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,s.vertical&&o.vertical]}})(fe.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:{[`& .${ne.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}}}]}))),Ao=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"}}]}),Uo=m.styled("div",{name:"MuiTabs",slot:"List",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.list,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"}}]}),Fo=m.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,o)=>o.indicator})(fe.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}}]}))),Vo=m.styled(Fe)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),ke={};let We=!1;const he=a.forwardRef(function(o,s){const l=m.useDefaultProps({props:o,name:"MuiTabs"}),c=Co.useTheme(),p=$e.useRtl(),{"aria-label":d,"aria-labelledby":f,action:b,centered:h=!1,children:v,className:P,component:S="div",allowScrollButtonsMobile:x=!1,indicatorColor:W="primary",onChange:E,orientation:w="horizontal",ScrollButtonComponent:Y,scrollButtons:O="auto",selectionFollowsFocus:ae,slots:M={},slotProps:q={},TabIndicatorProps:F={},TabScrollButtonProps:V={},textColor:G="primary",value:D,variant:R="standard",visibleScrollbar:ce=!1,...Ze}=l,C=R==="scrollable",B=w==="vertical",H=B?"scrollTop":"scrollLeft",J=B?"top":"left",Q=B?"bottom":"right",ie=B?"clientHeight":"clientWidth",_=B?"height":"width",N={...l,component:S,allowScrollButtonsMobile:x,indicatorColor:W,orientation:w,vertical:B,scrollButtons:O,textColor:G,variant:R,visibleScrollbar:ce,fixed:!C,hideScrollbar:C&&!ce,scrollableX:C&&!B,scrollableY:C&&B,centered:h&&!C,scrollButtonsHideMobile:!x},k=zo(N),eo=le.useSlotProps({elementType:M.StartScrollButtonIcon,externalSlotProps:q.startScrollButtonIcon,ownerState:N}),oo=le.useSlotProps({elementType:M.EndScrollButtonIcon,externalSlotProps:q.endScrollButtonIcon,ownerState:N});process.env.NODE_ENV!=="production"&&h&&C&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[Se,to]=a.useState(!1),[$,me]=a.useState(ke),[ve,ro]=a.useState(!1),[ge,so]=a.useState(!1),[xe,no]=a.useState(!1),[we,lo]=a.useState({overflow:"hidden",scrollbarWidth:0}),Z=new Map,j=a.useRef(null),L=a.useRef(null),A={slots:M,slotProps:{indicator:F,scrollButton:V,...q}},Ce=()=>{const r=j.current;let n;if(r){const u=r.getBoundingClientRect();n={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollWidth:r.scrollWidth,top:u.top,bottom:u.bottom,left:u.left,right:u.right}}let i;if(r&&D!==!1){const u=L.current.children;if(u.length>0){const y=u[Z.get(D)];process.env.NODE_ENV!=="production"&&(y||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${D}".`,Z.keys?`You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.`:null].join(`
+`))),i=y?y.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!We&&i&&i.width===0&&i.height===0&&n.clientWidth!==0&&(n=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${D}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join(`
+`)),We=!0)}}return{tabsMeta:n,tabMeta:i}},K=se.useEventCallback(()=>{const{tabsMeta:r,tabMeta:n}=Ce();let i=0,u;B?(u="top",n&&r&&(i=n.top-r.top+r.scrollTop)):(u=p?"right":"left",n&&r&&(i=(p?-1:1)*(n[u]-r[u]+r.scrollLeft)));const y={[u]:i,[_]:n?n[_]:0};if(typeof $[u]!="number"||typeof $[_]!="number")me(y);else{const I=Math.abs($[u]-y[u]),z=Math.abs($[_]-y[_]);(I>=1||z>=1)&&me(y)}}),pe=(r,{animation:n=!0}={})=>{n?jo(H,j.current,r,{duration:c.transitions.duration.standard}):j.current[H]=r},Be=r=>{let n=j.current[H];B?n+=r:n+=r*(p?-1:1),pe(n)},Ee=()=>{const r=j.current[ie];let n=0;const i=Array.from(L.current.children);for(let u=0;u<i.length;u+=1){const y=i[u];if(n+y[ie]>r){u===0&&(n=r);break}n+=y[ie]}return n},ao=()=>{Be(-1*Ee())},co=()=>{Be(Ee())},[io,{onChange:ee,...po}]=U.useSlot("scrollbar",{className:e.clsx(k.scrollableX,k.hideScrollbar),elementType:Vo,shouldForwardComponentProp:!0,externalForwardedProps:A,ownerState:N}),uo=a.useCallback(r=>{ee==null||ee(r),lo({overflow:null,scrollbarWidth:r})},[ee]),[Ie,Oe]=U.useSlot("scrollButtons",{className:e.clsx(k.scrollButtons,V.className),elementType:_e,externalForwardedProps:A,ownerState:N,additionalProps:{orientation:w,slots:{StartScrollButtonIcon:M.startScrollButtonIcon||M.StartScrollButtonIcon,EndScrollButtonIcon:M.endScrollButtonIcon||M.EndScrollButtonIcon},slotProps:{startScrollButtonIcon:eo,endScrollButtonIcon:oo}}}),fo=()=>{const r={};r.scrollbarSizeListener=C?T.jsx(io,{...po,onChange:uo}):null;const i=C&&(O==="auto"&&(ve||ge)||O===!0);return r.scrollButtonStart=i?T.jsx(Ie,{direction:p?"right":"left",onClick:ao,disabled:!ve,...Oe}):null,r.scrollButtonEnd=i?T.jsx(Ie,{direction:p?"left":"right",onClick:co,disabled:!ge,...Oe}):null,r},Me=se.useEventCallback(r=>{const{tabsMeta:n,tabMeta:i}=Ce();if(!(!i||!n)){if(i[J]<n[J]){const u=n[H]+(i[J]-n[J]);pe(u,{animation:r})}else if(i[Q]>n[Q]){const u=n[H]+(i[Q]-n[Q]);pe(u,{animation:r})}}}),oe=se.useEventCallback(()=>{C&&O!==!1&&no(!xe)});a.useEffect(()=>{const r=Le.debounce(()=>{j.current&&K()});let n;const i=I=>{I.forEach(z=>{z.removedNodes.forEach(X=>{n==null||n.unobserve(X)}),z.addedNodes.forEach(X=>{n==null||n.observe(X)})}),r(),oe()},u=ze.ownerWindow(j.current);u.addEventListener("resize",r);let y;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(r),Array.from(L.current.children).forEach(I=>{n.observe(I)})),typeof MutationObserver<"u"&&(y=new MutationObserver(i),y.observe(L.current,{childList:!0})),()=>{r.clear(),u.removeEventListener("resize",r),y==null||y.disconnect(),n==null||n.disconnect()}},[K,oe]),a.useEffect(()=>{const r=Array.from(L.current.children),n=r.length;if(typeof IntersectionObserver<"u"&&n>0&&C&&O!==!1){const i=r[0],u=r[n-1],y={root:j.current,threshold:.99},I=de=>{ro(!de[0].isIntersecting)},z=new IntersectionObserver(I,y);z.observe(i);const X=de=>{so(!de[0].isIntersecting)},Ne=new IntersectionObserver(X,y);return Ne.observe(u),()=>{z.disconnect(),Ne.disconnect()}}},[C,O,xe,v==null?void 0:v.length]),a.useEffect(()=>{to(!0)},[]),a.useEffect(()=>{K()}),a.useEffect(()=>{Me(ke!==$)},[Me,$]),a.useImperativeHandle(b,()=>({updateIndicator:K,updateScrollButtons:oe}),[K,oe]);const[yo,bo]=U.useSlot("indicator",{className:e.clsx(k.indicator,F.className),elementType:Fo,externalForwardedProps:A,ownerState:N,additionalProps:{style:$}}),Re=T.jsx(yo,{...bo});let te=0;const To=a.Children.map(v,r=>{if(!a.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&e.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`));const n=r.props.value===void 0?te:r.props.value;Z.set(n,te);const i=n===D;return te+=1,a.cloneElement(r,{fullWidth:R==="fullWidth",indicator:i&&!Se&&Re,selected:i,selectionFollowsFocus:ae,onChange:E,textColor:G,value:n,...te===1&&D===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),Po=r=>{if(r.altKey||r.shiftKey||r.ctrlKey||r.metaKey)return;const n=L.current,i=Bo.ownerDocument(n).activeElement;if(i.getAttribute("role")!=="tab")return;let y=w==="horizontal"?"ArrowLeft":"ArrowUp",I=w==="horizontal"?"ArrowRight":"ArrowDown";switch(w==="horizontal"&&p&&(y="ArrowRight",I="ArrowLeft"),r.key){case y:r.preventDefault(),re(n,i,De);break;case I:r.preventDefault(),re(n,i,je);break;case"Home":r.preventDefault(),re(n,null,je);break;case"End":r.preventDefault(),re(n,null,De);break}},ue=fo(),[ho,So]=U.useSlot("root",{ref:s,className:e.clsx(k.root,P),elementType:qo,externalForwardedProps:{...A,...Ze,component:S},ownerState:N}),[mo,vo]=U.useSlot("scroller",{ref:j,className:k.scroller,elementType:Ao,externalForwardedProps:A,ownerState:N,additionalProps:{style:{overflow:we.overflow,[B?`margin${p?"Left":"Right"}`:"marginBottom"]:ce?void 0:-we.scrollbarWidth}}}),[go,xo]=U.useSlot("list",{ref:L,className:e.clsx(k.list,k.flexContainer),elementType:Uo,externalForwardedProps:A,ownerState:N,getSlotProps:r=>({...r,onKeyDown:n=>{var i;Po(n),(i=r.onKeyDown)==null||i.call(r,n)}})});return T.jsxs(ho,{...So,children:[ue.scrollButtonStart,ue.scrollbarSizeListener,T.jsxs(mo,{...vo,children:[T.jsx(go,{"aria-label":d,"aria-labelledby":f,"aria-orientation":w==="vertical"?"vertical":null,role:"tablist",...xo,children:To}),Se&&Re]}),ue.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(he.propTypes={action:Eo.refType,allowScrollButtonsMobile:e.PropTypes.bool,"aria-label":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,centered:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,indicatorColor:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary"]),e.PropTypes.string]),onChange:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),ScrollButtonComponent:e.PropTypes.elementType,scrollButtons:e.PropTypes.oneOf(["auto",!1,!0]),selectionFollowsFocus:e.PropTypes.bool,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),indicator:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),list:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scrollbar:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scrollButtons:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scroller: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,EndScrollButtonIcon:e.PropTypes.elementType,indicator:e.PropTypes.elementType,list:e.PropTypes.elementType,root:e.PropTypes.elementType,scrollbar:e.PropTypes.elementType,scrollButtons:e.PropTypes.elementType,scroller:e.PropTypes.elementType,startScrollButtonIcon: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 Xe=a.forwardRef(function(o,s){const{children:l,...c}=o,p=be();if(p===null)throw new TypeError("No TabContext provided");const d=a.Children.map(l,f=>a.isValidElement(f)?a.cloneElement(f,{"aria-controls":Te(p,f.props.value),id:Pe(p,f.props.value)}):null);return T.jsx(he,{...c,ref:s,value:p.value,children:d})});process.env.NODE_ENV!=="production"&&(Xe.propTypes={children:e.PropTypes.node});function Ye(t){return e.generateUtilityClass("MuiTabPanel",t)}const Ho=e.generateUtilityClasses("MuiTabPanel",["root","hidden"]),_o=t=>{const{classes:o,hidden:s}=t,l={root:["root",s&&"hidden"]};return m.composeClasses(l,Ye,o)},Ko=m.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(t,o)=>o.root})(({theme:t})=>({padding:t.spacing(3)})),Ge=a.forwardRef(function(o,s){const l=Io.useThemeProps({props:o,name:"MuiTabPanel"}),{children:c,className:p,value:d,keepMounted:f=!1,...b}=l,h={...l},v=_o(h),P=be();if(P===null)throw new TypeError("No TabContext provided");const S=Te(P,d),x=Pe(P,d);return T.jsx(Ko,{"aria-labelledby":x,className:e.clsx(v.root,p),hidden:d!==P.value,id:S,ref:s,role:"tabpanel",ownerState:h,...b,children:(f||d===P.value)&&c})});process.env.NODE_ENV!=="production"&&(Ge.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,keepMounted: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]),value:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).isRequired});function Je(t){return e.generateUtilityClass("MuiTab",t)}const g=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),Xo=t=>{const{classes:o,textColor:s,fullWidth:l,wrapped:c,icon:p,label:d,selected:f,disabled:b}=t,h={root:["root",p&&d&&"labelIcon",`textColor${e.capitalize(s)}`,l&&"fullWidth",c&&"wrapped",f&&"selected",b&&"disabled"],icon:["iconWrapper","icon"]};return m.composeClasses(h,Je,o)},Yo=m.styled(Ae.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,{[`& .${g.iconWrapper}`]:o.iconWrapper},{[`& .${g.icon}`]:o.icon}]}})(fe.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:{[`& > .${g.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="bottom",style:{[`& > .${g.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="start",style:{[`& > .${g.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="end",style:{[`& > .${g.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${g.selected}`]:{opacity:1},[`&.${g.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${g.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${g.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${g.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${g.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)}}]}))),Qe=a.forwardRef(function(o,s){const l=m.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:p=!1,disableFocusRipple:d=!1,fullWidth:f,icon:b,iconPosition:h="top",indicator:v,label:P,onChange:S,onClick:x,onFocus:W,selected:E,selectionFollowsFocus:w,textColor:Y="inherit",value:O,wrapped:ae=!1,...M}=l,q={...l,disabled:p,disableFocusRipple:d,selected:E,icon:!!b,iconPosition:h,label:!!P,fullWidth:f,textColor:Y,wrapped:ae},F=Xo(q),V=b&&P&&a.isValidElement(b)?a.cloneElement(b,{className:e.clsx(F.icon,b.props.className)}):b,G=R=>{!E&&S&&S(R,O),x&&x(R)},D=R=>{w&&!E&&S&&S(R,O),W&&W(R)};return T.jsxs(Yo,{focusRipple:!d,className:e.clsx(F.root,c),ref:s,role:"tab","aria-selected":E,disabled:p,onClick:G,onFocus:D,ownerState:q,tabIndex:E?0:-1,...M,children:[h==="top"||h==="start"?T.jsxs(a.Fragment,{children:[V,P]}):T.jsxs(a.Fragment,{children:[P,V]}),v]})});process.env.NODE_ENV!=="production"&&(Qe.propTypes={children:Oo.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});exports.KeyboardArrowLeft=Ve;exports.KeyboardArrowRight=He;exports.Tab=Qe;exports.TabContext=Ue;exports.TabList=Xe;exports.TabPanel=Ge;exports.Tabs=he;exports.getPanelId=Te;exports.getTabId=Pe;exports.getTabPanelUtilityClass=Ye;exports.getTabUtilityClass=Je;exports.getTabsUtilityClass=Ke;exports.tabClasses=g;exports.tabPanelClasses=Ho;exports.tabsClasses=ne;exports.useTabContext=be;

package/dist/{TextField-Di6Nfe3O.js → TextField-BjzDdsW_.js}

@@ -1,45 +1,44 @@
 import * as V from "react";
-import { G as B, H as D, I as W, P as e } from "./generateUtilityClasses-CqzQXpT_.js";
-import { u as x } from "./useSlot-CqjfyGd9.js";
-import { jsx as c, jsxs as he } from "react/jsx-runtime";
-import { u as _, s as k, c as A } from "./DefaultPropsProvider-CXfMJdg8.js";
+import { F as B, G as D, H as _, K as W, P as e } from "./identifier-BJqC6EXa.js";
+import { u as c } from "./useSlot-DhC6EPU2.js";
+import { jsx as m, jsxs as Fe } from "react/jsx-runtime";
+import { u as k, s as A, c as G } from "./DefaultPropsProvider-Bg-6nX-u.js";
 import { u as ge } from "./useId-CK6Kn3Tn.js";
-import { O as Fe, F as Pe, I as ve, a as Oe, S as Ie } from "./Select-Vnsr3NSv.js";
-import { f as we } from "./formControlState-vgaj2ksH.js";
-import { u as Ce } from "./useFormControl-CatNKXAi.js";
-import { m as Se } from "./memoTheme-B0xVysYu.js";
-import { c as G } from "./capitalize-Bs7Xs33U.js";
-import { F as He } from "./FormLabel-BF6m-_uI.js";
-import { r as Re } from "./refType-BvSJNaoq.js";
-function je(o) {
+import { O as ve, F as Oe, I as Ie, a as we, S as Ce } from "./Select-21Pm-BzJ.js";
+import { f as Re } from "./formControlState-vgaj2ksH.js";
+import { u as Se } from "./useFormControl-CatNKXAi.js";
+import { m as He } from "./memoTheme-D_Qap2ZW.js";
+import { F as je } from "./FormLabel-DNsUciXe.js";
+import { r as Le } from "./refType-DRBJ18fO.js";
+function ze(o) {
   return D("MuiFormHelperText", o);
 }
 const U = B("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 var $;
-const Le = (o) => {
+const Ne = (o) => {
   const {
     classes: t,
     contained: r,
     size: s,
-    disabled: p,
-    error: d,
+    disabled: d,
+    error: u,
     filled: l,
     focused: h,
     required: f
-  } = o, g = {
-    root: ["root", p && "disabled", d && "error", s && `size${G(s)}`, r && "contained", h && "focused", l && "filled", f && "required"]
+  } = o, P = {
+    root: ["root", d && "disabled", u && "error", s && `size${W(s)}`, r && "contained", h && "focused", l && "filled", f && "required"]
   };
-  return A(g, je, t);
-}, ze = k("p", {
+  return G(P, ze, t);
+}, qe = A("p", {
   name: "MuiFormHelperText",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: r
     } = o;
-    return [t.root, r.size && t[`size${G(r.size)}`], r.contained && t.contained, r.filled && t.filled];
+    return [t.root, r.size && t[`size${W(r.size)}`], r.contained && t.contained, r.filled && t.filled];
   }
-})(Se(({
+})(He(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -71,27 +70,27 @@ const Le = (o) => {
       marginRight: 14
     }
   }]
-}))), J = /* @__PURE__ */ V.forwardRef(function(t, r) {
-  const s = _({
+}))), K = /* @__PURE__ */ V.forwardRef(function(t, r) {
+  const s = k({
     props: t,
     name: "MuiFormHelperText"
   }), {
-    children: p,
-    className: d,
+    children: d,
+    className: u,
     component: l = "p",
     disabled: h,
     error: f,
-    filled: g,
+    filled: P,
     focused: O,
     margin: I,
     required: j,
     variant: F,
-    ...m
-  } = s, w = Ce(), n = we({
+    ...b
+  } = s, w = Se(), n = Re({
     props: s,
     muiFormControl: w,
     states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
-  }), b = {
+  }), T = {
     ...s,
     component: l,
     contained: n.variant === "filled" || n.variant === "outlined",
@@ -103,25 +102,25 @@ const Le = (o) => {
     focused: n.focused,
     required: n.required
   };
-  delete b.ownerState;
-  const C = Le(b);
-  return /* @__PURE__ */ c(ze, {
+  delete T.ownerState;
+  const C = Ne(T);
+  return /* @__PURE__ */ m(qe, {
     as: l,
-    className: W(C.root, d),
+    className: _(C.root, u),
     ref: r,
-    ...m,
-    ownerState: b,
-    children: p === " " ? (
+    ...b,
+    ownerState: T,
+    children: d === " " ? (
       // notranslate needed while Google Translate will not fix zero-width space issue
-      $ || ($ = /* @__PURE__ */ c("span", {
+      $ || ($ = /* @__PURE__ */ m("span", {
         className: "notranslate",
         "aria-hidden": !0,
         children: "​"
       }))
-    ) : p
+    ) : d
   });
 });
-process.env.NODE_ENV !== "production" && (J.propTypes = {
+process.env.NODE_ENV !== "production" && (K.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -179,46 +178,46 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
 });
-function Ne(o) {
+function Me(o) {
   return D("MuiTextField", o);
 }
-const Xe = B("MuiTextField", ["root"]), qe = {
-  standard: ve,
-  filled: Pe,
-  outlined: Fe
-}, Me = (o) => {
+const Ye = B("MuiTextField", ["root"]), Ee = {
+  standard: Ie,
+  filled: Oe,
+  outlined: ve
+}, Ue = (o) => {
   const {
     classes: t
   } = o;
-  return A({
+  return G({
     root: ["root"]
-  }, Ne, t);
-}, Ee = k(He, {
+  }, Me, t);
+}, $e = A(je, {
   name: "MuiTextField",
   slot: "Root",
   overridesResolver: (o, t) => t.root
-})({}), Ue = /* @__PURE__ */ V.forwardRef(function(t, r) {
-  const s = _({
+})({}), Ve = /* @__PURE__ */ V.forwardRef(function(t, r) {
+  const s = k({
     props: t,
     name: "MuiTextField"
   }), {
-    autoComplete: p,
-    autoFocus: d = !1,
+    autoComplete: d,
+    autoFocus: u = !1,
     children: l,
     className: h,
     color: f = "primary",
-    defaultValue: g,
+    defaultValue: P,
     disabled: O = !1,
     error: I = !1,
     FormHelperTextProps: j,
     fullWidth: F = !1,
-    helperText: m,
+    helperText: b,
     id: w,
     InputLabelProps: n,
-    inputProps: b,
+    inputProps: T,
     InputProps: C,
-    inputRef: K,
-    label: T,
+    inputRef: J,
+    label: y,
     maxRows: Q,
     minRows: X,
     multiline: L = !1,
@@ -229,8 +228,8 @@ const Xe = B("MuiTextField", ["root"]), qe = {
     placeholder: te,
     required: z = !1,
     rows: re,
-    select: P = !1,
-    SelectProps: S,
+    select: g = !1,
+    SelectProps: R,
     slots: N = {},
     slotProps: ne = {},
     type: se,
@@ -239,55 +238,73 @@ const Xe = B("MuiTextField", ["root"]), qe = {
     ...le
   } = s, i = {
     ...s,
-    autoFocus: d,
+    autoFocus: u,
     color: f,
     disabled: O,
     error: I,
     fullWidth: F,
     multiline: L,
     required: z,
-    select: P,
+    select: g,
     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 = ge(w), H = m && a ? `${a}-helper-text` : void 0, M = T && a ? `${a}-label` : void 0, ae = qe[v], u = {
+  }, ie = Ue(i);
+  process.env.NODE_ENV !== "production" && g && !l && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
+  const a = ge(w), S = b && a ? `${a}-helper-text` : void 0, M = y && a ? `${a}-label` : void 0, ae = Ee[v], p = {
     slots: N,
     slotProps: {
       input: C,
       inputLabel: n,
-      htmlInput: b,
+      htmlInput: T,
       formHelperText: j,
-      select: S,
+      select: R,
       ...ne
     }
-  }, 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", {
+  }, x = {}, H = p.slotProps.inputLabel;
+  v === "outlined" && (H && typeof H.shrink < "u" && (x.notched = H.shrink), x.label = y), g && ((!R || !R.native) && (x.id = void 0), x["aria-describedby"] = void 0);
+  const [pe, de] = c("root", {
+    elementType: $e,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      ...p,
+      ...le
+    },
+    ownerState: i,
+    className: _(ie.root, h),
+    ref: r,
+    additionalProps: {
+      disabled: O,
+      error: I,
+      fullWidth: F,
+      required: z,
+      color: f,
+      variant: v
+    }
+  }), [ue, ce] = c("input", {
     elementType: ae,
-    externalForwardedProps: u,
-    additionalProps: y,
+    externalForwardedProps: p,
+    additionalProps: x,
     ownerState: i
-  }), [ue, ce] = x("inputLabel", {
-    elementType: Oe,
-    externalForwardedProps: u,
+  }), [me, fe] = c("inputLabel", {
+    elementType: we,
+    externalForwardedProps: p,
     ownerState: i
-  }), [fe, me] = x("htmlInput", {
+  }), [be, Te] = c("htmlInput", {
     elementType: "input",
-    externalForwardedProps: u,
+    externalForwardedProps: p,
     ownerState: i
-  }), [be, Te] = x("formHelperText", {
-    elementType: J,
-    externalForwardedProps: u,
+  }), [ye, xe] = c("formHelperText", {
+    elementType: K,
+    externalForwardedProps: p,
     ownerState: i
-  }), [ye, xe] = x("select", {
-    elementType: Ie,
-    externalForwardedProps: u,
+  }), [he, Pe] = c("select", {
+    elementType: Ce,
+    externalForwardedProps: p,
     ownerState: i
-  }), E = /* @__PURE__ */ c(pe, {
-    "aria-describedby": H,
-    autoComplete: p,
-    autoFocus: d,
-    defaultValue: g,
+  }), E = /* @__PURE__ */ m(ue, {
+    "aria-describedby": S,
+    autoComplete: d,
+    autoFocus: u,
+    defaultValue: P,
     fullWidth: F,
     multiline: L,
     name: Y,
@@ -297,49 +314,40 @@ const Xe = B("MuiTextField", ["root"]), qe = {
     type: se,
     value: q,
     id: a,
-    inputRef: K,
+    inputRef: J,
     onBlur: Z,
     onChange: ee,
     onFocus: oe,
     placeholder: te,
-    inputProps: me,
+    inputProps: Te,
     slots: {
-      input: N.htmlInput ? fe : void 0
+      input: N.htmlInput ? be : void 0
     },
-    ...de
+    ...ce
   });
-  return /* @__PURE__ */ he(Ee, {
-    className: W(ie.root, h),
-    disabled: O,
-    error: I,
-    fullWidth: F,
-    ref: r,
-    required: z,
-    color: f,
-    variant: v,
-    ownerState: i,
-    ...le,
-    children: [T != null && T !== "" && /* @__PURE__ */ c(ue, {
+  return /* @__PURE__ */ Fe(pe, {
+    ...de,
+    children: [y != null && y !== "" && /* @__PURE__ */ m(me, {
       htmlFor: a,
       id: M,
-      ...ce,
-      children: T
-    }), P ? /* @__PURE__ */ c(ye, {
-      "aria-describedby": H,
+      ...fe,
+      children: y
+    }), g ? /* @__PURE__ */ m(he, {
+      "aria-describedby": S,
       id: a,
       labelId: M,
       value: q,
       input: E,
-      ...xe,
+      ...Pe,
       children: l
-    }) : E, m && /* @__PURE__ */ c(be, {
-      id: H,
-      ...Te,
-      children: m
+    }) : E, b && /* @__PURE__ */ m(ye, {
+      id: S,
+      ...xe,
+      children: b
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ue.propTypes = {
+process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -390,7 +398,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   error: e.bool,
   /**
    * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   FormHelperTextProps: e.object,
   /**
@@ -410,12 +418,12 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   /**
    * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputLabelProps: e.object,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: e.object,
   /**
@@ -423,13 +431,13 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
    * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
    * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Re,
+  inputRef: Le,
   /**
    * The label content.
    */
@@ -492,7 +500,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   select: e.bool,
   /**
    * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
-   * @deprecated Use `slotProps.select` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.select` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   SelectProps: e.object,
   /**
@@ -520,6 +528,7 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
     htmlInput: e.elementType,
     input: e.elementType,
     inputLabel: e.elementType,
+    root: e.elementType,
     select: e.elementType
   }),
   /**
@@ -541,10 +550,10 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 export {
-  J as F,
-  Ue as T,
-  Ne as a,
+  K as F,
+  Ve as T,
+  Me as a,
   U as f,
-  je as g,
-  Xe as t
+  ze as g,
+  Ye as t
 };

package/dist/TextField-DFr8lsXU.cjs

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