https://virtualpianosheet.com/_next/static/chunks/8653-7387d5c58dcf07f3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8653],{13555:(e,t,r)=>{r.d(t,{i:()=>a});var n,o=r(47342),i=r(84233),l=(n||(n=r.t(o,2)))[" useInsertionEffect ".trim().toString()]||i.N;function a({prop:e,defaultProp:t,onChange:r=()=>{},caller:n}){let[i,a,u]=function({defaultProp:e,onChange:t}){let[r,n]=o.useState(e),i=o.useRef(r),a=o.useRef(t);return l(()=>{a.current=t},[t]),o.useEffect(()=>{i.current!==r&&(a.current?.(r),i.current=r)},[r,i]),[r,n,a]}({defaultProp:t,onChange:r}),s=void 0!==e,d=s?e:i;{let t=o.useRef(void 0!==e);o.useEffect(()=>{let e=t.current;if(e!==s){let t=s?"controlled":"uncontrolled";console.warn(`${n} is changing from ${e?"controlled":"uncontrolled"} to ${t}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`)}t.current=s},[s,n])}return[d,o.useCallback(t=>{if(s){let r="function"==typeof t?t(e):t;r!==e&&u.current?.(r)}else a(t)},[s,e,a,u])]}Symbol("RADIX:SYNC_STATE")},14828:(e,t,r)=>{r.d(t,{A:()=>n});let n=(0,r(75384).A)("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]])},21578:(e,t,r)=>{r.d(t,{s:()=>l,t:()=>i});var n=r(47342);function o(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function i(...e){return t=>{let r=!1,n=e.map(e=>{let n=o(e,t);return r||"function"!=typeof n||(r=!0),n});if(r)return()=>{for(let t=0;t<n.length;t++){let r=n[t];"function"==typeof r?r():o(e[t],null)}}}}function l(...e){return n.useCallback(i(...e),e)}},44729:(e,t,r)=>{r.d(t,{hO:()=>u,sG:()=>a});var n=r(47342),o=r(27947),i=r(67408),l=r(41470),a=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{let r=(0,i.TL)(`Primitive.${t}`),o=n.forwardRef((e,n)=>{let{asChild:o,...i}=e;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,l.jsx)(o?r:t,{...i,ref:n})});return o.displayName=`Primitive.${t}`,{...e,[t]:o}},{});function u(e,t){e&&o.flushSync(()=>e.dispatchEvent(t))}},56210:(e,t,r)=>{r.d(t,{A:()=>n});let n=(0,r(75384).A)("VolumeX",[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["line",{x1:"22",x2:"16",y1:"9",y2:"15",key:"1ewh16"}],["line",{x1:"16",x2:"22",y1:"9",y2:"15",key:"5ykzw1"}]])},56612:(e,t,r)=>{r.d(t,{m:()=>n});function n(e,t,{checkForDefaultPrevented:r=!0}={}){return function(n){if(e?.(n),!1===r||!n.defaultPrevented)return t?.(n)}}},67408:(e,t,r)=>{r.d(t,{Dc:()=>u,TL:()=>l});var n=r(47342),o=r(21578),i=r(41470);function l(e){let t=function(e){let t=n.forwardRef((e,t)=>{let{children:r,...i}=e;if(n.isValidElement(r)){var l;let e,a,u=(l=r,(a=(e=Object.getOwnPropertyDescriptor(l.props,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?l.ref:(a=(e=Object.getOwnPropertyDescriptor(l,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?l.props.ref:l.props.ref||l.ref),s=function(e,t){let r={...t};for(let n in t){let o=e[n],i=t[n];/^on[A-Z]/.test(n)?o&&i?r[n]=(...e)=>{let t=i(...e);return o(...e),t}:o&&(r[n]=o):"style"===n?r[n]={...o,...i}:"className"===n&&(r[n]=[o,i].filter(Boolean).join(" "))}return{...e,...r}}(i,r.props);return r.type!==n.Fragment&&(s.ref=t?(0,o.t)(t,u):u),n.cloneElement(r,s)}return n.Children.count(r)>1?n.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}(e),r=n.forwardRef((e,r)=>{let{children:o,...l}=e,a=n.Children.toArray(o),u=a.find(s);if(u){let e=u.props.children,o=a.map(t=>t!==u?t:n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null);return(0,i.jsx)(t,{...l,ref:r,children:n.isValidElement(e)?n.cloneElement(e,void 0,o):null})}return(0,i.jsx)(t,{...l,ref:r,children:o})});return r.displayName=`${e}.Slot`,r}var a=Symbol("radix.slottable");function u(e){let t=({children:e})=>(0,i.jsx)(i.Fragment,{children:e});return t.displayName=`${e}.Slottable`,t.__radixId=a,t}function s(e){return n.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===a}},71852:(e,t,r)=>{r.d(t,{Q6:()=>Y,bL:()=>X,zi:()=>Q,CC:()=>F});var n,o=r(47342);function i(e,[t,r]){return Math.min(r,Math.max(t,e))}var l=r(56612),a=r(21578),u=r(97856),s=r(13555),d=r(41470),c=o.createContext(void 0),f=r(84233),p=r(44729);function m(e,t,r){if(!t.has(e))throw TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}function h(e,t){var r=m(e,t,"get");return r.get?r.get.call(e):r.value}function v(e,t,r){var n=m(e,t,"set");if(n.set)n.set.call(e,r);else{if(!n.writable)throw TypeError("attempted to set read only private field");n.value=r}return r}var y=r(67408),w=new WeakMap;function g(e,t){if("at"in Array.prototype)return Array.prototype.at.call(e,t);let r=function(e,t){let r=e.length,n=x(t),o=n>=0?n:r+n;return o<0||o>=r?-1:o}(e,t);return -1===r?void 0:e[r]}function x(e){return e!=e||0===e?0:Math.trunc(e)}n=new WeakMap;var b=["PageUp","PageDown"],S=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],R={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},M="Slider",[A,E,C]=function(e){let t=e+"CollectionProvider",[r,n]=(0,u.A)(t),[i,l]=r(t,{collectionRef:{current:null},itemMap:new Map}),s=e=>{let{scope:t,children:r}=e,n=o.useRef(null),l=o.useRef(new Map).current;return(0,d.jsx)(i,{scope:t,itemMap:l,collectionRef:n,children:r})};s.displayName=t;let c=e+"CollectionSlot",f=(0,y.TL)(c),p=o.forwardRef((e,t)=>

1{let{scope:r,children:n}=e,o=l(c,r),i=(0,a.s)(t,o.collectionRef);return(0,d.jsx)(f,{ref:i,children:n})});p.displayName=c;let m=e+"CollectionItemSlot",h="data-radix-collection-item",v=(0,y.TL)(m),w=o.forwardRef((e,t)=>{let{scope:r,children:n,...i}=e,u=o.useRef(null),s=(0,a.s)(t,u),c=l(m,r);return o.useEffect(()=>(c.itemMap.set(u,{ref:u,...i}),()=>void c.itemMap.delete(u))),(0,d.jsx)(v,{[h]:"",ref:s,children:n})});return w.displayName=m,[{Provider:s,Slot:p,ItemSlot:w},function(t){let r=l(e+"CollectionConsumer",t);return o.useCallback(()=>{let e=r.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll("[".concat(h,"]")));return Array.from(r.itemMap.values()).sort((e,r)=>t.indexOf(e.ref.current)-t.indexOf(r.ref.current))},[r.collectionRef,r.itemMap])},n]}(M),[j,P]=(0,u.A)(M,[C]),[_,D]=j(M),k=o.forwardRef((e,t)=>{let{name:r,min:n=0,max:a=100,step:u=1,orientation:c="horizontal",disabled:f=!1,minStepsBetweenThumbs:p=0,defaultValue:m=[n],value:h,onValueChange:v=()=>{},onValueCommit:y=()=>{},inverted:w=!1,form:g,...x}=e,R=o.useRef(new Set),M=o.useRef(0),E="horizontal"===c,[C=[],j]=(0,s.i)({prop:h,defaultProp:m,onChange:e=>{var t;null===(t=[...R.current][M.current])||void 0===t||t.focus(),v(e)}}),P=o.useRef(C);function D(e,t){let{commit:r}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{commit:!1};let o=(String(u).split(".")[1]||"").length,l=i(function(e,t){let r=Math.pow(10,t);return Math.round(e*r)/r}(Math.round((e-n)/u)*u+n,o),[n,a]);j(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,n=[...e];return n[r]=t,n.sort((e,t)=>e-t)}(e,l,t);if(!function(e,t){if(t>0)return Math.min(...e.slice(0,-1).map((t,r)=>e[r+1]-t))>=t;return!0}(n,p*u))return e;{M.current=n.indexOf(l);let t=String(n)!==String(e);return t&&r&&y(n),t?n:e}})}return(0,d.jsx)(_,{scope:e.__scopeSlider,name:r,disabled:f,min:n,max:a,valueIndexToChangeRef:M,thumbs:R.current,values:C,orientation:c,form:g,children:(0,d.jsx)(A.Provider,{scope:e.__scopeSlider,children:(0,d.jsx)(A.Slot,{scope:e.__scopeSlider,children:(0,d.jsx)(E?z:$,{"aria-disabled":f,"data-disabled":f?"":void 0,...x,ref:t,onPointerDown:(0,l.m)(x.onPointerDown,()=>{f||(P.current=C)}),min:n,max:a,inverted:w,onSlideStart:f?void 0:function(e){let t=function(e,t){if(1===e.length)return 0;let r=e.map(e=>Math.abs(e-t)),n=Math.min(...r);return r.indexOf(n)}(C,e);D(e,t)},onSlideMove:f?void 0:function(e){D(e,M.current)},onSlideEnd:f?void 0:function(){let e=P.current[M.current];C[M.current]!==e&&y(C)},onHomeKeyDown:()=>!f&&D(n,0,{commit:!0}),onEndKeyDown:()=>!f&&D(a,C.length-1,{commit:!0}),onStepKeyDown:e=>{let{event:t,direction:r}=e;if(!f){let e=b.includes(t.key)||t.shiftKey&&S.includes(t.key),n=M.current;D(C[n]+u*(e?10:1)*r,n,{commit:!0})}}})})})})});k.displayName=M;var[N,I]=j(M,{startEdge:"left",endEdge:"right",size:"width",direction:1}),z=o.forwardRef((e,t)=>{let{min:r,max:n,dir:i,inverted:l,onSlideStart:u,onSlideMove:s,onSlideEnd:f,onStepKeyDown:p,...m}=e,[h,v]=o.useState(null),y=(0,a.s)(t,e=>v(e)),w=o.useRef(void 0),g=function(e){let t=o.useContext(c);return e||t||"ltr"}(i),x="ltr"===g,b=x&&!l||!x&&l;function S(e){let t=w.current||h.getBoundingClientRect(),o=U([0,t.width],b?[r,n]:[n,r]);return w.current=t,o(e-t.left)}return(0,d.jsx)(N,{scope:e.__scopeSlider,startEdge:b?"left":"right",endEdge:b?"right":"left",direction:b?1:-1,size:"width",children:(0,d.jsx)(L,{dir:g,"data-orientation":"horizontal",...m,ref:y,style:{...m.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:e=>{let t=S(e.clientX);null==u||u(t)},onSlideMove:e=>{let t=S(e.clientX);null==s||s(t)},onSlideEnd:()=>{w.current=void 0,null==f||f()},onStepKeyDown:e=>{let t=R[b?"from-left":"from-right"].includes(e.key);null==p||p({event:e,direction:t?-1:1})}})})}),$=o.forwardRef((e,t)=>{let{min:r,max:n,inverted:i,onSlideStart:l,onSlideMove:u,onSlideEnd:s,onStepKeyDown:c,...f}=e,p=o.useRef(null),m=(0,a.s)(t,p),h=o.useRef(void 0),v=!i;function y(e){let t=h.current||p.current.getBoundingClientRect(),o=U([0,t.height],v?[n,r]:[r,n]);return h.current=t,o(e-t.top)}return(0,d.jsx)(N,{scope:e.__scopeSlider,startEdge:v?"bottom":"top",endEdge:v?"top":"bottom",size:"height",direction:v?1:-1,children:(0,d.jsx)(L,{"data-orientation":"vertical",...f,ref:m,style:{...f.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:e=>{let t=y(e.clientY);null==l||l(t)},onSlideMove:e=>{let t=y(e.clientY);null==u||u(t)},onSlideEnd:()=>{h.current=void 0,null==s||s()},onStepKeyDown:e=>

1{let t=R[v?"from-bottom":"from-top"].includes(e.key);null==c||c({event:e,direction:t?-1:1})}})})}),L=o.forwardRef((e,t)=>{let{__scopeSlider:r,onSlideStart:n,onSlideMove:o,onSlideEnd:i,onHomeKeyDown:a,onEndKeyDown:u,onStepKeyDown:s,...c}=e,f=D(M,r);return(0,d.jsx)(p.sG.span,{...c,ref:t,onKeyDown:(0,l.m)(e.onKeyDown,e=>{"Home"===e.key?(a(e),e.preventDefault()):"End"===e.key?(u(e),e.preventDefault()):b.concat(S).includes(e.key)&&(s(e),e.preventDefault())}),onPointerDown:(0,l.m)(e.onPointerDown,e=>{let t=e.target;t.setPointerCapture(e.pointerId),e.preventDefault(),f.thumbs.has(t)?t.focus():n(e)}),onPointerMove:(0,l.m)(e.onPointerMove,e=>{e.target.hasPointerCapture(e.pointerId)&&o(e)}),onPointerUp:(0,l.m)(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&(t.releasePointerCapture(e.pointerId),i(e))})})}),O="SliderTrack",T=o.forwardRef((e,t)=>{let{__scopeSlider:r,...n}=e,o=D(O,r);return(0,d.jsx)(p.sG.span,{"data-disabled":o.disabled?"":void 0,"data-orientation":o.orientation,...n,ref:t})});T.displayName=O;var H="SliderRange",K=o.forwardRef((e,t)=>{let{__scopeSlider:r,...n}=e,i=D(H,r),l=I(H,r),u=o.useRef(null),s=(0,a.s)(t,u),c=i.values.length,f=i.values.map(e=>G(e,i.min,i.max)),m=c>1?Math.min(...f):0,h=100-Math.max(...f);return(0,d.jsx)(p.sG.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...n,ref:s,style:{...e.style,[l.startEdge]:m+"%",[l.endEdge]:h+"%"}})});K.displayName=H;var V="SliderThumb",W=o.forwardRef((e,t)=>{let r=E(e.__scopeSlider),[n,i]=o.useState(null),l=(0,a.s)(t,e=>i(e)),u=o.useMemo(()=>n?r().findIndex(e=>e.ref.current===n):-1,[r,n]);return(0,d.jsx)(q,{...e,ref:l,index:u})}),q=o.forwardRef((e,t)=>{let{__scopeSlider:r,index:n,name:i,...u}=e,s=D(V,r),c=I(V,r),[m,h]=o.useState(null),v=(0,a.s)(t,e=>h(e)),y=!m||s.form||!!m.closest("form"),w=function(e){let[t,r]=o.useState(void 0);return(0,f.N)(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});let t=new ResizeObserver(t=>{let n,o;if(!Array.isArray(t)||!t.length)return;let i=t[0];if("borderBoxSize"in i){let e=i.borderBoxSize,t=Array.isArray(e)?e[0]:e;n=t.inlineSize,o=t.blockSize}else n=e.offsetWidth,o=e.offsetHeight;r({width:n,height:o})});return t.observe(e,{box:"border-box"}),()=>t.unobserve(e)}r(void 0)},[e]),t}(m),g=s.values[n],x=void 0===g?0:G(g,s.min,s.max),b=function(e,t){return t>2?"Value ".concat(e+1," of ").concat(t):2===t?["Minimum","Maximum"][e]:void 0}(n,s.values.length),S=null==w?void 0:w[c.size],R=S?function(e,t,r){let n=e/2,o=U([0,50],[0,n]);return(n-o(t)*r)*r}(S,x,c.direction):0;return o.useEffect(()=>{if(m)return s.thumbs.add(m),()=>{s.thumbs.delete(m)}},[m,s.thumbs]),(0,d.jsxs)("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[c.startEdge]:"calc(".concat(x,"% + ").concat(R,"px)")},children:[(0,d.jsx)(A.ItemSlot,{scope:e.__scopeSlider,children:(0,d.jsx)(p.sG.span,{role:"slider","aria-label":e["aria-label"]||b,"aria-valuemin":s.min,"aria-valuenow":g,"aria-valuemax":s.max,"aria-orientation":s.orientation,"data-orientation":s.orientation,"data-disabled":s.disabled?"":void 0,tabIndex:s.disabled?void 0:0,...u,ref:v,style:void 0===g?{display:"none"}:e.style,onFocus:(0,l.m)(e.onFocus,()=>{s.valueIndexToChangeRef.current=n})})}),y&&(0,d.jsx)(B,{name:null!=i?i:s.name?s.name+(s.values.length>1?"[]":""):void 0,form:s.form,value:g},n)]})});W.displayName=V;var B=o.forwardRef((e,t)=>{let{__scopeSlider:r,value:n,...i}=e,l=o.useRef(null),u=(0,a.s)(l,t),s=function(e){let t=o.useRef({value:e,previous:e});return o.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}(n);return o.useEffect(()=>{let e=l.current;if(!e)return;let t=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set;if(s!==n&&t){let r=new Event("input",{bubbles:!0});t.call(e,n),e.dispatchEvent(r)}},[s,n]),(0,d.jsx)(p.sG.input,{style:{display:"none"},...i,ref:u,defaultValue:n})});function G(e,t,r){return i(100/(r-t)*(e-t),[0,100])}function U(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}B.displayName="RadioBubbleInput";var X=k,F=T,Y=K,Q=W},84233:(e,t,r)=>{r.d(t,{N:()=>o});var n=r(47342),o=globalThis?.document?n.useLayoutEffect:()=>{}},88604:(e,t,r)=>{r.d(t,{A:()=>n});let n=(0,r(75384).A)("Volume2",[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]])},97856:(e,t,r)=>{r.d(t,{A:()=>l,q:()=>i});var n=r(47342),o=r(41470);function i(e,t){let r=n.createContext(t),i=e=>{let{children:t,...i}=e,l=n.useMemo(()=>i,Object.values(i));return(0,o.jsx)(r.Provider,{value:l,children:t})};return i.displayName=e+"Provider",[i,function(o){let i=n.useContext(r);if(i)return i;if(void 0!==t)return t;throw Error(`\`${o}\` must be used within \`${e}\``)}]}function l(e,t=[]){let r=[],i=()=>{let t=r.map(e=>n.createContext(e));return function(r){let o=r?.[e]||t;return n.useMemo(()=>({[`__scope${e}`]:{...r,[e]:o}}),[r,o])}};return i.scopeName=e,[function(t,i){let l=n.createContext(i),a=r.length;r=[...r,i];let u=t=>{let{scope:r,children:i,...u}=t,s=r?.[e]?.[a]||l,d=n.useMemo(()=>u,Object.values(u));return(0,o.jsx)(s.Provider,{value:d,children:i})};return u.displayName=t+"Provider",[u,function(r,o){let u=o?.[e]?.[a]||l,s=n.useContext(u);if(s)return s;if(void 0!==i)return i;throw Error(`\`${r}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let r=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let o=r.reduce((t,{useScope:r,scopeName:n})=>

1{let o=r(e)[`__scope${n}`];return{...t,...o}},{});return n.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return r.scopeName=t.scopeName,r}(i,...t)]}}}]);