zds-pickers 4.0.14 → 4.0.16

package/dist/index.es.js

@@ -3,10 +3,10 @@ var ol = (r, a, t) => a in r ? nl(r, a, { enumerable: !0, configurable: !0, writ
 var ot = (r, a, t) => ol(r, typeof a != "symbol" ? a + "" : a, t);
 import le, { createElement as il, Fragment as cl, useState as Te, useCallback as Re, useEffect as ye, useRef as Fe, useMemo as Be, forwardRef as Se, Children as sl, isValidElement as ll, useLayoutEffect as ul } from "react";
 import { jsx as O, jsxs as ne, Fragment as La } from "react/jsx-runtime";
-import on, { components as Pl } from "react-select";
+import nn, { components as Pl } from "react-select";
 import { drag as dl } from "d3-drag";
-import { scaleLinear as cn } from "d3-scale";
-import { select as sn } from "d3-selection";
+import { scaleLinear as on } from "d3-scale";
+import { select as cn } from "d3-selection";
 import ml from "react-dom";
 const n1 = [
   "Bank Select",
@@ -233,7 +233,7 @@ function Ml(r) {
   const a = (r + 1) % 7;
   return a < 0 ? 7 + a : a;
 }
-var ln = (r, a) => Array(Math.abs(a) + 1).join(r), qt = Object.freeze({
+var sn = (r, a) => Array(Math.abs(a) + 1).join(r), Kt = Object.freeze({
   empty: !0,
   name: "",
   num: NaN,
@@ -254,19 +254,19 @@ function Dl(r) {
   const a = Bl.exec(`${r}`);
   return a === null ? ["", ""] : a[1] ? [a[1], a[2]] : [a[4], a[3]];
 }
-var un = {};
+var ln = {};
 function Ga(r) {
-  return typeof r == "string" ? un[r] || (un[r] = Ol(r)) : Vi(r) ? Ga(El(r)) : Ii(r) ? Ga(r.name) : qt;
+  return typeof r == "string" ? ln[r] || (ln[r] = Ol(r)) : Vi(r) ? Ga(El(r)) : Ii(r) ? Ga(r.name) : Kt;
 }
-var Pn = [0, 2, 4, 5, 7, 9, 11], $i = "PMMPPMM";
+var un = [0, 2, 4, 5, 7, 9, 11], $i = "PMMPPMM";
 function Ol(r) {
   const a = Dl(r);
   if (a[0] === "")
-    return qt;
+    return Kt;
   const t = +a[0], e = a[1], n = (Math.abs(t) - 1) % 7, o = $i[n];
   if (o === "M" && e === "P")
-    return qt;
-  const s = o === "M" ? "majorable" : "perfectable", i = "" + t + e, c = t < 0 ? -1 : 1, l = t === 8 || t === -8 ? t : c * (n + 1), h = Al(s, e), u = Math.floor((Math.abs(t) - 1) / 7), p = c * (Pn[n] + h + 12 * u), d = (c * (Pn[n] + h) % 12 + 12) % 12, m = Ji({ step: n, alt: h, oct: u, dir: c });
+    return Kt;
+  const s = o === "M" ? "majorable" : "perfectable", i = "" + t + e, c = t < 0 ? -1 : 1, l = t === 8 || t === -8 ? t : c * (n + 1), h = Al(s, e), u = Math.floor((Math.abs(t) - 1) / 7), p = c * (un[n] + h + 12 * u), d = (c * (un[n] + h) % 12 + 12) % 12, m = Ji({ step: n, alt: h, oct: u, dir: c });
   return {
     empty: !1,
     name: i,
@@ -294,9 +294,9 @@ function El(r) {
   return i + s + Ll(c, t);
 }
 function Ll(r, a) {
-  return a === 0 ? r === "majorable" ? "M" : "P" : a === -1 && r === "majorable" ? "m" : a > 0 ? ln("A", a) : ln("d", r === "perfectable" ? a : a + 1);
+  return a === 0 ? r === "majorable" ? "M" : "P" : a === -1 && r === "majorable" ? "m" : a > 0 ? sn("A", a) : sn("d", r === "perfectable" ? a : a + 1);
 }
-var dn = (r, a) => Array(Math.abs(a) + 1).join(r), Yi = Object.freeze({
+var Pn = (r, a) => Array(Math.abs(a) + 1).join(r), Yi = Object.freeze({
   empty: !0,
   name: "",
   letter: "",
@@ -309,13 +309,13 @@ var dn = (r, a) => Array(Math.abs(a) + 1).join(r), Yi = Object.freeze({
   coord: [],
   midi: null,
   freq: null
-}), mn = /* @__PURE__ */ new Map(), Gl = (r) => "CDEFGAB".charAt(r), xl = (r) => r < 0 ? dn("b", -r) : dn("#", r), Kl = (r) => r[0] === "b" ? -r.length : r.length;
+}), dn = /* @__PURE__ */ new Map(), Gl = (r) => "CDEFGAB".charAt(r), xl = (r) => r < 0 ? Pn("b", -r) : Pn("#", r), Kl = (r) => r[0] === "b" ? -r.length : r.length;
 function De(r) {
-  const a = JSON.stringify(r), t = mn.get(a);
+  const a = JSON.stringify(r), t = dn.get(a);
   if (t)
     return t;
   const e = typeof r == "string" ? zl(r) : Vi(r) ? De(Fl(r)) : Ii(r) ? De(r.name) : Yi;
-  return mn.set(a, e), e;
+  return dn.set(a, e), e;
 }
 var ql = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
 function Nl(r) {
@@ -372,14 +372,14 @@ var Oe = {
   chroma: "000000000000",
   normalized: "000000000000",
   intervals: []
-}, Zi = (r) => Number(r).toString(2).padStart(12, "0"), pn = (r) => parseInt(r, 2), Vl = /^[01]{12}$/;
+}, Zi = (r) => Number(r).toString(2).padStart(12, "0"), mn = (r) => parseInt(r, 2), Vl = /^[01]{12}$/;
 function ec(r) {
   return Vl.test(r);
 }
-var jl = (r) => typeof r == "number" && r >= 0 && r <= 4095, Xl = (r) => r && ec(r.chroma), hn = { [Oe.chroma]: Oe };
+var jl = (r) => typeof r == "number" && r >= 0 && r <= 4095, Xl = (r) => r && ec(r.chroma), pn = { [Oe.chroma]: Oe };
 function rc(r) {
   const a = ec(r) ? r : jl(r) ? Zi(r) : Array.isArray(r) ? Zl(r) : Xl(r) ? r.chroma : Oe.chroma;
-  return hn[a] = hn[a] || Ql(a);
+  return pn[a] = pn[a] || Ql(a);
 }
 var Jl = [
   "1P",
@@ -406,7 +406,7 @@ function Yl(r) {
   return a.map((t, e) => Qi(e, a).join(""));
 }
 function Ql(r) {
-  const a = pn(r), t = Yl(r).map(pn).filter((o) => o >= 2048).sort()[0], e = Zi(t), n = $l(r);
+  const a = mn(r), t = Yl(r).map(mn).filter((o) => o >= 2048).sort()[0], e = Zi(t), n = $l(r);
   return {
     empty: !1,
     name: "",
@@ -744,11 +744,11 @@ function uu(r, a) {
 iu.forEach(
   ([r, a, ...t]) => lu(r.split(" "), a, t)
 );
-function Ft(r) {
+function zt(r) {
   return +r >= 0 && +r <= 127;
 }
 function tc(r) {
-  if (Ft(r))
+  if (zt(r))
     return +r;
   const a = De(r);
   return a.empty ? null : a.midi;
@@ -793,7 +793,7 @@ function cc(r) {
     }
   };
 }
-function It(r, a) {
+function Ft(r, a) {
   const t = Fa(r), e = t.length;
   return (n) => {
     const o = n < 0 ? (e - -n % e) % e : n % e, s = Math.floor(n / e);
@@ -801,7 +801,7 @@ function It(r, a) {
   };
 }
 function sc(r, a) {
-  const t = It(r, a);
+  const t = Ft(r, a);
   return (e) => {
     if (e !== 0)
       return t(e > 0 ? e - 1 : e);
@@ -810,13 +810,13 @@ function sc(r, a) {
 var gu = {
   chroma: za,
   freqToMidi: oc,
-  isMidi: Ft,
+  isMidi: zt,
   midiToFreq: nc,
   midiToNoteName: ic,
   pcsetNearest: cc,
   pcset: Fa,
   pcsetDegrees: sc,
-  pcsetSteps: It,
+  pcsetSteps: Ft,
   toMidi: tc
 };
 const Tu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -824,16 +824,16 @@ const Tu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   chroma: za,
   default: gu,
   freqToMidi: oc,
-  isMidi: Ft,
+  isMidi: zt,
   midiToFreq: nc,
   midiToNoteName: ic,
   pcset: Fa,
   pcsetDegrees: sc,
   pcsetNearest: cc,
-  pcsetSteps: It,
+  pcsetSteps: Ft,
   toMidi: tc
 }, Symbol.toStringTag, { value: "Module" }));
-var Su = De, fn = (r) => Su(r).midi, Vt = [
+var Su = De, hn = (r) => Su(r).midi, It = [
   [0, 2773, 0, "ionian", "", "Maj7", "major"],
   [1, 2902, 2, "dorian", "m", "m7"],
   [2, 3418, 4, "phrygian", "m", "m7"],
@@ -841,7 +841,7 @@ var Su = De, fn = (r) => Su(r).midi, Vt = [
   [4, 2774, 1, "mixolydian", "", "7"],
   [5, 2906, 3, "aeolian", "m", "m7", "minor"],
   [6, 3434, 5, "locrian", "dim", "m7b5"]
-], gn = {
+], fn = {
   ...Oe,
   name: "",
   alt: 0,
@@ -849,14 +849,14 @@ var Su = De, fn = (r) => Su(r).midi, Vt = [
   triad: "",
   seventh: "",
   aliases: []
-}, Cu = Vt.map(vu), Nt = {};
+}, Cu = It.map(vu), qt = {};
 Cu.forEach((r) => {
-  Nt[r.name] = r, r.aliases.forEach((a) => {
-    Nt[a] = r;
+  qt[r.name] = r, r.aliases.forEach((a) => {
+    qt[a] = r;
   });
 });
 function lc(r) {
-  return typeof r == "string" ? Nt[r.toLowerCase()] || gn : r && r.name ? lc(r.name) : gn;
+  return typeof r == "string" ? qt[r.toLowerCase()] || fn : r && r.name ? lc(r.name) : fn;
 }
 function vu(r) {
   const [a, t, e, n, o, s, i] = r, c = i ? [i] : [], l = Number(t).toString(2);
@@ -882,8 +882,8 @@ function uc(r) {
     return n.map((s, i) => o[i] + s);
   };
 }
-uc(Vt.map((r) => r[4]));
-uc(Vt.map((r) => r[5]));
+uc(It.map((r) => r[4]));
+uc(It.map((r) => r[5]));
 var Qe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ie(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
@@ -907,10 +907,10 @@ function Ru(r) {
     });
   }), t;
 }
-var ct, Tn;
+var ct, gn;
 function _u() {
-  if (Tn) return ct;
-  Tn = 1, ct = r;
+  if (gn) return ct;
+  gn = 1, ct = r;
   function r(a, t, e) {
     if (a != null && typeof a != "number")
       throw new Error("start must be a number or null");
@@ -926,7 +926,7 @@ function _u() {
   return ct;
 }
 var bu = _u();
-const jt = /* @__PURE__ */ Ie(bu);
+const Vt = /* @__PURE__ */ Ie(bu);
 var Ze = { exports: {} }, er = { exports: {} }, J = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -936,10 +936,10 @@ var Ze = { exports: {} }, er = { exports: {} }, J = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Sn;
+var Tn;
 function Hu() {
-  if (Sn) return J;
-  Sn = 1;
+  if (Tn) return J;
+  Tn = 1;
   var r = typeof Symbol == "function" && Symbol.for, a = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, e = r ? Symbol.for("react.fragment") : 60107, n = r ? Symbol.for("react.strict_mode") : 60108, o = r ? Symbol.for("react.profiler") : 60114, s = r ? Symbol.for("react.provider") : 60109, i = r ? Symbol.for("react.context") : 60110, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, h = r ? Symbol.for("react.forward_ref") : 60112, u = r ? Symbol.for("react.suspense") : 60113, p = r ? Symbol.for("react.suspense_list") : 60120, d = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, f = r ? Symbol.for("react.block") : 60121, v = r ? Symbol.for("react.fundamental") : 60117, x = r ? Symbol.for("react.responder") : 60118, A = r ? Symbol.for("react.scope") : 60119;
   function R(P) {
     if (typeof P == "object" && P !== null) {
@@ -1011,9 +1011,9 @@ var $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Cn;
+var Sn;
 function yu() {
-  return Cn || (Cn = 1, process.env.NODE_ENV !== "production" && function() {
+  return Sn || (Sn = 1, process.env.NODE_ENV !== "production" && function() {
     var r = typeof Symbol == "function" && Symbol.for, a = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, e = r ? Symbol.for("react.fragment") : 60107, n = r ? Symbol.for("react.strict_mode") : 60108, o = r ? Symbol.for("react.profiler") : 60114, s = r ? Symbol.for("react.provider") : 60109, i = r ? Symbol.for("react.context") : 60110, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, h = r ? Symbol.for("react.forward_ref") : 60112, u = r ? Symbol.for("react.suspense") : 60113, p = r ? Symbol.for("react.suspense_list") : 60120, d = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, f = r ? Symbol.for("react.block") : 60121, v = r ? Symbol.for("react.fundamental") : 60117, x = r ? Symbol.for("react.responder") : 60118, A = r ? Symbol.for("react.scope") : 60119;
     function R(B) {
       return typeof B == "string" || typeof B == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -1094,19 +1094,19 @@ function yu() {
     $.AsyncMode = P, $.ConcurrentMode = C, $.ContextConsumer = T, $.ContextProvider = _, $.Element = w, $.ForwardRef = K, $.Fragment = F, $.Lazy = j, $.Memo = ie, $.Portal = oe, $.Profiler = me, $.StrictMode = Y, $.Suspense = Z, $.isAsyncMode = ue, $.isConcurrentMode = H, $.isContextConsumer = M, $.isContextProvider = U, $.isElement = q, $.isForwardRef = N, $.isFragment = D, $.isLazy = G, $.isMemo = W, $.isPortal = I, $.isProfiler = z, $.isStrictMode = V, $.isSuspense = re, $.isValidElementType = R, $.typeOf = S;
   }()), $;
 }
-var vn;
+var Cn;
 function Pc() {
-  return vn || (vn = 1, process.env.NODE_ENV === "production" ? er.exports = Hu() : er.exports = yu()), er.exports;
+  return Cn || (Cn = 1, process.env.NODE_ENV === "production" ? er.exports = Hu() : er.exports = yu()), er.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var st, Rn;
+var st, vn;
 function Mu() {
-  if (Rn) return st;
-  Rn = 1;
+  if (vn) return st;
+  vn = 1;
   var r = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function e(o) {
     if (o == null)
@@ -1149,25 +1149,25 @@ function Mu() {
     return c;
   }, st;
 }
-var lt, _n;
-function Xt() {
-  if (_n) return lt;
-  _n = 1;
+var lt, Rn;
+function jt() {
+  if (Rn) return lt;
+  Rn = 1;
   var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return lt = r, lt;
 }
-var ut, bn;
+var ut, _n;
 function dc() {
-  return bn || (bn = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
+  return _n || (_n = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
 }
-var Pt, Hn;
+var Pt, bn;
 function ku() {
-  if (Hn) return Pt;
-  Hn = 1;
+  if (bn) return Pt;
+  bn = 1;
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var a = /* @__PURE__ */ Xt(), t = {}, e = /* @__PURE__ */ dc();
+    var a = /* @__PURE__ */ jt(), t = {}, e = /* @__PURE__ */ dc();
     r = function(o) {
       var s = "Warning: " + o;
       typeof console < "u" && console.error(s);
@@ -1209,11 +1209,11 @@ function ku() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, Pt = n, Pt;
 }
-var dt, yn;
+var dt, Hn;
 function wu() {
-  if (yn) return dt;
-  yn = 1;
-  var r = Pc(), a = Mu(), t = /* @__PURE__ */ Xt(), e = /* @__PURE__ */ dc(), n = /* @__PURE__ */ ku(), o = function() {
+  if (Hn) return dt;
+  Hn = 1;
+  var r = Pc(), a = Mu(), t = /* @__PURE__ */ jt(), e = /* @__PURE__ */ dc(), n = /* @__PURE__ */ ku(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
     var c = "Warning: " + i;
@@ -1530,11 +1530,11 @@ Valid keys: ` + JSON.stringify(Object.keys(H), null, "  ")
     return d.checkPropTypes = n, d.resetWarningCache = n.resetWarningCache, d.PropTypes = d, d;
   }, dt;
 }
-var mt, Mn;
+var mt, yn;
 function Bu() {
-  if (Mn) return mt;
-  Mn = 1;
-  var r = /* @__PURE__ */ Xt();
+  if (yn) return mt;
+  yn = 1;
+  var r = /* @__PURE__ */ jt();
   function a() {
   }
   function t() {
@@ -1578,10 +1578,10 @@ function Bu() {
     return o.PropTypes = o, o;
   }, mt;
 }
-var kn;
+var Mn;
 function mc() {
-  if (kn) return Ze.exports;
-  if (kn = 1, process.env.NODE_ENV !== "production") {
+  if (Mn) return Ze.exports;
+  if (Mn = 1, process.env.NODE_ENV !== "production") {
     var r = Pc(), a = !0;
     Ze.exports = /* @__PURE__ */ wu()(r.isElement, a);
   } else
@@ -1596,9 +1596,9 @@ var pt = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var wn;
+var kn;
 function Ou() {
-  return wn || (wn = 1, function(r) {
+  return kn || (kn = 1, function(r) {
     (function() {
       var a = {}.hasOwnProperty;
       function t() {
@@ -1631,10 +1631,10 @@ function Ou() {
 }
 var Au = Ou();
 const Ve = /* @__PURE__ */ Ie(Au);
-var ht, Bn;
+var ht, wn;
 function Eu() {
-  if (Bn) return ht;
-  Bn = 1;
+  if (wn) return ht;
+  wn = 1;
   var r = 200, a = "__lodash_hash_undefined__", t = 9007199254740991, e = "[object Function]", n = "[object GeneratorFunction]", o = /[\\^$.*+?()[\]{}|]/g, s = /^\[object .+?Constructor\]$/, i = typeof Qe == "object" && Qe && Qe.Object === Object && Qe, c = typeof self == "object" && self && self.Object === Object && self, l = i || c || Function("return this")();
   function h(g, b, E) {
     switch (E.length) {
@@ -1900,7 +1900,7 @@ function Eu() {
   return ht = Za, ht;
 }
 var Lu = Eu();
-const Dn = /* @__PURE__ */ Ie(Lu);
+const Bn = /* @__PURE__ */ Ie(Lu);
 function Gu(r, a) {
   var t = r == null ? null : typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
   if (t != null) {
@@ -1942,15 +1942,15 @@ function Q(r, a, t) {
     writable: !0
   }) : r[a] = t, r;
 }
-function Wt() {
-  return Wt = Object.assign ? Object.assign.bind() : function(r) {
+function Nt() {
+  return Nt = Object.assign ? Object.assign.bind() : function(r) {
     for (var a = 1; a < arguments.length; a++) {
       var t = arguments[a];
       for (var e in t)
         Object.prototype.hasOwnProperty.call(t, e) && (r[e] = t[e]);
     }
     return r;
-  }, Wt.apply(this, arguments);
+  }, Nt.apply(this, arguments);
 }
 function ja(r, a) {
   if (typeof a != "function" && a !== null)
@@ -1963,17 +1963,17 @@ function ja(r, a) {
     }
   }), Object.defineProperty(r, "prototype", {
     writable: !1
-  }), a && Ut(r, a);
+  }), a && Wt(r, a);
 }
 function xa(r) {
   return xa = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, xa(r);
 }
-function Ut(r, a) {
-  return Ut = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
+function Wt(r, a) {
+  return Wt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
     return e.__proto__ = n, e;
-  }, Ut(r, a);
+  }, Wt(r, a);
 }
 function Ku() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
@@ -2034,13 +2034,13 @@ function zu(r) {
 }
 function Fu(r, a) {
   if (r) {
-    if (typeof r == "string") return On(r, a);
+    if (typeof r == "string") return Dn(r, a);
     var t = Object.prototype.toString.call(r).slice(8, -1);
     if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return On(r, a);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Dn(r, a);
   }
 }
-function On(r, a) {
+function Dn(r, a) {
   (a == null || a > r.length) && (a = r.length);
   for (var t = 0, e = new Array(a); t < a; t++) e[t] = r[t];
   return e;
@@ -2081,7 +2081,7 @@ var ju = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Xu =
   "A#": 10,
   Bb: 10,
   B: 11
-}, Ka = 12, Jt = Ka, $t = 127, $u = /([a-g])([#b]?)(\d+)/, zt = 12;
+}, Ka = 12, Xt = Ka, Jt = 127, $u = /([a-g])([#b]?)(\d+)/, Ut = 12;
 function Yu(r) {
   if (!r)
     throw Error("Invalid note argument");
@@ -2091,10 +2091,10 @@ function Yu(r) {
   var t = Uu(a, 4), e = t[1], n = t[2], o = t[3], s = "".concat(e.toUpperCase()).concat(n), i = Ju[s];
   if (i == null)
     throw Error("Invalid note argument");
-  return Ka + i + zt * parseInt(o, 10);
+  return Ka + i + Ut * parseInt(o, 10);
 }
 function Qu(r) {
-  var a = (r - Ka) % zt, t = Math.floor((r - Ka) / zt), e = ju[a];
+  var a = (r - Ka) % Ut, t = Math.floor((r - Ka) / Ut), e = ju[a];
   return {
     note: "".concat(e).concat(t),
     pitchName: e,
@@ -2104,7 +2104,7 @@ function Qu(r) {
   };
 }
 function Zu() {
-  return jt(Jt, $t + 1).reduce(function(r, a) {
+  return Vt(Xt, Jt + 1).reduce(function(r, a) {
     return r[a] = Qu(a), r;
   }, {});
 }
@@ -2115,15 +2115,15 @@ function hc(r) {
     throw Error("Invalid MIDI number");
   return a;
 }
-var rP = jt(Jt, $t + 1).filter(function(r) {
+var rP = Vt(Xt, Jt + 1).filter(function(r) {
   return !hc(r).isAccidental;
 }), qa = {
   fromNote: Yu,
   getAttributes: hc,
-  MIN_MIDI_NUMBER: Jt,
-  MAX_MIDI_NUMBER: $t,
+  MIN_MIDI_NUMBER: Xt,
+  MAX_MIDI_NUMBER: Jt,
   NATURAL_MIDI_NUMBERS: rP
-}, aP = 60, Yt = /* @__PURE__ */ function(r) {
+}, aP = 60, $t = /* @__PURE__ */ function(r) {
   ja(t, r);
   var a = Xa(t);
   function t() {
@@ -2193,7 +2193,7 @@ var rP = jt(Jt, $t + 1).filter(function(r) {
     }
   }]), t;
 }(le.Component);
-Q(Yt, "propTypes", {
+Q($t, "propTypes", {
   midiNumber: L.number.isRequired,
   naturalKeyWidth: L.number.isRequired,
   // Width as a ratio between 0 and 1
@@ -2210,7 +2210,7 @@ Q(Yt, "propTypes", {
   pitchPositions: L.object.isRequired,
   children: L.node
 });
-Q(Yt, "defaultProps", {
+Q($t, "defaultProps", {
   accidentalWidthRatio: 0.65,
   onKeyMouseEnter: void 0,
   onKeyMouseLeave: void 0,
@@ -2232,7 +2232,7 @@ Q(Yt, "defaultProps", {
 function ft(r) {
   return "".concat(r * 100, "%");
 }
-var Qt = /* @__PURE__ */ function(r) {
+var Yt = /* @__PURE__ */ function(r) {
   ja(t, r);
   var a = Xa(t);
   function t() {
@@ -2243,7 +2243,7 @@ var Qt = /* @__PURE__ */ function(r) {
     value: (
       // Range of midi numbers on keyboard
       function() {
-        return jt(this.props.noteRange.first, this.props.noteRange.last + 1);
+        return Vt(this.props.noteRange.first, this.props.noteRange.last + 1);
       }
     )
   }, {
@@ -2287,7 +2287,7 @@ var Qt = /* @__PURE__ */ function(r) {
         var i = qa.getAttributes(s);
         i.note;
         var c = i.isAccidental, l = !n.props.disabled && n.props.activeNotes.includes(s);
-        return /* @__PURE__ */ le.createElement(Yt, {
+        return /* @__PURE__ */ le.createElement($t, {
           accidental: c,
           active: l,
           disabled: n.props.disabled,
@@ -2312,7 +2312,7 @@ var Qt = /* @__PURE__ */ function(r) {
     }
   }]), t;
 }(le.Component);
-Q(Qt, "propTypes", {
+Q(Yt, "propTypes", {
   noteRange: tP,
   activeNotes: L.arrayOf(L.number),
   onKeyMouseEnter: L.func,
@@ -2328,7 +2328,7 @@ Q(Qt, "propTypes", {
   // If width is not provided, must have fixed width and height in parent container
   width: L.number
 });
-Q(Qt, "defaultProps", {
+Q(Yt, "defaultProps", {
   disabled: !1,
   gliss: !1,
   keyWidthToHeight: 0.33,
@@ -2338,19 +2338,19 @@ Q(Qt, "defaultProps", {
   },
   useTouchEvents: !1
 });
-function An(r) {
+function On(r) {
   return typeof r != "number" ? !1 : qa.NATURAL_MIDI_NUMBERS.includes(r);
 }
 function tP(r, a, t) {
   var e = r[a], n = e.first, o = e.last;
   if (!n || !o)
     return new Error("Invalid prop ".concat(a, " supplied to ").concat(t, ". ").concat(a, " must be an object with .first and .last values."));
-  if (!An(n) || !An(o))
+  if (!On(n) || !On(o))
     return new Error("Invalid prop ".concat(a, " supplied to ").concat(t, ". ").concat(a, " values must be valid MIDI numbers, and should not be accidentals (sharp or flat notes)."));
   if (n >= o)
     return new Error("Invalid prop ".concat(a, " supplied to ").concat(t, ". ").concat(a, ".first must be smaller than ").concat(a, ".last."));
 }
-var Zt = /* @__PURE__ */ function(r) {
+var Qt = /* @__PURE__ */ function(r) {
   ja(t, r);
   var a = Xa(t);
   function t() {
@@ -2364,7 +2364,7 @@ var Zt = /* @__PURE__ */ function(r) {
     }), Q(se(e), "handleNoteChanges", function(i) {
       var c = i.prevActiveNotes, l = i.nextActiveNotes;
       if (!e.props.disabled) {
-        var h = Dn(c, l), u = Dn(l, c);
+        var h = Bn(c, l), u = Bn(l, c);
         u.forEach(function(p) {
           e.props.playNote(p);
         }), h.forEach(function(p) {
@@ -2451,7 +2451,7 @@ var Zt = /* @__PURE__ */ function(r) {
         onMouseUp: this.onMouseUp,
         onTouchStart: this.onTouchStart,
         "data-testid": "container"
-      }, /* @__PURE__ */ le.createElement(Qt, {
+      }, /* @__PURE__ */ le.createElement(Yt, {
         activeNotes: this.props.activeNotes,
         className: this.props.className,
         disabled: this.props.disabled,
@@ -2471,7 +2471,7 @@ var Zt = /* @__PURE__ */ function(r) {
     }
   }]), t;
 }(le.Component);
-Q(Zt, "propTypes", {
+Q(Qt, "propTypes", {
   noteRange: L.object.isRequired,
   activeNotes: L.arrayOf(L.number.isRequired).isRequired,
   playNote: L.func.isRequired,
@@ -2492,7 +2492,7 @@ Q(Zt, "propTypes", {
     midiNumber: L.number.isRequired
   }))
 });
-Q(Zt, "defaultProps", {
+Q(Qt, "defaultProps", {
   onKeyMouseEnter: void 0,
   onKeyMouseLeave: void 0,
   renderNoteLabel: function(a) {
@@ -2508,7 +2508,7 @@ Q(Zt, "defaultProps", {
     }, t) : null;
   }
 });
-var nP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], en = /* @__PURE__ */ function(r) {
+var nP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], Zt = /* @__PURE__ */ function(r) {
   ja(t, r);
   var a = Xa(t);
   function t() {
@@ -2551,7 +2551,7 @@ var nP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], en = /* @__PURE_
       var n = this.props;
       n.activeNotes, n.onPlayNoteInput, n.onStopNoteInput;
       var o = Nu(n, nP);
-      return /* @__PURE__ */ le.createElement(Zt, Wt({
+      return /* @__PURE__ */ le.createElement(Qt, Nt({
         activeNotes: this.state.activeNotes,
         onPlayNoteInput: this.handlePlayNoteInput,
         onStopNoteInput: this.handleStopNoteInput
@@ -2559,7 +2559,7 @@ var nP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], en = /* @__PURE_
     }
   }]), t;
 }(le.Component);
-Q(en, "propTypes", {
+Q(Zt, "propTypes", {
   noteRange: L.object.isRequired,
   activeNotes: L.arrayOf(L.number.isRequired),
   playNote: L.func.isRequired,
@@ -2576,10 +2576,10 @@ Q(en, "propTypes", {
     midiNumber: L.number.isRequired
   }))
 });
-var gt = { exports: {} }, Tt = { exports: {} }, St, En;
+var gt = { exports: {} }, Tt = { exports: {} }, St, An;
 function oP() {
-  if (En) return St;
-  En = 1;
+  if (An) return St;
+  An = 1;
   function r(t) {
     return t > 64 && t < 91 ? t - 65 : t > 96 && t < 123 ? t - 71 : t > 47 && t < 58 ? t + 4 : t === 43 ? 62 : t === 47 ? 63 : 0;
   }
@@ -2594,9 +2594,9 @@ function oP() {
   }
   return St = { decode: a }, St;
 }
-var Ct, Ln;
+var Ct, En;
 function iP() {
-  return Ln || (Ln = 1, Ct = function(r, a) {
+  return En || (En = 1, Ct = function(r, a) {
     return new Promise(function(t, e) {
       var n = new XMLHttpRequest();
       a && (n.responseType = a), n.open("GET", r), n.onload = function() {
@@ -2607,9 +2607,9 @@ function iP() {
     });
   }), Ct;
 }
-var Gn;
+var Ln;
 function cP() {
-  return Gn || (Gn = 1, function(r) {
+  return Ln || (Ln = 1, function(r) {
     var a = oP(), t = iP();
     function e(T) {
       return function(_) {
@@ -2702,10 +2702,10 @@ function cP() {
     r.exports && (r.exports = o), typeof window < "u" && (window.loadAudio = o);
   }(Tt)), Tt.exports;
 }
-var vt = { exports: {} }, Rt, xn;
+var vt = { exports: {} }, Rt, Gn;
 function sP() {
-  if (xn) return Rt;
-  xn = 1, Rt = r;
+  if (Gn) return Rt;
+  Gn = 1, Rt = r;
   function r(i) {
     var c = i.createGain(), l = c._voltage = e(i), h = n(l), u = n(l), p = n(l);
     return c._startAmount = n(u), c._endAmount = n(p), c._multiplier = n(h), c._multiplier.connect(c), c._startAmount.connect(c), c._endAmount.connect(c), c.value = h.gain, c.startValue = u.gain, c.endValue = p.gain, c.startValue.value = 0, c.endValue.value = 0, Object.defineProperties(c, a), c;
@@ -2771,10 +2771,10 @@ function sP() {
   }
   return Rt;
 }
-var _t, Kn;
+var _t, xn;
 function lP() {
-  if (Kn) return _t;
-  Kn = 1;
+  if (xn) return _t;
+  xn = 1;
   var r = sP(), a = {}, t = {
     gain: 1,
     attack: 0.01,
@@ -2851,10 +2851,10 @@ function lP() {
   }
   return _t = e, _t;
 }
-var bt, qn;
+var bt, Kn;
 function uP() {
-  if (qn) return bt;
-  qn = 1, bt = function(a) {
+  if (Kn) return bt;
+  Kn = 1, bt = function(a) {
     return a.on = function(t, e) {
       if (arguments.length === 1 && typeof t == "function") return a.on("event", t);
       var n = "on" + t, o = a[n];
@@ -2868,10 +2868,10 @@ function uP() {
   }
   return bt;
 }
-var Ht, Nn;
+var Ht, qn;
 function PP() {
-  if (Nn) return Ht;
-  Nn = 1;
+  if (qn) return Ht;
+  qn = 1;
   var r = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
   function a() {
     return r;
@@ -2895,10 +2895,10 @@ function PP() {
     };
   }), Ht = o, Ht;
 }
-var yt, Wn;
+var yt, Nn;
 function dP() {
-  if (Wn) return yt;
-  Wn = 1;
+  if (Nn) return yt;
+  Nn = 1;
   var r = PP(), a = function(n) {
     return n !== null && n !== [] && n >= 0 && n < 129;
   }, t = function(n) {
@@ -2925,10 +2925,10 @@ function dP() {
   }
   return yt;
 }
-var Mt, Un;
+var Mt, Wn;
 function mP() {
-  if (Un) return Mt;
-  Un = 1;
+  if (Wn) return Mt;
+  Wn = 1;
   var r = Array.isArray, a = function(e) {
     return e && typeof e == "object";
   }, t = {};
@@ -2948,9 +2948,9 @@ function mP() {
 function rr(r) {
   throw new Error('Could not dynamically require "' + r + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var kt = { exports: {} }, zn;
+var kt = { exports: {} }, Un;
 function pP() {
-  return zn || (zn = 1, function(r, a) {
+  return Un || (Un = 1, function(r, a) {
     (function(t) {
       r.exports = t();
     })(function() {
@@ -3013,10 +3013,10 @@ function pP() {
     });
   }(kt)), kt.exports;
 }
-var wt, Fn;
+var wt, zn;
 function hP() {
-  if (Fn) return wt;
-  Fn = 1;
+  if (zn) return wt;
+  zn = 1;
   var r = pP();
   return wt = function(a) {
     return a.listenToMidi = function(t, e) {
@@ -3038,9 +3038,9 @@ function hP() {
     }, a;
   }, wt;
 }
-var In;
+var Fn;
 function fP() {
-  return In || (In = 1, function(r) {
+  return Fn || (Fn = 1, function(r) {
     var a = lP(), t = uP(), e = dP(), n = mP(), o = hP();
     function s(i, c, l) {
       return o(n(e(t(a(i, c, l)))));
@@ -3048,10 +3048,10 @@ function fP() {
     r.exports && (r.exports = s), typeof window < "u" && (window.SamplePlayer = s);
   }(vt)), vt.exports;
 }
-function Vn(r, a) {
+function In(r, a) {
   return Array(a + 1).join(r);
 }
-function rn(r) {
+function en(r) {
   return typeof r == "number";
 }
 function gP(r) {
@@ -3079,16 +3079,16 @@ function be(r, a, t) {
 }
 var vP = "CDEFGAB";
 function RP(r) {
-  return rn(r) ? r < 0 ? Vn("b", -r) : Vn("#", r) : "";
+  return en(r) ? r < 0 ? In("b", -r) : In("#", r) : "";
 }
 function _P(r) {
-  return rn(r) ? "" + r : "";
+  return en(r) ? "" + r : "";
 }
 function Tc(r, a, t) {
   return r === null || typeof r > "u" ? null : r.step ? Tc(r.step, r.alt, r.oct) : r < 0 || r > 6 ? null : vP.charAt(r) + RP(a) + _P(t);
 }
 function Sc(r) {
-  if ((rn(r) || gP(r)) && r >= 0 && r < 128) return +r;
+  if ((en(r) || gP(r)) && r >= 0 && r < 128) return +r;
   var a = be(r);
   return a && TP(a.midi) ? a.midi : null;
 }
@@ -3132,10 +3132,10 @@ const OP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   regex: SP,
   step: kP
 }, Symbol.toStringTag, { value: "Module" })), AP = /* @__PURE__ */ Ru(OP);
-var Bt, jn;
+var Bt, Vn;
 function EP() {
-  if (jn) return Bt;
-  jn = 1;
+  if (Vn) return Bt;
+  Vn = 1;
   var r = AP;
   function a(n, o) {
     if (console.warn("new Soundfont() is deprected"), console.log("Please use Soundfont.instrument() instead of new Soundfont().instrument()"), !(this instanceof a)) return new a(n);
@@ -3182,9 +3182,9 @@ function EP() {
   }
   return a.noteToMidi = r.midi, Bt = a, Bt;
 }
-var Xn;
+var jn;
 function LP() {
-  return Xn || (Xn = 1, function(r) {
+  return jn || (jn = 1, function(r) {
     var a = cP(), t = fP();
     function e(i, c, l) {
       if (arguments.length === 1) return function(m, f) {
@@ -3207,7 +3207,7 @@ function LP() {
   }(gt)), gt.exports;
 }
 var GP = LP();
-const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc = (r) => {
+const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc = (r) => {
   const {
     audioContext: a,
     format: t,
@@ -3218,13 +3218,13 @@ const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc
     soundfont: i
   } = r, [c, l] = Te(!0), [h, u] = Te({}), [p, d] = Te(null), m = Re(
     (A) => {
-      d(null), Dt(e) ? Jn.instrument(a, A, {
+      d(null), Jn(e) ? Xn.instrument(a, A, {
         format: t,
         soundfont: i,
         nameToUrl: (R, S, P) => `${e}/${S}/${R}-${P}.js`
       }).then((R) => {
         d(R);
-      }) : Dt(n) ? Jn.instrument(a, n).then(
+      }) : n ? Xn.instrument(a, n).then(
         (R) => {
           d(R);
         }
@@ -3233,9 +3233,9 @@ const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc
     [a, t, e, n, i]
   );
   return ye(() => {
-    m(n);
+    n && m(n);
   }, [n, m]), ye(() => {
-    Dt(n) && l(!p);
+    Jn(n) && l(!p);
   }, [p, n]), s({
     isLoading: c,
     playNote: (A) => {
@@ -3263,7 +3263,7 @@ const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc
       });
     }
   });
-}, Ot = [
+}, Dt = [
   "C",
   "C#",
   "D",
@@ -3282,9 +3282,9 @@ const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc
   width: t,
   ...e
 }) => {
-  const o = (t / KP + 2) / a, s = fn(Ot[0] + String(r)) || 0, i = fn(Ot[Ot.length - 1] + String(r)) || 0;
+  const o = (t / KP + 2) / a, s = hn(Dt[0] + String(r)) || 0, i = hn(Dt[Dt.length - 1] + String(r)) || 0;
   return /* @__PURE__ */ O("div", { children: /* @__PURE__ */ O(
-    en,
+    Zt,
     {
       keyWidthToHeight: o,
       noteRange: { first: s, last: i },
@@ -3557,7 +3557,7 @@ const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc
       };
     }, [i, c]);
     return c ? /* @__PURE__ */ O("div", { className: "zds-pickers__container", children: /* @__PURE__ */ O(
-      on,
+      nn,
       {
         ...h,
         classNamePrefix: "zds-pickers",
@@ -3577,7 +3577,7 @@ const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc
     ) }) : /* @__PURE__ */ ne("div", { className: "zds-pickers__container", children: [
       !!n && /* @__PURE__ */ O("span", { className: "zds-pickers__label", children: n }),
       /* @__PURE__ */ O(
-        on,
+        nn,
         {
           ...h,
           classNamePrefix: "zds-pickers",
@@ -3651,15 +3651,15 @@ const Jn = /* @__PURE__ */ Ie(GP), Dt = (r) => r != null && !Number.isNaN(r), Cc
     options: JP,
     ref: t
   }
-)), an = (r) => {
+)), rn = (r) => {
   const [a, t] = Te(r);
   return ye(() => {
     t(r);
   }, [r]), [a, t];
 };
-var At, eo;
+var Ot, eo;
 function QP() {
-  return eo || (eo = 1, At = function(r) {
+  return eo || (eo = 1, Ot = function(r) {
     var a = {};
     function t(e) {
       if (a[e]) return a[e].exports;
@@ -4042,13 +4042,13 @@ function QP() {
     }(n.default.Component);
     a.default = h, h.propTypes = { selector: o.default.string.isRequired, onElementSelected: o.default.func }, h.defaultProps = { onElementSelected: function() {
     } };
-  }])), At;
+  }])), Ot;
 }
-var Et, ro;
+var At, ro;
 function ZP() {
-  return ro || (ro = 1, Et = QP()), Et;
+  return ro || (ro = 1, At = QP()), At;
 }
-var Lt = ZP();
+var Et = ZP();
 class vc extends le.Component {
   render() {
     const a = this.props, t = {};
@@ -4075,7 +4075,19 @@ class vc extends le.Component {
 ot(vc, "defaultProps", {
   step: 1
 });
-class ao extends le.Component {
+function ao(r) {
+  return r * Math.PI / 180;
+}
+function ed(r, a) {
+  return r >= 0 && a >= 0 ? 1 : r <= 0 && a >= 0 ? 2 : r <= 0 && a <= 0 ? 3 : r >= 0 && a <= 0 ? 4 : 1;
+}
+function Lt(r, a) {
+  if (r === 0 && a === 0) return 0;
+  let e = Math.atan(r / a) * 180 / Math.PI;
+  const n = ed(r, a);
+  return n === 1 && (e = 90 - e), n === 2 && (e = 90 - e), n === 3 && (e = 270 - e), n === 4 && (e = 270 - e), e;
+}
+class to extends le.Component {
   render() {
     const {
       r: a,
@@ -4097,7 +4109,7 @@ class ao extends le.Component {
     );
   }
 }
-class ed extends le.Component {
+class rd extends le.Component {
   render() {
     const { width: a = 2, color: t = "black", p1: e, p2: n, ...o } = this.props;
     return /* @__PURE__ */ O(
@@ -4114,7 +4126,7 @@ class ed extends le.Component {
     );
   }
 }
-class rd extends le.Component {
+class ad extends le.Component {
   render() {
     const { children: a, ...t } = this.props, e = {
       overlay: Object.assign(
@@ -4145,18 +4157,6 @@ class rd extends le.Component {
     );
   }
 }
-function to(r) {
-  return r * Math.PI / 180;
-}
-function ad(r, a) {
-  return r >= 0 && a >= 0 ? 1 : r <= 0 && a >= 0 ? 2 : r <= 0 && a <= 0 ? 3 : r >= 0 && a <= 0 ? 4 : 1;
-}
-function Gt(r, a) {
-  if (r === 0 && a === 0) return 0;
-  let e = Math.atan(r / a) * 180 / Math.PI;
-  const n = ad(r, a);
-  return n === 1 && (e = 90 - e), n === 2 && (e = 90 - e), n === 3 && (e = 270 - e), n === 4 && (e = 270 - e), e;
-}
 class td extends le.Component {
   constructor() {
     super(...arguments);
@@ -4169,7 +4169,7 @@ class td extends le.Component {
   }
   static getDerivedStateFromProps(t, e) {
     if (!t.svgRef) return e;
-    const n = t.svgRef.getBoundingClientRect(), o = n.width / 2, s = t.radius * Math.cos(to(t.valueAngle - 90)), i = t.radius * Math.sin(to(t.valueAngle - 90));
+    const n = t.svgRef.getBoundingClientRect(), o = n.width / 2, s = t.radius * Math.cos(ao(t.valueAngle - 90)), i = t.radius * Math.sin(ao(t.valueAngle - 90));
     return {
       ...e,
       centerX: n.left + o,
@@ -4180,7 +4180,7 @@ class td extends le.Component {
   }
   render() {
     const t = this.props.minimumDragDistance <= this.props.radius ? "green" : "grey", e = this.props.minimumDragDistance <= this.props.radius ? "#88E22D" : "#D8D8D8", n = this.props.minimumDragDistance >= this.props.radius;
-    return /* @__PURE__ */ O(rd, { children: /* @__PURE__ */ ne(
+    return /* @__PURE__ */ O(ad, { children: /* @__PURE__ */ ne(
       "svg",
       {
         style: { position: "absolute", top: "0", left: "0" },
@@ -4201,7 +4201,7 @@ class td extends le.Component {
             }
           ) }),
           /* @__PURE__ */ O(
-            ao,
+            to,
             {
               borderColor: t,
               fillColor: e,
@@ -4212,7 +4212,7 @@ class td extends le.Component {
             }
           ),
           n && /* @__PURE__ */ O(
-            ao,
+            to,
             {
               borderColor: t,
               fillColor: e,
@@ -4223,7 +4223,7 @@ class td extends le.Component {
             }
           ),
           /* @__PURE__ */ O(
-            ed,
+            rd,
             {
               p1: { x: this.state.centerX, y: this.state.centerY },
               p2: {
@@ -4331,7 +4331,7 @@ const nd = {
   }, ie = (D) => {
     const G = D - p;
     return oe().invert(F(G));
-  }, oe = () => ((!_ || _.min !== i || _.max !== s || _.clampMin !== t || _.clampMax !== a) && (p < 270 && p > 90 ? T = cn().domain([i, s]).range([t, a]) : T = cn().domain([s, i]).range([a, t]), T.clamp(!0), _ = {
+  }, oe = () => ((!_ || _.min !== i || _.max !== s || _.clampMin !== t || _.clampMax !== a) && (p < 270 && p > 90 ? T = on().domain([i, s]).range([t, a]) : T = on().domain([s, i]).range([a, t]), T.clamp(!0), _ = {
     min: i,
     max: s,
     clampMin: t,
@@ -4341,7 +4341,7 @@ const nd = {
     S(x !== void 0), K((D) => ({
       ...D,
       uncontrolledValue: x ?? e ?? 0
-    })), P.current && (sn(P.current).on(".drag", null), n || pe(sn(P.current)));
+    })), P.current && (cn(P.current).on(".drag", null), n || pe(cn(P.current)));
   }, [x, e, n]);
   const me = (D) => {
     w.svgRef || K({ ...w, svgRef: D });
@@ -4358,14 +4358,14 @@ const nd = {
     function Ce(te) {
       if (!(te != null && te.sourceEvent) || !G) return;
       const Pe = Z();
-      W = G.getBoundingClientRect(), D.classed("dragging", !0), h(), V = { x: te.x - I, y: te.y - z }, re = Gt(V.x, V.y), B = j(Pe), ae = !1;
+      W = G.getBoundingClientRect(), D.classed("dragging", !0), h(), V = { x: te.x - I, y: te.y - z }, re = Lt(V.x, V.y), B = j(Pe), ae = !1;
     }
     function fe(te) {
       const Pe = { x: te.x - I, y: te.y - z }, Ae = Math.sqrt(
         Pe.x ** 2 + Pe.y ** 2
       );
-      u ? !ae && Ae >= v && (V = Pe, re = Gt(Pe.x, Pe.y), ae = !0) : ae = !0;
-      const We = Gt(Pe.x, Pe.y) - re;
+      u ? !ae && Ae >= v && (V = Pe, re = Lt(Pe.x, Pe.y), ae = !0) : ae = !0;
+      const We = Lt(Pe.x, Pe.y) - re;
       let ge = B + We;
       ge = F(ge), ae && Y(ge), K((Ee) => ({
         ...Ee,
@@ -4411,7 +4411,7 @@ const nd = {
     for (const z of D.attrs || [])
       I[z.name] = z.value(r, H);
     return /* @__PURE__ */ O(
-      Lt.SvgProxy,
+      Et.SvgProxy,
       {
         selector: D.element,
         ...I,
@@ -4442,7 +4442,7 @@ const nd = {
             }
           ),
           /* @__PURE__ */ ne(
-            Lt.SvgLoader,
+            Et.SvgLoader,
             {
               height: "100%",
               svgXML: d.svg,
@@ -4450,7 +4450,7 @@ const nd = {
               onSVGReady: me,
               children: [
                 /* @__PURE__ */ O(
-                  Lt.SvgProxy,
+                  Et.SvgProxy,
                   {
                     selector: "#knob",
                     transform: `$ORIGINAL rotate(${M}, ${d.knobX}, ${d.knobY})`
@@ -4575,7 +4575,7 @@ const nd = {
     wheelEnabled: s = !1,
     wheelSensitivity: i = 0.1,
     ...c
-  } = r, [l, h] = an(o), u = (d) => {
+  } = r, [l, h] = rn(o), u = (d) => {
     if (a) return;
     const m = Na(Number.parseInt(String(d), 10), t, e);
     h(m), n && n(m);
@@ -4679,7 +4679,7 @@ const nd = {
     ref: a
   }
 ));
-var xt = {}, we = {}, ee = {}, he = {}, Ue = {}, no;
+var Gt = {}, we = {}, ee = {}, he = {}, Ue = {}, no;
 function ld() {
   if (no) return Ue;
   no = 1, Object.defineProperty(Ue, "__esModule", { value: !0 });
@@ -11877,11 +11877,11 @@ function _c() {
       "Zendrum TRS 2.0",
       "Zendrum TRS"
     ];
-  }, we.getMapping = function(tn) {
-    var nn = (0, r.getUserMapping)(tn);
-    if (nn)
-      return nn;
-    switch (tn) {
+  }, we.getMapping = function(an) {
+    var tn = (0, r.getUserMapping)(an);
+    if (tn)
+      return tn;
+    switch (an) {
       case "2box":
         return t.default;
       case "Addictive Drums":
@@ -12105,7 +12105,7 @@ function Wm() {
         { value: "Groove", label: "Groove" }
       ];
     };
-  }(xt)), xt;
+  }(Gt)), Gt;
 }
 var Wa = Wm();
 const m1 = Se(({ allowClearing: r, ...a }, t) => {
@@ -12151,7 +12151,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
     onChange: s,
     value: i,
     ...c
-  } = r, l = Be(() => n ? Wa.emptyMapping().map(({ note: d }) => `${Um(d, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${d})`).map(Wi) : (o || Wa.emptyMapping()).map(zm).map(Wi), [n, o]), [h, u] = an(i), p = Re(
+  } = r, l = Be(() => n ? Wa.emptyMapping().map(({ note: d }) => `${Um(d, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${d})`).map(Wi) : (o || Wa.emptyMapping()).map(zm).map(Wi), [n, o]), [h, u] = rn(i), p = Re(
     (d) => {
       if (typeof d == "string") return;
       const m = Na(d, 128, 0);
@@ -12173,7 +12173,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
 }), bc = 21, Hc = 108, Fm = Hc - bc - 1, Im = Fm * 0.7, Vm = new window.AudioContext(), jm = ({ height: r, width: a, ...t }) => {
   const n = (a / Im + 2) / r;
   return /* @__PURE__ */ O("div", { children: /* @__PURE__ */ O(
-    en,
+    Zt,
     {
       keyWidthToHeight: n,
       noteRange: { first: bc, last: Hc },
@@ -12254,7 +12254,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
       };
     }
   }, [r.current]), a;
-}, Ua = 20, Kt = 15, Ke = Ua, Aa = Ua, Jm = (r) => {
+}, Ua = 20, xt = 15, Ke = Ua, Aa = Ua, Jm = (r) => {
   const {
     Tooltip: a = Fi,
     autosize: t,
@@ -12384,14 +12384,14 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
                   "rect",
                   {
                     className: R === s ? "button-selected" : "button",
-                    height: Kt,
+                    height: xt,
                     onClick: e ? (ie) => ie : () => o({
                       target: {
                         value: Number.parseInt(String(R))
                       }
                     }),
-                    transform: `translate(${F + 3} ${j - Kt / 1.05}) rotate(45)`,
-                    width: Kt
+                    transform: `translate(${F + 3} ${j - xt / 1.05}) rotate(45)`,
+                    width: xt
                   }
                 )
               }
@@ -12473,7 +12473,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
   } = r, l = Be(() => {
     const d = Ja(n - o + 1).map((m) => o + m).map((m) => ({ value: m, label: m }));
     return e ? d.reverse() : d;
-  }, [e, n, o]), [h, u] = an(i), p = Re(
+  }, [e, n, o]), [h, u] = rn(i), p = Re(
     (d) => {
       s(Na(d, n, o)), u(Number.parseInt(String(d), 10));
     },