(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95331],{34155:(s,e,n)=>{"use strict";n.d(e,{A:()=>v});var o=n(87687),l=n(52751),t=n(31928),r=n(30251),a=n(21347);let p=(0,t.I)("div")({name:"Wrapper",class:"wo9l3q2",propsAsIs:!1}),i=(0,t.I)("input")({name:"RealInput",class:"r1o5tixe",propsAsIs:!1}),c=(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}),u=(0,t.I)("label")({name:"Label",class:"l1v492xg",propsAsIs:!1}),v=s=>{let{id:e,size:n=18,checked:t,label:v,onChange:x,...m}=s,[I,f]=l.useState(!1),w=l.useId(),b=e||"checkbox-".concat(w),g={tension:400,friction:22,clamp:!t},A=n/(n+4),y=(0,r.zh)({transform:"scale(".concat(t?I?1/A:1:0,")"),config:g}),j=(0,r.zh)({transform:"scale(".concat(I?A:1,")"),config:g}),[C]=(0,a.A)("/sounds/pop-down.mp3",{volume:.25}),[k]=(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)(p,{children:[(0,o.jsx)(i,{type:"checkbox",id:b,onMouseDown:()=>{f(!0),C()},onMouseUp:()=>{f(!1),t?F():k()},onChange:x}),(0,o.jsxs)(c,{children:[(0,o.jsx)(d,{style:{width:n,height:n,...j},children:(0,o.jsx)(h,{style:y})}),v&&(0,o.jsx)(u,{htmlFor:b,children:v})]})]})};n(12439)},95331:(s,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>d});var o=n(87687),l=n(31928),t=n(20120);n(34155),n(19901);let r=(0,l.I)("div")({name:"ControlsGrid",class:"c11vngzf",propsAsIs:!1}),a=(0,l.I)("div")({name:"Wrapper",class:"w1npt865",propsAsIs:!1});(0,l.I)("label")({name:"Label",class:"l102vmo8",propsAsIs:!1});let p=(0,l.I)("button")({name:"ButtonWrapper",class:"bfi4lsy",propsAsIs:!1}),i=(0,l.I)("div")({name:"Backdrop",class:"b1xwv4ct",propsAsIs:!1}),c=(0,l.I)("span")({name:"ButtonFace",class:"b1n3wm2x",propsAsIs:!1}),d=function(){return(0,o.jsx)(t.Ay,{id:"button-layers",initialValues:{showFront:!0,showGradient:!0},CustomGridComponent:r,controls:[(0,o.jsx)(t.Ux,{id:"showFront",label:"Show front layer"},"showFront"),(0,o.jsx)(t.Ux,{id:"showGradient",label:"Show gradient"},"showGradient")],children:s=>{let{showFront:e,showGradient:n}=s;return(0,o.jsx)(a,{children:(0,o.jsxs)(p,{children:[(0,o.jsx)(i,{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)(c,{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={c11vngzf:"c11vngzf",w1npt865:"w1npt865",bfi4lsy:"bfi4lsy",b1xwv4ct:"b1xwv4ct",b1n3wm2x:"b1n3wm2x"}}}]);
//# sourceMappingURL=95331.b0c4f36b36c44fcb.js.map