@cgi-learning-hub/ui/dist/Backdrop-qOBrabpf.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-kjfz41UI.cjs"),B=require("./generateUtilityClasses-CENS22bI.cjs"),F=require("./useSlot-C-aMxEm0.cjs"),w=require("react/jsx-runtime"),D=require("./DefaultPropsProvider-C1g4BXET.cjs"),G=require("./useTheme-BrGF2Vm0.cjs"),g=require("./utils-XujN9ndp.cjs"),I=require("./useForkRef-CFhhTu-Q.cjs"),U=require("./elementAcceptingRef-CuMilXz3.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 E=J(W),K={entering:{opacity:1},entered:{opacity:1}},N=E.forwardRef(function(r,s){const t=G.useTheme(),h={enter:t.transitions.duration.enteringScreen,exit:t.transitions.duration.leavingScreen},{addEndListener:u,appear:T=!0,children:d,easing:P,in:f,onEnter:m,onEntered:x,onEntering:R,onExit:b,onExited:k,onExiting:v,style:a,timeout:y=h,TransitionComponent:C=g.Transition,...j}=r,c=E.useRef(null),O=I.useForkRef(c,U.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)=>{g.reflow(o);const l=g.getTransitionProps({style:a,timeout:y,easing:P},{mode:"enter"});o.style.webkitTransition=t.transitions.create("opacity",l),o.style.transition=t.transitions.create("opacity",l),m&&m(o,p)}),L=i(x),z=i(v),A=i(o=>{const p=g.getTransitionProps({style:a,timeout:y,easing:P},{mode:"exit"});o.style.webkitTransition=t.transitions.create("opacity",p),o.style.transition=t.transitions.create("opacity",p),b&&b(o)}),V=i(k),H=o=>{u&&u(c.current,o)};return w.jsx(C,{appear:T,in:f,nodeRef:c,onEnter:q,onEntered:L,onEntering:S,onExit:A,onExited:V,onExiting:z,addEndListener:H,timeout:y,...j,children:(o,{ownerState:p,...l})=>E.cloneElement(d,{style:{opacity:0,visibility:o==="exited"&&!f?"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:U.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 M(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,M,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"}}]}),_=E.forwardRef(function(r,s){const t=D.useDefaultProps({props:r,name:"MuiBackdrop"}),{children:h,className:u,component:T="div",invisible:d=!1,open:P,components:f={},componentsProps:m={},slotProps:x={},slots:R={},TransitionComponent:b,transitionDuration:k,...v}=t,a={...t,component:T,invisible:d},y=X(a),C={transition:b,root:f.Root,...R},j={...m,...x},c={component:T,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:P,timeout:k,...v,...q,children:w.jsx(O,{"aria-hidden":!0,...i,classes:y,ref:s,children:h})})});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=M;