@cgi-learning-hub/ui/dist/Backdrop-DeNTZlA5.cjs

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

"use strict";const W=require("react"),e=require("./index-DLnSn8GT.cjs"),B=require("./identifier-BoZelETM.cjs"),F=require("./useSlot-C2FjoUpF.cjs"),w=require("react/jsx-runtime"),D=require("./DefaultPropsProvider-Cnf49AIv.cjs"),G=require("./useTheme-CooC_6Ep.cjs"),b=require("./utils-ByXw_ZY1.cjs"),I=require("./useForkRef-CFhhTu-Q.cjs"),M=require("./elementAcceptingRef-BZ42cOGO.cjs");function J(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>n[s]})}}return r.default=n,Object.freeze(r)}const g=J(W),K={entering:{opacity:1},entered:{opacity:1}},N=g.forwardRef(function(r,s){const t=G.useTheme(),E={enter:t.transitions.duration.enteringScreen,exit:t.transitions.duration.leavingScreen},{addEndListener:u,appear:h=!0,children:d,easing:T,in:P,onEnter:f,onEntered:x,onEntering:R,onExit:m,onExited:k,onExiting:v,style:a,timeout:y=E,TransitionComponent:C=b.Transition,...j}=r,c=g.useRef(null),O=I.useForkRef(c,M.getReactElementRef(d),s),i=o=>p=>{if(o){const l=c.current;p===void 0?o(l):o(l,p)}},S=i(R),q=i((o,p)=>{b.reflow(o);const l=b.getTransitionProps({style:a,timeout:y,easing:T},{mode:"enter"});o.style.webkitTransition=t.transitions.create("opacity",l),o.style.transition=t.transitions.create("opacity",l),f&&f(o,p)}),L=i(x),z=i(v),A=i(o=>{const p=b.getTransitionProps({style:a,timeout:y,easing:T},{mode:"exit"});o.style.webkitTransition=t.transitions.create("opacity",p),o.style.transition=t.transitions.create("opacity",p),m&&m(o)}),V=i(k),H=o=>{u&&u(c.current,o)};return w.jsx(C,{appear:h,in:P,nodeRef:c,onEnter:q,onEntered:L,onEntering:S,onExit:A,onExited:V,onExiting:z,addEndListener:H,timeout:y,...j,children:(o,{ownerState:p,...l})=>g.cloneElement(d,{style:{opacity:0,visibility:o==="exited"&&!P?"hidden":void 0,...K[o],...a,...d.props.style},ref:O,...l})})});process.env.NODE_ENV!=="production"&&(N.propTypes={addEndListener:e.PropTypes.func,appear:e.PropTypes.bool,children:M.elementAcceptingRef.isRequired,easing:e.PropTypes.oneOfType([e.PropTypes.shape({enter:e.PropTypes.string,exit:e.PropTypes.string}),e.PropTypes.string]),in:e.PropTypes.bool,onEnter:e.PropTypes.func,onEntered:e.PropTypes.func,onEntering:e.PropTypes.func,onExit:e.PropTypes.func,onExited:e.PropTypes.func,onExiting:e.PropTypes.func,style:e.PropTypes.object,timeout:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});function U(n){return B.generateUtilityClass("MuiBackdrop",n)}const Q=B.generateUtilityClasses("MuiBackdrop",["root","invisible"]),X=n=>{const{classes:r,invisible:s}=n,t={root:["root",s&&"invisible"]};return D.composeClasses(t,U,r)},Y=D.styled("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(n,r)=>{const{ownerState:s}=n;return[r.root,s.invisible&&r.invisible]}})({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent",variants:[{props:{invisible:!0},style:{backgroundColor:"transparent"}}]}),_=g.forwardRef(function(r,s){const t=D.useDefaultProps({props:r,name:"MuiBackdrop"}),{children:E,className:u,component:h="div",invisible:d=!1,open:T,components:P={},componentsProps:f={},slotProps:x={},slots:R={},TransitionComponent:m,transitionDuration:k,...v}=t,a={...t,component:h,invisible:d},y=X(a),C={transition:m,root:P.Root,...R},j={...f,...x},c={slots:C,slotProps:j},[O,i]=F.useSlot("root",{elementType:Y,externalForwardedProps:c,className:B.clsx(y.root,u),ownerState:a}),[S,q]=F.useSlot("transition",{elementType:N,externalForwardedProps:c,ownerState:a});return w.jsx(S,{in:T,timeout:k,...v,...q,children:w.jsx(O,{"aria-hidden":!0,...i,classes:y,ref:s,children:E})})});process.env.NODE_ENV!=="production"&&(_.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,components:e.PropTypes.shape({Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({root:e.PropTypes.object}),invisible:e.PropTypes.bool,open:e.PropTypes.bool.isRequired,slotProps:e.PropTypes.shape({root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({root: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]),TransitionComponent:e.PropTypes.elementType,transitionDuration:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})])});exports.Backdrop=_;exports.Fade=N;exports.backdropClasses=Q;exports.getBackdropUtilityClass=U;