Build 545858stable
Module 839610
3,957 characters · in no known chunkDependencies
Source Raw
function(e,t,n){"use strict";n.d(t,{I:()=>v});var i=n(627968),r=n(64700),s=n(757260),a=n(967158),o=n(873174),l=n(823807),u=n(661531),c=n(717421),d=n(603392),_=n(844222),f=n(187322),h=n(140735),p=n(764371);let E="M4.10585 5.3837L5.37864 4.11091L11.884 10.61632L10.6112 11.88912L4.10585 5.3837Z",m="M10.61632 4.11091L11.88912 5.3837L5.3837 11.88912L4.11091 10.61632L10.61632 4.11091Z",g="M5.25333 8.80104L5.25333 7.17346L10.85336 7.17346L10.85336 8.80104L5.25333 8.80104Z",A="M10.84656 7.17346L10.84656 8.80104L5.24954 8.80104L5.24954 7.17346L10.84656 7.17346Z",I="M6.31649 11.88304L5.0437 10.61032L11.44792 4.20604L12.72072 5.47883L6.31649 11.88304Z",T="M3.26914 8.87224L4.54194 7.59943L7.5588 10.61632L6.28601 11.88912L3.26914 8.87224Z",S=[0,.1,.4,.6,.9,1],N=[0,.1,.9,1],y=[0,.1,.2,.5,.7,1],C=[0,.3,.5,.8,.9,1];function v(e){let t,{checked:n,disabled:v,id:O,onChange:R,focusProps:b,hasIcon:D=!1,describedBy:L,labelledBy:w,innerRef:M}=e,{reducedMotion:P}=r.useContext(_.C),x=r.useRef(null),U=r.useRef(null),k=M??U,G=(0,l.H)({isSelected:n,onChange:R,isDisabled:v}),{inputProps:F,labelProps:V,isPressed:B}=function(e,t,n){let{labelProps:i,inputProps:r,isSelected:a,isPressed:o,isDisabled:l,isReadOnly:u}=(0,s.e)(e,t,n);return{labelProps:i,inputProps:{...r,role:"switch",checked:a},isSelected:a,isPressed:o,isDisabled:l,isReadOnly:u}}({id:O,isDisabled:v,"aria-describedby":L,"aria-labelledby":w},G,k),{hoverProps:H,isHovered:j}=(0,a.M)({isDisabled:v}),Y=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_DEFAULT).spring(),W=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_DEFAULT).spring(),K=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_SELECTED_DEFAULT).spring(),z=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_ACTIVE).spring(),$=(0,d.r)(u.A.colors.SWITCH_BORDER_DEFAULT).spring(),q=(0,d.r)(u.A.colors.SWITCH_BORDER_SELECTED_DEFAULT).spring(),Z=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_HOVER).spring(),X=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_SELECTED_HOVER).spring(),Q=(0,d.r)(u.A.colors.SWITCH_BORDER_HOVER).spring(),J=(0,d.r)(u.A.colors.SWITCH_BORDER_SELECTED_HOVER).spring(),ee=(0,d.r)(u.A.colors.SWITCH_THUMB_ICON_DEFAULT).spring(),et=(0,d.r)(u.A.colors.SWITCH_THUMB_ICON_ACTIVE).spring(),en=(0,d.r)(u.A.colors.SWITCH_THUMB_BACKGROUND_DEFAULT).spring(),ei=(0,d.r)(u.A.colors.SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT).spring(),{state:er,opacity:es}=(0,c.z)({config:{duration:P.enabled?200:300},opacity:v?.5:1,state:B?n?C[C.length-2]:y[1]:+!!n},"animate-always"),ea=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[...e].reverse();return n?er.to({range:C,output:t}):er.to({range:y,output:e})};return(0,i.jsx)(f.vN,{...b,ringTarget:x,focusTarget:k,within:!0,offset:-2,children:(0,i.jsxs)("label",{...V,className:p.kL,"data-disabled":v||void 0,children:[(0,i.jsx)(o.animated.div,{...H,ref:x,className:p.cw,"data-size":"md","data-mana-component":"switch",style:{opacity:es,backgroundColor:er.to({range:N,output:[j?Z:Y,W,z,j?X:K],extrapolate:"clamp"}),border:"1px solid",borderColor:er.to({range:N,output:[j?Q:$,j?Q:$,j?J:q,j?J:q],extrapolate:"clamp"})},children:(0,i.jsxs)(o.animated.svg,{className:p.FF,viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMin meet",style:{left:er.to(P.enabled?{range:N,output:[1,1,24,24]}:{range:S,output:[1,1,1,24,24,24]})},"aria-hidden":!0,children:[(0,i.jsx)(o.animated.rect,{fill:er.to({range:N,output:[en,en,ei,ei]}),x:P.enabled?4:ea([4,4,2.5,1,2.5,4]),y:P.enabled?4:ea([4,7,2.5,7,2.5,4]),width:P.enabled?16:ea([16,16,19,22,19,16]),height:P.enabled?16:ea([16,10,19,10,19,16]),rx:P.enabled?8:ea([8,5,9.5,5,9.5,8])}),D&&(t=er.to({range:N,output:[ee,ee,et,et],extrapolate:"clamp"}),(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",children:(0,i.jsxs)("g",{transform:"translate(4 4)",children:[(0,i.jsx)(o.animated.path,{fill:t,d:er.to({range:N,output:[E,g,g,I],extrapolate:"clamp"})}),(0,i.jsx)(o.animated.path,{fill:t,d:er.to({range:N,output:[m,A,A,T],extrapolate:"clamp"})})]})}))]})}),(0,i.jsx)(h.A,{children:(0,i.jsx)("input",{...F,ref:k})})]})})}}