(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34893],{10253:(s,e,n)=>{"use strict";n.d(e,{Z:()=>u});var o=n(67841),l=n(79477),t=n(64833),r=n(97718),a=n(91769);let c=(0,t.z)("div")({name:"Wrapper",class:"wo9l3q2",propsAsIs:!1}),i=(0,t.z)("input")({name:"RealInput",class:"r1o5tixe",propsAsIs:!1}),p=(0,t.z)("div")({name:"VisibleContents",class:"v136y9ve",propsAsIs:!1}),d=(0,t.z)(r.q.div)({name:"VisibleBox",class:"v8lcvtu",propsAsIs:!0}),h=(0,t.z)(r.q.div)({name:"Filled",class:"f1dif9mh",propsAsIs:!0}),v=(0,t.z)("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),b=l.useId(),g=e||"checkbox-".concat(b),j={tension:400,friction:22,clamp:!t},z=n/(n+4),y=(0,r.q_)({transform:"scale(".concat(t?f?1/z:1:0,")"),config:j}),I=(0,r.q_)({transform:"scale(".concat(f?z:1,")"),config:j}),[A]=(0,a.Z)("/sounds/pop-down.mp3",{volume:.25}),[k]=(0,a.Z)("/sounds/pop-up-on.mp3",{volume:.25}),[Z]=(0,a.Z)("/sounds/pop-up-off.mp3",{volume:.25});return(0,o.jsxs)(c,{children:[(0,o.jsx)(i,{type:"checkbox",id:g,onMouseDown:()=>{w(!0),A()},onMouseUp:()=>{w(!1),t?Z():k()},onChange:x}),(0,o.jsxs)(p,{children:[(0,o.jsx)(d,{style:{width:n,height:n,...I},children:(0,o.jsx)(h,{style:y})}),u&&(0,o.jsx)(v,{htmlFor:g,children:u})]})]})};n(78028)},34893:(s,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>v});var o=n(67841),l=n(64833),t=n(55158),r=n(10253),a=n(75865);let c=(0,l.z)("div")({name:"Wrapper",class:"w11vngzf",propsAsIs:!1}),i=(0,l.z)("label")({name:"Label",class:"l1npt865",propsAsIs:!1}),p=(0,l.z)("button")({name:"ButtonWrapper",class:"b102vmo8",propsAsIs:!1}),d=(0,l.z)("div")({name:"Backdrop",class:"bfi4lsy",propsAsIs:!1}),h=(0,l.z)("span")({name:"ButtonFace",class:"b1xwv4ct",propsAsIs:!1}),v=function(){return(0,o.jsx)(t.ZP,{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.Z,{checked:s.showFront,onChange:n=>e("showFront",!s.showFront)}),(0,o.jsx)(a.Z,{size:8}),"Show front layer"]}),(0,o.jsxs)(i,{children:[(0,o.jsx)(r.Z,{checked:s.showGradient,onChange:n=>e("showGradient",!s.showGradient)}),(0,o.jsx)(a.Z,{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(98603)},78028:s=>{s.exports={wo9l3q2:"wo9l3q2",r1o5tixe:"r1o5tixe",v136y9ve:"v136y9ve",v8lcvtu:"v8lcvtu",f1dif9mh:"f1dif9mh",l1v492xg:"l1v492xg"}},98603:s=>{s.exports={w11vngzf:"w11vngzf",l1npt865:"l1npt865",b102vmo8:"b102vmo8",bfi4lsy:"bfi4lsy",b1xwv4ct:"b1xwv4ct"}}}]);
//# sourceMappingURL=34893.bebfec6de48faab9.js.map