(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10382],{34155:(s,e,n)=>{"use strict";n.d(e,{A:()=>u});var o=n(87687),l=n(52751),t=n(31928),r=n(30251),a=n(21347);let c=(0,t.I)("div")({name:"Wrapper",class:"wo9l3q2",propsAsIs:!1}),i=(0,t.I)("input")({name:"RealInput",class:"r1o5tixe",propsAsIs:!1}),p=(0,t.I)("div")({name:"VisibleContents",class:"v136y9ve",propsAsIs:!1}),d=(0,t.I)(r.CS.div)({name:"VisibleBox",class:"v8lcvtu",propsAsIs:!0}),h=(0,t.I)(r.CS.div)({name:"Filled",class:"f1dif9mh",propsAsIs:!0}),v=(0,t.I)("label")({name:"Label",class:"l1v492xg",propsAsIs:!1}),u=s=>{let{id:e,size:n=18,checked:t,label:u,onChange:x,...m}=s,[f,w]=l.useState(!1),I=l.useId(),b=e||"checkbox-".concat(I),g={tension:400,friction:22,clamp:!t},A=n/(n+4),j=(0,r.zh)({transform:"scale(".concat(t?f?1/A:1:0,")"),config:g}),y=(0,r.zh)({transform:"scale(".concat(f?A:1,")"),config:g}),[k]=(0,a.A)("/sounds/pop-down.mp3",{volume:.25}),[C]=(0,a.A)("/sounds/pop-up-on.mp3",{volume:.25}),[F]=(0,a.A)("/sounds/pop-up-off.mp3",{volume:.25});return(0,o.jsxs)(c,{children:[(0,o.jsx)(i,{type:"checkbox",id:b,onMouseDown:()=>{w(!0),k()},onMouseUp:()=>{w(!1),t?F():C()},onChange:x}),(0,o.jsxs)(p,{children:[(0,o.jsx)(d,{style:{width:n,height:n,...y},children:(0,o.jsx)(h,{style:j})}),u&&(0,o.jsx)(v,{htmlFor:b,children:u})]})]})};n(12439)},95331:(s,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>v});var o=n(87687),l=n(31928),t=n(20120),r=n(34155),a=n(19901);let c=(0,l.I)("div")({name:"Wrapper",class:"w11vngzf",propsAsIs:!1}),i=(0,l.I)("label")({name:"Label",class:"l1npt865",propsAsIs:!1}),p=(0,l.I)("button")({name:"ButtonWrapper",class:"b102vmo8",propsAsIs:!1}),d=(0,l.I)("div")({name:"Backdrop",class:"bfi4lsy",propsAsIs:!1}),h=(0,l.I)("span")({name:"ButtonFace",class:"b1xwv4ct",propsAsIs:!1}),v=function(){return(0,o.jsx)(t.Ay,{id:"button-layers",initialValues:{showFront:!0,showGradient:!0},controls:(s,e)=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(i,{children:[(0,o.jsx)(r.A,{checked:s.showFront,onChange:n=>e("showFront",!s.showFront)}),(0,o.jsx)(a.A,{size:8}),"Show front layer"]}),(0,o.jsxs)(i,{children:[(0,o.jsx)(r.A,{checked:s.showGradient,onChange:n=>e("showGradient",!s.showGradient)}),(0,o.jsx)(a.A,{size:8}),"Show gradient"]})]}),children:s=>{let{showFront:e,showGradient:n}=s;return(0,o.jsx)(c,{children:(0,o.jsxs)(p,{children:[(0,o.jsx)(d,{style:{"--background":n?"linear-gradient(\n to left,\n hsl(340deg 100% 16%) 0%,\n hsl(340deg 100% 32%) 8%,\n hsl(340deg 100% 32%) 92%,\n hsl(340deg 100% 16%) 100%\n )":"hsl(340deg, 100%, 32%)"}}),(0,o.jsx)(h,{style:{"--opacity":e?1:0},children:"Push Me"})]})})}})};n(31857)},12439:s=>{s.exports={wo9l3q2:"wo9l3q2",r1o5tixe:"r1o5tixe",v136y9ve:"v136y9ve",v8lcvtu:"v8lcvtu",f1dif9mh:"f1dif9mh",l1v492xg:"l1v492xg"}},31857:s=>{s.exports={w11vngzf:"w11vngzf",l1npt865:"l1npt865",b102vmo8:"b102vmo8",bfi4lsy:"bfi4lsy",b1xwv4ct:"b1xwv4ct"}}}]); //# sourceMappingURL=10382.bbabc24b0a047164.js.map