@cgi-learning-hub/ui/dist/Switch-CTEqKDiv.cjs

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

"use strict";const B=require("react"),t=require("./index-DLnSn8GT.cjs"),a=require("./identifier-BoZelETM.cjs"),R=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),q=require("./SwitchBase-P3zHVmLX.cjs"),y=require("./memoTheme-BKfsJx_F.cjs"),w=require("./useSlot-C2FjoUpF.cjs"),u=require("react/jsx-runtime"),c=require("./DefaultPropsProvider-Cnf49AIv.cjs"),M=require("./refType-B_IEJm4x.cjs");function D(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const p=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(o,s,p.get?p:{enumerable:!0,get:()=>e[s]})}}return o.default=e,Object.freeze(o)}const N=D(B);function S(e){return a.generateUtilityClass("MuiSwitch",e)}const r=a.generateUtilityClasses("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),I=e=>{const{classes:o,edge:s,size:p,color:T,checked:h,disabled:P}=e,b={root:["root",s&&`edge${a.capitalize(s)}`,`size${a.capitalize(p)}`],switchBase:["switchBase",`color${a.capitalize(T)}`,h&&"checked",P&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},f=c.composeClasses(b,S,o);return{...o,...f}},U=c.styled("span",{name:"MuiSwitch",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:s}=e;return[o.root,s.edge&&o[`edge${a.capitalize(s.edge)}`],o[`size${a.capitalize(s.size)}`]]}})({display:"inline-flex",width:34+12*2,height:14+12*2,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"},variants:[{props:{edge:"start"},style:{marginLeft:-8}},{props:{edge:"end"},style:{marginRight:-8}},{props:{size:"small"},style:{width:40,height:24,padding:7,[`& .${r.thumb}`]:{width:16,height:16},[`& .${r.switchBase}`]:{padding:4,[`&.${r.checked}`]:{transform:"translateX(16px)"}}}}]}),_=c.styled(q.SwitchBase,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:(e,o)=>{const{ownerState:s}=e;return[o.switchBase,{[`& .${r.input}`]:o.input},s.color!=="default"&&o[`color${a.capitalize(s.color)}`]]}})(y.memoTheme(({theme:e})=>({position:"absolute",top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode==="light"?e.palette.common.white:e.palette.grey[300]}`,transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),[`&.${r.checked}`]:{transform:"translateX(20px)"},[`&.${r.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${r.checked} + .${r.track}`]:{opacity:.5},[`&.${r.disabled} + .${r.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode==="light"?.12:.2}`},[`& .${r.input}`]:{left:"-100%",width:"300%"}})),y.memoTheme(({theme:e})=>({"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:a.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},variants:[...Object.entries(e.palette).filter(R.createSimplePaletteValueFilter(["light"])).map(([o])=>({props:{color:o},style:{[`&.${r.checked}`]:{color:(e.vars||e).palette[o].main,"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:a.alpha(e.palette[o].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${r.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${o}DisabledColor`]:`${e.palette.mode==="light"?a.lighten(e.palette[o].main,.62):a.darken(e.palette[o].main,.55)}`}},[`&.${r.checked} + .${r.track}`]:{backgroundColor:(e.vars||e).palette[o].main}}}))]}))),E=c.styled("span",{name:"MuiSwitch",slot:"Track"})(y.memoTheme(({theme:e})=>({height:"100%",width:"100%",borderRadius:14/2,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:e.vars?e.vars.palette.common.onBackground:`${e.palette.mode==="light"?e.palette.common.black:e.palette.common.white}`,opacity:e.vars?e.vars.opacity.switchTrack:`${e.palette.mode==="light"?.38:.3}`}))),F=c.styled("span",{name:"MuiSwitch",slot:"Thumb"})(y.memoTheme(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}))),v=N.forwardRef(function(o,s){const p=c.useDefaultProps({props:o,name:"MuiSwitch"}),{className:T,color:h="primary",edge:P=!1,size:b="medium",sx:f,slots:l={},slotProps:i={},...k}=p,n={...p,color:h,edge:P,size:b},d=I(n),g={slots:l,slotProps:i},[$,C]=w.useSlot("root",{className:a.clsx(d.root,T),elementType:U,externalForwardedProps:g,ownerState:n,additionalProps:{sx:f}}),[O,x]=w.useSlot("thumb",{className:d.thumb,elementType:F,externalForwardedProps:g,ownerState:n}),m=u.jsx(O,{...x}),[j,z]=w.useSlot("track",{className:d.track,elementType:E,externalForwardedProps:g,ownerState:n});return u.jsxs($,{...C,children:[u.jsx(_,{type:"checkbox",icon:m,checkedIcon:m,ref:s,ownerState:n,...k,classes:{...d,root:d.switchBase},slots:{...l.switchBase&&{root:l.switchBase},...l.input&&{input:l.input}},slotProps:{...i.switchBase&&{root:typeof i.switchBase=="function"?i.switchBase(n):i.switchBase},...i.input&&{input:typeof i.input=="function"?i.input(n):i.input}}}),u.jsx(j,{...z})]})});process.env.NODE_ENV!=="production"&&(v.propTypes={checked:t.PropTypes.bool,checkedIcon:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),defaultChecked:t.PropTypes.bool,disabled:t.PropTypes.bool,disableRipple:t.PropTypes.bool,edge:t.PropTypes.oneOf(["end","start",!1]),icon:t.PropTypes.node,id:t.PropTypes.string,inputProps:t.PropTypes.object,inputRef:M.refType,onChange:t.PropTypes.func,required:t.PropTypes.bool,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["medium","small"]),t.PropTypes.string]),slotProps:t.PropTypes.shape({input:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),root:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),switchBase:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),thumb:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),track:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object])}),slots:t.PropTypes.shape({input:t.PropTypes.elementType,root:t.PropTypes.elementType,switchBase:t.PropTypes.elementType,thumb:t.PropTypes.elementType,track:t.PropTypes.elementType}),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),value:t.PropTypes.any});exports.Switch=v;exports.getSwitchUtilityClass=S;exports.switchClasses=r;