Module 489718

3,745 characters · in no known chunk
Dependencies
Required by (2)
Lazily required by (0)none
Lazily requires (0)none
Source Raw
function(e,t,n){"use strict";n.d(t,{I:()=>R});var r=n(627968),i=n(64700),s=n(977418),a=n(967158),o=n(517738),l=n(823807),u=n(827734),c=n(717421),d=n(603392),_=n(844222),f=n(426333),p=n(140735),h=n(764371);let m="M4.10585 5.3837L5.37864 4.11091L11.884 10.61632L10.6112 11.88912L4.10585 5.3837Z",E="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],y=[0,.1,.9,1],v=[0,.1,.2,.5,.7,1],N=[0,.3,.5,.8,.9,1];function C(e,t,n){let i=e.to({range:y,output:[t,t,n,n],extrapolate:"clamp"});return(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",children:(0,r.jsxs)("g",{transform:"translate(4 4)",children:[(0,r.jsx)(o.animated.path,{fill:i,d:e.to({range:y,output:[m,g,g,I],extrapolate:"clamp"})}),(0,r.jsx)(o.animated.path,{fill:i,d:e.to({range:y,output:[E,A,A,T],extrapolate:"clamp"})})]})})}function R(e){let{checked:t,disabled:n,id:m,onChange:E,focusProps:g,hasIcon:A=!1,describedBy:I,labelledBy:T,innerRef:R}=e,{reducedMotion:O}=i.useContext(_.C),b=i.useRef(null),D=i.useRef(null),L=R??D,w=(0,l.H)({isSelected:t,onChange:E,isDisabled:n}),{inputProps:M,labelProps:P,isPressed:x}=(0,s.K)({id:m,isDisabled:n,"aria-describedby":I,"aria-labelledby":T},w,L),{hoverProps:k,isHovered:U}=(0,a.M)({isDisabled:n}),G=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_DEFAULT).spring(),F=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_DEFAULT).spring(),V=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_SELECTED_DEFAULT).spring(),B=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_ACTIVE).spring(),H=(0,d.r)(u.A.colors.SWITCH_BORDER_DEFAULT).spring(),j=(0,d.r)(u.A.colors.SWITCH_BORDER_SELECTED_DEFAULT).spring(),Y=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_HOVER).spring(),W=(0,d.r)(u.A.colors.SWITCH_BACKGROUND_SELECTED_HOVER).spring(),K=(0,d.r)(u.A.colors.SWITCH_BORDER_HOVER).spring(),$=(0,d.r)(u.A.colors.SWITCH_BORDER_SELECTED_HOVER).spring(),z=(0,d.r)(u.A.colors.SWITCH_THUMB_ICON_DEFAULT).spring(),q=(0,d.r)(u.A.colors.SWITCH_THUMB_ICON_ACTIVE).spring(),Z=(0,d.r)(u.A.colors.SWITCH_THUMB_BACKGROUND_DEFAULT).spring(),X=(0,d.r)(u.A.colors.SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT).spring(),{state:Q,opacity:J}=(0,c.z)({config:{duration:O.enabled?200:300},opacity:n?.5:1,state:x?t?N[N.length-2]:v[1]:+!!t},"animate-always"),ee=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[...e].reverse();return t?Q.to({range:N,output:n}):Q.to({range:v,output:e})};return(0,r.jsx)(f.vN,{...g,ringTarget:b,focusTarget:L,within:!0,offset:-2,children:(0,r.jsxs)("label",{...P,className:h.kL,"data-disabled":n||void 0,children:[(0,r.jsx)(o.animated.div,{...k,ref:b,className:h.cw,"data-size":"md","data-mana-component":"switch",style:{opacity:J,backgroundColor:Q.to({range:y,output:[U?Y:G,F,B,U?W:V],extrapolate:"clamp"}),border:"1px solid",borderColor:Q.to({range:y,output:[U?K:H,U?K:H,U?$:j,U?$:j],extrapolate:"clamp"})},children:(0,r.jsxs)(o.animated.svg,{className:h.FF,viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMin meet",style:{left:Q.to(O.enabled?{range:y,output:[1,1,24,24]}:{range:S,output:[1,1,1,24,24,24]})},"aria-hidden":!0,children:[(0,r.jsx)(o.animated.rect,{fill:Q.to({range:y,output:[Z,Z,X,X]}),x:O.enabled?4:ee([4,4,2.5,1,2.5,4]),y:O.enabled?4:ee([4,7,2.5,7,2.5,4]),width:O.enabled?16:ee([16,16,19,22,19,16]),height:O.enabled?16:ee([16,10,19,10,19,16]),rx:O.enabled?8:ee([8,5,9.5,5,9.5,8])}),A&&C(Q,z,q)]})}),(0,r.jsx)(p.A,{children:(0,r.jsx)("input",{...M,ref:L})})]})})}}