zds-pickers 4.1.6 → 4.1.7

package/dist/index.es.js

@@ -1,22 +1,22 @@
-var Cg = Object.defineProperty;
-var Mg = (A, V, g) => V in A ? Cg(A, V, { enumerable: !0, configurable: !0, writable: !0, value: g }) : A[V] = g;
-var UV = (A, V, g) => Mg(A, typeof V != "symbol" ? V + "" : V, g);
-import qA, { createElement as Dg, Fragment as Ug, useState as wA, useCallback as DA, useEffect as TA, useRef as HA, useMemo as hA, forwardRef as UA, Children as og, isValidElement as wg, useLayoutEffect as Fg } from "react";
+var $B = Object.defineProperty;
+var Ag = (A, V, g) => V in A ? $B(A, V, { enumerable: !0, configurable: !0, writable: !0, value: g }) : A[V] = g;
+var MV = (A, V, g) => Ag(A, typeof V != "symbol" ? V + "" : V, g);
+import qA, { createElement as Vg, Fragment as qg, useState as wA, useCallback as DA, useEffect as TA, useRef as HA, useMemo as hA, forwardRef as UA, Children as Bg, isValidElement as gg, useLayoutEffect as Eg } from "react";
 import { jsx as l, jsxs as VA, Fragment as ZA } from "react/jsx-runtime";
 import xA from "classnames";
-import wq, { components as Sg } from "react-select";
-import { drag as Rg } from "d3-drag";
-import { scaleLinear as Fq } from "d3-scale";
-import { select as Sq } from "d3-selection";
-import Gg from "react-dom";
-import { getStockNames as Yg, getUserMappingNames as ig, emptyMapping as Rq } from "zds-mappings";
+import Cq, { components as Qg } from "react-select";
+import { drag as Ig } from "d3-drag";
+import { scaleLinear as Mq } from "d3-scale";
+import { select as Dq } from "d3-selection";
+import Cg from "react-dom";
+import { getStockNames as Mg, getUserMappingNames as Dg, emptyMapping as Uq } from "zds-mappings";
 const _A = (A) => Array.from(new Array(A).keys()), zA = (A, V = 127, g = 0) => {
   let q = typeof A == "string" ? Number.parseInt(A, 10) : A;
   return (Number.isNaN(q) || q === null) && (q = g), q >= g ? q <= V ? q : V : g;
-}, Tg = (A, V) => (g) => g == null ? void 0 : g.find((q) => (q == null ? void 0 : q[A]) === V), sg = (...A) => (V) => Object.entries(V).filter(([g]) => !A.flat().map(String).includes(g)).reduce((g, [q, B]) => Object.assign(g, { [q]: B }), {}), mI = (...A) => (V) => Object.entries(V).filter(([g]) => A.flat().map(String).includes(g)).reduce((g, [q, B]) => Object.assign(g, { [q]: B }), {}), nI = (A, V) => (g) => ({
+}, Ug = (A, V) => (g) => g == null ? void 0 : g.find((q) => (q == null ? void 0 : q[A]) === V), og = (...A) => (V) => Object.entries(V).filter(([g]) => !A.flat().map(String).includes(g)).reduce((g, [q, B]) => Object.assign(g, { [q]: B }), {}), NI = (...A) => (V) => Object.entries(V).filter(([g]) => A.flat().map(String).includes(g)).reduce((g, [q, B]) => Object.assign(g, { [q]: B }), {}), eI = (A, V) => (g) => ({
   ...g,
   [A]: V
-}), hg = [
+}), wg = [
   "Bank Select",
   "Modulation Wheel",
   "Breath Controller",
@@ -165,7 +165,7 @@ const _A = (A) => Array.from(new Array(A).keys()), zA = (A, V = 127, g = 0) => {
   // 1101
   pitchWheel: 14
   // 1110
-}, kg = 15, Kg = 240, Jg = [
+}, Fg = 15, Sg = 240, Rg = [
   { value: sA.noteOn, label: "Note On" },
   { value: sA.noteOff, label: "Note Stack" },
   { value: sA.controlChange, label: "Control Change" },
@@ -173,54 +173,54 @@ const _A = (A) => Array.from(new Array(A).keys()), zA = (A, V = 127, g = 0) => {
   { value: sA.aftertouch, label: "Aftertouch" },
   { value: sA.channelPressure, label: "Channel Pressure" },
   { value: sA.pitchWheel, label: "Pitch Wheel" }
-], OI = (A) => {
+], lI = (A) => {
   var V;
-  return ((V = Jg.filter(({ value: g }) => g === A)[0]) == null ? void 0 : V.label) || "???";
-}, jI = (A, V) => A | V << 4, uI = (A) => ({
-  status: (A & Kg) >> 4 | 8,
-  channel: A & kg
-}), ag = 0, Ng = 1, eg = 2, lg = 3, xg = 4, tg = 5, Wg = 6, rg = 7, Gq = {
-  [ag]: "Linear, no change",
-  [Ng]: "A little less sensitive",
-  [eg]: "Even less sensitive",
-  [lg]: "Least sensitive",
-  [xg]: "A little sensitive",
-  [tg]: "Moderately sensitive",
-  [Wg]: "Most sensitive",
-  [rg]: "Always maxed out"
-}, wB = Object.keys(Gq).map(Number).map((A) => ({
+  return ((V = Rg.filter(({ value: g }) => g === A)[0]) == null ? void 0 : V.label) || "???";
+}, xI = (A, V) => A | V << 4, tI = (A) => ({
+  status: (A & Sg) >> 4 | 8,
+  channel: A & Fg
+}), Gg = 0, Yg = 1, ig = 2, Tg = 3, sg = 4, hg = 5, kg = 6, Kg = 7, oq = {
+  [Gg]: "Linear, no change",
+  [Yg]: "A little less sensitive",
+  [ig]: "Even less sensitive",
+  [Tg]: "Least sensitive",
+  [sg]: "A little sensitive",
+  [hg]: "Moderately sensitive",
+  [kg]: "Most sensitive",
+  [Kg]: "Always maxed out"
+}, CB = Object.keys(oq).map(Number).map((A) => ({
   value: A,
-  label: Gq[A]
-})), FB = ({ children: A }) => Dg(Ug, null, A);
-function SB(A) {
+  label: oq[A]
+})), MB = ({ children: A }) => Vg(qg, null, A);
+function DB(A) {
   return A !== null && typeof A == "object" && "name" in A && typeof A.name == "string";
 }
-function RB(A) {
+function UB(A) {
   return A !== null && typeof A == "object" && "step" in A && typeof A.step == "number" && "alt" in A && typeof A.alt == "number" && !isNaN(A.step) && !isNaN(A.alt);
 }
-var GB = [0, 2, 4, -1, 1, 3, 5], YB = GB.map(
+var oB = [0, 2, 4, -1, 1, 3, 5], wB = oB.map(
   (A) => Math.floor(A * 7 / 12)
 );
-function iB(A) {
-  const { step: V, alt: g, oct: q, dir: B = 1 } = A, Q = GB[V] + 7 * g;
+function FB(A) {
+  const { step: V, alt: g, oct: q, dir: B = 1 } = A, Q = oB[V] + 7 * g;
   if (q === void 0)
     return [B * Q];
-  const C = q - YB[V] - 4 * g;
+  const C = q - wB[V] - 4 * g;
   return [B * Q, B * C];
 }
-var Hg = [3, 0, 4, 1, 5, 2, 6];
-function Zg(A) {
-  const [V, g, q] = A, B = Hg[pg(V)], Q = Math.floor((V + 1) / 7);
+var Jg = [3, 0, 4, 1, 5, 2, 6];
+function ag(A) {
+  const [V, g, q] = A, B = Jg[Ng(V)], Q = Math.floor((V + 1) / 7);
   if (g === void 0)
     return { step: B, alt: Q, dir: q };
-  const C = g + 4 * Q + YB[B];
+  const C = g + 4 * Q + wB[B];
   return { step: B, alt: Q, oct: C, dir: q };
 }
-function pg(A) {
+function Ng(A) {
   const V = (A + 1) % 7;
   return V < 0 ? 7 + V : V;
 }
-var Yq = (A, V) => Array(Math.abs(V) + 1).join(A), nV = Object.freeze({
+var wq = (A, V) => Array(Math.abs(V) + 1).join(A), PV = Object.freeze({
   empty: !0,
   name: "",
   num: NaN,
@@ -234,26 +234,26 @@ var Yq = (A, V) => Array(Math.abs(V) + 1).join(A), nV = Object.freeze({
   chroma: NaN,
   coord: [],
   oct: NaN
-}), yg = "([-+]?\\d+)(d{1,4}|m|M|P|A{1,4})", cg = "(AA|A|P|M|m|d|dd)([-+]?\\d+)", Lg = new RegExp(
-  "^" + yg + "|" + cg + "$"
+}), eg = "([-+]?\\d+)(d{1,4}|m|M|P|A{1,4})", lg = "(AA|A|P|M|m|d|dd)([-+]?\\d+)", xg = new RegExp(
+  "^" + eg + "|" + lg + "$"
 );
-function Pg(A) {
-  const V = Lg.exec(`${A}`);
+function tg(A) {
+  const V = xg.exec(`${A}`);
   return V === null ? ["", ""] : V[1] ? [V[1], V[2]] : [V[4], V[3]];
 }
-var iq = {};
+var Fq = {};
 function fA(A) {
-  return typeof A == "string" ? iq[A] || (iq[A] = mg(A)) : RB(A) ? fA(Og(A)) : SB(A) ? fA(A.name) : nV;
+  return typeof A == "string" ? Fq[A] || (Fq[A] = Wg(A)) : UB(A) ? fA(Hg(A)) : DB(A) ? fA(A.name) : PV;
 }
-var Tq = [0, 2, 4, 5, 7, 9, 11], TB = "PMMPPMM";
-function mg(A) {
-  const V = Pg(A);
+var Sq = [0, 2, 4, 5, 7, 9, 11], SB = "PMMPPMM";
+function Wg(A) {
+  const V = tg(A);
   if (V[0] === "")
-    return nV;
-  const g = +V[0], q = V[1], B = (Math.abs(g) - 1) % 7, Q = TB[B];
+    return PV;
+  const g = +V[0], q = V[1], B = (Math.abs(g) - 1) % 7, Q = SB[B];
   if (Q === "M" && q === "P")
-    return nV;
-  const C = Q === "M" ? "majorable" : "perfectable", E = "" + g + q, I = g < 0 ? -1 : 1, M = g === 8 || g === -8 ? g : I * (B + 1), F = ng(C, q), D = Math.floor((Math.abs(g) - 1) / 7), w = I * (Tq[B] + F + 12 * D), U = (I * (Tq[B] + F) % 12 + 12) % 12, o = iB({ step: B, alt: F, oct: D, dir: I });
+    return PV;
+  const C = Q === "M" ? "majorable" : "perfectable", E = "" + g + q, I = g < 0 ? -1 : 1, M = g === 8 || g === -8 ? g : I * (B + 1), F = rg(C, q), D = Math.floor((Math.abs(g) - 1) / 7), w = I * (Sq[B] + F + 12 * D), U = (I * (Sq[B] + F) % 12 + 12) % 12, o = FB({ step: B, alt: F, oct: D, dir: I });
   return {
     empty: !1,
     name: E,
@@ -270,20 +270,20 @@ function mg(A) {
     oct: D
   };
 }
-function ng(A, V) {
+function rg(A, V) {
   return V === "M" && A === "majorable" || V === "P" && A === "perfectable" ? 0 : V === "m" && A === "majorable" ? -1 : /^A+$/.test(V) ? V.length : /^d+$/.test(V) ? -1 * (A === "perfectable" ? V.length : V.length + 1) : 0;
 }
-function Og(A) {
+function Hg(A) {
   const { step: V, alt: g, oct: q = 0, dir: B } = A;
   if (!B)
     return "";
-  const Q = V + 1 + 7 * q, C = Q === 0 ? V + 1 : Q, E = B < 0 ? "-" : "", I = TB[V] === "M" ? "majorable" : "perfectable";
-  return E + C + jg(I, g);
+  const Q = V + 1 + 7 * q, C = Q === 0 ? V + 1 : Q, E = B < 0 ? "-" : "", I = SB[V] === "M" ? "majorable" : "perfectable";
+  return E + C + Zg(I, g);
 }
-function jg(A, V) {
-  return V === 0 ? A === "majorable" ? "M" : "P" : V === -1 && A === "majorable" ? "m" : V > 0 ? Yq("A", V) : Yq("d", A === "perfectable" ? V : V + 1);
+function Zg(A, V) {
+  return V === 0 ? A === "majorable" ? "M" : "P" : V === -1 && A === "majorable" ? "m" : V > 0 ? wq("A", V) : wq("d", A === "perfectable" ? V : V + 1);
 }
-var sq = (A, V) => Array(Math.abs(V) + 1).join(A), sB = Object.freeze({
+var Rq = (A, V) => Array(Math.abs(V) + 1).join(A), RB = Object.freeze({
   empty: !0,
   name: "",
   letter: "",
@@ -296,28 +296,28 @@ var sq = (A, V) => Array(Math.abs(V) + 1).join(A), sB = Object.freeze({
   coord: [],
   midi: null,
   freq: null
-}), hq = /* @__PURE__ */ new Map(), ug = (A) => "CDEFGAB".charAt(A), zg = (A) => A < 0 ? sq("b", -A) : sq("#", A), fg = (A) => A[0] === "b" ? -A.length : A.length;
-function kA(A) {
-  const V = JSON.stringify(A), g = hq.get(V);
+}), Gq = /* @__PURE__ */ new Map(), pg = (A) => "CDEFGAB".charAt(A), yg = (A) => A < 0 ? Rq("b", -A) : Rq("#", A), Lg = (A) => A[0] === "b" ? -A.length : A.length;
+function lA(A) {
+  const V = JSON.stringify(A), g = Gq.get(V);
   if (g)
     return g;
-  const q = typeof A == "string" ? _g(A) : RB(A) ? kA($g(A)) : SB(A) ? kA(A.name) : sB;
-  return hq.set(V, q), q;
+  const q = typeof A == "string" ? Og(A) : UB(A) ? lA(jg(A)) : DB(A) ? lA(A.name) : RB;
+  return Gq.set(V, q), q;
 }
-var dg = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
-function Xg(A) {
-  const V = dg.exec(A);
+var cg = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
+function Pg(A) {
+  const V = cg.exec(A);
   return V ? [V[1].toUpperCase(), V[2].replace(/x/g, "##"), V[3], V[4]] : ["", "", "", ""];
 }
-function bg(A) {
-  return kA(Zg(A));
+function mg(A) {
+  return lA(ag(A));
 }
-var vg = (A, V) => (A % V + V) % V, oV = [0, 2, 4, 5, 7, 9, 11];
-function _g(A) {
-  const V = Xg(A);
+var ng = (A, V) => (A % V + V) % V, DV = [0, 2, 4, 5, 7, 9, 11];
+function Og(A) {
+  const V = Pg(A);
   if (V[0] === "" || V[3] !== "")
-    return sB;
-  const g = V[0], q = V[1], B = V[2], Q = (g.charCodeAt(0) + 3) % 7, C = fg(q), E = B.length ? +B : void 0, I = iB({ step: Q, alt: C, oct: E }), M = g + q + B, F = g + q, D = (oV[Q] + C + 120) % 12, w = E === void 0 ? vg(oV[Q] + C, 12) - 12 * 99 : oV[Q] + C + 12 * (E + 1), U = w >= 0 && w <= 127 ? w : null, o = E === void 0 ? null : Math.pow(2, (w - 69) / 12) * 440;
+    return RB;
+  const g = V[0], q = V[1], B = V[2], Q = (g.charCodeAt(0) + 3) % 7, C = Lg(q), E = B.length ? +B : void 0, I = FB({ step: Q, alt: C, oct: E }), M = g + q + B, F = g + q, D = (DV[Q] + C + 120) % 12, w = E === void 0 ? ng(DV[Q] + C, 12) - 12 * 99 : DV[Q] + C + 12 * (E + 1), U = w >= 0 && w <= 127 ? w : null, o = E === void 0 ? null : Math.pow(2, (w - 69) / 12) * 440;
   return {
     empty: !1,
     acc: q,
@@ -334,41 +334,41 @@ function _g(A) {
     step: Q
   };
 }
-function $g(A) {
-  const { step: V, alt: g, oct: q } = A, B = ug(V);
+function jg(A) {
+  const { step: V, alt: g, oct: q } = A, B = pg(V);
   if (!B)
     return "";
-  const Q = B + zg(g);
+  const Q = B + yg(g);
   return q || q === 0 ? Q + q : Q;
 }
-function AE(A, V) {
-  const g = kA(A), q = Array.isArray(V) ? V : fA(V).coord;
+function ug(A, V) {
+  const g = lA(A), q = Array.isArray(V) ? V : fA(V).coord;
   if (g.empty || !q || q.length < 2)
     return "";
   const B = g.coord, Q = B.length === 1 ? [B[0] + q[0]] : [B[0] + q[0], B[1] + q[1]];
-  return bg(Q).name;
+  return mg(Q).name;
 }
-function hB(A, V) {
+function GB(A, V) {
   const g = V.length, q = (A % g + g) % g;
   return V.slice(q, g).concat(V.slice(0, q));
 }
-var KA = {
+var kA = {
   empty: !0,
   name: "",
   setNum: 0,
   chroma: "000000000000",
   normalized: "000000000000",
   intervals: []
-}, kB = (A) => Number(A).toString(2).padStart(12, "0"), kq = (A) => parseInt(A, 2), VE = /^[01]{12}$/;
-function KB(A) {
-  return VE.test(A);
+}, YB = (A) => Number(A).toString(2).padStart(12, "0"), Yq = (A) => parseInt(A, 2), zg = /^[01]{12}$/;
+function iB(A) {
+  return zg.test(A);
 }
-var qE = (A) => typeof A == "number" && A >= 0 && A <= 4095, BE = (A) => A && KB(A.chroma), Kq = { [KA.chroma]: KA };
-function JB(A) {
-  const V = KB(A) ? A : qE(A) ? kB(A) : Array.isArray(A) ? CE(A) : BE(A) ? A.chroma : KA.chroma;
-  return Kq[V] = Kq[V] || IE(V);
+var fg = (A) => typeof A == "number" && A >= 0 && A <= 4095, dg = (A) => A && iB(A.chroma), iq = { [kA.chroma]: kA };
+function TB(A) {
+  const V = iB(A) ? A : fg(A) ? YB(A) : Array.isArray(A) ? $g(A) : dg(A) ? A.chroma : kA.chroma;
+  return iq[V] = iq[V] || _g(V);
 }
-var gE = [
+var Xg = [
   "1P",
   "2m",
   "2M",
@@ -382,18 +382,18 @@ var gE = [
   "7m",
   "7M"
 ];
-function EE(A) {
+function bg(A) {
   const V = [];
   for (let g = 0; g < 12; g++)
-    A.charAt(g) === "1" && V.push(gE[g]);
+    A.charAt(g) === "1" && V.push(Xg[g]);
   return V;
 }
-function QE(A) {
+function vg(A) {
   const V = A.split("");
-  return V.map((g, q) => hB(q, V).join(""));
+  return V.map((g, q) => GB(q, V).join(""));
 }
-function IE(A) {
-  const V = kq(A), g = QE(A).map(kq).filter((Q) => Q >= 2048).sort()[0], q = kB(g), B = EE(A);
+function _g(A) {
+  const V = Yq(A), g = vg(A).map(Yq).filter((Q) => Q >= 2048).sort()[0], q = YB(g), B = bg(A);
   return {
     empty: !1,
     name: "",
@@ -403,16 +403,16 @@ function IE(A) {
     intervals: B
   };
 }
-function CE(A) {
+function $g(A) {
   if (A.length === 0)
-    return KA.chroma;
+    return kA.chroma;
   let V;
   const g = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
   for (let q = 0; q < A.length; q++)
-    V = kA(A[q]), V.empty && (V = fA(A[q])), V.empty || (g[V.chroma] = 1);
+    V = lA(A[q]), V.empty && (V = fA(A[q])), V.empty || (g[V.chroma] = 1);
   return g.join("");
 }
-var ME = [
+var AE = [
   // ==Major==
   ["1P 3M 5P", "major", "M ^  maj"],
   ["1P 3M 5P 7M", "major seventh", "maj7 Δ ma7 M7 Maj7 ^7"],
@@ -545,33 +545,33 @@ var ME = [
   ["1P 4P 5P 7m 9m 13m", "", "7sus4b9b13 7b9b13sus4"],
   ["1P 4P 7m 10m", "", "4 quartal"],
   ["1P 5P 7m 9m 11P", "", "11b9"]
-], DE = ME;
+], VE = AE;
 ({
-  ...KA
+  ...kA
 });
-var aB = [], uA = {};
-function UE(A, V, g) {
-  const q = wE(A), B = {
-    ...JB(A),
+var sB = [], uA = {};
+function qE(A, V, g) {
+  const q = gE(A), B = {
+    ...TB(A),
     name: g || "",
     quality: q,
     intervals: A,
     aliases: V
   };
-  aB.push(B), B.name && (uA[B.name] = B), uA[B.setNum] = B, uA[B.chroma] = B, B.aliases.forEach((Q) => oE(B, Q));
+  sB.push(B), B.name && (uA[B.name] = B), uA[B.setNum] = B, uA[B.chroma] = B, B.aliases.forEach((Q) => BE(B, Q));
 }
-function oE(A, V) {
+function BE(A, V) {
   uA[V] = A;
 }
-function wE(A) {
+function gE(A) {
   const V = (g) => A.indexOf(g) !== -1;
   return V("5A") ? "Augmented" : V("3M") ? "Major" : V("5d") ? "Diminished" : V("3m") ? "Minor" : "Unknown";
 }
-DE.forEach(
-  ([A, V, g]) => UE(A.split(" "), g.split(" "), V)
+VE.forEach(
+  ([A, V, g]) => qE(A.split(" "), g.split(" "), V)
 );
-aB.sort((A, V) => A.setNum - V.setNum);
-var FE = [
+sB.sort((A, V) => A.setNum - V.setNum);
+var EE = [
   // Basic scales
   ["1P 2M 3M 5P 6M", "major pentatonic", "pentatonic"],
   ["1P 2M 3M 4P 5P 6M 7M", "major", "ionian"],
@@ -713,25 +713,25 @@ var FE = [
   ["1P 2m 2M 3m 4P 4A 5P 6m 6M 7M", "messiaen's mode #7"],
   // 12-note scales
   ["1P 2m 2M 3m 3M 4P 5d 5P 6m 6M 7m 7M", "chromatic"]
-], SE = FE, RE = {
-  ...KA,
+], QE = EE, IE = {
+  ...kA,
   intervals: [],
   aliases: []
 }, rA = {};
-function GE(A) {
-  return rA[A] || RE;
+function CE(A) {
+  return rA[A] || IE;
 }
-function YE(A, V, g = []) {
-  const q = { ...JB(A), name: V, intervals: A, aliases: g };
-  return rA[q.name] = q, rA[q.setNum] = q, rA[q.chroma] = q, q.aliases.forEach((B) => iE(q, B)), q;
+function ME(A, V, g = []) {
+  const q = { ...TB(A), name: V, intervals: A, aliases: g };
+  return rA[q.name] = q, rA[q.setNum] = q, rA[q.chroma] = q, q.aliases.forEach((B) => DE(q, B)), q;
 }
-function iE(A, V) {
+function DE(A, V) {
   rA[V] = A;
 }
-SE.forEach(
-  ([A, V, ...g]) => YE(A.split(" "), V, g)
+QE.forEach(
+  ([A, V, ...g]) => ME(A.split(" "), V, g)
 );
-var TE = [
+var UE = [
   [
     0.125,
     "dl",
@@ -748,104 +748,29 @@ var TE = [
   [64, "sf", ["sixty-fourth", "hemidemisemiquaver"]],
   [128, "h", ["hundred twenty-eighth"]],
   [256, "th", ["two hundred fifty-sixth"]]
-], sE = TE;
-sE.forEach(
+], oE = UE;
+oE.forEach(
   ([A, V, g]) => void 0
 );
-function XV(A) {
-  return +A >= 0 && +A <= 127;
-}
-function NB(A) {
-  if (XV(A))
-    return +A;
-  const V = kA(A);
-  return V.empty ? null : V.midi;
-}
-function eB(A, V = 440) {
-  return Math.pow(2, (A - 69) / 12) * V;
-}
-var hE = Math.log(2), kE = Math.log(440);
-function lB(A) {
-  const V = 12 * (Math.log(A) - kE) / hE + 69;
-  return Math.round(V * 100) / 100;
-}
-var KE = "C C# D D# E F F# G G# A A# B".split(" "), JE = "C Db D Eb E F Gb G Ab A Bb B".split(" ");
-function bV(A, V = {}) {
+var wE = "C C# D D# E F F# G G# A A# B".split(" "), FE = "C Db D Eb E F Gb G Ab A Bb B".split(" ");
+function hB(A, V = {}) {
   if (isNaN(A) || A === -1 / 0 || A === 1 / 0) return "";
   A = Math.round(A);
-  const q = (V.sharps === !0 ? KE : JE)[A % 12];
+  const q = (V.sharps === !0 ? wE : FE)[A % 12];
   if (V.pitchClass)
     return q;
   const B = Math.floor(A / 12) - 1;
   return q + B;
 }
-function $A(A) {
-  return A % 12;
-}
-function aE(A) {
-  return A.split("").reduce((V, g, q) => (q < 12 && g === "1" && V.push(q), V), []);
-}
-function NE(A) {
-  return A.map($A).sort((V, g) => V - g).filter((V, g, q) => g === 0 || V !== q[g - 1]);
-}
-function AV(A) {
-  return Array.isArray(A) ? NE(A) : aE(A);
-}
-function xB(A) {
-  const V = AV(A);
-  return (g) => {
-    const q = $A(g);
-    for (let B = 0; B < 12; B++) {
-      if (V.includes(q + B)) return g + B;
-      if (V.includes(q - B)) return g - B;
-    }
-  };
-}
-function vV(A, V) {
-  const g = AV(A), q = g.length;
-  return (B) => {
-    const Q = B < 0 ? (q - -B % q) % q : B % q, C = Math.floor(B / q);
-    return g[Q] + C * 12 + V;
-  };
-}
-function tB(A, V) {
-  const g = vV(A, V);
-  return (q) => {
-    if (q !== 0)
-      return g(q > 0 ? q - 1 : q);
-  };
-}
-var eE = {
-  chroma: $A,
-  freqToMidi: lB,
-  isMidi: XV,
-  midiToFreq: eB,
-  midiToNoteName: bV,
-  pcsetNearest: xB,
-  pcset: AV,
-  pcsetDegrees: tB,
-  pcsetSteps: vV,
-  toMidi: NB
-};
-const lE = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const SE = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  chroma: $A,
-  default: eE,
-  freqToMidi: lB,
-  isMidi: XV,
-  midiToFreq: eB,
-  midiToNoteName: bV,
-  pcset: AV,
-  pcsetDegrees: tB,
-  pcsetNearest: xB,
-  pcsetSteps: vV,
-  toMidi: NB
+  midiToNoteName: hB
 }, Symbol.toStringTag, { value: "Module" }));
-var WB = kA, xE = (A) => WB(A).pc, Jq = (A) => WB(A).midi;
-function rB(A) {
-  return bV(A);
+var kB = lA, RE = (A) => kB(A).pc, Tq = (A) => kB(A).midi;
+function KB(A) {
+  return hB(A);
 }
-var _V = [
+var fV = [
   [0, 2773, 0, "ionian", "", "Maj7", "major"],
   [1, 2902, 2, "dorian", "m", "m7"],
   [2, 3418, 4, "phrygian", "m", "m7"],
@@ -853,28 +778,28 @@ var _V = [
   [4, 2774, 1, "mixolydian", "", "7"],
   [5, 2906, 3, "aeolian", "m", "m7", "minor"],
   [6, 3434, 5, "locrian", "dim", "m7b5"]
-], aq = {
-  ...KA,
+], sq = {
+  ...kA,
   name: "",
   alt: 0,
   modeNum: NaN,
   triad: "",
   seventh: "",
   aliases: []
-}, tE = _V.map(WE), OV = {};
-tE.forEach((A) => {
-  OV[A.name] = A, A.aliases.forEach((V) => {
-    OV[V] = A;
+}, GE = fV.map(YE), mV = {};
+GE.forEach((A) => {
+  mV[A.name] = A, A.aliases.forEach((V) => {
+    mV[V] = A;
   });
 });
-function HB(A) {
-  return typeof A == "string" ? OV[A.toLowerCase()] || aq : A && A.name ? HB(A.name) : aq;
+function JB(A) {
+  return typeof A == "string" ? mV[A.toLowerCase()] || sq : A && A.name ? JB(A.name) : sq;
 }
-function WE(A) {
+function YE(A) {
   const [V, g, q, B, Q, C, E] = A, I = E ? [E] : [], M = Number(g).toString(2);
   return {
     empty: !1,
-    intervals: GE(B).intervals,
+    intervals: CE(B).intervals,
     modeNum: V,
     chroma: M,
     normalized: M,
@@ -886,21 +811,21 @@ function WE(A) {
     aliases: I
   };
 }
-function ZB(A) {
+function aB(A) {
   return (V, g) => {
-    const q = HB(V);
+    const q = JB(V);
     if (q.empty) return [];
-    const B = hB(q.modeNum, A), Q = q.intervals.map((C) => AE(g, C));
+    const B = GB(q.modeNum, A), Q = q.intervals.map((C) => ug(g, C));
     return B.map((C, E) => Q[E] + C);
   };
 }
-ZB(_V.map((A) => A[4]));
-ZB(_V.map((A) => A[5]));
+aB(fV.map((A) => A[4]));
+aB(fV.map((A) => A[5]));
 var PA = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function VV(A) {
+function $A(A) {
   return A && A.__esModule && Object.prototype.hasOwnProperty.call(A, "default") ? A.default : A;
 }
-function rE(A) {
+function iE(A) {
   if (Object.prototype.hasOwnProperty.call(A, "__esModule")) return A;
   var V = A.default;
   if (typeof V == "function") {
@@ -919,10 +844,10 @@ function rE(A) {
     });
   }), g;
 }
-var wV, Nq;
-function HE() {
-  if (Nq) return wV;
-  Nq = 1, wV = A;
+var UV, hq;
+function TE() {
+  if (hq) return UV;
+  hq = 1, UV = A;
   function A(V, g, q) {
     if (V != null && typeof V != "number")
       throw new Error("start must be a number or null");
@@ -935,10 +860,10 @@ function HE() {
       B.push(V);
     return B;
   }
-  return wV;
+  return UV;
 }
-var ZE = HE();
-const $V = /* @__PURE__ */ VV(ZE);
+var sE = TE();
+const dV = /* @__PURE__ */ $A(sE);
 var mA = { exports: {} }, nA = { exports: {} }, f = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -948,10 +873,10 @@ var mA = { exports: {} }, nA = { exports: {} }, f = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var eq;
-function pE() {
-  if (eq) return f;
-  eq = 1;
+var kq;
+function hE() {
+  if (kq) return f;
+  kq = 1;
   var A = typeof Symbol == "function" && Symbol.for, V = A ? Symbol.for("react.element") : 60103, g = A ? Symbol.for("react.portal") : 60106, q = A ? Symbol.for("react.fragment") : 60107, B = A ? Symbol.for("react.strict_mode") : 60108, Q = A ? Symbol.for("react.profiler") : 60114, C = A ? Symbol.for("react.provider") : 60109, E = A ? Symbol.for("react.context") : 60110, I = A ? Symbol.for("react.async_mode") : 60111, M = A ? Symbol.for("react.concurrent_mode") : 60111, F = A ? Symbol.for("react.forward_ref") : 60112, D = A ? Symbol.for("react.suspense") : 60113, w = A ? Symbol.for("react.suspense_list") : 60120, U = A ? Symbol.for("react.memo") : 60115, o = A ? Symbol.for("react.lazy") : 60116, R = A ? Symbol.for("react.block") : 60121, Y = A ? Symbol.for("react.fundamental") : 60117, p = A ? Symbol.for("react.responder") : 60118, H = A ? Symbol.for("react.scope") : 60119;
   function k(S) {
     if (typeof S == "object" && S !== null) {
@@ -1023,9 +948,9 @@ var d = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var lq;
-function yE() {
-  return lq || (lq = 1, process.env.NODE_ENV !== "production" && function() {
+var Kq;
+function kE() {
+  return Kq || (Kq = 1, process.env.NODE_ENV !== "production" && function() {
     var A = typeof Symbol == "function" && Symbol.for, V = A ? Symbol.for("react.element") : 60103, g = A ? Symbol.for("react.portal") : 60106, q = A ? Symbol.for("react.fragment") : 60107, B = A ? Symbol.for("react.strict_mode") : 60108, Q = A ? Symbol.for("react.profiler") : 60114, C = A ? Symbol.for("react.provider") : 60109, E = A ? Symbol.for("react.context") : 60110, I = A ? Symbol.for("react.async_mode") : 60111, M = A ? Symbol.for("react.concurrent_mode") : 60111, F = A ? Symbol.for("react.forward_ref") : 60112, D = A ? Symbol.for("react.suspense") : 60113, w = A ? Symbol.for("react.suspense_list") : 60120, U = A ? Symbol.for("react.memo") : 60115, o = A ? Symbol.for("react.lazy") : 60116, R = A ? Symbol.for("react.block") : 60121, Y = A ? Symbol.for("react.fundamental") : 60117, p = A ? Symbol.for("react.responder") : 60118, H = A ? Symbol.for("react.scope") : 60119;
     function k(N) {
       return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -1046,14 +971,14 @@ function yE() {
               case D:
                 return YA;
               default:
-                var JA = YA && YA.$$typeof;
-                switch (JA) {
+                var KA = YA && YA.$$typeof;
+                switch (KA) {
                   case E:
                   case F:
                   case o:
                   case U:
                   case C:
-                    return JA;
+                    return KA;
                   default:
                     return _;
                 }
@@ -1073,7 +998,7 @@ function yE() {
     function J(N) {
       return a(N) === E;
     }
-    function L(N) {
+    function c(N) {
       return a(N) === C;
     }
     function P(N) {
@@ -1088,7 +1013,7 @@ function yE() {
     function W(N) {
       return a(N) === o;
     }
-    function c(N) {
+    function L(N) {
       return a(N) === U;
     }
     function n(N) {
@@ -1103,22 +1028,22 @@ function yE() {
     function b(N) {
       return a(N) === D;
     }
-    d.AsyncMode = S, d.ConcurrentMode = T, d.ContextConsumer = i, d.ContextProvider = K, d.Element = e, d.ForwardRef = Z, d.Fragment = m, d.Lazy = u, d.Memo = BA, d.Portal = EA, d.Profiler = oA, d.StrictMode = v, d.Suspense = QA, d.isAsyncMode = gA, d.isConcurrentMode = s, d.isContextConsumer = J, d.isContextProvider = L, d.isElement = P, d.isForwardRef = y, d.isFragment = x, d.isLazy = W, d.isMemo = c, d.isPortal = n, d.isProfiler = j, d.isStrictMode = O, d.isSuspense = b, d.isValidElementType = k, d.typeOf = a;
+    d.AsyncMode = S, d.ConcurrentMode = T, d.ContextConsumer = i, d.ContextProvider = K, d.Element = e, d.ForwardRef = Z, d.Fragment = m, d.Lazy = u, d.Memo = BA, d.Portal = EA, d.Profiler = oA, d.StrictMode = v, d.Suspense = QA, d.isAsyncMode = gA, d.isConcurrentMode = s, d.isContextConsumer = J, d.isContextProvider = c, d.isElement = P, d.isForwardRef = y, d.isFragment = x, d.isLazy = W, d.isMemo = L, d.isPortal = n, d.isProfiler = j, d.isStrictMode = O, d.isSuspense = b, d.isValidElementType = k, d.typeOf = a;
   }()), d;
 }
-var xq;
-function pB() {
-  return xq || (xq = 1, process.env.NODE_ENV === "production" ? nA.exports = pE() : nA.exports = yE()), nA.exports;
+var Jq;
+function NB() {
+  return Jq || (Jq = 1, process.env.NODE_ENV === "production" ? nA.exports = hE() : nA.exports = kE()), nA.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var FV, tq;
-function cE() {
-  if (tq) return FV;
-  tq = 1;
+var oV, aq;
+function KE() {
+  if (aq) return oV;
+  aq = 1;
   var A = Object.getOwnPropertySymbols, V = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
   function q(Q) {
     if (Q == null)
@@ -1147,7 +1072,7 @@ function cE() {
       return !1;
     }
   }
-  return FV = B() ? Object.assign : function(Q, C) {
+  return oV = B() ? Object.assign : function(Q, C) {
     for (var E, I = q(Q), M, F = 1; F < arguments.length; F++) {
       E = Object(arguments[F]);
       for (var D in E)
@@ -1159,27 +1084,27 @@ function cE() {
       }
     }
     return I;
-  }, FV;
+  }, oV;
 }
-var SV, Wq;
-function Aq() {
-  if (Wq) return SV;
-  Wq = 1;
+var wV, Nq;
+function XV() {
+  if (Nq) return wV;
+  Nq = 1;
   var A = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return SV = A, SV;
+  return wV = A, wV;
 }
-var RV, rq;
-function yB() {
-  return rq || (rq = 1, RV = Function.call.bind(Object.prototype.hasOwnProperty)), RV;
+var FV, eq;
+function eB() {
+  return eq || (eq = 1, FV = Function.call.bind(Object.prototype.hasOwnProperty)), FV;
 }
-var GV, Hq;
-function LE() {
-  if (Hq) return GV;
-  Hq = 1;
+var SV, lq;
+function JE() {
+  if (lq) return SV;
+  lq = 1;
   var A = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var V = /* @__PURE__ */ Aq(), g = {}, q = /* @__PURE__ */ yB();
+    var V = /* @__PURE__ */ XV(), g = {}, q = /* @__PURE__ */ eB();
     A = function(Q) {
       var C = "Warning: " + Q;
       typeof console < "u" && console.error(C);
@@ -1219,13 +1144,13 @@ function LE() {
   }
   return B.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (g = {});
-  }, GV = B, GV;
+  }, SV = B, SV;
 }
-var YV, Zq;
-function PE() {
-  if (Zq) return YV;
-  Zq = 1;
-  var A = pB(), V = cE(), g = /* @__PURE__ */ Aq(), q = /* @__PURE__ */ yB(), B = /* @__PURE__ */ LE(), Q = function() {
+var RV, xq;
+function aE() {
+  if (xq) return RV;
+  xq = 1;
+  var A = NB(), V = KE(), g = /* @__PURE__ */ XV(), q = /* @__PURE__ */ eB(), B = /* @__PURE__ */ JE(), Q = function() {
   };
   process.env.NODE_ENV !== "production" && (Q = function(E) {
     var I = "Warning: " + E;
@@ -1238,7 +1163,7 @@ function PE() {
   function C() {
     return null;
   }
-  return YV = function(E, I) {
+  return RV = function(E, I) {
     var M = typeof Symbol == "function" && Symbol.iterator, F = "@@iterator";
     function D(s) {
       var J = s && (M && s[M] || s[F]);
@@ -1275,30 +1200,30 @@ function PE() {
     R.prototype = Error.prototype;
     function Y(s) {
       if (process.env.NODE_ENV !== "production")
-        var J = {}, L = 0;
-      function P(x, W, c, n, j, O, b) {
-        if (n = n || w, O = O || c, b !== g) {
+        var J = {}, c = 0;
+      function P(x, W, L, n, j, O, b) {
+        if (n = n || w, O = O || L, b !== g) {
           if (I) {
             var N = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw N.name = "Invariant Violation", N;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var _ = n + ":" + c;
+            var _ = n + ":" + L;
             !J[_] && // Avoid spamming the console because they are often not actionable except for lib authors
-            L < 3 && (Q(
+            c < 3 && (Q(
               "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + n + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), J[_] = !0, L++);
+            ), J[_] = !0, c++);
           }
         }
-        return W[c] == null ? x ? W[c] === null ? new R("The " + j + " `" + O + "` is marked as required " + ("in `" + n + "`, but its value is `null`.")) : new R("The " + j + " `" + O + "` is marked as required in " + ("`" + n + "`, but its value is `undefined`.")) : null : s(W, c, n, j, O);
+        return W[L] == null ? x ? W[L] === null ? new R("The " + j + " `" + O + "` is marked as required " + ("in `" + n + "`, but its value is `null`.")) : new R("The " + j + " `" + O + "` is marked as required in " + ("`" + n + "`, but its value is `undefined`.")) : null : s(W, L, n, j, O);
       }
       var y = P.bind(null, !1);
       return y.isRequired = P.bind(null, !0), y;
     }
     function p(s) {
-      function J(L, P, y, x, W, c) {
-        var n = L[P], j = v(n);
+      function J(c, P, y, x, W, L) {
+        var n = c[P], j = v(n);
         if (j !== s) {
           var O = QA(n);
           return new R(
@@ -1314,16 +1239,16 @@ function PE() {
       return Y(C);
     }
     function k(s) {
-      function J(L, P, y, x, W) {
+      function J(c, P, y, x, W) {
         if (typeof s != "function")
           return new R("Property `" + W + "` of component `" + y + "` has invalid PropType notation inside arrayOf.");
-        var c = L[P];
-        if (!Array.isArray(c)) {
-          var n = v(c);
+        var L = c[P];
+        if (!Array.isArray(L)) {
+          var n = v(L);
           return new R("Invalid " + x + " `" + W + "` of type " + ("`" + n + "` supplied to `" + y + "`, expected an array."));
         }
-        for (var j = 0; j < c.length; j++) {
-          var O = s(c, j, y, x, W + "[" + j + "]", g);
+        for (var j = 0; j < L.length; j++) {
+          var O = s(L, j, y, x, W + "[" + j + "]", g);
           if (O instanceof Error)
             return O;
         }
@@ -1332,32 +1257,32 @@ function PE() {
       return Y(J);
     }
     function a() {
-      function s(J, L, P, y, x) {
-        var W = J[L];
+      function s(J, c, P, y, x) {
+        var W = J[c];
         if (!E(W)) {
-          var c = v(W);
-          return new R("Invalid " + y + " `" + x + "` of type " + ("`" + c + "` supplied to `" + P + "`, expected a single ReactElement."));
+          var L = v(W);
+          return new R("Invalid " + y + " `" + x + "` of type " + ("`" + L + "` supplied to `" + P + "`, expected a single ReactElement."));
         }
         return null;
       }
       return Y(s);
     }
     function S() {
-      function s(J, L, P, y, x) {
-        var W = J[L];
+      function s(J, c, P, y, x) {
+        var W = J[c];
         if (!A.isValidElementType(W)) {
-          var c = v(W);
-          return new R("Invalid " + y + " `" + x + "` of type " + ("`" + c + "` supplied to `" + P + "`, expected a single ReactElement type."));
+          var L = v(W);
+          return new R("Invalid " + y + " `" + x + "` of type " + ("`" + L + "` supplied to `" + P + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return Y(s);
     }
     function T(s) {
-      function J(L, P, y, x, W) {
-        if (!(L[P] instanceof s)) {
-          var c = s.name || w, n = gA(L[P]);
-          return new R("Invalid " + x + " `" + W + "` of type " + ("`" + n + "` supplied to `" + y + "`, expected ") + ("instance of `" + c + "`."));
+      function J(c, P, y, x, W) {
+        if (!(c[P] instanceof s)) {
+          var L = s.name || w, n = gA(c[P]);
+          return new R("Invalid " + x + " `" + W + "` of type " + ("`" + n + "` supplied to `" + y + "`, expected ") + ("instance of `" + L + "`."));
         }
         return null;
       }
@@ -1368,28 +1293,28 @@ function PE() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? Q(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : Q("Invalid argument supplied to oneOf, expected an array.")), C;
-      function J(L, P, y, x, W) {
-        for (var c = L[P], n = 0; n < s.length; n++)
-          if (o(c, s[n]))
+      function J(c, P, y, x, W) {
+        for (var L = c[P], n = 0; n < s.length; n++)
+          if (o(L, s[n]))
             return null;
         var j = JSON.stringify(s, function(b, N) {
           var _ = QA(N);
           return _ === "symbol" ? String(N) : N;
         });
-        return new R("Invalid " + x + " `" + W + "` of value `" + String(c) + "` " + ("supplied to `" + y + "`, expected one of " + j + "."));
+        return new R("Invalid " + x + " `" + W + "` of value `" + String(L) + "` " + ("supplied to `" + y + "`, expected one of " + j + "."));
       }
       return Y(J);
     }
     function K(s) {
-      function J(L, P, y, x, W) {
+      function J(c, P, y, x, W) {
         if (typeof s != "function")
           return new R("Property `" + W + "` of component `" + y + "` has invalid PropType notation inside objectOf.");
-        var c = L[P], n = v(c);
+        var L = c[P], n = v(L);
         if (n !== "object")
           return new R("Invalid " + x + " `" + W + "` of type " + ("`" + n + "` supplied to `" + y + "`, expected an object."));
-        for (var j in c)
-          if (q(c, j)) {
-            var O = s(c, j, y, x, W + "." + j, g);
+        for (var j in L)
+          if (q(L, j)) {
+            var O = s(L, j, y, x, W + "." + j, g);
             if (O instanceof Error)
               return O;
           }
@@ -1401,45 +1326,45 @@ function PE() {
       if (!Array.isArray(s))
         return process.env.NODE_ENV !== "production" && Q("Invalid argument supplied to oneOfType, expected an instance of array."), C;
       for (var J = 0; J < s.length; J++) {
-        var L = s[J];
-        if (typeof L != "function")
+        var c = s[J];
+        if (typeof c != "function")
           return Q(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + SA(L) + " at index " + J + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + SA(c) + " at index " + J + "."
           ), C;
       }
-      function P(y, x, W, c, n) {
+      function P(y, x, W, L, n) {
         for (var j = [], O = 0; O < s.length; O++) {
-          var b = s[O], N = b(y, x, W, c, n, g);
+          var b = s[O], N = b(y, x, W, L, n, g);
           if (N == null)
             return null;
           N.data && q(N.data, "expectedType") && j.push(N.data.expectedType);
         }
         var _ = j.length > 0 ? ", expected one of type [" + j.join(", ") + "]" : "";
-        return new R("Invalid " + c + " `" + n + "` supplied to " + ("`" + W + "`" + _ + "."));
+        return new R("Invalid " + L + " `" + n + "` supplied to " + ("`" + W + "`" + _ + "."));
       }
       return Y(P);
     }
     function Z() {
-      function s(J, L, P, y, x) {
-        return EA(J[L]) ? null : new R("Invalid " + y + " `" + x + "` supplied to " + ("`" + P + "`, expected a ReactNode."));
+      function s(J, c, P, y, x) {
+        return EA(J[c]) ? null : new R("Invalid " + y + " `" + x + "` supplied to " + ("`" + P + "`, expected a ReactNode."));
       }
       return Y(s);
     }
-    function m(s, J, L, P, y) {
+    function m(s, J, c, P, y) {
       return new R(
-        (s || "React class") + ": " + J + " type `" + L + "." + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
+        (s || "React class") + ": " + J + " type `" + c + "." + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
       );
     }
     function u(s) {
-      function J(L, P, y, x, W) {
-        var c = L[P], n = v(c);
+      function J(c, P, y, x, W) {
+        var L = c[P], n = v(L);
         if (n !== "object")
           return new R("Invalid " + x + " `" + W + "` of type `" + n + "` " + ("supplied to `" + y + "`, expected `object`."));
         for (var j in s) {
           var O = s[j];
           if (typeof O != "function")
             return m(y, x, W, j, QA(O));
-          var b = O(c, j, y, x, W + "." + j, g);
+          var b = O(L, j, y, x, W + "." + j, g);
           if (b)
             return b;
         }
@@ -1448,21 +1373,21 @@ function PE() {
       return Y(J);
     }
     function BA(s) {
-      function J(L, P, y, x, W) {
-        var c = L[P], n = v(c);
+      function J(c, P, y, x, W) {
+        var L = c[P], n = v(L);
         if (n !== "object")
           return new R("Invalid " + x + " `" + W + "` of type `" + n + "` " + ("supplied to `" + y + "`, expected `object`."));
-        var j = V({}, L[P], s);
+        var j = V({}, c[P], s);
         for (var O in j) {
           var b = s[O];
           if (q(s, O) && typeof b != "function")
             return m(y, x, W, O, QA(b));
           if (!b)
             return new R(
-              "Invalid " + x + " `" + W + "` key `" + O + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(L[P], null, "  ") + `
+              "Invalid " + x + " `" + W + "` key `" + O + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(c[P], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             );
-          var N = b(c, O, y, x, W + "." + O, g);
+          var N = b(L, O, y, x, W + "." + O, g);
           if (N)
             return N;
         }
@@ -1485,13 +1410,13 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             return !0;
           var J = D(s);
           if (J) {
-            var L = J.call(s), P;
+            var c = J.call(s), P;
             if (J !== s.entries) {
-              for (; !(P = L.next()).done; )
+              for (; !(P = c.next()).done; )
                 if (!EA(P.value))
                   return !1;
             } else
-              for (; !(P = L.next()).done; ) {
+              for (; !(P = c.next()).done; ) {
                 var y = P.value;
                 if (y && !EA(y[1]))
                   return !1;
@@ -1540,18 +1465,18 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
       return !s.constructor || !s.constructor.name ? w : s.constructor.name;
     }
     return U.checkPropTypes = B, U.resetWarningCache = B.resetWarningCache, U.PropTypes = U, U;
-  }, YV;
+  }, RV;
 }
-var iV, pq;
-function mE() {
-  if (pq) return iV;
-  pq = 1;
-  var A = /* @__PURE__ */ Aq();
+var GV, tq;
+function NE() {
+  if (tq) return GV;
+  tq = 1;
+  var A = /* @__PURE__ */ XV();
   function V() {
   }
   function g() {
   }
-  return g.resetWarningCache = V, iV = function() {
+  return g.resetWarningCache = V, GV = function() {
     function q(C, E, I, M, F, D) {
       if (D !== A) {
         var w = new Error(
@@ -1588,24 +1513,24 @@ function mE() {
       resetWarningCache: V
     };
     return Q.PropTypes = Q, Q;
-  }, iV;
-}
-var yq;
-function cB() {
-  if (yq) return mA.exports;
-  if (yq = 1, process.env.NODE_ENV !== "production") {
-    var A = pB(), V = !0;
-    mA.exports = /* @__PURE__ */ PE()(A.isElement, V);
+  }, GV;
+}
+var Wq;
+function lB() {
+  if (Wq) return mA.exports;
+  if (Wq = 1, process.env.NODE_ENV !== "production") {
+    var A = NB(), V = !0;
+    mA.exports = /* @__PURE__ */ aE()(A.isElement, V);
   } else
-    mA.exports = /* @__PURE__ */ mE()();
+    mA.exports = /* @__PURE__ */ NE()();
   return mA.exports;
 }
-var nE = /* @__PURE__ */ cB();
-const t = /* @__PURE__ */ VV(nE);
-var TV, cq;
-function OE() {
-  if (cq) return TV;
-  cq = 1;
+var eE = /* @__PURE__ */ lB();
+const t = /* @__PURE__ */ $A(eE);
+var YV, rq;
+function lE() {
+  if (rq) return YV;
+  rq = 1;
   var A = 200, V = "__lodash_hash_undefined__", g = 9007199254740991, q = "[object Arguments]", B = "[object Function]", Q = "[object GeneratorFunction]", C = /[\\^$.*+?()[\]{}|]/g, E = /^\[object .+?Constructor\]$/, I = typeof PA == "object" && PA && PA.Object === Object && PA, M = typeof self == "object" && self && self.Object === Object && self, F = I || M || Function("return this")();
   function D(G, h, r) {
     switch (r.length) {
@@ -1666,7 +1591,7 @@ function OE() {
     return G ? "Symbol(src)_1." + G : "";
   }(), e = S.toString, Z = T.hasOwnProperty, m = T.toString, u = RegExp(
     "^" + e.call(Z).replace(C, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), BA = F.Symbol, EA = T.propertyIsEnumerable, oA = a.splice, v = BA ? BA.isConcatSpreadable : void 0, QA = Math.max, SA = Mq(F, "Map"), gA = Mq(Object, "create");
+  ), BA = F.Symbol, EA = T.propertyIsEnumerable, oA = a.splice, v = BA ? BA.isConcatSpreadable : void 0, QA = Math.max, SA = gq(F, "Map"), gA = gq(Object, "create");
   function s(G) {
     var h = -1, r = G ? G.length : 0;
     for (this.clear(); ++h < r; ) {
@@ -1677,7 +1602,7 @@ function OE() {
   function J() {
     this.__data__ = gA ? gA(null) : {};
   }
-  function L(G) {
+  function c(G) {
     return this.has(G) && delete this.__data__[G];
   }
   function P(G) {
@@ -1696,7 +1621,7 @@ function OE() {
     var r = this.__data__;
     return r[G] = gA && h === void 0 ? V : h, this;
   }
-  s.prototype.clear = J, s.prototype.delete = L, s.prototype.get = P, s.prototype.has = y, s.prototype.set = x;
+  s.prototype.clear = J, s.prototype.delete = c, s.prototype.get = P, s.prototype.has = y, s.prototype.set = x;
   function W(G) {
     var h = -1, r = G ? G.length : 0;
     for (this.clear(); ++h < r; ) {
@@ -1704,7 +1629,7 @@ function OE() {
       this.set(z[0], z[1]);
     }
   }
-  function c() {
+  function L() {
     this.__data__ = [];
   }
   function n(G) {
@@ -1725,7 +1650,7 @@ function OE() {
     var r = this.__data__, z = tA(r, G);
     return z < 0 ? r.push([G, h]) : r[z][1] = h, this;
   }
-  W.prototype.clear = c, W.prototype.delete = n, W.prototype.get = j, W.prototype.has = O, W.prototype.set = b;
+  W.prototype.clear = L, W.prototype.delete = n, W.prototype.get = j, W.prototype.has = O, W.prototype.set = b;
   function N(G) {
     var h = -1, r = G ? G.length : 0;
     for (this.clear(); ++h < r; ) {
@@ -1743,16 +1668,16 @@ function OE() {
   function YA(G) {
     return yA(this, G).delete(G);
   }
-  function JA(G) {
+  function KA(G) {
     return yA(this, G).get(G);
   }
-  function QV(G) {
+  function gV(G) {
     return yA(this, G).has(G);
   }
-  function IV(G, h) {
+  function EV(G, h) {
     return yA(this, G).set(G, h), this;
   }
-  N.prototype.clear = _, N.prototype.delete = YA, N.prototype.get = JA, N.prototype.has = QV, N.prototype.set = IV;
+  N.prototype.clear = _, N.prototype.delete = YA, N.prototype.get = KA, N.prototype.has = gV, N.prototype.set = EV;
   function $(G) {
     var h = -1, r = G ? G.length : 0;
     for (this.__data__ = new N(); ++h < r; )
@@ -1767,42 +1692,42 @@ function OE() {
   $.prototype.add = $.prototype.push = CA, $.prototype.has = pA;
   function tA(G, h) {
     for (var r = G.length; r--; )
-      if (Vg(G[r][0], h))
+      if (zB(G[r][0], h))
         return r;
     return -1;
   }
-  function CV(G, h, r, z) {
-    var IA = -1, MA = w, iA = !0, WA = G.length, cA = [], Ig = h.length;
+  function QV(G, h, r, z) {
+    var IA = -1, MA = w, iA = !0, WA = G.length, LA = [], _B = h.length;
     if (!WA)
-      return cA;
+      return LA;
     h.length >= A && (MA = p, iA = !1, h = new $(h));
     A:
       for (; ++IA < WA; ) {
-        var NA = G[IA], LA = NA;
-        if (NA = NA !== 0 ? NA : 0, iA && LA === LA) {
-          for (var oq = Ig; oq--; )
-            if (h[oq] === LA)
+        var aA = G[IA], cA = aA;
+        if (aA = aA !== 0 ? aA : 0, iA && cA === cA) {
+          for (var Iq = _B; Iq--; )
+            if (h[Iq] === cA)
               continue A;
-          cA.push(NA);
-        } else MA(h, LA, z) || cA.push(NA);
+          LA.push(aA);
+        } else MA(h, cA, z) || LA.push(aA);
       }
-    return cA;
+    return LA;
   }
-  function aA(G, h, r, z, IA) {
+  function JA(G, h, r, z, IA) {
     var MA = -1, iA = G.length;
-    for (r || (r = bB), IA || (IA = []); ++MA < iA; ) {
+    for (r || (r = mB), IA || (IA = []); ++MA < iA; ) {
       var WA = G[MA];
       r(WA) && U(IA, WA);
     }
     return IA;
   }
-  function MV(G) {
-    if (!Uq(G) || _B(G))
+  function IV(G) {
+    if (!Qq(G) || OB(G))
       return !1;
-    var h = Dq(G) || k(G) ? u : E;
-    return h.test($B(G));
+    var h = Eq(G) || k(G) ? u : E;
+    return h.test(jB(G));
   }
-  function XB(G, h) {
+  function PB(G, h) {
     return h = QA(h === void 0 ? G.length - 1 : h, 0), function() {
       for (var r = arguments, z = -1, IA = QA(r.length - h, 0), MA = Array(IA); ++z < IA; )
         MA[z] = r[h + z];
@@ -1814,23 +1739,23 @@ function OE() {
   }
   function yA(G, h) {
     var r = G.__data__;
-    return vB(h) ? r[typeof h == "string" ? "string" : "hash"] : r.map;
+    return nB(h) ? r[typeof h == "string" ? "string" : "hash"] : r.map;
   }
-  function Mq(G, h) {
+  function gq(G, h) {
     var r = H(G, h);
-    return MV(r) ? r : void 0;
+    return IV(r) ? r : void 0;
   }
-  function bB(G) {
-    return Bg(G) || qg(G) || !!(v && G && G[v]);
+  function mB(G) {
+    return dB(G) || fB(G) || !!(v && G && G[v]);
   }
-  function vB(G) {
+  function nB(G) {
     var h = typeof G;
     return h == "string" || h == "number" || h == "symbol" || h == "boolean" ? G !== "__proto__" : G === null;
   }
-  function _B(G) {
+  function OB(G) {
     return !!K && K in G;
   }
-  function $B(G) {
+  function jB(G) {
     if (G != null) {
       try {
         return e.call(G);
@@ -1843,41 +1768,41 @@ function OE() {
     }
     return "";
   }
-  var Ag = XB(function(G, h) {
-    return DV(G) ? CV(G, aA(h, 1, DV)) : [];
+  var uB = PB(function(G, h) {
+    return CV(G) ? QV(G, JA(h, 1, CV)) : [];
   });
-  function Vg(G, h) {
+  function zB(G, h) {
     return G === h || G !== G && h !== h;
   }
-  function qg(G) {
-    return DV(G) && Z.call(G, "callee") && (!EA.call(G, "callee") || m.call(G) == q);
+  function fB(G) {
+    return CV(G) && Z.call(G, "callee") && (!EA.call(G, "callee") || m.call(G) == q);
   }
-  var Bg = Array.isArray;
-  function gg(G) {
-    return G != null && Eg(G.length) && !Dq(G);
+  var dB = Array.isArray;
+  function XB(G) {
+    return G != null && bB(G.length) && !Eq(G);
   }
-  function DV(G) {
-    return Qg(G) && gg(G);
+  function CV(G) {
+    return vB(G) && XB(G);
   }
-  function Dq(G) {
-    var h = Uq(G) ? m.call(G) : "";
+  function Eq(G) {
+    var h = Qq(G) ? m.call(G) : "";
     return h == B || h == Q;
   }
-  function Eg(G) {
+  function bB(G) {
     return typeof G == "number" && G > -1 && G % 1 == 0 && G <= g;
   }
-  function Uq(G) {
+  function Qq(G) {
     var h = typeof G;
     return !!G && (h == "object" || h == "function");
   }
-  function Qg(G) {
+  function vB(G) {
     return !!G && typeof G == "object";
   }
-  return TV = Ag, TV;
+  return YV = uB, YV;
 }
-var jE = OE();
-const Lq = /* @__PURE__ */ VV(jE);
-function uE(A, V) {
+var xE = lE();
+const Hq = /* @__PURE__ */ $A(xE);
+function tE(A, V) {
   var g = A == null ? null : typeof Symbol < "u" && A[Symbol.iterator] || A["@@iterator"];
   if (g != null) {
     var q, B, Q, C, E = [], I = !0, M = !1;
@@ -1895,40 +1820,40 @@ function uE(A, V) {
     return E;
   }
 }
-function qV(A, V) {
+function AV(A, V) {
   if (!(A instanceof V))
     throw new TypeError("Cannot call a class as a function");
 }
-function zE(A, V) {
+function WE(A, V) {
   for (var g = 0; g < V.length; g++) {
     var q = V[g];
-    q.enumerable = q.enumerable || !1, q.configurable = !0, "value" in q && (q.writable = !0), Object.defineProperty(A, LB(q.key), q);
+    q.enumerable = q.enumerable || !1, q.configurable = !0, "value" in q && (q.writable = !0), Object.defineProperty(A, xB(q.key), q);
   }
 }
-function BV(A, V, g) {
-  return V && zE(A.prototype, V), Object.defineProperty(A, "prototype", {
+function VV(A, V, g) {
+  return V && WE(A.prototype, V), Object.defineProperty(A, "prototype", {
     writable: !1
   }), A;
 }
 function X(A, V, g) {
-  return V = LB(V), V in A ? Object.defineProperty(A, V, {
+  return V = xB(V), V in A ? Object.defineProperty(A, V, {
     value: g,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : A[V] = g, A;
 }
-function jV() {
-  return jV = Object.assign ? Object.assign.bind() : function(A) {
+function nV() {
+  return nV = Object.assign ? Object.assign.bind() : function(A) {
     for (var V = 1; V < arguments.length; V++) {
       var g = arguments[V];
       for (var q in g)
         Object.prototype.hasOwnProperty.call(g, q) && (A[q] = g[q]);
     }
     return A;
-  }, jV.apply(this, arguments);
+  }, nV.apply(this, arguments);
 }
-function gV(A, V) {
+function qV(A, V) {
   if (typeof V != "function" && V !== null)
     throw new TypeError("Super expression must either be null or a function");
   A.prototype = Object.create(V && V.prototype, {
@@ -1939,19 +1864,19 @@ function gV(A, V) {
     }
   }), Object.defineProperty(A, "prototype", {
     writable: !1
-  }), V && uV(A, V);
+  }), V && OV(A, V);
 }
 function dA(A) {
   return dA = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(g) {
     return g.__proto__ || Object.getPrototypeOf(g);
   }, dA(A);
 }
-function uV(A, V) {
-  return uV = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(q, B) {
+function OV(A, V) {
+  return OV = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(q, B) {
     return q.__proto__ = B, q;
-  }, uV(A, V);
+  }, OV(A, V);
 }
-function fE() {
+function rE() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -1961,16 +1886,16 @@ function fE() {
     return !1;
   }
 }
-function dE(A, V) {
+function HE(A, V) {
   if (A == null) return {};
   var g = {}, q = Object.keys(A), B, Q;
   for (Q = 0; Q < q.length; Q++)
     B = q[Q], !(V.indexOf(B) >= 0) && (g[B] = A[B]);
   return g;
 }
-function XE(A, V) {
+function ZE(A, V) {
   if (A == null) return {};
-  var g = dE(A, V), q, B;
+  var g = HE(A, V), q, B;
   if (Object.getOwnPropertySymbols) {
     var Q = Object.getOwnPropertySymbols(A);
     for (B = 0; B < Q.length; B++)
@@ -1983,15 +1908,15 @@ function AA(A) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return A;
 }
-function bE(A, V) {
+function pE(A, V) {
   if (V && (typeof V == "object" || typeof V == "function"))
     return V;
   if (V !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
   return AA(A);
 }
-function EV(A) {
-  var V = fE();
+function BV(A) {
+  var V = rE();
   return function() {
     var q = dA(A), B;
     if (V) {
@@ -1999,33 +1924,33 @@ function EV(A) {
       B = Reflect.construct(q, arguments, Q);
     } else
       B = q.apply(this, arguments);
-    return bE(this, B);
+    return pE(this, B);
   };
 }
-function vE(A, V) {
-  return _E(A) || uE(A, V) || $E(A, V) || AQ();
+function yE(A, V) {
+  return LE(A) || tE(A, V) || cE(A, V) || PE();
 }
-function _E(A) {
+function LE(A) {
   if (Array.isArray(A)) return A;
 }
-function $E(A, V) {
+function cE(A, V) {
   if (A) {
-    if (typeof A == "string") return Pq(A, V);
+    if (typeof A == "string") return Zq(A, V);
     var g = Object.prototype.toString.call(A).slice(8, -1);
     if (g === "Object" && A.constructor && (g = A.constructor.name), g === "Map" || g === "Set") return Array.from(A);
-    if (g === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(g)) return Pq(A, V);
+    if (g === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(g)) return Zq(A, V);
   }
 }
-function Pq(A, V) {
+function Zq(A, V) {
   (V == null || V > A.length) && (V = A.length);
   for (var g = 0, q = new Array(V); g < V; g++) q[g] = A[g];
   return q;
 }
-function AQ() {
+function PE() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function VQ(A, V) {
+function mE(A, V) {
   if (typeof A != "object" || A === null) return A;
   var g = A[Symbol.toPrimitive];
   if (g !== void 0) {
@@ -2035,11 +1960,11 @@ function VQ(A, V) {
   }
   return (V === "string" ? String : Number)(A);
 }
-function LB(A) {
-  var V = VQ(A, "string");
+function xB(A) {
+  var V = mE(A, "string");
   return typeof V == "symbol" ? V : String(V);
 }
-var qQ = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], BQ = ["Db", "Eb", "Gb", "Ab", "Bb"], gQ = {
+var nE = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], OE = ["Db", "Eb", "Gb", "Ab", "Bb"], jE = {
   C: 0,
   "C#": 1,
   Db: 1,
@@ -2057,54 +1982,54 @@ var qQ = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], BQ =
   "A#": 10,
   Bb: 10,
   B: 11
-}, XA = 12, Vq = XA, qq = 127, EQ = /([a-g])([#b]?)(\d+)/, zV = 12;
-function QQ(A) {
+}, XA = 12, bV = XA, vV = 127, uE = /([a-g])([#b]?)(\d+)/, jV = 12;
+function zE(A) {
   if (!A)
     throw Error("Invalid note argument");
-  var V = EQ.exec(A.toLowerCase());
+  var V = uE.exec(A.toLowerCase());
   if (!V)
     throw Error("Invalid note argument");
-  var g = vE(V, 4), q = g[1], B = g[2], Q = g[3], C = "".concat(q.toUpperCase()).concat(B), E = gQ[C];
+  var g = yE(V, 4), q = g[1], B = g[2], Q = g[3], C = "".concat(q.toUpperCase()).concat(B), E = jE[C];
   if (E == null)
     throw Error("Invalid note argument");
-  return XA + E + zV * parseInt(Q, 10);
+  return XA + E + jV * parseInt(Q, 10);
 }
-function IQ(A) {
-  var V = (A - XA) % zV, g = Math.floor((A - XA) / zV), q = qQ[V];
+function fE(A) {
+  var V = (A - XA) % jV, g = Math.floor((A - XA) / jV), q = nE[V];
   return {
     note: "".concat(q).concat(g),
     pitchName: q,
     octave: g,
     midiNumber: A,
-    isAccidental: BQ.includes(q)
+    isAccidental: OE.includes(q)
   };
 }
-function CQ() {
-  return $V(Vq, qq + 1).reduce(function(A, V) {
-    return A[V] = IQ(V), A;
+function dE() {
+  return dV(bV, vV + 1).reduce(function(A, V) {
+    return A[V] = fE(V), A;
   }, {});
 }
-var MQ = CQ();
-function PB(A) {
-  var V = MQ[A];
+var XE = dE();
+function tB(A) {
+  var V = XE[A];
   if (!V)
     throw Error("Invalid MIDI number");
   return V;
 }
-var DQ = $V(Vq, qq + 1).filter(function(A) {
-  return !PB(A).isAccidental;
+var bE = dV(bV, vV + 1).filter(function(A) {
+  return !tB(A).isAccidental;
 }), bA = {
-  fromNote: QQ,
-  getAttributes: PB,
-  MIN_MIDI_NUMBER: Vq,
-  MAX_MIDI_NUMBER: qq,
-  NATURAL_MIDI_NUMBERS: DQ
-}, UQ = 60, Bq = /* @__PURE__ */ function(A) {
-  gV(g, A);
-  var V = EV(g);
+  fromNote: zE,
+  getAttributes: tB,
+  MIN_MIDI_NUMBER: bV,
+  MAX_MIDI_NUMBER: vV,
+  NATURAL_MIDI_NUMBERS: bE
+}, vE = 60, _V = /* @__PURE__ */ function(A) {
+  qV(g, A);
+  var V = BV(g);
   function g() {
     var q;
-    qV(this, g);
+    AV(this, g);
     for (var B = arguments.length, Q = new Array(B), C = 0; C < B; C++)
       Q[C] = arguments[C];
     return q = V.call.apply(V, [this].concat(Q)), X(AA(q), "onPlayNoteInput", function() {
@@ -2113,7 +2038,7 @@ var DQ = $V(Vq, qq + 1).filter(function(A) {
       q.props.onStopNoteInput(q.props.midiNumber), q.props.onKeyMouseLeave && q.props.onKeyMouseLeave(q.props.midiNumber);
     }), q;
   }
-  return BV(g, [{
+  return VV(g, [{
     key: "getAbsoluteKeyPosition",
     value: (
       // Key position is represented by the number of natural key widths from the left
@@ -2130,7 +2055,7 @@ var DQ = $V(Vq, qq + 1).filter(function(A) {
   }, {
     key: "render",
     value: function() {
-      var B = this, Q = this.props, C = Q.naturalKeyWidth, E = Q.accidentalWidthRatio, I = Q.midiNumber, M = Q.gliss, F = Q.useTouchEvents, D = Q.accidental, w = Q.active, U = Q.selected, o = Q.disabled, R = Q.children, Y = sV(D ? this.getRelativeKeyPosition(I) * C : this.getRelativeKeyPosition(I) * C), p = sV(D ? E * C : C);
+      var B = this, Q = this.props, C = Q.naturalKeyWidth, E = Q.accidentalWidthRatio, I = Q.midiNumber, M = Q.gliss, F = Q.useTouchEvents, D = Q.accidental, w = Q.active, U = Q.selected, o = Q.disabled, R = Q.children, Y = iV(D ? this.getRelativeKeyPosition(I) * C : this.getRelativeKeyPosition(I) * C), p = iV(D ? E * C : C);
       return /* @__PURE__ */ qA.createElement("div", {
         "data-midinumber": I,
         className: xA("ReactPiano__Key", {
@@ -2139,7 +2064,7 @@ var DQ = $V(Vq, qq + 1).filter(function(A) {
           "ReactPiano__Key--disabled": o,
           "ReactPiano__Key--active": w,
           "ReactPiano__Key--selected": U,
-          "ReactPiano__Key--middleC": I === UQ
+          "ReactPiano__Key--middleC": I === vE
         }),
         style: {
           left: Y,
@@ -2170,7 +2095,7 @@ var DQ = $V(Vq, qq + 1).filter(function(A) {
     }
   }]), g;
 }(qA.Component);
-X(Bq, "propTypes", {
+X(_V, "propTypes", {
   midiNumber: t.number.isRequired,
   naturalKeyWidth: t.number.isRequired,
   // Width as a ratio between 0 and 1
@@ -2188,7 +2113,7 @@ X(Bq, "propTypes", {
   pitchPositions: t.object.isRequired,
   children: t.node
 });
-X(Bq, "defaultProps", {
+X(_V, "defaultProps", {
   accidentalWidthRatio: 0.65,
   selected: !1,
   onKeyMouseEnter: void 0,
@@ -2208,21 +2133,21 @@ X(Bq, "defaultProps", {
     B: 6
   }
 });
-function sV(A) {
+function iV(A) {
   return "".concat(A * 100, "%");
 }
-var gq = /* @__PURE__ */ function(A) {
-  gV(g, A);
-  var V = EV(g);
+var $V = /* @__PURE__ */ function(A) {
+  qV(g, A);
+  var V = BV(g);
   function g() {
-    return qV(this, g), V.apply(this, arguments);
+    return AV(this, g), V.apply(this, arguments);
   }
-  return BV(g, [{
+  return VV(g, [{
     key: "getMidiNumbers",
     value: (
       // Range of midi numbers on keyboard
       function() {
-        return $V(this.props.noteRange.first, this.props.noteRange.last + 1);
+        return dV(this.props.noteRange.first, this.props.noteRange.last + 1);
       }
     )
   }, {
@@ -2266,7 +2191,7 @@ var gq = /* @__PURE__ */ function(A) {
         var E = bA.getAttributes(C);
         E.note;
         var I = E.isAccidental, M = !B.props.disabled && B.props.activeNotes.includes(C), F = B.props.selectedNotes && B.props.selectedNotes.includes(C);
-        return /* @__PURE__ */ qA.createElement(Bq, {
+        return /* @__PURE__ */ qA.createElement(_V, {
           accidental: I,
           active: M,
           selected: F,
@@ -2292,8 +2217,8 @@ var gq = /* @__PURE__ */ function(A) {
     }
   }]), g;
 }(qA.Component);
-X(gq, "propTypes", {
-  noteRange: oQ,
+X($V, "propTypes", {
+  noteRange: _E,
   activeNotes: t.arrayOf(t.number),
   selectedNotes: t.arrayOf(t.number),
   onKeyMouseEnter: t.func,
@@ -2309,7 +2234,7 @@ X(gq, "propTypes", {
   // If width is not provided, must have fixed width and height in parent container
   width: t.number
 });
-X(gq, "defaultProps", {
+X($V, "defaultProps", {
   disabled: !1,
   gliss: !1,
   keyWidthToHeight: 0.33,
@@ -2319,24 +2244,24 @@ X(gq, "defaultProps", {
   },
   useTouchEvents: !1
 });
-function mq(A) {
+function pq(A) {
   return typeof A != "number" ? !1 : bA.NATURAL_MIDI_NUMBERS.includes(A);
 }
-function oQ(A, V, g) {
+function _E(A, V, g) {
   var q = A[V], B = q.first, Q = q.last;
   if (!B || !Q)
     return new Error("Invalid prop ".concat(V, " supplied to ").concat(g, ". ").concat(V, " must be an object with .first and .last values."));
-  if (!mq(B) || !mq(Q))
+  if (!pq(B) || !pq(Q))
     return new Error("Invalid prop ".concat(V, " supplied to ").concat(g, ". ").concat(V, " values must be valid MIDI numbers, and should not be accidentals (sharp or flat notes)."));
   if (B >= Q)
     return new Error("Invalid prop ".concat(V, " supplied to ").concat(g, ". ").concat(V, ".first must be smaller than ").concat(V, ".last."));
 }
-var Eq = /* @__PURE__ */ function(A) {
-  gV(g, A);
-  var V = EV(g);
+var Aq = /* @__PURE__ */ function(A) {
+  qV(g, A);
+  var V = BV(g);
   function g() {
     var q;
-    qV(this, g);
+    AV(this, g);
     for (var B = arguments.length, Q = new Array(B), C = 0; C < B; C++)
       Q[C] = arguments[C];
     return q = V.call.apply(V, [this].concat(Q)), X(AA(q), "state", {
@@ -2345,7 +2270,7 @@ var Eq = /* @__PURE__ */ function(A) {
     }), X(AA(q), "handleNoteChanges", function(E) {
       var I = E.prevActiveNotes, M = E.nextActiveNotes;
       if (!q.props.disabled) {
-        var F = Lq(I, M), D = Lq(M, I);
+        var F = Hq(I, M), D = Hq(M, I);
         D.forEach(function(w) {
           q.props.playNote(w);
         }), F.forEach(function(w) {
@@ -2400,7 +2325,7 @@ var Eq = /* @__PURE__ */ function(A) {
       });
     }), q;
   }
-  return BV(g, [{
+  return VV(g, [{
     key: "componentDidMount",
     value: function() {
       window.addEventListener("keydown", this.onKeyDown), window.addEventListener("keyup", this.onKeyUp);
@@ -2432,7 +2357,7 @@ var Eq = /* @__PURE__ */ function(A) {
         onMouseUp: this.onMouseUp,
         onTouchStart: this.onTouchStart,
         "data-testid": "container"
-      }, /* @__PURE__ */ qA.createElement(gq, {
+      }, /* @__PURE__ */ qA.createElement($V, {
         activeNotes: this.props.activeNotes,
         selectedNotes: this.props.selectedNotes,
         className: this.props.className,
@@ -2453,7 +2378,7 @@ var Eq = /* @__PURE__ */ function(A) {
     }
   }]), g;
 }(qA.Component);
-X(Eq, "propTypes", {
+X(Aq, "propTypes", {
   noteRange: t.object.isRequired,
   activeNotes: t.arrayOf(t.number.isRequired).isRequired,
   selectedNotes: t.arrayOf(t.number),
@@ -2475,7 +2400,7 @@ X(Eq, "propTypes", {
     midiNumber: t.number.isRequired
   }))
 });
-X(Eq, "defaultProps", {
+X(Aq, "defaultProps", {
   onKeyMouseEnter: void 0,
   onKeyMouseLeave: void 0,
   renderNoteLabel: function(V) {
@@ -2491,12 +2416,12 @@ X(Eq, "defaultProps", {
     }, g) : null;
   }
 });
-var wQ = ["activeNotes", "selectedNotes", "onPlayNoteInput", "onStopNoteInput"], Qq = /* @__PURE__ */ function(A) {
-  gV(g, A);
-  var V = EV(g);
+var $E = ["activeNotes", "selectedNotes", "onPlayNoteInput", "onStopNoteInput"], Vq = /* @__PURE__ */ function(A) {
+  qV(g, A);
+  var V = BV(g);
   function g() {
     var q;
-    qV(this, g);
+    AV(this, g);
     for (var B = arguments.length, Q = new Array(B), C = 0; C < B; C++)
       Q[C] = arguments[C];
     return q = V.call.apply(V, [this].concat(Q)), X(AA(q), "state", {
@@ -2521,7 +2446,7 @@ var wQ = ["activeNotes", "selectedNotes", "onPlayNoteInput", "onStopNoteInput"],
       });
     }), q;
   }
-  return BV(g, [{
+  return VV(g, [{
     key: "componentDidUpdate",
     value: function(B) {
       B.activeNotes !== this.props.activeNotes && this.state.activeNotes !== this.props.activeNotes && this.setState({
@@ -2535,8 +2460,8 @@ var wQ = ["activeNotes", "selectedNotes", "onPlayNoteInput", "onStopNoteInput"],
       B.activeNotes;
       var Q = B.selectedNotes;
       B.onPlayNoteInput, B.onStopNoteInput;
-      var C = XE(B, wQ);
-      return /* @__PURE__ */ qA.createElement(Eq, jV({
+      var C = ZE(B, $E);
+      return /* @__PURE__ */ qA.createElement(Aq, nV({
         activeNotes: this.state.activeNotes,
         selectedNotes: Q,
         onPlayNoteInput: this.handlePlayNoteInput,
@@ -2545,7 +2470,7 @@ var wQ = ["activeNotes", "selectedNotes", "onPlayNoteInput", "onStopNoteInput"],
     }
   }]), g;
 }(qA.Component);
-X(Qq, "propTypes", {
+X(Vq, "propTypes", {
   noteRange: t.object.isRequired,
   activeNotes: t.arrayOf(t.number.isRequired),
   selectedNotes: t.arrayOf(t.number),
@@ -2563,10 +2488,10 @@ X(Qq, "propTypes", {
     midiNumber: t.number.isRequired
   }))
 });
-var hV = { exports: {} }, kV = { exports: {} }, KV, nq;
-function FQ() {
-  if (nq) return KV;
-  nq = 1;
+var TV = { exports: {} }, sV = { exports: {} }, hV, yq;
+function AQ() {
+  if (yq) return hV;
+  yq = 1;
   function A(g) {
     return g > 64 && g < 91 ? g - 65 : g > 96 && g < 123 ? g - 71 : g > 47 && g < 58 ? g + 4 : g === 43 ? 62 : g === 47 ? 63 : 0;
   }
@@ -2579,11 +2504,11 @@ function FQ() {
       }
     return E;
   }
-  return KV = { decode: V }, KV;
+  return hV = { decode: V }, hV;
 }
-var JV, Oq;
-function SQ() {
-  return Oq || (Oq = 1, JV = function(A, V) {
+var kV, Lq;
+function VQ() {
+  return Lq || (Lq = 1, kV = function(A, V) {
     return new Promise(function(g, q) {
       var B = new XMLHttpRequest();
       V && (B.responseType = V), B.open("GET", A), B.onload = function() {
@@ -2592,12 +2517,12 @@ function SQ() {
         q(Error("Network Error"));
       }, B.send();
     });
-  }), JV;
+  }), kV;
 }
-var jq;
-function RQ() {
-  return jq || (jq = 1, function(A) {
-    var V = FQ(), g = SQ();
+var cq;
+function qQ() {
+  return cq || (cq = 1, function(A) {
+    var V = AQ(), g = VQ();
     function q(i) {
       return function(K) {
         return typeof K == "string" && i.test(K);
@@ -2687,12 +2612,12 @@ function RQ() {
       return JSON.parse(i.slice(K, e) + "}");
     }
     A.exports && (A.exports = Q), typeof window < "u" && (window.loadAudio = Q);
-  }(kV)), kV.exports;
+  }(sV)), sV.exports;
 }
-var aV = { exports: {} }, NV, uq;
-function GQ() {
-  if (uq) return NV;
-  uq = 1, NV = A;
+var KV = { exports: {} }, JV, Pq;
+function BQ() {
+  if (Pq) return JV;
+  Pq = 1, JV = A;
   function A(E) {
     var I = E.createGain(), M = I._voltage = q(E), F = B(M), D = B(M), w = B(M);
     return I._startAmount = B(D), I._endAmount = B(w), I._multiplier = B(F), I._multiplier.connect(I), I._startAmount.connect(I), I._endAmount.connect(I), I.value = F.gain, I.startValue = D.gain, I.endValue = w.gain, I.startValue.value = 0, I.endValue.value = 0, Object.defineProperties(I, V), I;
@@ -2756,13 +2681,13 @@ function GQ() {
     var w = I - E, U = F - M, o = D - M, R = o / U, Y = E + R * w;
     return Y <= E && (Y = E), Y >= I && (Y = I), Y;
   }
-  return NV;
+  return JV;
 }
-var eV, zq;
-function YQ() {
-  if (zq) return eV;
-  zq = 1;
-  var A = GQ(), V = {}, g = {
+var aV, mq;
+function gQ() {
+  if (mq) return aV;
+  mq = 1;
+  var A = BQ(), V = {}, g = {
     gain: 1,
     attack: 0.01,
     decay: 0.1,
@@ -2836,12 +2761,12 @@ function YQ() {
   function E(I) {
     return I ? Math.pow(2, I / 1200) : 1;
   }
-  return eV = q, eV;
+  return aV = q, aV;
 }
-var lV, fq;
-function iQ() {
-  if (fq) return lV;
-  fq = 1, lV = function(V) {
+var NV, nq;
+function EQ() {
+  if (nq) return NV;
+  nq = 1, NV = function(V) {
     return V.on = function(g, q) {
       if (arguments.length === 1 && typeof g == "function") return V.on("event", g);
       var B = "on" + g, Q = V[B];
@@ -2853,12 +2778,12 @@ function iQ() {
       V(q, B, Q, C), g(q, B, Q, C);
     };
   }
-  return lV;
+  return NV;
 }
-var xV, dq;
-function TQ() {
-  if (dq) return xV;
-  dq = 1;
+var eV, Oq;
+function QQ() {
+  if (Oq) return eV;
+  Oq = 1;
   var A = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
   function V() {
     return A;
@@ -2880,18 +2805,18 @@ function TQ() {
       var M = q(I);
       return M && typeof M[E] < "u" ? M[E] : null;
     };
-  }), xV = Q, xV;
+  }), eV = Q, eV;
 }
-var tV, Xq;
-function sQ() {
-  if (Xq) return tV;
-  Xq = 1;
-  var A = TQ(), V = function(B) {
+var lV, jq;
+function IQ() {
+  if (jq) return lV;
+  jq = 1;
+  var A = QQ(), V = function(B) {
     return B !== null && B !== [] && B >= 0 && B < 129;
   }, g = function(B) {
     return V(B) ? +B : A.midi(B);
   };
-  tV = function(B) {
+  lV = function(B) {
     if (B.buffers) {
       var Q = B.opts.map, C = typeof Q == "function" ? Q : g, E = function(M) {
         return M ? C(M) || M : null;
@@ -2910,16 +2835,16 @@ function sQ() {
       return C[Q(E)] = B[E], C;
     }, {});
   }
-  return tV;
+  return lV;
 }
-var WV, bq;
-function hQ() {
-  if (bq) return WV;
-  bq = 1;
+var xV, uq;
+function CQ() {
+  if (uq) return xV;
+  uq = 1;
   var A = Array.isArray, V = function(q) {
     return q && typeof q == "object";
   }, g = {};
-  return WV = function(q) {
+  return xV = function(q) {
     return q.schedule = function(B, Q) {
       var C = q.context.currentTime, E = B < C ? C : B;
       q.emit("schedule", E, Q);
@@ -2930,14 +2855,14 @@ function hQ() {
         return V(M) ? (F = M.name || M.key || M.note || M.midi || null, D = M) : (F = M, D = g), q.start(F, E + (I || 0), D);
       });
     }, q;
-  }, WV;
+  }, xV;
 }
 function OA(A) {
   throw new Error('Could not dynamically require "' + A + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var rV = { exports: {} }, vq;
-function kQ() {
-  return vq || (vq = 1, function(A, V) {
+var tV = { exports: {} }, zq;
+function MQ() {
+  return zq || (zq = 1, function(A, V) {
     (function(g) {
       A.exports = g();
     })(function() {
@@ -2998,14 +2923,14 @@ function kQ() {
         }, q.exports = B.default;
       }, {}] }, {}, [1])(1);
     });
-  }(rV)), rV.exports;
-}
-var HV, _q;
-function KQ() {
-  if (_q) return HV;
-  _q = 1;
-  var A = kQ();
-  return HV = function(V) {
+  }(tV)), tV.exports;
+}
+var WV, fq;
+function DQ() {
+  if (fq) return WV;
+  fq = 1;
+  var A = MQ();
+  return WV = function(V) {
     return V.listenToMidi = function(g, q) {
       var B = {}, Q = q || {}, C = Q.gain || function(E) {
         return E / 127;
@@ -3023,107 +2948,107 @@ function KQ() {
           }
       }, V;
     }, V;
-  }, HV;
+  }, WV;
 }
-var $q;
-function JQ() {
-  return $q || ($q = 1, function(A) {
-    var V = YQ(), g = iQ(), q = sQ(), B = hQ(), Q = KQ();
+var dq;
+function UQ() {
+  return dq || (dq = 1, function(A) {
+    var V = gQ(), g = EQ(), q = IQ(), B = CQ(), Q = DQ();
     function C(E, I, M) {
       return Q(B(q(g(V(E, I, M)))));
     }
     A.exports && (A.exports = C), typeof window < "u" && (window.SamplePlayer = C);
-  }(aV)), aV.exports;
+  }(KV)), KV.exports;
 }
-function AB(A, V) {
+function Xq(A, V) {
   return Array(V + 1).join(A);
 }
-function Iq(A) {
+function qq(A) {
   return typeof A == "number";
 }
-function aQ(A) {
+function oQ(A) {
   return typeof A == "string";
 }
-function NQ(A) {
+function wQ(A) {
   return typeof A < "u";
 }
-function mB(A, V) {
+function WB(A, V) {
   return Math.pow(2, (A - 69) / 12) * (V || 440);
 }
-var nB = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
-function eQ() {
-  return nB;
+var rB = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
+function FQ() {
+  return rB;
 }
-var lQ = [0, 2, 4, 5, 7, 9, 11];
+var SQ = [0, 2, 4, 5, 7, 9, 11];
 function GA(A, V, g) {
   if (typeof A != "string") return null;
-  var q = nB.exec(A);
+  var q = rB.exec(A);
   if (!q || !V && q[4]) return null;
   var B = { letter: q[1].toUpperCase(), acc: q[2].replace(/x/g, "##") };
   B.pc = B.letter + B.acc, B.step = (B.letter.charCodeAt(0) + 3) % 7, B.alt = B.acc[0] === "b" ? -B.acc.length : B.acc.length;
-  var Q = lQ[B.step] + B.alt;
-  return B.chroma = Q < 0 ? 12 + Q : Q % 12, q[3] && (B.oct = +q[3], B.midi = Q + 12 * (B.oct + 1), B.freq = mB(B.midi, g)), V && (B.tonicOf = q[4]), B;
+  var Q = SQ[B.step] + B.alt;
+  return B.chroma = Q < 0 ? 12 + Q : Q % 12, q[3] && (B.oct = +q[3], B.midi = Q + 12 * (B.oct + 1), B.freq = WB(B.midi, g)), V && (B.tonicOf = q[4]), B;
 }
-var xQ = "CDEFGAB";
-function tQ(A) {
-  return Iq(A) ? A < 0 ? AB("b", -A) : AB("#", A) : "";
+var RQ = "CDEFGAB";
+function GQ(A) {
+  return qq(A) ? A < 0 ? Xq("b", -A) : Xq("#", A) : "";
 }
-function WQ(A) {
-  return Iq(A) ? "" + A : "";
+function YQ(A) {
+  return qq(A) ? "" + A : "";
 }
-function OB(A, V, g) {
-  return A === null || typeof A > "u" ? null : A.step ? OB(A.step, A.alt, A.oct) : A < 0 || A > 6 ? null : xQ.charAt(A) + tQ(V) + WQ(g);
+function HB(A, V, g) {
+  return A === null || typeof A > "u" ? null : A.step ? HB(A.step, A.alt, A.oct) : A < 0 || A > 6 ? null : RQ.charAt(A) + GQ(V) + YQ(g);
 }
-function jB(A) {
-  if ((Iq(A) || aQ(A)) && A >= 0 && A < 128) return +A;
+function ZB(A) {
+  if ((qq(A) || oQ(A)) && A >= 0 && A < 128) return +A;
   var V = GA(A);
-  return V && NQ(V.midi) ? V.midi : null;
+  return V && wQ(V.midi) ? V.midi : null;
 }
-function rQ(A, V) {
-  var g = jB(A);
-  return g === null ? null : mB(g, V);
+function iQ(A, V) {
+  var g = ZB(A);
+  return g === null ? null : WB(g, V);
 }
-function HQ(A) {
+function TQ(A) {
   return (GA(A) || {}).letter;
 }
-function ZQ(A) {
+function sQ(A) {
   return (GA(A) || {}).acc;
 }
-function pQ(A) {
+function hQ(A) {
   return (GA(A) || {}).pc;
 }
-function yQ(A) {
+function kQ(A) {
   return (GA(A) || {}).step;
 }
-function cQ(A) {
+function KQ(A) {
   return (GA(A) || {}).alt;
 }
-function LQ(A) {
+function JQ(A) {
   return (GA(A) || {}).chroma;
 }
-function PQ(A) {
+function aQ(A) {
   return (GA(A) || {}).oct;
 }
-const mQ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const NQ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  acc: ZQ,
-  alt: cQ,
-  build: OB,
-  chroma: LQ,
-  freq: rQ,
-  letter: HQ,
-  midi: jB,
-  oct: PQ,
+  acc: sQ,
+  alt: KQ,
+  build: HB,
+  chroma: JQ,
+  freq: iQ,
+  letter: TQ,
+  midi: ZB,
+  oct: aQ,
   parse: GA,
-  pc: pQ,
-  regex: eQ,
-  step: yQ
-}, Symbol.toStringTag, { value: "Module" })), nQ = /* @__PURE__ */ rE(mQ);
-var ZV, VB;
-function OQ() {
-  if (VB) return ZV;
-  VB = 1;
-  var A = nQ;
+  pc: hQ,
+  regex: FQ,
+  step: kQ
+}, Symbol.toStringTag, { value: "Module" })), eQ = /* @__PURE__ */ iE(NQ);
+var rV, bq;
+function lQ() {
+  if (bq) return rV;
+  bq = 1;
+  var A = eQ;
   function V(B, Q) {
     if (console.warn("new Soundfont() is deprected"), console.log("Please use Soundfont.instrument() instead of new Soundfont().instrument()"), !(this instanceof V)) return new V(B);
     this.nameToUrl = Q || V.nameToUrl, this.ctx = B, this.instruments = {}, this.promises = [];
@@ -3167,12 +3092,12 @@ function OQ() {
       }
     };
   }
-  return V.noteToMidi = A.midi, ZV = V, ZV;
+  return V.noteToMidi = A.midi, rV = V, rV;
 }
-var qB;
-function jQ() {
-  return qB || (qB = 1, function(A) {
-    var V = RQ(), g = JQ();
+var vq;
+function xQ() {
+  return vq || (vq = 1, function(A) {
+    var V = qQ(), g = UQ();
     function q(E, I, M) {
       if (arguments.length === 1) return function(o, R) {
         return q(E, o, R);
@@ -3189,12 +3114,12 @@ function jQ() {
     function Q(E, I, M) {
       return M = M === "ogg" ? M : "mp3", I = I === "FluidR3_GM" ? I : "MusyngKite", "https://gleitz.github.io/midi-js-soundfonts/" + I + "/" + E + "-" + M + ".js";
     }
-    var C = OQ();
+    var C = lQ();
     C.instrument = q, C.nameToUrl = Q, A.exports && (A.exports = C), typeof window < "u" && (window.Soundfont = C);
-  }(hV)), hV.exports;
+  }(TV)), TV.exports;
 }
-var uQ = jQ();
-const fV = /* @__PURE__ */ VV(uQ);
+var tQ = xQ();
+const uV = /* @__PURE__ */ $A(tQ);
 if (typeof window < "u" && window.MIDI)
   var RA = window.MIDI;
 else if (typeof globalThis < "u" && globalThis.MIDI)
@@ -3298,12 +3223,12 @@ RA.Soundfont.acoustic_grand_piano = {
 };
 typeof window < "u" && (window.MIDI || (window.MIDI = { Soundfont: {} }));
 typeof globalThis < "u" && !globalThis.MIDI && (globalThis.MIDI = typeof window < "u" && window.MIDI ? window.MIDI : { Soundfont: {} });
-const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
+const zV = (A) => A != null && !Number.isNaN(A), WQ = (A) => {
   const V = typeof A == "string" ? Number.parseInt(A, 10) : A;
-  return rB(V);
-}, fQ = (A) => ({
+  return KB(V);
+}, rQ = (A) => ({
   play: (g, q) => {
-    const B = zQ(g), Q = A[B];
+    const B = WQ(g), Q = A[B];
     if (!Q)
       return { stop: () => {
       } };
@@ -3315,20 +3240,20 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     };
   },
   stop: () => []
-}), dQ = (A, V, g, q, B) => {
+}), HQ = (A, V, g, q, B) => {
   var C, E;
   const Q = (E = (C = window.MIDI) == null ? void 0 : C.Soundfont) == null ? void 0 : E[V];
-  return Q ? Promise.resolve(fQ(Q)) : (console.warn(
+  return Q ? Promise.resolve(rQ(Q)) : (console.warn(
     `[zds-pickers] Bundled soundfont "${V}" not found; falling back to remote load.`
-  ), dV(B) ? fV.instrument(A, V, {
+  ), zV(B) ? uV.instrument(A, V, {
     format: g,
     soundfont: q,
     nameToUrl: (I, M, F) => `${B}/${M}/${I}-${F}.js`
-  }) : fV.instrument(A, V, {
+  }) : uV.instrument(A, V, {
     format: g,
     soundfont: q
   }));
-}, uB = (A) => {
+}, pB = (A) => {
   const {
     audioContext: V,
     format: g,
@@ -3343,8 +3268,8 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
         M(!1);
         return;
       }
-      if (dV(q)) {
-        fV.instrument(V, H, {
+      if (zV(q)) {
+        uV.instrument(V, H, {
           format: g,
           soundfont: E,
           nameToUrl: (k, a, S) => `${q}/${a}/${k}-${S}.js`
@@ -3358,7 +3283,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
         });
         return;
       }
-      dQ(
+      HQ(
         V,
         H,
         g,
@@ -3378,7 +3303,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
   return TA(() => {
     B && o(B);
   }, [B, o]), TA(() => {
-    dV(B) && M(!w);
+    zV(B) && M(!w);
   }, [w, B]), C({
     isLoading: I,
     playNote: (H) => {
@@ -3406,7 +3331,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       });
     }
   });
-}, pV = [
+}, HV = [
   "C",
   "C#",
   "D",
@@ -3419,7 +3344,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
   "A",
   "A#",
   "B"
-], XQ = 12, bQ = XQ * 0.7, vQ = new window.AudioContext(), _Q = ({
+], ZQ = 12, pQ = ZQ * 0.7, yQ = new window.AudioContext(), LQ = ({
   className: A,
   octave: V,
   height: g,
@@ -3427,9 +3352,9 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
   width: B,
   ...Q
 }) => {
-  const E = (B / bQ + 2) / g, I = Jq(pV[0] + String(V)) || 0, M = Jq(pV[pV.length - 1] + String(V)) || 0;
+  const E = (B / pQ + 2) / g, I = Tq(HV[0] + String(V)) || 0, M = Tq(HV[HV.length - 1] + String(V)) || 0;
   return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
-    Qq,
+    Vq,
     {
       className: A,
       keyWidthToHeight: E,
@@ -3439,7 +3364,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       ...Q
     }
   ) });
-}, $Q = ({
+}, cQ = ({
   className: A,
   format: V,
   height: g,
@@ -3457,16 +3382,16 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
   Tooltip: o,
   width: R
 }) => /* @__PURE__ */ l(
-  uB,
+  pB,
   {
-    audioContext: vQ,
+    audioContext: yQ,
     format: V,
     hostname: q,
     instrumentName: B,
     onChange: C,
     soundfont: U,
     render: ({ isLoading: Y, playNote: p, stopNote: H }) => /* @__PURE__ */ l(
-      _Q,
+      LQ,
       {
         disabled: Y,
         className: A,
@@ -3485,7 +3410,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       }
     )
   }
-), BB = "__react_svg_text_measurement_id", AI = (A, V, g, q) => {
+), _q = "__react_svg_text_measurement_id", PQ = (A, V, g, q) => {
   const { lineHeight: B, spaceWidth: Q, wordsWithComputedWidth: C } = V;
   return A.split(/\s+/).reduce((E, I) => {
     const M = C[I], F = E[E.length - 1];
@@ -3501,7 +3426,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     }
     return E;
   }, []);
-}, VI = (A, V, g) => {
+}, mQ = (A, V, g) => {
   var q;
   if (A && V) {
     Array.from(A).forEach(
@@ -3516,7 +3441,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     const C = ((q = V == null ? void 0 : V.getComputedTextLength) == null ? void 0 : q.call(V)) || 8, E = V.getBBox().height;
     return V.setAttribute("style", ""), { wordsWithComputedWidth: Q, spaceWidth: C, lineHeight: E };
   }
-}, gB = (A) => {
+}, $q = (A) => {
   const {
     className: V = "",
     dx: g = 0,
@@ -3542,10 +3467,10 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     []
   );
   TA(() => {
-    const T = document.getElementById(BB);
+    const T = document.getElementById(_q);
     if (T === null) {
       const i = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-      return i.setAttribute("id", BB), document.body.appendChild(i), i.appendChild(
+      return i.setAttribute("id", _q), document.body.appendChild(i), i.appendChild(
         document.createElementNS("http://www.w3.org/2000/svg", "text")
       ), H.current = i, () => {
         document.body.removeChild(i);
@@ -3553,7 +3478,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     }
     H.current = T;
   }, []), TA(() => {
-    const T = VI(
+    const T = mQ(
       Y,
       H.current,
       C
@@ -3562,7 +3487,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
   }, [C, Y]), TA(() => {
     if (Q && w) {
       const T = C.split(/\n/).flatMap(
-        (i) => AI(i, w, Q, B)
+        (i) => PQ(i, w, Q, B)
       );
       R(T);
     }
@@ -3608,13 +3533,13 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       ] })
     }
   );
-}, lA = 255, { IndicatorsContainer: qI, Placeholder: EB, ValueContainer: BI } = Sg, zI = {
+}, eA = 255, { IndicatorsContainer: nQ, Placeholder: AB, ValueContainer: OQ } = Qg, WI = {
   label: "--",
-  value: lA
-}, QB = (A) => {
+  value: eA
+}, VB = (A) => {
   var B;
   const { children: V, ...g } = A, q = (B = g.selectProps) == null ? void 0 : B.actionButton;
-  return /* @__PURE__ */ l(qI, { ...g, children: /* @__PURE__ */ VA(
+  return /* @__PURE__ */ l(nQ, { ...g, children: /* @__PURE__ */ VA(
     "div",
     {
       onMouseDown: (Q) => {
@@ -3627,12 +3552,12 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       ]
     }
   ) });
-}, gI = ({
+}, jQ = ({
   children: A,
   ...V
-}) => /* @__PURE__ */ VA(BI, { ...V, children: [
+}) => /* @__PURE__ */ VA(OQ, { ...V, children: [
   /* @__PURE__ */ l(
-    EB,
+    AB,
     {
       ...V,
       innerProps: V.innerProps || {},
@@ -3641,9 +3566,9 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       children: V.selectProps.placeholder
     }
   ),
-  og.map(
+  Bg.map(
     A,
-    (g) => wg(g) && g.type !== EB ? g : null
+    (g) => gg(g) && g.type !== AB ? g : null
   )
 ] }), FA = UA(
   (A, V) => {
@@ -3664,7 +3589,7 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       [Q]
     ), w = C.reduce((R, Y) => "options" in Y ? R.concat(Y.options) : R.concat(Y), []), U = w.find((R) => M === R.value) || void 0, o = hA(() => {
       const R = E ? {
-        menu: (Y) => sg("width")(Y),
+        menu: (Y) => og("width")(Y),
         menuList: (Y) => ({
           ...Y,
           overflowX: "hidden"
@@ -3697,13 +3622,13 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       };
     }, [E, I]);
     return I ? /* @__PURE__ */ l("div", { className: "zds-pickers__container", children: /* @__PURE__ */ l(
-      wq,
+      Cq,
       {
         ...F,
         classNamePrefix: "zds-pickers",
         components: {
-          IndicatorsContainer: QB,
-          ValueContainer: gI,
+          IndicatorsContainer: VB,
+          ValueContainer: jQ,
           ...g
         },
         isDisabled: q,
@@ -3717,12 +3642,12 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     ) }) : /* @__PURE__ */ VA("div", { className: "zds-pickers__container", children: [
       !!B && /* @__PURE__ */ l("span", { className: "zds-pickers__label", children: B }),
       /* @__PURE__ */ l(
-        wq,
+        Cq,
         {
           ...F,
           classNamePrefix: "zds-pickers",
           components: {
-            IndicatorsContainer: QB,
+            IndicatorsContainer: VB,
             ...g
           },
           isDisabled: q,
@@ -3735,17 +3660,17 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       )
     ] });
   }
-), fI = UA((A, V) => /* @__PURE__ */ l(
+), rI = UA((A, V) => /* @__PURE__ */ l(
   FA,
   {
     ...A,
-    options: hg,
+    options: wg,
     ref: V
   }
-)), EI = _A(16).map((A) => ({
+)), uQ = _A(16).map((A) => ({
   value: A,
   label: A
-})), dI = UA(({ channels: A, className: V, ...g }, q) => {
+})), HI = UA(({ channels: A, className: V, ...g }, q) => {
   const [B, Q] = wA([]), C = DA(
     ({ value: E, label: I }, { context: M }) => {
       if (E === "separator")
@@ -3753,13 +3678,13 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       if (typeof E != "number") return null;
       const F = A[E];
       return F ? /* @__PURE__ */ VA("span", { className: "mapping-entry", children: [
-        /* @__PURE__ */ l("b", { children: E !== lA && /* @__PURE__ */ VA(ZA, { children: [
+        /* @__PURE__ */ l("b", { children: E !== eA && /* @__PURE__ */ VA(ZA, { children: [
           E + 1,
           M === "value" && " -"
         ] }) }),
         /* @__PURE__ */ l("span", { className: "mapping-entry-label", children: F.label })
       ] }) : /* @__PURE__ */ VA("span", { className: "mapping-entry empty-mapping-entry", children: [
-        /* @__PURE__ */ l("b", { children: E !== lA && /* @__PURE__ */ VA(ZA, { children: [
+        /* @__PURE__ */ l("b", { children: E !== eA && /* @__PURE__ */ VA(ZA, { children: [
           E + 1,
           M === "value" && " -"
         ] }) }),
@@ -3769,10 +3694,10 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     [A]
   );
   return TA(() => {
-    const E = EI.sort(
+    const E = uQ.sort(
       (F, D) => typeof F.value == "number" && typeof D.value == "number" && A[F.value] && !A[D.value] ? -1 : typeof F.value == "number" && typeof D.value == "number" && !A[F.value] && A[D.value] ? 1 : typeof F.value == "number" && typeof D.value == "number" ? F.value - D.value : 0
     ), I = E.filter(
-      ({ value: F }) => typeof F == "number" && !!A[F] || F === lA
+      ({ value: F }) => typeof F == "number" && !!A[F] || F === eA
     ).length, M = E.some(({ value: F }) => F === "separator");
     I && I < 16 && !M && E.splice(I, 0, { label: /* @__PURE__ */ l("hr", {}), value: "separator" }), Q(E);
   }, [A]), /* @__PURE__ */ l(
@@ -3785,10 +3710,10 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       ref: q
     }
   );
-}), QI = _A(16).map((A) => ({
+}), zQ = _A(16).map((A) => ({
   value: A,
   label: `Channel ${A + 1}`
-})), II = (A, V) => V ? String(A.label).toLowerCase().includes(V.toLowerCase()) : !0, XI = UA(({ className: A, value: V = lA, ...g }, q) => {
+})), fQ = (A, V) => V ? String(A.label).toLowerCase().includes(V.toLowerCase()) : !0, ZI = UA(({ className: A, value: V = eA, ...g }, q) => {
   const B = DA(
     (Q, { context: C }) => V === void 0 ? "--" : C === "value" ? Q.label : Number.parseInt(String(Q.value)) + 1,
     [V]
@@ -3798,19 +3723,19 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
     {
       ...g,
       className: xA(A, "channel-picker"),
-      filterOptions: II,
+      filterOptions: fQ,
       formatOptionLabel: B,
-      options: QI,
+      options: zQ,
       value: V,
       ref: q
     }
   );
-}), CI = (A) => A.replace(/([A-G])b/g, "$1♭"), MI = /* @__PURE__ */ new Set(["C", "F"]), DI = /* @__PURE__ */ new Set(["E", "B"]), UI = ({
+}), dQ = (A) => A.replace(/([A-G])b/g, "$1♭"), XQ = /* @__PURE__ */ new Set(["C", "F"]), bQ = /* @__PURE__ */ new Set(["E", "B"]), vQ = ({
   isAccidental: A,
   isActive: V,
   midiNumber: g
 }) => {
-  const q = xE(rB(g) ?? ""), B = CI(q);
+  const q = RE(KB(g) ?? ""), B = dQ(q);
   return B ? /* @__PURE__ */ l(
     "div",
     {
@@ -3821,14 +3746,14 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
           "ReactPiano__NoteLabel--active": V,
           "ReactPiano__NoteLabel--accidental": A,
           "ReactPiano__NoteLabel--natural": !A,
-          "ReactPiano__NoteLabel--nudgeLeft": !A && MI.has(q),
-          "ReactPiano__NoteLabel--nudgeRight": !A && DI.has(q)
+          "ReactPiano__NoteLabel--nudgeLeft": !A && XQ.has(q),
+          "ReactPiano__NoteLabel--nudgeRight": !A && bQ.has(q)
         }
       ),
       children: B
     }
   ) : null;
-}, bI = (A) => {
+}, pI = (A) => {
   const {
     value: V,
     onChange: g,
@@ -3843,31 +3768,31 @@ const dV = (A) => A != null && !Number.isNaN(A), zQ = (A) => {
       q || g(U);
     },
     [q, g]
-  ), F = 60 + (E - 4) * 12, D = F + 11, w = V !== lA && V >= F && V <= D;
+  ), F = 60 + (E - 4) * 12, D = F + 11, w = V !== eA && V >= F && V <= D;
   return /* @__PURE__ */ l(
-    $Q,
+    cQ,
     {
       ...I,
       className: Q ? "ReactPiano--showNoteNames" : void 0,
       selectedNotes: w ? [V] : [],
       disabled: q,
       height: B,
-      renderNoteLabel: Q ? UI : void 0,
+      renderNoteLabel: Q ? vQ : void 0,
       width: C,
       octave: E,
       onClick: M,
       instrumentName: "acoustic_grand_piano"
     }
   );
-}, Cq = (A) => {
+}, Bq = (A) => {
   const [V, g] = wA(A);
   return TA(() => {
     g(A);
   }, [A]), [V, g];
 };
-var yV, IB;
-function oI() {
-  return IB || (IB = 1, yV = function(A) {
+var ZV, qB;
+function _Q() {
+  return qB || (qB = 1, ZV = function(A) {
     var V = {};
     function g(q) {
       if (V[q]) return V[q].exports;
@@ -3898,7 +3823,7 @@ function oI() {
   }([function(A, V) {
     A.exports = qA;
   }, function(A, V) {
-    A.exports = /* @__PURE__ */ cB();
+    A.exports = /* @__PURE__ */ lB();
   }, function(A, V, g) {
     Object.defineProperty(V, "__esModule", { value: !0 });
     var q, B = g(0), Q = ((q = B) && q.__esModule ? q : { default: q }).default.createContext(null);
@@ -4098,7 +4023,7 @@ function oI() {
           K && T.setAttribute("title", K);
           var e = [].concat(T.getAttribute("class") || [], "injected-svg", S.getAttribute("class") || []).join(" ");
           T.setAttribute("class", function(J) {
-            for (var L = {}, P = (J = J.split(" ")).length, y = []; P--; ) L.hasOwnProperty(J[P]) || (L[J[P]] = 1, y.unshift(J[P]));
+            for (var c = {}, P = (J = J.split(" ")).length, y = []; P--; ) c.hasOwnProperty(J[P]) || (c[J[P]] = 1, y.unshift(J[P]));
             return y.join(" ");
           }(e));
           var Z = S.getAttribute("style");
@@ -4112,11 +4037,11 @@ function oI() {
           var u, BA, EA, oA, v, QA = { clipPath: ["clip-path"], "color-profile": ["color-profile"], cursor: ["cursor"], filter: ["filter"], linearGradient: ["fill", "stroke"], marker: ["marker", "marker-start", "marker-mid", "marker-end"], mask: ["mask"], pattern: ["fill", "stroke"], radialGradient: ["fill", "stroke"] };
           Object.keys(QA).forEach(function(J) {
             u = J, EA = QA[J];
-            for (var L = 0, P = (BA = T.querySelectorAll("defs " + u + "[id]")).length; L < P; L++) {
+            for (var c = 0, P = (BA = T.querySelectorAll("defs " + u + "[id]")).length; c < P; c++) {
               var y;
-              oA = BA[L].id, v = oA + "-" + D, M.call(EA, function(x) {
-                for (var W = 0, c = (y = T.querySelectorAll("[" + x + '*="' + oA + '"]')).length; W < c; W++) y[W].setAttribute(x, "url(#" + v + ")");
-              }), BA[L].id = v;
+              oA = BA[c].id, v = oA + "-" + D, M.call(EA, function(x) {
+                for (var W = 0, L = (y = T.querySelectorAll("[" + x + '*="' + oA + '"]')).length; W < L; W++) y[W].setAttribute(x, "url(#" + v + ")");
+              }), BA[c].id = v;
             }
           }), T.removeAttribute("xmlns:a");
           var SA = T.querySelectorAll("style");
@@ -4250,14 +4175,14 @@ function oI() {
     }(B.default.Component);
     V.default = F, F.propTypes = { selector: Q.default.string.isRequired, onElementSelected: Q.default.func }, F.defaultProps = { onElementSelected: function() {
     } };
-  }])), yV;
+  }])), ZV;
 }
-var cV, CB;
-function wI() {
-  return CB || (CB = 1, cV = oI()), cV;
+var pV, BB;
+function $Q() {
+  return BB || (BB = 1, pV = _Q()), pV;
 }
-var LV = wI();
-class zB extends qA.Component {
+var yV = $Q();
+class yB extends qA.Component {
   render() {
     const V = this.props, g = {};
     function q(D) {
@@ -4280,22 +4205,22 @@ class zB extends qA.Component {
     );
   }
 }
-UV(zB, "defaultProps", {
+MV(yB, "defaultProps", {
   step: 1
 });
-function MB(A) {
+function gB(A) {
   return A * Math.PI / 180;
 }
-function FI(A, V) {
+function AI(A, V) {
   return A >= 0 && V >= 0 ? 1 : A <= 0 && V >= 0 ? 2 : A <= 0 && V <= 0 ? 3 : A >= 0 && V <= 0 ? 4 : 1;
 }
-function PV(A, V) {
+function LV(A, V) {
   if (A === 0 && V === 0) return 0;
   let q = Math.atan(A / V) * 180 / Math.PI;
-  const B = FI(A, V);
+  const B = AI(A, V);
   return B === 1 && (q = 90 - q), B === 2 && (q = 90 - q), B === 3 && (q = 270 - q), B === 4 && (q = 270 - q), q;
 }
-class DB extends qA.Component {
+class EB extends qA.Component {
   render() {
     const {
       r: V,
@@ -4317,7 +4242,7 @@ class DB extends qA.Component {
     );
   }
 }
-class SI extends qA.Component {
+class VI extends qA.Component {
   render() {
     const { width: V = 2, color: g = "black", p1: q, p2: B, ...Q } = this.props;
     return /* @__PURE__ */ l(
@@ -4334,7 +4259,7 @@ class SI extends qA.Component {
     );
   }
 }
-class RI extends qA.Component {
+class qI extends qA.Component {
   render() {
     const { children: V, ...g } = this.props, q = {
       overlay: Object.assign(
@@ -4352,7 +4277,7 @@ class RI extends qA.Component {
         this.props.overlayStyle
       )
     };
-    return Gg.createPortal(
+    return Cg.createPortal(
       /* @__PURE__ */ l(
         "div",
         {
@@ -4365,10 +4290,10 @@ class RI extends qA.Component {
     );
   }
 }
-class GI extends qA.Component {
+class BI extends qA.Component {
   constructor() {
     super(...arguments);
-    UV(this, "state", {
+    MV(this, "state", {
       centerX: 0,
       centerY: 0,
       valueMarkerX: 0,
@@ -4377,7 +4302,7 @@ class GI extends qA.Component {
   }
   static getDerivedStateFromProps(g, q) {
     if (!g.svgRef) return q;
-    const B = g.svgRef.getBoundingClientRect(), Q = B.width / 2, C = g.radius * Math.cos(MB(g.valueAngle - 90)), E = g.radius * Math.sin(MB(g.valueAngle - 90));
+    const B = g.svgRef.getBoundingClientRect(), Q = B.width / 2, C = g.radius * Math.cos(gB(g.valueAngle - 90)), E = g.radius * Math.sin(gB(g.valueAngle - 90));
     return {
       ...q,
       centerX: B.left + Q,
@@ -4388,7 +4313,7 @@ class GI extends qA.Component {
   }
   render() {
     const g = this.props.minimumDragDistance <= this.props.radius ? "green" : "grey", q = this.props.minimumDragDistance <= this.props.radius ? "#88E22D" : "#D8D8D8", B = this.props.minimumDragDistance >= this.props.radius;
-    return /* @__PURE__ */ l(RI, { children: /* @__PURE__ */ VA(
+    return /* @__PURE__ */ l(qI, { children: /* @__PURE__ */ VA(
       "svg",
       {
         style: { position: "absolute", top: "0", left: "0" },
@@ -4409,7 +4334,7 @@ class GI extends qA.Component {
             }
           ) }),
           /* @__PURE__ */ l(
-            DB,
+            EB,
             {
               borderColor: g,
               fillColor: q,
@@ -4420,7 +4345,7 @@ class GI extends qA.Component {
             }
           ),
           B && /* @__PURE__ */ l(
-            DB,
+            EB,
             {
               borderColor: g,
               fillColor: q,
@@ -4431,7 +4356,7 @@ class GI extends qA.Component {
             }
           ),
           /* @__PURE__ */ l(
-            SI,
+            VI,
             {
               p1: { x: this.state.centerX, y: this.state.centerY },
               p2: {
@@ -4446,7 +4371,7 @@ class GI extends qA.Component {
     ) });
   }
 }
-const YI = {
+const gI = {
   knobX: 71,
   knobY: 71,
   svg: `
@@ -4514,7 +4439,7 @@ const YI = {
     </g>
 </svg>
 `
-}, iI = (A) => {
+}, EI = (A) => {
   const {
     clampMax: V = 360,
     clampMin: g = 0,
@@ -4531,7 +4456,7 @@ const YI = {
     },
     preciseMode: D = !0,
     rotateDegrees: w = 0,
-    skin: U = YI,
+    skin: U = gI,
     step: o = 1,
     style: R,
     unlockDistance: Y = 100,
@@ -4552,7 +4477,7 @@ const YI = {
   }, BA = (x) => {
     const W = x - w;
     return EA().invert(m(W));
-  }, EA = () => ((!K || K.min !== E || K.max !== C || K.clampMin !== g || K.clampMax !== V) && (w < 270 && w > 90 ? i = Fq().domain([E, C]).range([g, V]) : i = Fq().domain([C, E]).range([V, g]), i.clamp(!0), K = {
+  }, EA = () => ((!K || K.min !== E || K.max !== C || K.clampMin !== g || K.clampMax !== V) && (w < 270 && w > 90 ? i = Mq().domain([E, C]).range([g, V]) : i = Mq().domain([C, E]).range([V, g]), i.clamp(!0), K = {
     min: E,
     max: C,
     clampMin: g,
@@ -4562,51 +4487,51 @@ const YI = {
     a(p !== void 0), Z((x) => ({
       ...x,
       uncontrolledValue: p ?? q ?? 0
-    })), S.current && (Sq(S.current).on(".drag", null), B || SA(Sq(S.current)));
+    })), S.current && (Dq(S.current).on(".drag", null), B || SA(Dq(S.current)));
   }, [p, q, B]);
   const oA = (x) => {
     e.svgRef || Z({ ...e, svgRef: x });
   }, v = (x) => {
     const W = BA(x);
-    k || Z((c) => ({ ...c, uncontrolledValue: W })), B || I(W);
+    k || Z((L) => ({ ...L, uncontrolledValue: W })), B || I(W);
   }, QA = () => k ? p ?? 0 : e.uncontrolledValue ?? 0, SA = (x) => {
     if (!(x != null && x.node())) return;
     const W = x.node();
     if (!W) return;
-    let c = W.getBoundingClientRect();
-    const n = c.width / 2, j = c.height / 2;
+    let L = W.getBoundingClientRect();
+    const n = L.width / 2, j = L.height / 2;
     let O, b, N, _ = !1;
     function YA($) {
       if (!($ != null && $.sourceEvent) || !W) return;
       const CA = QA();
-      c = W.getBoundingClientRect(), x.classed("dragging", !0), F(), O = { x: $.x - n, y: $.y - j }, b = PV(O.x, O.y), N = u(CA), _ = !1;
+      L = W.getBoundingClientRect(), x.classed("dragging", !0), F(), O = { x: $.x - n, y: $.y - j }, b = LV(O.x, O.y), N = u(CA), _ = !1;
     }
-    function JA($) {
+    function KA($) {
       const CA = { x: $.x - n, y: $.y - j }, pA = Math.sqrt(
         CA.x ** 2 + CA.y ** 2
       );
-      D ? !_ && pA >= Y && (O = CA, b = PV(CA.x, CA.y), _ = !0) : _ = !0;
-      const CV = PV(CA.x, CA.y) - b;
-      let aA = N + CV;
-      aA = m(aA), _ && v(aA), Z((MV) => ({
-        ...MV,
+      D ? !_ && pA >= Y && (O = CA, b = LV(CA.x, CA.y), _ = !0) : _ = !0;
+      const QV = LV(CA.x, CA.y) - b;
+      let JA = N + QV;
+      JA = m(JA), _ && v(JA), Z((IV) => ({
+        ...IV,
         dragDistance: pA,
         mousePos: {
           x: $.sourceEvent.clientX,
           y: $.sourceEvent.clientY
         },
-        valueAngle: _ ? aA : N
+        valueAngle: _ ? JA : N
       }));
     }
-    function QV() {
+    function gV() {
       var $;
       x.classed("dragging", !1), Z((CA) => ({ ...CA, dragging: !1 })), M(), ($ = T.current) == null || $.focus();
     }
-    const IV = Rg().container(() => W).on("start", YA).on("drag", JA).on("end", QV);
-    x.call(IV);
+    const EV = Ig().container(() => W).on("start", YA).on("drag", KA).on("end", gV);
+    x.call(EV);
   }, gA = (x) => {
     k || Z((W) => ({ ...W, uncontrolledValue: x })), B || I(x);
-  }, s = QA(), J = u(s), L = {
+  }, s = QA(), J = u(s), c = {
     container: Object.assign(
       {},
       {
@@ -4626,17 +4551,17 @@ const YI = {
       left: "-100%"
     }
   }, P = U.updateAttributes, y = P ? P.map((x, W) => {
-    let c = null;
-    x.content && (c = x.content(A, s));
+    let L = null;
+    x.content && (L = x.content(A, s));
     const n = {};
     for (const j of x.attrs || [])
       n[j.name] = j.value(A, s);
     return /* @__PURE__ */ l(
-      LV.SvgProxy,
+      yV.SvgProxy,
       {
         selector: x.element,
         ...n,
-        children: c
+        children: L
       },
       W
     );
@@ -4646,15 +4571,15 @@ const YI = {
       "div",
       {
         ref: S,
-        style: L.container,
+        style: c.container,
         ...H,
         children: [
           /* @__PURE__ */ l(
-            zB,
+            yB,
             {
               disabled: B,
               inputRef: T,
-              style: L.input,
+              style: c.input,
               value: s,
               min: E,
               max: C,
@@ -4663,7 +4588,7 @@ const YI = {
             }
           ),
           /* @__PURE__ */ VA(
-            LV.SvgLoader,
+            yV.SvgLoader,
             {
               height: "100%",
               svgXML: U.svg,
@@ -4671,7 +4596,7 @@ const YI = {
               onSVGReady: oA,
               children: [
                 /* @__PURE__ */ l(
-                  LV.SvgProxy,
+                  yV.SvgProxy,
                   {
                     selector: "#knob",
                     transform: `$ORIGINAL rotate(${J}, ${U.knobX}, ${U.knobY})`
@@ -4685,7 +4610,7 @@ const YI = {
       }
     ),
     e.dragging && D && /* @__PURE__ */ l(
-      GI,
+      BI,
       {
         svgRef: e.svgRef,
         radius: e.dragDistance,
@@ -4695,7 +4620,7 @@ const YI = {
       }
     )
   ] });
-}, TI = {
+}, QI = {
   knobX: 71.44,
   knobY: 71.44,
   svg: `
@@ -4804,7 +4729,7 @@ const YI = {
       ]
     }
   ]
-}, sI = (A) => {
+}, II = (A) => {
   const {
     disabled: V = !1,
     max: g = 127,
@@ -4814,7 +4739,7 @@ const YI = {
     wheelEnabled: C = !1,
     wheelSensitivity: E = 0.1,
     ...I
-  } = A, [M, F] = Cq(Q), D = (U) => {
+  } = A, [M, F] = Bq(Q), D = (U) => {
     if (V) return;
     const o = zA(Number.parseInt(String(U), 10), g, q);
     F(o), B && B(o);
@@ -4837,7 +4762,7 @@ const YI = {
     ]
   );
   return /* @__PURE__ */ l(
-    iI,
+    EI,
     {
       clampMax: 320,
       clampMin: 40,
@@ -4847,7 +4772,7 @@ const YI = {
       onWheel: C ? w : void 0,
       preciseMode: !1,
       rotateDegrees: 180,
-      skin: TI,
+      skin: QI,
       style: { opacity: V ? 0.4 : 1 },
       unlockDistance: 0,
       defaultValue: M,
@@ -4857,7 +4782,7 @@ const YI = {
       ...I
     }
   );
-}, vI = UA((A, V) => {
+}, yI = UA((A, V) => {
   const {
     disabled: g,
     highToLow: q,
@@ -4893,7 +4818,7 @@ const YI = {
         }
       ),
       /* @__PURE__ */ l(
-        sI,
+        II,
         {
           disabled: g,
           max: I,
@@ -4907,18 +4832,18 @@ const YI = {
       )
     ] })
   ] });
-}), hI = [
+}), CI = [
   { value: 0, label: "Momentary" },
   { value: 1, label: "Latching" }
-], _I = UA((A, V) => /* @__PURE__ */ l(
+], LI = UA((A, V) => /* @__PURE__ */ l(
   FA,
   {
     ...A,
-    options: hI,
+    options: CI,
     ref: V
   }
-)), $I = UA(({ allowClearing: A, ...V }, g) => {
-  const q = Yg(), B = ig(), Q = hA(() => [
+)), cI = UA(({ allowClearing: A, ...V }, g) => {
+  const q = Mg(), B = Dg(), Q = hA(() => [
     ...A ? [
       {
         value: "No Mapping",
@@ -4948,10 +4873,10 @@ const YI = {
       ref: g
     }
   );
-}), { midiToNoteName: kI } = lE, KI = ({ note: A, name: V }) => `${A} ${V.length ? "-" : ""} ${V}`, UB = (A, V) => ({
+}), { midiToNoteName: MI } = SE, DI = ({ note: A, name: V }) => `${A} ${V.length ? "-" : ""} ${V}`, QB = (A, V) => ({
   label: A,
   value: V + 1
-}), AC = UA((A, V) => {
+}), PI = UA((A, V) => {
   const {
     channel: g,
     disabled: q = !1,
@@ -4960,7 +4885,7 @@ const YI = {
     onChange: C,
     value: E,
     ...I
-  } = A, M = hA(() => B ? Rq().map(({ note: U }) => `${kI(U, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${U})`).map(UB) : (Q || Rq()).map(KI).map(UB), [B, Q]), [F, D] = Cq(E), w = DA(
+  } = A, M = hA(() => B ? Uq().map(({ note: U }) => `${MI(U, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${U})`).map(QB) : (Q || Uq()).map(DI).map(QB), [B, Q]), [F, D] = Bq(E), w = DA(
     (U) => {
       if (typeof U == "string") return;
       const o = zA(U, 128, 0);
@@ -4979,18 +4904,18 @@ const YI = {
       value: F
     }
   );
-}), fB = 21, dB = 108, JI = dB - fB - 1, aI = JI * 0.7, NI = new window.AudioContext(), eI = ({ height: A, width: V, ...g }) => {
-  const B = (V / aI + 2) / A;
+}), LB = 21, cB = 108, UI = cB - LB - 1, oI = UI * 0.7, wI = new window.AudioContext(), FI = ({ height: A, width: V, ...g }) => {
+  const B = (V / oI + 2) / A;
   return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
-    Qq,
+    Vq,
     {
       keyWidthToHeight: B,
-      noteRange: { first: fB, last: dB },
+      noteRange: { first: LB, last: cB },
       width: V,
       ...g
     }
   ) });
-}, VC = ({
+}, mI = ({
   format: A,
   height: V,
   hostname: g,
@@ -5004,16 +4929,16 @@ const YI = {
   soundfont: F,
   width: D
 }) => /* @__PURE__ */ l(
-  uB,
+  pB,
   {
-    audioContext: NI,
+    audioContext: wI,
     format: A,
     hostname: g,
     instrumentName: q,
     onChange: B,
     soundfont: F,
     render: ({ isLoading: w, playNote: U, stopNote: o }) => /* @__PURE__ */ l(
-      eI,
+      FI,
       {
         disabled: w,
         height: V,
@@ -5028,7 +4953,7 @@ const YI = {
       }
     )
   }
-), qC = UA(({ labelOff: A = "Normally Off", labelOn: V = "Normally On", ...g }, q) => /* @__PURE__ */ l(
+), nI = UA(({ labelOff: A = "Normally Off", labelOn: V = "Normally On", ...g }, q) => /* @__PURE__ */ l(
   FA,
   {
     ...g,
@@ -5038,19 +4963,19 @@ const YI = {
     ],
     ref: q
   }
-)), oB = (A) => A ? {
+)), IB = (A) => A ? {
   width: A.offsetWidth,
   height: A.offsetHeight
 } : {
   width: 0,
   height: 0
-}, lI = (A) => {
+}, SI = (A) => {
   const [V, g] = wA(
-    oB(A ? A.current : null)
+    IB(A ? A.current : null)
   ), q = DA(() => {
-    A.current && g(oB(A.current));
+    A.current && g(IB(A.current));
   }, [A]);
-  return Fg(() => {
+  return Eg(() => {
     if (A.current) {
       if (q(), typeof ResizeObserver == "function") {
         const B = new ResizeObserver(() => {
@@ -5065,18 +4990,18 @@ const YI = {
       };
     }
   }, [A.current]), V;
-}, vA = 20, mV = 15, eA = vA, jA = vA, xI = (A) => {
+}, vA = 20, cV = 15, NA = vA, jA = vA, RI = (A) => {
   const {
-    Tooltip: V = FB,
+    Tooltip: V = MB,
     autosize: g,
     disabled: q,
     inverted: B,
     onChange: Q,
     value: C
-  } = A, E = HA(null), I = HA(null), { height: M, width: F } = lI(E), D = g && F || 218, w = g && M || 150, U = D - vA, o = w - vA, R = D / 2, Y = w / 2, p = { ref: I }, H = wB.map(
+  } = A, E = HA(null), I = HA(null), { height: M, width: F } = SI(E), D = g && F || 218, w = g && M || 150, U = D - vA, o = w - vA, R = D / 2, Y = w / 2, p = { ref: I }, H = CB.map(
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
     ({ value: k, label: a }) => {
-      let S = 0, T = 0, i = eA, K = B ? jA : o, e = U, Z = B ? o : jA, m = R, u = Y;
+      let S = 0, T = 0, i = NA, K = B ? jA : o, e = U, Z = B ? o : jA, m = R, u = Y;
       switch (k) {
         case 0:
           S = R, T = Y, u += 3;
@@ -5100,7 +5025,7 @@ const YI = {
           S = B ? R - D * 0.35 : R + D * 0.35, T = Y + w * 0.35, m = B ? R - D * 0.28 : R + D * 0.28, u = Y + w * 0.25;
           break;
         case 7:
-          i = B ? eA : U, K = jA, e = i, Z = o, S = i, T = Y, m = i - 5, u = w - 30;
+          i = B ? NA : U, K = jA, e = i, Z = o, S = i, T = Y, m = i - 5, u = w - 30;
           break;
       }
       return {
@@ -5136,18 +5061,18 @@ const YI = {
           }
         ),
         /* @__PURE__ */ l(
-          gB,
+          $q,
           {
             className: "axis",
             textAnchor: "middle",
-            transform: `translate(${eA - 14} ${w / 2}) rotate(90)`,
+            transform: `translate(${NA - 14} ${w / 2}) rotate(90)`,
             x: 0,
             y: 0,
             text: "Applied force"
           }
         ),
         /* @__PURE__ */ l(
-          gB,
+          $q,
           {
             className: "axis",
             textAnchor: "middle",
@@ -5161,8 +5086,8 @@ const YI = {
           "line",
           {
             className: "axis",
-            x1: eA,
-            x2: eA,
+            x1: NA,
+            x2: NA,
             y1: jA,
             y2: o
           }
@@ -5171,7 +5096,7 @@ const YI = {
           "line",
           {
             className: "axis",
-            x1: eA,
+            x1: NA,
             x2: U,
             y1: o,
             y2: o
@@ -5195,14 +5120,14 @@ const YI = {
                   "rect",
                   {
                     className: k === C ? "button-selected" : "button",
-                    height: mV,
+                    height: cV,
                     onClick: q ? (BA) => BA : () => Q({
                       target: {
                         value: Number.parseInt(String(k))
                       }
                     }),
-                    transform: `translate(${m + 3} ${u - mV / 1.05}) rotate(45)`,
-                    width: mV
+                    transform: `translate(${m + 3} ${u - cV / 1.05}) rotate(45)`,
+                    width: cV
                   }
                 )
               }
@@ -5223,19 +5148,19 @@ const YI = {
       ] })
     }
   );
-}, BC = UA((A, V) => {
+}, OI = UA((A, V) => {
   const {
-    Tooltip: g = FB,
+    Tooltip: g = MB,
     inverted: q = !1,
     onChange: B,
     value: Q,
     ...C
   } = A, E = DA(() => {
-    const M = Tg("value", Q)(wB);
+    const M = Ug("value", Q)(CB);
     return M ? /* @__PURE__ */ l("div", { className: "singleValue", children: M.label }) : /* @__PURE__ */ l("div", { className: "zds-pickers__placeholder", children: "Select..." });
   }, [Q]), I = DA(
     ({ setValue: M }) => /* @__PURE__ */ l(
-      xI,
+      RI,
       {
         autosize: !0,
         inverted: q,
@@ -5262,14 +5187,14 @@ const YI = {
       value: Q
     }
   );
-}), gC = UA(({ statuses: A, ...V }, g) => /* @__PURE__ */ l(
+}), jI = UA(({ statuses: A, ...V }, g) => /* @__PURE__ */ l(
   FA,
   {
     ...V,
     options: A,
     ref: g
   }
-)), EC = UA((A, V) => {
+)), uI = UA((A, V) => {
   const {
     disabled: g,
     highToLow: q,
@@ -5281,7 +5206,7 @@ const YI = {
   } = A, M = hA(() => {
     const U = _A(B - Q + 1).map((o) => Q + o).map((o) => ({ value: o, label: o }));
     return q ? U.reverse() : U;
-  }, [q, B, Q]), [F, D] = Cq(E), w = DA(
+  }, [q, B, Q]), [F, D] = Bq(E), w = DA(
     (U) => {
       C(zA(U, B, Q)), D(Number.parseInt(String(U), 10));
     },
@@ -5300,43 +5225,43 @@ const YI = {
   );
 });
 export {
-  fI as CCPicker,
-  dI as ChannelMappingPicker,
-  XI as ChannelPicker,
-  FB as DefaultTooltip,
-  bI as KeyPicker,
-  sI as Knob,
-  vI as KnobPicker,
-  _I as LatchPicker,
-  kg as MASK_CHANNEL,
-  Kg as MASK_STATUS,
-  BB as MEASUREMENT_ELEMENT_ID,
-  $I as MappingPicker,
-  AC as NotePicker,
-  $Q as OctavePlayer,
-  VC as PianoPicker,
-  qC as PolarityPicker,
-  xI as ResponseCurve,
-  Gq as ResponseCurveLabels,
-  BC as ResponseCurvePicker,
+  rI as CCPicker,
+  HI as ChannelMappingPicker,
+  ZI as ChannelPicker,
+  MB as DefaultTooltip,
+  pI as KeyPicker,
+  II as Knob,
+  yI as KnobPicker,
+  LI as LatchPicker,
+  Fg as MASK_CHANNEL,
+  Sg as MASK_STATUS,
+  _q as MEASUREMENT_ELEMENT_ID,
+  cI as MappingPicker,
+  PI as NotePicker,
+  cQ as OctavePlayer,
+  mI as PianoPicker,
+  nI as PolarityPicker,
+  RI as ResponseCurve,
+  oq as ResponseCurveLabels,
+  OI as ResponseCurvePicker,
   FA as Select,
-  gC as StatusPicker,
+  jI as StatusPicker,
   sA as Statuses,
-  gB as SvgText,
-  EC as ValuePicker,
+  $q as SvgText,
+  uI as ValuePicker,
   _A as arraySequence,
   zA as assertRange,
-  hg as changeControllerOptions,
-  jI as combineStatusWithChannel,
-  uI as extractStatusAndChannel,
-  Tg as findObj,
-  OI as getStatusLabel,
-  lA as noSelection,
-  zI as noSelectionOption,
-  sg as omit,
-  mI as pick,
-  wB as responseCurves,
-  nI as set,
-  Jg as statusOptions
+  wg as changeControllerOptions,
+  xI as combineStatusWithChannel,
+  tI as extractStatusAndChannel,
+  Ug as findObj,
+  lI as getStatusLabel,
+  eA as noSelection,
+  WI as noSelectionOption,
+  og as omit,
+  NI as pick,
+  CB as responseCurves,
+  eI as set,
+  Rg as statusOptions
 };
 //# sourceMappingURL=index.es.js.map