@cgi-learning-hub/ui 0.0.1-dev.1708964890 → 0.0.1-dev.1708974808

package/dist/ButtonBase-Cg8cBMzO.cjs

@@ -0,0 +1,75 @@
+"use strict";const e=require("./useThemeProps-CDriK9TK.cjs"),y=require("react"),O=require("react/jsx-runtime"),N=require("./useTheme-BpLcDNG1.cjs"),re=require("@emotion/react"),Y=require("./useForkRef-82uiK71d.cjs");function _e(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,u.get?u:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const c=_e(y);let G=!0,ne=!1;const Ue=new N.Timeout,$e={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function Ie(t){const{type:n,tagName:r}=t;return!!(r==="INPUT"&&$e[n]&&!t.readOnly||r==="TEXTAREA"&&!t.readOnly||t.isContentEditable)}function Ke(t){t.metaKey||t.altKey||t.ctrlKey||(G=!0)}function te(){G=!1}function qe(){this.visibilityState==="hidden"&&ne&&(G=!0)}function ze(t){t.addEventListener("keydown",Ke,!0),t.addEventListener("mousedown",te,!0),t.addEventListener("pointerdown",te,!0),t.addEventListener("touchstart",te,!0),t.addEventListener("visibilitychange",qe,!0)}function Ae(t){const{target:n}=t;try{return n.matches(":focus-visible")}catch{}return G||Ie(n)}function Xe(){const t=c.useCallback(o=>{o!=null&&ze(o.ownerDocument)},[]),n=c.useRef(!1);function r(){return n.current?(ne=!0,Ue.start(100,()=>{ne=!1}),n.current=!1,!0):!1}function u(o){return Ae(o)?(n.current=!0,!0):!1}return{isFocusVisibleRef:n,onFocus:u,onBlur:r,ref:t}}function We(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function se(t,n){var r=function(s){return n&&y.isValidElement(s)?n(s):s},u=Object.create(null);return t&&y.Children.map(t,function(o){return o}).forEach(function(o){u[o.key]=r(o)}),u}function Ye(t,n){t=t||{},n=n||{};function r(h){return h in n?n[h]:t[h]}var u=Object.create(null),o=[];for(var s in t)s in n?o.length&&(u[s]=o,o=[]):o.push(s);var i,p={};for(var a in n){if(u[a])for(i=0;i<u[a].length;i++){var f=u[a][i];p[u[a][i]]=r(f)}p[a]=r(a)}for(i=0;i<o.length;i++)p[o[i]]=r(o[i]);return p}function j(t,n,r){return r[n]!=null?r[n]:t.props[n]}function Ge(t,n){return se(t.children,function(r){return y.cloneElement(r,{onExited:n.bind(null,r),in:!0,appear:j(r,"appear",t),enter:j(r,"enter",t),exit:j(r,"exit",t)})})}function He(t,n,r){var u=se(t.children),o=Ye(n,u);return Object.keys(o).forEach(function(s){var i=o[s];if(y.isValidElement(i)){var p=s in n,a=s in u,f=n[s],h=y.isValidElement(f)&&!f.props.in;a&&(!p||h)?o[s]=y.cloneElement(i,{onExited:r.bind(null,i),in:!0,exit:j(i,"exit",t),enter:j(i,"enter",t)}):!a&&p&&!h?o[s]=y.cloneElement(i,{in:!1}):a&&p&&y.isValidElement(f)&&(o[s]=y.cloneElement(i,{onExited:r.bind(null,i),in:f.props.in,exit:j(i,"exit",t),enter:j(i,"enter",t)}))}}),o}var Je=Object.values||function(t){return Object.keys(t).map(function(n){return t[n]})},Qe={component:"div",childFactory:function(n){return n}},ie=function(t){N._inheritsLoose(n,t);function n(u,o){var s;s=t.call(this,u,o)||this;var i=s.handleExited.bind(We(s));return s.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},s}var r=n.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},n.getDerivedStateFromProps=function(o,s){var i=s.children,p=s.handleExited,a=s.firstRender;return{children:a?Ge(o,p):He(o,i,p),firstRender:!1}},r.handleExited=function(o,s){var i=se(this.props.children);o.key in i||(o.props.onExited&&o.props.onExited(s),this.mounted&&this.setState(function(p){var a=e._extends({},p.children);return delete a[o.key],{children:a}}))},r.render=function(){var o=this.props,s=o.component,i=o.childFactory,p=e._objectWithoutPropertiesLoose(o,["component","childFactory"]),a=this.state.contextValue,f=Je(this.state.children).map(i);return delete p.appear,delete p.enter,delete p.exit,s===null?y.createElement(N.TransitionGroupContext.Provider,{value:a},f):y.createElement(N.TransitionGroupContext.Provider,{value:a},y.createElement(s,p,f))},n}(y.Component);ie.propTypes=process.env.NODE_ENV!=="production"?{component:e.PropTypes.any,children:e.PropTypes.node,appear:e.PropTypes.bool,enter:e.PropTypes.bool,exit:e.PropTypes.bool,childFactory:e.PropTypes.func}:{};ie.defaultProps=Qe;const Ze=ie;function me(t){const{className:n,classes:r,pulsate:u=!1,rippleX:o,rippleY:s,rippleSize:i,in:p,onExited:a,timeout:f}=t,[h,g]=c.useState(!1),T=e.clsx(n,r.ripple,r.rippleVisible,u&&r.ripplePulsate),C={width:i,height:i,top:-(i/2)+s,left:-(i/2)+o},m=e.clsx(r.child,h&&r.childLeaving,u&&r.childPulsate);return!p&&!h&&g(!0),c.useEffect(()=>{if(!p&&a!=null){const R=setTimeout(a,f);return()=>{clearTimeout(R)}}},[a,p,f]),O.jsx("span",{className:T,style:C,children:O.jsx("span",{className:m})})}process.env.NODE_ENV!=="production"&&(me.propTypes={classes:e.PropTypes.object.isRequired,className:e.PropTypes.string,in:e.PropTypes.bool,onExited:e.PropTypes.func,pulsate:e.PropTypes.bool,rippleSize:e.PropTypes.number,rippleX:e.PropTypes.number,rippleY:e.PropTypes.number,timeout:e.PropTypes.number.isRequired});const b=e.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),et=["center","classes","className"];let H=t=>t,pe,fe,de,he;const oe=550,tt=80,nt=re.keyframes(pe||(pe=H`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)),ot=re.keyframes(fe||(fe=H`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)),rt=re.keyframes(de||(de=H`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)),st=e.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),it=e.styled(me,{name:"MuiTouchRipple",slot:"Ripple"})(he||(he=H`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`),b.rippleVisible,nt,oe,({theme:t})=>t.transitions.easing.easeInOut,b.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,b.child,b.childLeaving,ot,oe,({theme:t})=>t.transitions.easing.easeInOut,b.childPulsate,rt,({theme:t})=>t.transitions.easing.easeInOut),ye=c.forwardRef(function(n,r){const u=e.useThemeProps({props:n,name:"MuiTouchRipple"}),{center:o=!1,classes:s={},className:i}=u,p=e._objectWithoutPropertiesLoose(u,et),[a,f]=c.useState([]),h=c.useRef(0),g=c.useRef(null);c.useEffect(()=>{g.current&&(g.current(),g.current=null)},[a]);const T=c.useRef(!1),C=N.useTimeout(),m=c.useRef(null),R=c.useRef(null),I=c.useCallback(d=>{const{pulsate:E,rippleX:x,rippleY:L,rippleSize:$,cb:q}=d;f(M=>[...M,O.jsx(it,{classes:{ripple:e.clsx(s.ripple,b.ripple),rippleVisible:e.clsx(s.rippleVisible,b.rippleVisible),ripplePulsate:e.clsx(s.ripplePulsate,b.ripplePulsate),child:e.clsx(s.child,b.child),childLeaving:e.clsx(s.childLeaving,b.childLeaving),childPulsate:e.clsx(s.childPulsate,b.childPulsate)},timeout:oe,pulsate:E,rippleX:x,rippleY:L,rippleSize:$},h.current)]),h.current+=1,g.current=q},[s]),_=c.useCallback((d={},E={},x=()=>{})=>{const{pulsate:L=!1,center:$=o||E.pulsate,fakeElement:q=!1}=E;if((d==null?void 0:d.type)==="mousedown"&&T.current){T.current=!1;return}(d==null?void 0:d.type)==="touchstart"&&(T.current=!0);const M=q?null:R.current,k=M?M.getBoundingClientRect():{width:0,height:0,left:0,top:0};let v,w,B;if($||d===void 0||d.clientX===0&&d.clientY===0||!d.clientX&&!d.touches)v=Math.round(k.width/2),w=Math.round(k.height/2);else{const{clientX:F,clientY:V}=d.touches&&d.touches.length>0?d.touches[0]:d;v=Math.round(F-k.left),w=Math.round(V-k.top)}if($)B=Math.sqrt((2*k.width**2+k.height**2)/3),B%2===0&&(B+=1);else{const F=Math.max(Math.abs((M?M.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((M?M.clientHeight:0)-w),w)*2+2;B=Math.sqrt(F**2+V**2)}d!=null&&d.touches?m.current===null&&(m.current=()=>{I({pulsate:L,rippleX:v,rippleY:w,rippleSize:B,cb:x})},C.start(tt,()=>{m.current&&(m.current(),m.current=null)})):I({pulsate:L,rippleX:v,rippleY:w,rippleSize:B,cb:x})},[o,I,C]),K=c.useCallback(()=>{_({},{pulsate:!0})},[_]),U=c.useCallback((d,E)=>{if(C.clear(),(d==null?void 0:d.type)==="touchend"&&m.current){m.current(),m.current=null,C.start(0,()=>{U(d,E)});return}m.current=null,f(x=>x.length>0?x.slice(1):x),g.current=E},[C]);return c.useImperativeHandle(r,()=>({pulsate:K,start:_,stop:U}),[K,_,U]),O.jsx(st,e._extends({className:e.clsx(b.root,s.root,i),ref:R},p,{children:O.jsx(Ze,{component:null,exit:!0,children:a})}))});process.env.NODE_ENV!=="production"&&(ye.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const lt=ye;function ut(t){return e.generateUtilityClass("MuiButtonBase",t)}const at=e.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),ct=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],pt=t=>{const{disabled:n,focusVisible:r,focusVisibleClassName:u,classes:o}=t,s={root:["root",n&&"disabled",r&&"focusVisible"]},i=e.composeClasses(s,ut,o);return r&&u&&(i.root+=` ${u}`),i},ft=e.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,n)=>n.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${at.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),be=c.forwardRef(function(n,r){const u=e.useThemeProps({props:n,name:"MuiButtonBase"}),{action:o,centerRipple:s=!1,children:i,className:p,component:a="button",disabled:f=!1,disableRipple:h=!1,disableTouchRipple:g=!1,focusRipple:T=!1,LinkComponent:C="a",onBlur:m,onClick:R,onContextMenu:I,onDragLeave:_,onFocus:K,onFocusVisible:U,onKeyDown:d,onKeyUp:E,onMouseDown:x,onMouseLeave:L,onMouseUp:$,onTouchEnd:q,onTouchMove:M,onTouchStart:k,tabIndex:v=0,TouchRippleProps:w,touchRippleRef:B,type:F}=u,V=e._objectWithoutPropertiesLoose(u,ct),z=c.useRef(null),P=c.useRef(null),Te=Y.useForkRef(P,B),{isFocusVisibleRef:le,onFocus:Pe,onBlur:ge,ref:Re}=Xe(),[S,X]=c.useState(!1);f&&S&&X(!1),c.useImperativeHandle(o,()=>({focusVisible:()=>{X(!0),z.current.focus()}}),[]);const[J,Ee]=c.useState(!1);c.useEffect(()=>{Ee(!0)},[]);const Q=J&&!h&&!f;c.useEffect(()=>{S&&T&&!h&&J&&P.current.pulsate()},[h,T,S,J]);function D(l,ae,Oe=g){return N.useEventCallback(ce=>(ae&&ae(ce),!Oe&&P.current&&P.current[l](ce),!0))}const xe=D("start",x),Me=D("stop",I),Ce=D("stop",_),ve=D("stop",$),Ve=D("stop",l=>{S&&l.preventDefault(),L&&L(l)}),De=D("start",k),Ne=D("stop",q),ke=D("stop",M),we=D("stop",l=>{ge(l),le.current===!1&&X(!1),m&&m(l)},!1),Be=N.useEventCallback(l=>{z.current||(z.current=l.currentTarget),Pe(l),le.current===!0&&(X(!0),U&&U(l)),K&&K(l)}),Z=()=>{const l=z.current;return a&&a!=="button"&&!(l.tagName==="A"&&l.href)},ee=c.useRef(!1),Le=N.useEventCallback(l=>{T&&!ee.current&&S&&P.current&&l.key===" "&&(ee.current=!0,P.current.stop(l,()=>{P.current.start(l)})),l.target===l.currentTarget&&Z()&&l.key===" "&&l.preventDefault(),d&&d(l),l.target===l.currentTarget&&Z()&&l.key==="Enter"&&!f&&(l.preventDefault(),R&&R(l))}),Fe=N.useEventCallback(l=>{T&&l.key===" "&&P.current&&S&&!l.defaultPrevented&&(ee.current=!1,P.current.stop(l,()=>{P.current.pulsate(l)})),E&&E(l),R&&l.target===l.currentTarget&&Z()&&l.key===" "&&!l.defaultPrevented&&R(l)});let W=a;W==="button"&&(V.href||V.to)&&(W=C);const A={};W==="button"?(A.type=F===void 0?"button":F,A.disabled=f):(!V.href&&!V.to&&(A.role="button"),f&&(A["aria-disabled"]=f));const Se=Y.useForkRef(r,Re,z);process.env.NODE_ENV!=="production"&&c.useEffect(()=>{Q&&!P.current&&console.error(["MUI: The `component` prop provided to ButtonBase is invalid.","Please make sure the children prop is rendered in this custom component."].join(`
+`))},[Q]);const ue=e._extends({},u,{centerRipple:s,component:a,disabled:f,disableRipple:h,disableTouchRipple:g,focusRipple:T,tabIndex:v,focusVisible:S}),je=pt(ue);return O.jsxs(ft,e._extends({as:W,className:e.clsx(je.root,p),ownerState:ue,onBlur:we,onClick:R,onContextMenu:Me,onFocus:Be,onKeyDown:Le,onKeyUp:Fe,onMouseDown:xe,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:Ne,onTouchMove:ke,onTouchStart:De,ref:Se,tabIndex:f?-1:v,type:F},A,V,{children:[i,Q?O.jsx(lt,e._extends({ref:Te,center:s},w)):null]}))});process.env.NODE_ENV!=="production"&&(be.propTypes={action:Y.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:Y.elementTypeAcceptingRef,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,disableTouchRipple:e.PropTypes.bool,focusRipple:e.PropTypes.bool,focusVisibleClassName:e.PropTypes.string,href:e.PropTypes.any,LinkComponent:e.PropTypes.elementType,onBlur:e.PropTypes.func,onClick:e.PropTypes.func,onContextMenu:e.PropTypes.func,onDragLeave:e.PropTypes.func,onFocus:e.PropTypes.func,onFocusVisible:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,onMouseDown:e.PropTypes.func,onMouseLeave:e.PropTypes.func,onMouseUp:e.PropTypes.func,onTouchEnd:e.PropTypes.func,onTouchMove:e.PropTypes.func,onTouchStart: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]),tabIndex:e.PropTypes.number,TouchRippleProps:e.PropTypes.object,touchRippleRef:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.shape({current:e.PropTypes.shape({pulsate:e.PropTypes.func.isRequired,start:e.PropTypes.func.isRequired,stop:e.PropTypes.func.isRequired})})]),type:e.PropTypes.oneOfType([e.PropTypes.oneOf(["button","reset","submit"]),e.PropTypes.string])});const dt=be;exports.ButtonBase=dt;

package/dist/Input-CAb0EFzc.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./useThemeProps-CDriK9TK.cjs"),$=require("react"),n=require("./InputBase-CKlCw9fj.cjs"),_=require("react/jsx-runtime"),h=require("./useForkRef-82uiK71d.cjs");function B(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const U=B($);function w(e){return o.generateUtilityClass("MuiInput",e)}const S=o._extends({},n.inputBaseClasses,o.generateUtilityClasses("MuiInput",["root","underline","input"])),p=S,q=["disableUnderline","components","componentsProps","fullWidth","inputComponent","multiline","slotProps","slots","type"],M=e=>{const{classes:t,disableUnderline:s}=e,r={root:["root",!s&&"underline"],input:["input"]},i=o.composeClasses(r,w,t);return o._extends({},t,i)},W=o.styled(n.InputBaseRoot,{shouldForwardProp:e=>o.rootShouldForwardProp(e)||e==="classes",name:"MuiInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:s}=e;return[...n.rootOverridesResolver(e,t),!s.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{let r=e.palette.mode==="light"?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return e.vars&&(r=`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`),o._extends({position:"relative"},t.formControl&&{"label + &":{marginTop:16}},!t.disableUnderline&&{"&::after":{borderBottom:`2px solid ${(e.vars||e).palette[t.color].main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${p.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${p.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${r}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${p.disabled}, .${p.error}):before`]:{borderBottom:`2px solid ${(e.vars||e).palette.text.primary}`,"@media (hover: none)":{borderBottom:`1px solid ${r}`}},[`&.${p.disabled}:before`]:{borderBottomStyle:"dotted"}})}),E=o.styled(n.InputBaseComponent,{name:"MuiInput",slot:"Input",overridesResolver:n.inputOverridesResolver})({}),u=U.forwardRef(function(t,s){var r,i,c,y;const a=o.useThemeProps({props:t,name:"MuiInput"}),{disableUnderline:m,components:d={},componentsProps:P,fullWidth:f=!1,inputComponent:g="input",multiline:v=!1,slotProps:l,slots:T={},type:I="text"}=a,C=o._objectWithoutPropertiesLoose(a,q),O=M(a),b={root:{ownerState:{disableUnderline:m}}},R=l??P?o.deepmerge(l??P,b):b,j=(r=(i=T.root)!=null?i:d.Root)!=null?r:W,x=(c=(y=T.input)!=null?y:d.Input)!=null?c:E;return _.jsx(n.InputBase,o._extends({slots:{root:j,input:x},slotProps:R,fullWidth:f,inputComponent:g,multiline:v,ref:s,type:I},C,{classes:O}))});process.env.NODE_ENV!=="production"&&(u.propTypes={autoComplete:o.PropTypes.string,autoFocus:o.PropTypes.bool,classes:o.PropTypes.object,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["primary","secondary"]),o.PropTypes.string]),components:o.PropTypes.shape({Input:o.PropTypes.elementType,Root:o.PropTypes.elementType}),componentsProps:o.PropTypes.shape({input:o.PropTypes.object,root:o.PropTypes.object}),defaultValue:o.PropTypes.any,disabled:o.PropTypes.bool,disableUnderline:o.PropTypes.bool,endAdornment:o.PropTypes.node,error:o.PropTypes.bool,fullWidth:o.PropTypes.bool,id:o.PropTypes.string,inputComponent:o.PropTypes.elementType,inputProps:o.PropTypes.object,inputRef:h.refType,margin:o.PropTypes.oneOf(["dense","none"]),maxRows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),minRows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),multiline:o.PropTypes.bool,name:o.PropTypes.string,onChange:o.PropTypes.func,placeholder:o.PropTypes.string,readOnly:o.PropTypes.bool,required:o.PropTypes.bool,rows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),slotProps:o.PropTypes.shape({input:o.PropTypes.object,root:o.PropTypes.object}),slots:o.PropTypes.shape({input:o.PropTypes.elementType,root:o.PropTypes.elementType}),startAdornment:o.PropTypes.node,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),type:o.PropTypes.string,value:o.PropTypes.any});u.muiName="Input";const F=u;exports.Input=F;

package/dist/Input-CbYjsRHK.js

@@ -0,0 +1,322 @@
+import { a, g as B, b as U, s as g, r as j, u as _, _ as w, c as M, P as o, e as S } from "./useThemeProps-B6yTTpAe.js";
+import * as W from "react";
+import { i as E, I as F, r as N, a as X, b as A, c as L } from "./InputBase-B13Nzzhk.js";
+import { jsx as V } from "react/jsx-runtime";
+import { r as k } from "./useForkRef-CLcOhrzI.js";
+function q(t) {
+  return U("MuiInput", t);
+}
+const D = a({}, E, B("MuiInput", ["root", "underline", "input"])), r = D, z = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], G = (t) => {
+  const {
+    classes: e,
+    disableUnderline: s
+  } = t, i = S({
+    root: ["root", !s && "underline"],
+    input: ["input"]
+  }, q, e);
+  return a({}, e, i);
+}, H = g(F, {
+  shouldForwardProp: (t) => j(t) || t === "classes",
+  name: "MuiInput",
+  slot: "Root",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: s
+    } = t;
+    return [...N(t, e), !s.disableUnderline && e.underline];
+  }
+})(({
+  theme: t,
+  ownerState: e
+}) => {
+  let n = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
+  return t.vars && (n = `rgba(${t.vars.palette.common.onBackgroundChannel} / ${t.vars.opacity.inputUnderline})`), a({
+    position: "relative"
+  }, e.formControl && {
+    "label + &": {
+      marginTop: 16
+    }
+  }, !e.disableUnderline && {
+    "&::after": {
+      borderBottom: `2px solid ${(t.vars || t).palette[e.color].main}`,
+      left: 0,
+      bottom: 0,
+      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+      content: '""',
+      position: "absolute",
+      right: 0,
+      transform: "scaleX(0)",
+      transition: t.transitions.create("transform", {
+        duration: t.transitions.duration.shorter,
+        easing: t.transitions.easing.easeOut
+      }),
+      pointerEvents: "none"
+      // Transparent to the hover style.
+    },
+    [`&.${r.focused}:after`]: {
+      // translateX(0) is a workaround for Safari transform scale bug
+      // See https://github.com/mui/material-ui/issues/31766
+      transform: "scaleX(1) translateX(0)"
+    },
+    [`&.${r.error}`]: {
+      "&::before, &::after": {
+        borderBottomColor: (t.vars || t).palette.error.main
+      }
+    },
+    "&::before": {
+      borderBottom: `1px solid ${n}`,
+      left: 0,
+      bottom: 0,
+      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+      content: '"\\00a0"',
+      position: "absolute",
+      right: 0,
+      transition: t.transitions.create("border-bottom-color", {
+        duration: t.transitions.duration.shorter
+      }),
+      pointerEvents: "none"
+      // Transparent to the hover style.
+    },
+    [`&:hover:not(.${r.disabled}, .${r.error}):before`]: {
+      borderBottom: `2px solid ${(t.vars || t).palette.text.primary}`,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        borderBottom: `1px solid ${n}`
+      }
+    },
+    [`&.${r.disabled}:before`]: {
+      borderBottomStyle: "dotted"
+    }
+  });
+}), J = g(X, {
+  name: "MuiInput",
+  slot: "Input",
+  overridesResolver: A
+})({}), u = /* @__PURE__ */ W.forwardRef(function(e, s) {
+  var n, i, d, c;
+  const p = _({
+    props: e,
+    name: "MuiInput"
+  }), {
+    disableUnderline: v,
+    components: m = {},
+    componentsProps: b,
+    fullWidth: I = !1,
+    inputComponent: C = "input",
+    multiline: P = !1,
+    slotProps: l,
+    slots: f = {},
+    type: T = "text"
+  } = p, R = w(p, z), $ = G(p), y = {
+    root: {
+      ownerState: {
+        disableUnderline: v
+      }
+    }
+  }, O = l ?? b ? M(l ?? b, y) : y, x = (n = (i = f.root) != null ? i : m.Root) != null ? n : H, h = (d = (c = f.input) != null ? c : m.Input) != null ? d : J;
+  return /* @__PURE__ */ V(L, a({
+    slots: {
+      root: x,
+      input: h
+    },
+    slotProps: O,
+    fullWidth: I,
+    inputComponent: C,
+    multiline: P,
+    ref: s,
+    type: T
+  }, R, {
+    classes: $
+  }));
+});
+process.env.NODE_ENV !== "production" && (u.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: o.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: o.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
+   */
+  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Input: o.elementType,
+    Root: o.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: o.shape({
+    input: o.object,
+    root: o.object
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: o.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, the `input` will not have an underline.
+   */
+  disableUnderline: o.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: o.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: o.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: o.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: o.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: o.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: k,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
+   */
+  margin: o.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: o.oneOfType([o.number, o.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: o.oneOfType([o.number, o.string]),
+  /**
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: o.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: o.string,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: o.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: o.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: o.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: o.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: o.oneOfType([o.number, o.string]),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: o.shape({
+    input: o.object,
+    root: o.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: o.shape({
+    input: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: o.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * @default 'text'
+   */
+  type: o.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: o.any
+});
+u.muiName = "Input";
+const to = u;
+export {
+  to as I
+};