zds-pickers 4.0.16 → 4.0.18

package/dist/index.es.js

@@ -1,14 +1,20 @@
 var nl = Object.defineProperty;
 var ol = (r, a, t) => a in r ? nl(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t;
 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 le, { createElement as il, Fragment as cl, useState as Se, useCallback as _e, useEffect as ye, useRef as Fe, useMemo as Be, forwardRef as fe, 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 nn, { components as Pl } from "react-select";
 import { drag as dl } from "d3-drag";
 import { scaleLinear as on } from "d3-scale";
 import { select as cn } from "d3-selection";
 import ml from "react-dom";
-const n1 = [
+const za = (r) => Array.from(new Array(r).keys()), Ga = (r, a = 127, t = 0) => {
+  let e = typeof r == "string" ? Number.parseInt(r, 10) : r;
+  return (Number.isNaN(e) || e === null) && (e = t), e >= t ? e <= a ? e : a : t;
+}, pl = (r, a) => (t) => t == null ? void 0 : t.find((e) => (e == null ? void 0 : e[r]) === a), hl = (...r) => (a) => Object.entries(a).filter(([t]) => !r.flat().map(String).includes(t)).reduce((t, [e, n]) => Object.assign(t, { [e]: n }), {}), o1 = (...r) => (a) => Object.entries(a).filter(([t]) => r.flat().map(String).includes(t)).reduce((t, [e, n]) => Object.assign(t, { [e]: n }), {}), i1 = (r, a) => (t) => ({
+  ...t,
+  [r]: a
+}), fl = [
   "Bank Select",
   "Modulation Wheel",
   "Breath Controller",
@@ -157,7 +163,7 @@ const n1 = [
   // 1101
   pitchWheel: 14
   // 1110
-}, pl = 15, hl = 240, fl = [
+}, gl = 15, Tl = 240, Sl = [
   { value: ke.noteOn, label: "Note On" },
   { value: ke.noteOff, label: "Note Stack" },
   { value: ke.controlChange, label: "Control Change" },
@@ -165,43 +171,43 @@ const n1 = [
   { value: ke.aftertouch, label: "Aftertouch" },
   { value: ke.channelPressure, label: "Channel Pressure" },
   { value: ke.pitchWheel, label: "Pitch Wheel" }
-], o1 = (r) => {
+], c1 = (r) => {
   var a;
-  return ((a = fl.filter(({ value: t }) => t === r)[0]) == null ? void 0 : a.label) || "???";
-}, i1 = (r, a) => r | a << 4, c1 = (r) => ({
-  status: (r & hl) >> 4 | 8,
-  channel: r & pl
-}), gl = 0, Tl = 1, Sl = 2, Cl = 3, vl = 4, Rl = 5, _l = 6, bl = 7, zi = [
+  return ((a = Sl.filter(({ value: t }) => t === r)[0]) == null ? void 0 : a.label) || "???";
+}, s1 = (r, a) => r | a << 4, l1 = (r) => ({
+  status: (r & Tl) >> 4 | 8,
+  channel: r & gl
+}), Cl = 0, vl = 1, Rl = 2, _l = 3, bl = 4, Hl = 5, yl = 6, Ml = 7, zi = [
   {
-    value: bl,
+    value: Ml,
     label: "Always maxed out."
   },
   {
-    value: _l,
+    value: yl,
     label: "Most sensitive."
   },
   {
-    value: Rl,
+    value: Hl,
     label: "Moderately sensitive."
   },
   {
-    value: vl,
+    value: bl,
     label: "A little sensitive."
   },
   {
-    value: gl,
+    value: Cl,
     label: "Linear, no change."
   },
   {
-    value: Tl,
+    value: vl,
     label: "A little less sensitive."
   },
   {
-    value: Sl,
+    value: Rl,
     label: "Even less sensitive."
   },
   {
-    value: Cl,
+    value: _l,
     label: "Least sensitive."
   }
 ], Fi = ({ children: r }) => il(cl, null, r);
@@ -221,15 +227,15 @@ function Ji(r) {
   const s = e - Xi[a] - 4 * t;
   return [n * o, n * s];
 }
-var Hl = [3, 0, 4, 1, 5, 2, 6];
-function yl(r) {
-  const [a, t, e] = r, n = Hl[Ml(a)], o = Math.floor((a + 1) / 7);
+var kl = [3, 0, 4, 1, 5, 2, 6];
+function wl(r) {
+  const [a, t, e] = r, n = kl[Bl(a)], o = Math.floor((a + 1) / 7);
   if (t === void 0)
     return { step: n, alt: o, dir: e };
   const s = t + 4 * o + Xi[n];
   return { step: n, alt: o, oct: s, dir: e };
 }
-function Ml(r) {
+function Bl(r) {
   const a = (r + 1) % 7;
   return a < 0 ? 7 + a : a;
 }
@@ -247,26 +253,26 @@ var sn = (r, a) => Array(Math.abs(a) + 1).join(r), Kt = Object.freeze({
   chroma: NaN,
   coord: [],
   oct: NaN
-}), kl = "([-+]?\\d+)(d{1,4}|m|M|P|A{1,4})", wl = "(AA|A|P|M|m|d|dd)([-+]?\\d+)", Bl = new RegExp(
-  "^" + kl + "|" + wl + "$"
+}), Dl = "([-+]?\\d+)(d{1,4}|m|M|P|A{1,4})", Ol = "(AA|A|P|M|m|d|dd)([-+]?\\d+)", Al = new RegExp(
+  "^" + Dl + "|" + Ol + "$"
 );
-function Dl(r) {
-  const a = Bl.exec(`${r}`);
+function El(r) {
+  const a = Al.exec(`${r}`);
   return a === null ? ["", ""] : a[1] ? [a[1], a[2]] : [a[4], a[3]];
 }
 var ln = {};
-function Ga(r) {
-  return typeof r == "string" ? ln[r] || (ln[r] = Ol(r)) : Vi(r) ? Ga(El(r)) : Ii(r) ? Ga(r.name) : Kt;
+function xa(r) {
+  return typeof r == "string" ? ln[r] || (ln[r] = Ll(r)) : Vi(r) ? xa(xl(r)) : Ii(r) ? xa(r.name) : Kt;
 }
 var un = [0, 2, 4, 5, 7, 9, 11], $i = "PMMPPMM";
-function Ol(r) {
-  const a = Dl(r);
+function Ll(r) {
+  const a = El(r);
   if (a[0] === "")
     return Kt;
   const t = +a[0], e = a[1], n = (Math.abs(t) - 1) % 7, o = $i[n];
   if (o === "M" && e === "P")
     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 });
+  const s = o === "M" ? "majorable" : "perfectable", i = "" + t + e, c = t < 0 ? -1 : 1, l = t === 8 || t === -8 ? t : c * (n + 1), h = Gl(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,
@@ -283,17 +289,17 @@ function Ol(r) {
     oct: u
   };
 }
-function Al(r, a) {
+function Gl(r, a) {
   return a === "M" && r === "majorable" || a === "P" && r === "perfectable" ? 0 : a === "m" && r === "majorable" ? -1 : /^A+$/.test(a) ? a.length : /^d+$/.test(a) ? -1 * (r === "perfectable" ? a.length : a.length + 1) : 0;
 }
-function El(r) {
+function xl(r) {
   const { step: a, alt: t, oct: e = 0, dir: n } = r;
   if (!n)
     return "";
   const o = a + 1 + 7 * e, s = o === 0 ? a + 1 : o, i = n < 0 ? "-" : "", c = $i[a] === "M" ? "majorable" : "perfectable";
-  return i + s + Ll(c, t);
+  return i + s + Kl(c, t);
 }
-function Ll(r, a) {
+function Kl(r, a) {
   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 Pn = (r, a) => Array(Math.abs(a) + 1).join(r), Yi = Object.freeze({
@@ -309,28 +315,28 @@ var Pn = (r, a) => Array(Math.abs(a) + 1).join(r), Yi = Object.freeze({
   coord: [],
   midi: null,
   freq: null
-}), 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;
+}), dn = /* @__PURE__ */ new Map(), ql = (r) => "CDEFGAB".charAt(r), Nl = (r) => r < 0 ? Pn("b", -r) : Pn("#", r), Wl = (r) => r[0] === "b" ? -r.length : r.length;
 function De(r) {
   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;
+  const e = typeof r == "string" ? Vl(r) : Vi(r) ? De(jl(r)) : Ii(r) ? De(r.name) : Yi;
   return dn.set(a, e), e;
 }
-var ql = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
-function Nl(r) {
-  const a = ql.exec(r);
+var Ul = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
+function zl(r) {
+  const a = Ul.exec(r);
   return a ? [a[1].toUpperCase(), a[2].replace(/x/g, "##"), a[3], a[4]] : ["", "", "", ""];
 }
-function Wl(r) {
-  return De(yl(r));
+function Fl(r) {
+  return De(wl(r));
 }
-var Ul = (r, a) => (r % a + a) % a, it = [0, 2, 4, 5, 7, 9, 11];
-function zl(r) {
-  const a = Nl(r);
+var Il = (r, a) => (r % a + a) % a, it = [0, 2, 4, 5, 7, 9, 11];
+function Vl(r) {
+  const a = zl(r);
   if (a[0] === "" || a[3] !== "")
     return Yi;
-  const t = a[0], e = a[1], n = a[2], o = (t.charCodeAt(0) + 3) % 7, s = Kl(e), i = n.length ? +n : void 0, c = Ji({ step: o, alt: s, oct: i }), l = t + e + n, h = t + e, u = (it[o] + s + 120) % 12, p = i === void 0 ? Ul(it[o] + s, 12) - 12 * 99 : it[o] + s + 12 * (i + 1), d = p >= 0 && p <= 127 ? p : null, m = i === void 0 ? null : Math.pow(2, (p - 69) / 12) * 440;
+  const t = a[0], e = a[1], n = a[2], o = (t.charCodeAt(0) + 3) % 7, s = Wl(e), i = n.length ? +n : void 0, c = Ji({ step: o, alt: s, oct: i }), l = t + e + n, h = t + e, u = (it[o] + s + 120) % 12, p = i === void 0 ? Il(it[o] + s, 12) - 12 * 99 : it[o] + s + 12 * (i + 1), d = p >= 0 && p <= 127 ? p : null, m = i === void 0 ? null : Math.pow(2, (p - 69) / 12) * 440;
   return {
     empty: !1,
     acc: e,
@@ -347,19 +353,19 @@ function zl(r) {
     step: o
   };
 }
-function Fl(r) {
-  const { step: a, alt: t, oct: e } = r, n = Gl(a);
+function jl(r) {
+  const { step: a, alt: t, oct: e } = r, n = ql(a);
   if (!n)
     return "";
-  const o = n + xl(t);
+  const o = n + Nl(t);
   return e || e === 0 ? o + e : o;
 }
-function Il(r, a) {
-  const t = De(r), e = Array.isArray(a) ? a : Ga(a).coord;
+function Xl(r, a) {
+  const t = De(r), e = Array.isArray(a) ? a : xa(a).coord;
   if (t.empty || !e || e.length < 2)
     return "";
   const n = t.coord, o = n.length === 1 ? [n[0] + e[0]] : [n[0] + e[0], n[1] + e[1]];
-  return Wl(o).name;
+  return Fl(o).name;
 }
 function Qi(r, a) {
   const t = a.length, e = (r % t + t) % t;
@@ -372,16 +378,16 @@ var Oe = {
   chroma: "000000000000",
   normalized: "000000000000",
   intervals: []
-}, Zi = (r) => Number(r).toString(2).padStart(12, "0"), mn = (r) => parseInt(r, 2), Vl = /^[01]{12}$/;
+}, Zi = (r) => Number(r).toString(2).padStart(12, "0"), mn = (r) => parseInt(r, 2), Jl = /^[01]{12}$/;
 function ec(r) {
-  return Vl.test(r);
+  return Jl.test(r);
 }
-var jl = (r) => typeof r == "number" && r >= 0 && r <= 4095, Xl = (r) => r && ec(r.chroma), pn = { [Oe.chroma]: Oe };
+var $l = (r) => typeof r == "number" && r >= 0 && r <= 4095, Yl = (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 pn[a] = pn[a] || Ql(a);
+  const a = ec(r) ? r : $l(r) ? Zi(r) : Array.isArray(r) ? au(r) : Yl(r) ? r.chroma : Oe.chroma;
+  return pn[a] = pn[a] || ru(a);
 }
-var Jl = [
+var Ql = [
   "1P",
   "2m",
   "2M",
@@ -395,18 +401,18 @@ var Jl = [
   "7m",
   "7M"
 ];
-function $l(r) {
+function Zl(r) {
   const a = [];
   for (let t = 0; t < 12; t++)
-    r.charAt(t) === "1" && a.push(Jl[t]);
+    r.charAt(t) === "1" && a.push(Ql[t]);
   return a;
 }
-function Yl(r) {
+function eu(r) {
   const a = r.split("");
   return a.map((t, e) => Qi(e, a).join(""));
 }
-function Ql(r) {
-  const a = mn(r), t = Yl(r).map(mn).filter((o) => o >= 2048).sort()[0], e = Zi(t), n = $l(r);
+function ru(r) {
+  const a = mn(r), t = eu(r).map(mn).filter((o) => o >= 2048).sort()[0], e = Zi(t), n = Zl(r);
   return {
     empty: !1,
     name: "",
@@ -416,16 +422,16 @@ function Ql(r) {
     intervals: n
   };
 }
-function Zl(r) {
+function au(r) {
   if (r.length === 0)
     return Oe.chroma;
   let a;
   const t = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
   for (let e = 0; e < r.length; e++)
-    a = De(r[e]), a.empty && (a = Ga(r[e])), a.empty || (t[a.chroma] = 1);
+    a = De(r[e]), a.empty && (a = xa(r[e])), a.empty || (t[a.chroma] = 1);
   return t.join("");
 }
-var eu = [
+var tu = [
   // ==Major==
   ["1P 3M 5P", "major", "M ^  maj"],
   ["1P 3M 5P 7M", "major seventh", "maj7 Δ ma7 M7 Maj7 ^7"],
@@ -558,33 +564,33 @@ var eu = [
   ["1P 4P 5P 7m 9m 13m", "", "7sus4b9b13 7b9b13sus4"],
   ["1P 4P 7m 10m", "", "4 quartal"],
   ["1P 5P 7m 9m 11P", "", "11b9"]
-], ru = eu;
+], nu = tu;
 ({
   ...Oe
 });
 var ac = [], Ea = {};
-function au(r, a, t) {
-  const e = nu(r), n = {
+function ou(r, a, t) {
+  const e = cu(r), n = {
     ...rc(r),
     name: t || "",
     quality: e,
     intervals: r,
     aliases: a
   };
-  ac.push(n), n.name && (Ea[n.name] = n), Ea[n.setNum] = n, Ea[n.chroma] = n, n.aliases.forEach((o) => tu(n, o));
+  ac.push(n), n.name && (Ea[n.name] = n), Ea[n.setNum] = n, Ea[n.chroma] = n, n.aliases.forEach((o) => iu(n, o));
 }
-function tu(r, a) {
+function iu(r, a) {
   Ea[a] = r;
 }
-function nu(r) {
+function cu(r) {
   const a = (t) => r.indexOf(t) !== -1;
   return a("5A") ? "Augmented" : a("3M") ? "Major" : a("5d") ? "Diminished" : a("3m") ? "Minor" : "Unknown";
 }
-ru.forEach(
-  ([r, a, t]) => au(r.split(" "), t.split(" "), a)
+nu.forEach(
+  ([r, a, t]) => ou(r.split(" "), t.split(" "), a)
 );
 ac.sort((r, a) => r.setNum - a.setNum);
-var ou = [
+var su = [
   // Basic scales
   ["1P 2M 3M 5P 6M", "major pentatonic", "pentatonic"],
   ["1P 2M 3M 4P 5P 6M 7M", "major", "ionian"],
@@ -726,23 +732,23 @@ var ou = [
   ["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"]
-], iu = ou, cu = {
+], lu = su, uu = {
   ...Oe,
   intervals: [],
   aliases: []
 }, ze = {};
-function su(r) {
-  return ze[r] || cu;
+function Pu(r) {
+  return ze[r] || uu;
 }
-function lu(r, a, t = []) {
+function du(r, a, t = []) {
   const e = { ...rc(r), name: a, intervals: r, aliases: t };
-  return ze[e.name] = e, ze[e.setNum] = e, ze[e.chroma] = e, e.aliases.forEach((n) => uu(e, n)), e;
+  return ze[e.name] = e, ze[e.setNum] = e, ze[e.chroma] = e, e.aliases.forEach((n) => mu(e, n)), e;
 }
-function uu(r, a) {
+function mu(r, a) {
   ze[a] = r;
 }
-iu.forEach(
-  ([r, a, ...t]) => lu(r.split(" "), a, t)
+lu.forEach(
+  ([r, a, ...t]) => du(r.split(" "), a, t)
 );
 function zt(r) {
   return +r >= 0 && +r <= 127;
@@ -756,37 +762,37 @@ function tc(r) {
 function nc(r, a = 440) {
   return Math.pow(2, (r - 69) / 12) * a;
 }
-var Pu = Math.log(2), du = Math.log(440);
+var pu = Math.log(2), hu = Math.log(440);
 function oc(r) {
-  const a = 12 * (Math.log(r) - du) / Pu + 69;
+  const a = 12 * (Math.log(r) - hu) / pu + 69;
   return Math.round(a * 100) / 100;
 }
-var mu = "C C# D D# E F F# G G# A A# B".split(" "), pu = "C Db D Eb E F Gb G Ab A Bb B".split(" ");
+var fu = "C C# D D# E F F# G G# A A# B".split(" "), gu = "C Db D Eb E F Gb G Ab A Bb B".split(" ");
 function ic(r, a = {}) {
   if (isNaN(r) || r === -1 / 0 || r === 1 / 0) return "";
   r = Math.round(r);
-  const e = (a.sharps === !0 ? mu : pu)[r % 12];
+  const e = (a.sharps === !0 ? fu : gu)[r % 12];
   if (a.pitchClass)
     return e;
   const n = Math.floor(r / 12) - 1;
   return e + n;
 }
-function za(r) {
+function Fa(r) {
   return r % 12;
 }
-function hu(r) {
+function Tu(r) {
   return r.split("").reduce((a, t, e) => (e < 12 && t === "1" && a.push(e), a), []);
 }
-function fu(r) {
-  return r.map(za).sort((a, t) => a - t).filter((a, t, e) => t === 0 || a !== e[t - 1]);
+function Su(r) {
+  return r.map(Fa).sort((a, t) => a - t).filter((a, t, e) => t === 0 || a !== e[t - 1]);
 }
-function Fa(r) {
-  return Array.isArray(r) ? fu(r) : hu(r);
+function Ia(r) {
+  return Array.isArray(r) ? Su(r) : Tu(r);
 }
 function cc(r) {
-  const a = Fa(r);
+  const a = Ia(r);
   return (t) => {
-    const e = za(t);
+    const e = Fa(t);
     for (let n = 0; n < 12; n++) {
       if (a.includes(e + n)) return t + n;
       if (a.includes(e - n)) return t - n;
@@ -794,7 +800,7 @@ function cc(r) {
   };
 }
 function Ft(r, a) {
-  const t = Fa(r), e = t.length;
+  const t = Ia(r), e = t.length;
   return (n) => {
     const o = n < 0 ? (e - -n % e) % e : n % e, s = Math.floor(n / e);
     return t[o] + s * 12 + a;
@@ -807,33 +813,33 @@ function sc(r, a) {
       return t(e > 0 ? e - 1 : e);
   };
 }
-var gu = {
-  chroma: za,
+var Cu = {
+  chroma: Fa,
   freqToMidi: oc,
   isMidi: zt,
   midiToFreq: nc,
   midiToNoteName: ic,
   pcsetNearest: cc,
-  pcset: Fa,
+  pcset: Ia,
   pcsetDegrees: sc,
   pcsetSteps: Ft,
   toMidi: tc
 };
-const Tu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  chroma: za,
-  default: gu,
+  chroma: Fa,
+  default: Cu,
   freqToMidi: oc,
   isMidi: zt,
   midiToFreq: nc,
   midiToNoteName: ic,
-  pcset: Fa,
+  pcset: Ia,
   pcsetDegrees: sc,
   pcsetNearest: cc,
   pcsetSteps: Ft,
   toMidi: tc
 }, Symbol.toStringTag, { value: "Module" }));
-var Su = De, hn = (r) => Su(r).midi, It = [
+var Ru = De, hn = (r) => Ru(r).midi, It = [
   [0, 2773, 0, "ionian", "", "Maj7", "major"],
   [1, 2902, 2, "dorian", "m", "m7"],
   [2, 3418, 4, "phrygian", "m", "m7"],
@@ -849,8 +855,8 @@ var Su = De, hn = (r) => Su(r).midi, It = [
   triad: "",
   seventh: "",
   aliases: []
-}, Cu = It.map(vu), qt = {};
-Cu.forEach((r) => {
+}, _u = It.map(bu), qt = {};
+_u.forEach((r) => {
   qt[r.name] = r, r.aliases.forEach((a) => {
     qt[a] = r;
   });
@@ -858,11 +864,11 @@ Cu.forEach((r) => {
 function lc(r) {
   return typeof r == "string" ? qt[r.toLowerCase()] || fn : r && r.name ? lc(r.name) : fn;
 }
-function vu(r) {
+function bu(r) {
   const [a, t, e, n, o, s, i] = r, c = i ? [i] : [], l = Number(t).toString(2);
   return {
     empty: !1,
-    intervals: su(n).intervals,
+    intervals: Pu(n).intervals,
     modeNum: a,
     chroma: l,
     normalized: l,
@@ -878,7 +884,7 @@ function uc(r) {
   return (a, t) => {
     const e = lc(a);
     if (e.empty) return [];
-    const n = Qi(e.modeNum, r), o = e.intervals.map((s) => Il(t, s));
+    const n = Qi(e.modeNum, r), o = e.intervals.map((s) => Xl(t, s));
     return n.map((s, i) => o[i] + s);
   };
 }
@@ -888,7 +894,7 @@ var Qe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Ie(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-function Ru(r) {
+function Hu(r) {
   if (r.__esModule) return r;
   var a = r.default;
   if (typeof a == "function") {
@@ -908,7 +914,7 @@ function Ru(r) {
   }), t;
 }
 var ct, gn;
-function _u() {
+function yu() {
   if (gn) return ct;
   gn = 1, ct = r;
   function r(a, t, e) {
@@ -925,8 +931,8 @@ function _u() {
   }
   return ct;
 }
-var bu = _u();
-const Vt = /* @__PURE__ */ Ie(bu);
+var Mu = yu();
+const Vt = /* @__PURE__ */ Ie(Mu);
 var Ze = { exports: {} }, er = { exports: {} }, J = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -937,7 +943,7 @@ var Ze = { exports: {} }, er = { exports: {} }, J = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Tn;
-function Hu() {
+function ku() {
   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;
@@ -1012,7 +1018,7 @@ var $ = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Sn;
-function yu() {
+function wu() {
   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) {
@@ -1024,24 +1030,24 @@ function yu() {
         var ae = B.$$typeof;
         switch (ae) {
           case a:
-            var Ce = B.type;
-            switch (Ce) {
+            var ve = B.type;
+            switch (ve) {
               case c:
               case l:
               case e:
               case o:
               case n:
               case u:
-                return Ce;
+                return ve;
               default:
-                var fe = Ce && Ce.$$typeof;
-                switch (fe) {
+                var ge = ve && ve.$$typeof;
+                switch (ge) {
                   case i:
                   case h:
                   case m:
                   case d:
                   case s:
-                    return fe;
+                    return ge;
                   default:
                     return ae;
                 }
@@ -1096,7 +1102,7 @@ function yu() {
 }
 var Cn;
 function Pc() {
-  return Cn || (Cn = 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 = ku() : er.exports = wu()), er.exports;
 }
 /*
 object-assign
@@ -1104,7 +1110,7 @@ object-assign
 @license MIT
 */
 var st, vn;
-function Mu() {
+function Bu() {
   if (vn) return st;
   vn = 1;
   var r = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
@@ -1161,7 +1167,7 @@ function dc() {
   return _n || (_n = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
 }
 var Pt, bn;
-function ku() {
+function Du() {
   if (bn) return Pt;
   bn = 1;
   var r = function() {
@@ -1210,10 +1216,10 @@ function ku() {
   }, Pt = n, Pt;
 }
 var dt, Hn;
-function wu() {
+function Ou() {
   if (Hn) return dt;
   Hn = 1;
-  var r = Pc(), a = Mu(), t = /* @__PURE__ */ jt(), e = /* @__PURE__ */ dc(), n = /* @__PURE__ */ ku(), o = function() {
+  var r = Pc(), a = Bu(), t = /* @__PURE__ */ jt(), e = /* @__PURE__ */ dc(), n = /* @__PURE__ */ Du(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
     var c = "Warning: " + i;
@@ -1531,7 +1537,7 @@ Valid keys: ` + JSON.stringify(Object.keys(H), null, "  ")
   }, dt;
 }
 var mt, yn;
-function Bu() {
+function Au() {
   if (yn) return mt;
   yn = 1;
   var r = /* @__PURE__ */ jt();
@@ -1583,13 +1589,13 @@ function mc() {
   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);
+    Ze.exports = /* @__PURE__ */ Ou()(r.isElement, a);
   } else
-    Ze.exports = /* @__PURE__ */ Bu()();
+    Ze.exports = /* @__PURE__ */ Au()();
   return Ze.exports;
 }
-var Du = /* @__PURE__ */ mc();
-const L = /* @__PURE__ */ Ie(Du);
+var Eu = /* @__PURE__ */ mc();
+const L = /* @__PURE__ */ Ie(Eu);
 var pt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -1597,7 +1603,7 @@ var pt = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var kn;
-function Ou() {
+function Lu() {
   return kn || (kn = 1, function(r) {
     (function() {
       var a = {}.hasOwnProperty;
@@ -1629,10 +1635,10 @@ function Ou() {
     })();
   }(pt)), pt.exports;
 }
-var Au = Ou();
-const Ve = /* @__PURE__ */ Ie(Au);
+var Gu = Lu();
+const Ve = /* @__PURE__ */ Ie(Gu);
 var ht, wn;
-function Eu() {
+function xu() {
   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")();
@@ -1772,19 +1778,19 @@ function Eu() {
     };
   }
   function re(g) {
-    return ge(this, g).delete(g);
+    return Te(this, g).delete(g);
   }
   function B(g) {
-    return ge(this, g).get(g);
+    return Te(this, g).get(g);
   }
   function ae(g) {
-    return ge(this, g).has(g);
+    return Te(this, g).has(g);
   }
-  function Ce(g, b) {
-    return ge(this, g).set(g, b), this;
+  function ve(g, b) {
+    return Te(this, g).set(g, b), this;
   }
-  z.prototype.clear = V, z.prototype.delete = re, z.prototype.get = B, z.prototype.has = ae, z.prototype.set = Ce;
-  function fe(g) {
+  z.prototype.clear = V, z.prototype.delete = re, z.prototype.get = B, z.prototype.has = ae, z.prototype.set = ve;
+  function ge(g) {
     var b = -1, E = g ? g.length : 0;
     for (this.__data__ = new z(); ++b < E; )
       this.add(g[b]);
@@ -1795,7 +1801,7 @@ function Eu() {
   function Ne(g) {
     return this.__data__.has(g);
   }
-  fe.prototype.add = fe.prototype.push = qe, fe.prototype.has = Ne;
+  ge.prototype.add = ge.prototype.push = qe, ge.prototype.has = Ne;
   function te(g, b) {
     for (var E = g.length; E--; )
       if (et(g[E][0], b))
@@ -1803,14 +1809,14 @@ function Eu() {
     return -1;
   }
   function Pe(g, b, E, X) {
-    var ce = -1, de = u, ve = !0, Me = g.length, Le = [], nt = b.length;
+    var ce = -1, de = u, Re = !0, Me = g.length, Le = [], nt = b.length;
     if (!Me)
       return Le;
-    b.length >= r && (de = v, ve = !1, b = new fe(b));
+    b.length >= r && (de = v, Re = !1, b = new ge(b));
     e:
       for (; ++ce < Me; ) {
         var He = g[ce], Ge = He;
-        if (He = He !== 0 ? He : 0, ve && Ge === Ge) {
+        if (He = He !== 0 ? He : 0, Re && Ge === Ge) {
           for (var Ye = nt; Ye--; )
             if (b[Ye] === Ge)
               continue e;
@@ -1820,8 +1826,8 @@ function Eu() {
     return Le;
   }
   function Ae(g, b, E, X, ce) {
-    var de = -1, ve = g.length;
-    for (ce || (ce = []); ++de < ve; ) {
+    var de = -1, Re = g.length;
+    for (ce || (ce = []); ++de < Re; ) {
       var Me = g[de];
       E(Me) && p(ce, Me);
     }
@@ -1838,12 +1844,12 @@ function Eu() {
       for (var E = arguments, X = -1, ce = oe(E.length - b, 0), de = Array(ce); ++X < ce; )
         de[X] = E[b + X];
       X = -1;
-      for (var ve = Array(b + 1); ++X < b; )
-        ve[X] = E[X];
-      return ve[b] = de, h(g, this, ve);
+      for (var Re = Array(b + 1); ++X < b; )
+        Re[X] = E[X];
+      return Re[b] = de, h(g, this, Re);
     };
   }
-  function ge(g, b) {
+  function Te(g, b) {
     var E = g.__data__;
     return $a(b) ? E[typeof b == "string" ? "string" : "hash"] : E.map;
   }
@@ -1899,9 +1905,9 @@ function Eu() {
   }
   return ht = Za, ht;
 }
-var Lu = Eu();
-const Bn = /* @__PURE__ */ Ie(Lu);
-function Gu(r, a) {
+var Ku = xu();
+const Bn = /* @__PURE__ */ Ie(Ku);
+function qu(r, a) {
   var t = r == null ? null : typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
   if (t != null) {
     var e, n, o, s, i = [], c = !0, l = !1;
@@ -1919,18 +1925,18 @@ function Gu(r, a) {
     return i;
   }
 }
-function Ia(r, a) {
+function Va(r, a) {
   if (!(r instanceof a))
     throw new TypeError("Cannot call a class as a function");
 }
-function xu(r, a) {
+function Nu(r, a) {
   for (var t = 0; t < a.length; t++) {
     var e = a[t];
     e.enumerable = e.enumerable || !1, e.configurable = !0, "value" in e && (e.writable = !0), Object.defineProperty(r, pc(e.key), e);
   }
 }
-function Va(r, a, t) {
-  return a && xu(r.prototype, a), Object.defineProperty(r, "prototype", {
+function ja(r, a, t) {
+  return a && Nu(r.prototype, a), Object.defineProperty(r, "prototype", {
     writable: !1
   }), r;
 }
@@ -1952,7 +1958,7 @@ function Nt() {
     return r;
   }, Nt.apply(this, arguments);
 }
-function ja(r, a) {
+function Xa(r, a) {
   if (typeof a != "function" && a !== null)
     throw new TypeError("Super expression must either be null or a function");
   r.prototype = Object.create(a && a.prototype, {
@@ -1965,17 +1971,17 @@ function ja(r, a) {
     writable: !1
   }), a && Wt(r, a);
 }
-function xa(r) {
-  return xa = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+function Ka(r) {
+  return Ka = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
-  }, xa(r);
+  }, Ka(r);
 }
 function Wt(r, a) {
   return Wt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
     return e.__proto__ = n, e;
   }, Wt(r, a);
 }
-function Ku() {
+function Wu() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -1985,16 +1991,16 @@ function Ku() {
     return !1;
   }
 }
-function qu(r, a) {
+function Uu(r, a) {
   if (r == null) return {};
   var t = {}, e = Object.keys(r), n, o;
   for (o = 0; o < e.length; o++)
     n = e[o], !(a.indexOf(n) >= 0) && (t[n] = r[n]);
   return t;
 }
-function Nu(r, a) {
+function zu(r, a) {
   if (r == null) return {};
-  var t = qu(r, a), e, n;
+  var t = Uu(r, a), e, n;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(r);
     for (n = 0; n < o.length; n++)
@@ -2007,32 +2013,32 @@ function se(r) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
 }
-function Wu(r, a) {
+function Fu(r, a) {
   if (a && (typeof a == "object" || typeof a == "function"))
     return a;
   if (a !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
   return se(r);
 }
-function Xa(r) {
-  var a = Ku();
+function Ja(r) {
+  var a = Wu();
   return function() {
-    var e = xa(r), n;
+    var e = Ka(r), n;
     if (a) {
-      var o = xa(this).constructor;
+      var o = Ka(this).constructor;
       n = Reflect.construct(e, arguments, o);
     } else
       n = e.apply(this, arguments);
-    return Wu(this, n);
+    return Fu(this, n);
   };
 }
-function Uu(r, a) {
-  return zu(r) || Gu(r, a) || Fu(r, a) || Iu();
+function Iu(r, a) {
+  return Vu(r) || qu(r, a) || ju(r, a) || Xu();
 }
-function zu(r) {
+function Vu(r) {
   if (Array.isArray(r)) return r;
 }
-function Fu(r, a) {
+function ju(r, a) {
   if (r) {
     if (typeof r == "string") return Dn(r, a);
     var t = Object.prototype.toString.call(r).slice(8, -1);
@@ -2045,11 +2051,11 @@ function Dn(r, a) {
   for (var t = 0, e = new Array(a); t < a; t++) e[t] = r[t];
   return e;
 }
-function Iu() {
+function Xu() {
   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 Vu(r, a) {
+function Ju(r, a) {
   if (typeof r != "object" || r === null) return r;
   var t = r[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -2060,10 +2066,10 @@ function Vu(r, a) {
   return (a === "string" ? String : Number)(r);
 }
 function pc(r) {
-  var a = Vu(r, "string");
+  var a = Ju(r, "string");
   return typeof a == "symbol" ? a : String(a);
 }
-var ju = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Xu = ["Db", "Eb", "Gb", "Ab", "Bb"], Ju = {
+var $u = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Yu = ["Db", "Eb", "Gb", "Ab", "Bb"], Qu = {
   C: 0,
   "C#": 1,
   Db: 1,
@@ -2081,54 +2087,54 @@ var ju = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Xu =
   "A#": 10,
   Bb: 10,
   B: 11
-}, Ka = 12, Xt = Ka, Jt = 127, $u = /([a-g])([#b]?)(\d+)/, Ut = 12;
-function Yu(r) {
+}, qa = 12, Xt = qa, Jt = 127, Zu = /([a-g])([#b]?)(\d+)/, Ut = 12;
+function eP(r) {
   if (!r)
     throw Error("Invalid note argument");
-  var a = $u.exec(r.toLowerCase());
+  var a = Zu.exec(r.toLowerCase());
   if (!a)
     throw Error("Invalid note argument");
-  var t = Uu(a, 4), e = t[1], n = t[2], o = t[3], s = "".concat(e.toUpperCase()).concat(n), i = Ju[s];
+  var t = Iu(a, 4), e = t[1], n = t[2], o = t[3], s = "".concat(e.toUpperCase()).concat(n), i = Qu[s];
   if (i == null)
     throw Error("Invalid note argument");
-  return Ka + i + Ut * parseInt(o, 10);
+  return qa + i + Ut * parseInt(o, 10);
 }
-function Qu(r) {
-  var a = (r - Ka) % Ut, t = Math.floor((r - Ka) / Ut), e = ju[a];
+function rP(r) {
+  var a = (r - qa) % Ut, t = Math.floor((r - qa) / Ut), e = $u[a];
   return {
     note: "".concat(e).concat(t),
     pitchName: e,
     octave: t,
     midiNumber: r,
-    isAccidental: Xu.includes(e)
+    isAccidental: Yu.includes(e)
   };
 }
-function Zu() {
+function aP() {
   return Vt(Xt, Jt + 1).reduce(function(r, a) {
-    return r[a] = Qu(a), r;
+    return r[a] = rP(a), r;
   }, {});
 }
-var eP = Zu();
+var tP = aP();
 function hc(r) {
-  var a = eP[r];
+  var a = tP[r];
   if (!a)
     throw Error("Invalid MIDI number");
   return a;
 }
-var rP = Vt(Xt, Jt + 1).filter(function(r) {
+var nP = Vt(Xt, Jt + 1).filter(function(r) {
   return !hc(r).isAccidental;
-}), qa = {
-  fromNote: Yu,
+}), Na = {
+  fromNote: eP,
   getAttributes: hc,
   MIN_MIDI_NUMBER: Xt,
   MAX_MIDI_NUMBER: Jt,
-  NATURAL_MIDI_NUMBERS: rP
-}, aP = 60, $t = /* @__PURE__ */ function(r) {
-  ja(t, r);
-  var a = Xa(t);
+  NATURAL_MIDI_NUMBERS: nP
+}, oP = 60, $t = /* @__PURE__ */ function(r) {
+  Xa(t, r);
+  var a = Ja(t);
   function t() {
     var e;
-    Ia(this, t);
+    Va(this, t);
     for (var n = arguments.length, o = new Array(n), s = 0; s < n; s++)
       o[s] = arguments[s];
     return e = a.call.apply(a, [this].concat(o)), Q(se(e), "onPlayNoteInput", function() {
@@ -2137,12 +2143,12 @@ var rP = Vt(Xt, Jt + 1).filter(function(r) {
       e.props.onStopNoteInput(e.props.midiNumber), e.props.onKeyMouseLeave && e.props.onKeyMouseLeave(e.props.midiNumber);
     }), e;
   }
-  return Va(t, [{
+  return ja(t, [{
     key: "getAbsoluteKeyPosition",
     value: (
       // Key position is represented by the number of natural key widths from the left
       function(n) {
-        var o = 7, s = qa.getAttributes(n), i = s.octave, c = s.pitchName, l = this.props.pitchPositions[c], h = o * i;
+        var o = 7, s = Na.getAttributes(n), i = s.octave, c = s.pitchName, l = this.props.pitchPositions[c], h = o * i;
         return l + h;
       }
     )
@@ -2162,7 +2168,7 @@ var rP = Vt(Xt, Jt + 1).filter(function(r) {
           "ReactPiano__Key--natural": !u,
           "ReactPiano__Key--disabled": d,
           "ReactPiano__Key--active": p,
-          "ReactPiano__Key--middleC": c === aP
+          "ReactPiano__Key--middleC": c === oP
         }),
         style: {
           left: f,
@@ -2233,12 +2239,12 @@ function ft(r) {
   return "".concat(r * 100, "%");
 }
 var Yt = /* @__PURE__ */ function(r) {
-  ja(t, r);
-  var a = Xa(t);
+  Xa(t, r);
+  var a = Ja(t);
   function t() {
-    return Ia(this, t), a.apply(this, arguments);
+    return Va(this, t), a.apply(this, arguments);
   }
-  return Va(t, [{
+  return ja(t, [{
     key: "getMidiNumbers",
     value: (
       // Range of midi numbers on keyboard
@@ -2250,7 +2256,7 @@ var Yt = /* @__PURE__ */ function(r) {
     key: "getNaturalKeyCount",
     value: function() {
       return this.getMidiNumbers().filter(function(n) {
-        var o = qa.getAttributes(n), s = o.isAccidental;
+        var o = Na.getAttributes(n), s = o.isAccidental;
         return !s;
       }).length;
     }
@@ -2284,7 +2290,7 @@ var Yt = /* @__PURE__ */ function(r) {
           height: this.getHeight()
         }
       }, this.getMidiNumbers().map(function(s) {
-        var i = qa.getAttributes(s);
+        var i = Na.getAttributes(s);
         i.note;
         var c = i.isAccidental, l = !n.props.disabled && n.props.activeNotes.includes(s);
         return /* @__PURE__ */ le.createElement($t, {
@@ -2313,7 +2319,7 @@ var Yt = /* @__PURE__ */ function(r) {
   }]), t;
 }(le.Component);
 Q(Yt, "propTypes", {
-  noteRange: tP,
+  noteRange: iP,
   activeNotes: L.arrayOf(L.number),
   onKeyMouseEnter: L.func,
   onKeyMouseLeave: L.func,
@@ -2339,9 +2345,9 @@ Q(Yt, "defaultProps", {
   useTouchEvents: !1
 });
 function On(r) {
-  return typeof r != "number" ? !1 : qa.NATURAL_MIDI_NUMBERS.includes(r);
+  return typeof r != "number" ? !1 : Na.NATURAL_MIDI_NUMBERS.includes(r);
 }
-function tP(r, a, t) {
+function iP(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."));
@@ -2351,11 +2357,11 @@ function tP(r, a, t) {
     return new Error("Invalid prop ".concat(a, " supplied to ").concat(t, ". ").concat(a, ".first must be smaller than ").concat(a, ".last."));
 }
 var Qt = /* @__PURE__ */ function(r) {
-  ja(t, r);
-  var a = Xa(t);
+  Xa(t, r);
+  var a = Ja(t);
   function t() {
     var e;
-    Ia(this, t);
+    Va(this, t);
     for (var n = arguments.length, o = new Array(n), s = 0; s < n; s++)
       o[s] = arguments[s];
     return e = a.call.apply(a, [this].concat(o)), Q(se(e), "state", {
@@ -2419,7 +2425,7 @@ var Qt = /* @__PURE__ */ function(r) {
       });
     }), e;
   }
-  return Va(t, [{
+  return ja(t, [{
     key: "componentDidMount",
     value: function() {
       window.addEventListener("keydown", this.onKeyDown), window.addEventListener("keyup", this.onKeyUp);
@@ -2508,12 +2514,12 @@ Q(Qt, "defaultProps", {
     }, t) : null;
   }
 });
-var nP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], Zt = /* @__PURE__ */ function(r) {
-  ja(t, r);
-  var a = Xa(t);
+var cP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], Zt = /* @__PURE__ */ function(r) {
+  Xa(t, r);
+  var a = Ja(t);
   function t() {
     var e;
-    Ia(this, t);
+    Va(this, t);
     for (var n = arguments.length, o = new Array(n), s = 0; s < n; s++)
       o[s] = arguments[s];
     return e = a.call.apply(a, [this].concat(o)), Q(se(e), "state", {
@@ -2538,7 +2544,7 @@ var nP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], Zt = /* @__PURE_
       });
     }), e;
   }
-  return Va(t, [{
+  return ja(t, [{
     key: "componentDidUpdate",
     value: function(n) {
       n.activeNotes !== this.props.activeNotes && this.state.activeNotes !== this.props.activeNotes && this.setState({
@@ -2550,7 +2556,7 @@ var nP = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], Zt = /* @__PURE_
     value: function() {
       var n = this.props;
       n.activeNotes, n.onPlayNoteInput, n.onStopNoteInput;
-      var o = Nu(n, nP);
+      var o = zu(n, cP);
       return /* @__PURE__ */ le.createElement(Qt, Nt({
         activeNotes: this.state.activeNotes,
         onPlayNoteInput: this.handlePlayNoteInput,
@@ -2577,7 +2583,7 @@ Q(Zt, "propTypes", {
   }))
 });
 var gt = { exports: {} }, Tt = { exports: {} }, St, An;
-function oP() {
+function sP() {
   if (An) return St;
   An = 1;
   function r(t) {
@@ -2595,7 +2601,7 @@ function oP() {
   return St = { decode: a }, St;
 }
 var Ct, En;
-function iP() {
+function lP() {
   return En || (En = 1, Ct = function(r, a) {
     return new Promise(function(t, e) {
       var n = new XMLHttpRequest();
@@ -2608,9 +2614,9 @@ function iP() {
   }), Ct;
 }
 var Ln;
-function cP() {
+function uP() {
   return Ln || (Ln = 1, function(r) {
-    var a = oP(), t = iP();
+    var a = sP(), t = lP();
     function e(T) {
       return function(_) {
         return typeof _ == "string" && T.test(_);
@@ -2703,7 +2709,7 @@ function cP() {
   }(Tt)), Tt.exports;
 }
 var vt = { exports: {} }, Rt, Gn;
-function sP() {
+function PP() {
   if (Gn) return Rt;
   Gn = 1, Rt = r;
   function r(i) {
@@ -2772,10 +2778,10 @@ function sP() {
   return Rt;
 }
 var _t, xn;
-function lP() {
+function dP() {
   if (xn) return _t;
   xn = 1;
-  var r = sP(), a = {}, t = {
+  var r = PP(), a = {}, t = {
     gain: 1,
     attack: 0.01,
     decay: 0.1,
@@ -2852,7 +2858,7 @@ function lP() {
   return _t = e, _t;
 }
 var bt, Kn;
-function uP() {
+function mP() {
   if (Kn) return bt;
   Kn = 1, bt = function(a) {
     return a.on = function(t, e) {
@@ -2869,7 +2875,7 @@ function uP() {
   return bt;
 }
 var Ht, qn;
-function PP() {
+function pP() {
   if (qn) return Ht;
   qn = 1;
   var r = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
@@ -2896,10 +2902,10 @@ function PP() {
   }), Ht = o, Ht;
 }
 var yt, Nn;
-function dP() {
+function hP() {
   if (Nn) return yt;
   Nn = 1;
-  var r = PP(), a = function(n) {
+  var r = pP(), a = function(n) {
     return n !== null && n !== [] && n >= 0 && n < 129;
   }, t = function(n) {
     return a(n) ? +n : r.midi(n);
@@ -2926,7 +2932,7 @@ function dP() {
   return yt;
 }
 var Mt, Wn;
-function mP() {
+function fP() {
   if (Wn) return Mt;
   Wn = 1;
   var r = Array.isArray, a = function(e) {
@@ -2949,7 +2955,7 @@ 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: {} }, Un;
-function pP() {
+function gP() {
   return Un || (Un = 1, function(r, a) {
     (function(t) {
       r.exports = t();
@@ -3014,10 +3020,10 @@ function pP() {
   }(kt)), kt.exports;
 }
 var wt, zn;
-function hP() {
+function TP() {
   if (zn) return wt;
   zn = 1;
-  var r = pP();
+  var r = gP();
   return wt = function(a) {
     return a.listenToMidi = function(t, e) {
       var n = {}, o = e || {}, s = o.gain || function(i) {
@@ -3039,9 +3045,9 @@ function hP() {
   }, wt;
 }
 var Fn;
-function fP() {
+function SP() {
   return Fn || (Fn = 1, function(r) {
-    var a = lP(), t = uP(), e = dP(), n = mP(), o = hP();
+    var a = dP(), t = mP(), e = hP(), n = fP(), o = TP();
     function s(i, c, l) {
       return o(n(e(t(a(i, c, l)))));
     }
@@ -3054,89 +3060,89 @@ function In(r, a) {
 function en(r) {
   return typeof r == "number";
 }
-function gP(r) {
+function CP(r) {
   return typeof r == "string";
 }
-function TP(r) {
+function vP(r) {
   return typeof r < "u";
 }
 function fc(r, a) {
   return Math.pow(2, (r - 69) / 12) * (a || 440);
 }
 var gc = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
-function SP() {
+function RP() {
   return gc;
 }
-var CP = [0, 2, 4, 5, 7, 9, 11];
+var _P = [0, 2, 4, 5, 7, 9, 11];
 function be(r, a, t) {
   if (typeof r != "string") return null;
   var e = gc.exec(r);
   if (!e || !a && e[4]) return null;
   var n = { letter: e[1].toUpperCase(), acc: e[2].replace(/x/g, "##") };
   n.pc = n.letter + n.acc, n.step = (n.letter.charCodeAt(0) + 3) % 7, n.alt = n.acc[0] === "b" ? -n.acc.length : n.acc.length;
-  var o = CP[n.step] + n.alt;
+  var o = _P[n.step] + n.alt;
   return n.chroma = o < 0 ? 12 + o : o % 12, e[3] && (n.oct = +e[3], n.midi = o + 12 * (n.oct + 1), n.freq = fc(n.midi, t)), a && (n.tonicOf = e[4]), n;
 }
-var vP = "CDEFGAB";
-function RP(r) {
+var bP = "CDEFGAB";
+function HP(r) {
   return en(r) ? r < 0 ? In("b", -r) : In("#", r) : "";
 }
-function _P(r) {
+function yP(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);
+  return r === null || typeof r > "u" ? null : r.step ? Tc(r.step, r.alt, r.oct) : r < 0 || r > 6 ? null : bP.charAt(r) + HP(a) + yP(t);
 }
 function Sc(r) {
-  if ((en(r) || gP(r)) && r >= 0 && r < 128) return +r;
+  if ((en(r) || CP(r)) && r >= 0 && r < 128) return +r;
   var a = be(r);
-  return a && TP(a.midi) ? a.midi : null;
+  return a && vP(a.midi) ? a.midi : null;
 }
-function bP(r, a) {
+function MP(r, a) {
   var t = Sc(r);
   return t === null ? null : fc(t, a);
 }
-function HP(r) {
+function kP(r) {
   return (be(r) || {}).letter;
 }
-function yP(r) {
+function wP(r) {
   return (be(r) || {}).acc;
 }
-function MP(r) {
+function BP(r) {
   return (be(r) || {}).pc;
 }
-function kP(r) {
+function DP(r) {
   return (be(r) || {}).step;
 }
-function wP(r) {
+function OP(r) {
   return (be(r) || {}).alt;
 }
-function BP(r) {
+function AP(r) {
   return (be(r) || {}).chroma;
 }
-function DP(r) {
+function EP(r) {
   return (be(r) || {}).oct;
 }
-const OP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const LP = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  acc: yP,
-  alt: wP,
+  acc: wP,
+  alt: OP,
   build: Tc,
-  chroma: BP,
-  freq: bP,
-  letter: HP,
+  chroma: AP,
+  freq: MP,
+  letter: kP,
   midi: Sc,
-  oct: DP,
+  oct: EP,
   parse: be,
-  pc: MP,
-  regex: SP,
-  step: kP
-}, Symbol.toStringTag, { value: "Module" })), AP = /* @__PURE__ */ Ru(OP);
+  pc: BP,
+  regex: RP,
+  step: DP
+}, Symbol.toStringTag, { value: "Module" })), GP = /* @__PURE__ */ Hu(LP);
 var Bt, Vn;
-function EP() {
+function xP() {
   if (Vn) return Bt;
   Vn = 1;
-  var r = AP;
+  var r = GP;
   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);
     this.nameToUrl = o || a.nameToUrl, this.ctx = n, this.instruments = {}, this.promises = [];
@@ -3183,9 +3189,9 @@ function EP() {
   return a.noteToMidi = r.midi, Bt = a, Bt;
 }
 var jn;
-function LP() {
+function KP() {
   return jn || (jn = 1, function(r) {
-    var a = cP(), t = fP();
+    var a = uP(), t = SP();
     function e(i, c, l) {
       if (arguments.length === 1) return function(m, f) {
         return e(i, m, f);
@@ -3202,12 +3208,12 @@ function LP() {
     function o(i, c, l) {
       return l = l === "ogg" ? l : "mp3", c = c === "FluidR3_GM" ? c : "MusyngKite", "https://gleitz.github.io/midi-js-soundfonts/" + c + "/" + i + "-" + l + ".js";
     }
-    var s = EP();
+    var s = xP();
     s.instrument = e, s.nameToUrl = o, r.exports && (r.exports = s), typeof window < "u" && (window.Soundfont = s);
   }(gt)), gt.exports;
 }
-var GP = LP();
-const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc = (r) => {
+var qP = KP();
+const Xn = /* @__PURE__ */ Ie(qP), Jn = (r) => r != null && !Number.isNaN(r), Cc = (r) => {
   const {
     audioContext: a,
     format: t,
@@ -3216,7 +3222,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
     onChange: o,
     render: s,
     soundfont: i
-  } = r, [c, l] = Te(!0), [h, u] = Te({}), [p, d] = Te(null), m = Re(
+  } = r, [c, l] = Se(!0), [h, u] = Se({}), [p, d] = Se(null), m = _e(
     (A) => {
       d(null), Jn(e) ? Xn.instrument(a, A, {
         format: t,
@@ -3276,13 +3282,13 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
   "A",
   "A#",
   "B"
-], xP = 12, KP = xP * 0.7, qP = new window.AudioContext(), NP = ({
+], NP = 12, WP = NP * 0.7, UP = new window.AudioContext(), zP = ({
   octave: r,
   height: a,
   width: t,
   ...e
 }) => {
-  const o = (t / KP + 2) / a, s = hn(Dt[0] + String(r)) || 0, i = hn(Dt[Dt.length - 1] + String(r)) || 0;
+  const o = (t / WP + 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(
     Zt,
     {
@@ -3292,7 +3298,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
       ...e
     }
   ) });
-}, s1 = ({
+}, u1 = ({
   format: r,
   height: a,
   hostname: t,
@@ -3309,7 +3315,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
 }) => /* @__PURE__ */ O(
   Cc,
   {
-    audioContext: qP,
+    audioContext: UP,
     format: r,
     hostname: t,
     instrumentName: e,
@@ -3325,7 +3331,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
         n
       ] }) }),
       /* @__PURE__ */ O(
-        NP,
+        zP,
         {
           disabled: d,
           height: a,
@@ -3342,7 +3348,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
       )
     ] })
   }
-), $n = "__react_svg_text_measurement_id", WP = (r, a, t, e) => {
+), $n = "__react_svg_text_measurement_id", FP = (r, a, t, e) => {
   const { lineHeight: n, spaceWidth: o, wordsWithComputedWidth: s } = a;
   return r.split(/\s+/).reduce((i, c) => {
     const l = s[c], h = i[i.length - 1];
@@ -3358,7 +3364,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
     }
     return i;
   }, []);
-}, UP = (r, a, t) => {
+}, IP = (r, a, t) => {
   var e;
   if (r && a) {
     Array.from(r).forEach(
@@ -3387,10 +3393,10 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
     y: l = 0,
     transform: h = "",
     ...u
-  } = r, [p, d] = Te(), [m, f] = Te([]), [v, x] = Te(), A = Fe({}), R = Be(() => {
+  } = r, [p, d] = Se(), [m, f] = Se([]), [v, x] = Se(), A = Fe({}), R = Be(() => {
     const C = m.filter(({ showLine: T }) => T);
     return C.length ? C : s.split(/\n/).map((T) => ({ words: [T], width: 0, showLine: !0 }));
-  }, [m, s]), S = Re(
+  }, [m, s]), S = _e(
     (C) => {
       x(
         C !== null ? window.getComputedStyle(C) : void 0
@@ -3410,7 +3416,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
     }
     A.current = C;
   }, []), ye(() => {
-    const C = UP(
+    const C = IP(
       v,
       A.current,
       s
@@ -3419,7 +3425,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
   }, [s, v]), ye(() => {
     if (o && p) {
       const C = s.split(/\n/).flatMap(
-        (T) => WP(T, p, o, n)
+        (T) => FP(T, p, o, n)
       );
       f(C);
     }
@@ -3465,16 +3471,13 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
       ] })
     }
   );
-}, Ja = (r) => Array.from(new Array(r).keys()), Na = (r, a = 127, t = 0) => {
-  let e = typeof r == "string" ? Number.parseInt(r, 10) : r;
-  return (Number.isNaN(e) || e === null) && (e = t), e >= t ? e <= a ? e : a : t;
-}, zP = (r, a) => (t) => t == null ? void 0 : t.find((e) => (e == null ? void 0 : e[r]) === a), FP = (...r) => (a) => Object.entries(a).filter(([t]) => !r.flat().map(String).includes(t)).reduce((t, [e, n]) => Object.assign(t, { [e]: n }), {}), { IndicatorsContainer: IP, Placeholder: Qn, ValueContainer: VP } = Pl, Zn = ({
+}, { IndicatorsContainer: VP, Placeholder: Qn, ValueContainer: jP } = Pl, Zn = ({
   children: r,
   ...a
 }) => {
   var e;
   const t = (e = a.selectProps) == null ? void 0 : e.actionButton;
-  return /* @__PURE__ */ O(IP, { ...a, children: /* @__PURE__ */ ne(
+  return /* @__PURE__ */ O(VP, { ...a, children: /* @__PURE__ */ ne(
     "div",
     {
       onMouseDown: (n) => {
@@ -3487,10 +3490,10 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
       ]
     }
   ) });
-}, jP = ({
+}, XP = ({
   children: r,
   ...a
-}) => /* @__PURE__ */ ne(VP, { ...a, children: [
+}) => /* @__PURE__ */ ne(jP, { ...a, children: [
   /* @__PURE__ */ O(
     Qn,
     {
@@ -3505,7 +3508,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
     r,
     (t) => ll(t) && t.type !== Qn ? t : null
   )
-] }), _e = Se(
+] }), Ce = fe(
   (r, a) => {
     const {
       components: t,
@@ -3517,14 +3520,14 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
       shrinkLabel: c,
       value: l,
       ...h
-    } = r, u = Re(
+    } = r, u = _e(
       (f) => {
         f && o(f.value);
       },
       [o]
     ), p = s.reduce((f, v) => "entries" in v ? f.concat(v.entries) : f.concat(v), []), d = p.find((f) => l === f.value) || void 0, m = Be(() => {
       const f = i ? {
-        menu: (v) => FP("width")(v),
+        menu: (v) => hl("width")(v),
         menuList: (v) => ({
           ...v,
           overflowX: "hidden"
@@ -3563,7 +3566,7 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
         classNamePrefix: "zds-pickers",
         components: {
           IndicatorsContainer: Zn,
-          ValueContainer: jP,
+          ValueContainer: XP,
           ...t
         },
         isDisabled: e,
@@ -3595,11 +3598,18 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
       )
     ] });
   }
-), XP = Ja(16).map((r) => ({
+), P1 = fe((r, a) => /* @__PURE__ */ O(
+  Ce,
+  {
+    ...r,
+    options: fl,
+    ref: a
+  }
+)), JP = za(16).map((r) => ({
   value: r,
   label: r
-})), l1 = Se(({ channels: r, className: a, ...t }, e) => {
-  const [n, o] = Te([]), s = Re(
+})), d1 = fe(({ channels: r, className: a, ...t }, e) => {
+  const [n, o] = Se([]), s = _e(
     ({ value: i, label: c }, { context: l }) => {
       if (i === "separator")
         return /* @__PURE__ */ O("span", { className: "zds-mappings-user-mapping", children: c });
@@ -3622,14 +3632,14 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
     [r]
   );
   return ye(() => {
-    const i = XP.sort(
+    const i = JP.sort(
       (h, u) => typeof h.value == "number" && typeof u.value == "number" && r[h.value] && !r[u.value] ? -1 : typeof h.value == "number" && typeof u.value == "number" && !r[h.value] && r[u.value] ? 1 : typeof h.value == "number" && typeof u.value == "number" ? h.value - u.value : 0
     ), c = i.filter(
       ({ value: h }) => typeof h == "number" && !!r[h]
     ).length, l = i.some(({ value: h }) => h === "separator");
     c && c < 16 && !l && i.splice(c, 0, { label: /* @__PURE__ */ O("hr", {}), value: "separator" }), o(i);
   }, [r]), /* @__PURE__ */ O(
-    _e,
+    Ce,
     {
       ...t,
       className: Ve(a, "channel-mapping-picker"),
@@ -3638,27 +3648,27 @@ const Xn = /* @__PURE__ */ Ie(GP), Jn = (r) => r != null && !Number.isNaN(r), Cc
       ref: e
     }
   );
-}), JP = Ja(16).map((r) => ({
+}), $P = za(16).map((r) => ({
   value: r,
   label: `Channel ${r + 1}`
-})), $P = (r, { context: a }) => a === "value" ? r.label : Number.parseInt(String(r.value)) + 1, YP = (r, a) => a ? String(r.label).toLowerCase().includes(a.toLowerCase()) : !0, u1 = Se(({ className: r, ...a }, t) => /* @__PURE__ */ O(
-  _e,
+})), YP = (r, { context: a }) => a === "value" ? r.label : Number.parseInt(String(r.value)) + 1, QP = (r, a) => a ? String(r.label).toLowerCase().includes(a.toLowerCase()) : !0, m1 = fe(({ className: r, ...a }, t) => /* @__PURE__ */ O(
+  Ce,
   {
     ...a,
     className: Ve(r, "channel-picker"),
-    filterOptions: YP,
-    formatOptionLabel: $P,
-    options: JP,
+    filterOptions: QP,
+    formatOptionLabel: YP,
+    options: $P,
     ref: t
   }
 )), rn = (r) => {
-  const [a, t] = Te(r);
+  const [a, t] = Se(r);
   return ye(() => {
     t(r);
   }, [r]), [a, t];
 };
 var Ot, eo;
-function QP() {
+function ZP() {
   return eo || (eo = 1, Ot = function(r) {
     var a = {};
     function t(e) {
@@ -4045,10 +4055,10 @@ function QP() {
   }])), Ot;
 }
 var At, ro;
-function ZP() {
-  return ro || (ro = 1, At = QP()), At;
+function ed() {
+  return ro || (ro = 1, At = ZP()), At;
 }
-var Et = ZP();
+var Et = ed();
 class vc extends le.Component {
   render() {
     const a = this.props, t = {};
@@ -4078,13 +4088,13 @@ ot(vc, "defaultProps", {
 function ao(r) {
   return r * Math.PI / 180;
 }
-function ed(r, a) {
+function rd(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);
+  const n = rd(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 {
@@ -4109,7 +4119,7 @@ class to extends le.Component {
     );
   }
 }
-class rd extends le.Component {
+class ad extends le.Component {
   render() {
     const { width: a = 2, color: t = "black", p1: e, p2: n, ...o } = this.props;
     return /* @__PURE__ */ O(
@@ -4126,7 +4136,7 @@ class rd extends le.Component {
     );
   }
 }
-class ad extends le.Component {
+class td extends le.Component {
   render() {
     const { children: a, ...t } = this.props, e = {
       overlay: Object.assign(
@@ -4157,7 +4167,7 @@ class ad extends le.Component {
     );
   }
 }
-class td extends le.Component {
+class nd extends le.Component {
   constructor() {
     super(...arguments);
     ot(this, "state", {
@@ -4180,7 +4190,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(ad, { children: /* @__PURE__ */ ne(
+    return /* @__PURE__ */ O(td, { children: /* @__PURE__ */ ne(
       "svg",
       {
         style: { position: "absolute", top: "0", left: "0" },
@@ -4223,7 +4233,7 @@ class td extends le.Component {
             }
           ),
           /* @__PURE__ */ O(
-            rd,
+            ad,
             {
               p1: { x: this.state.centerX, y: this.state.centerY },
               p2: {
@@ -4238,7 +4248,7 @@ class td extends le.Component {
     ) });
   }
 }
-const nd = {
+const od = {
   knobX: 71,
   knobY: 71,
   svg: `
@@ -4293,7 +4303,7 @@ const nd = {
     </g>
 </svg>
 `
-}, od = (r) => {
+}, id = (r) => {
   const {
     clampMax: a = 360,
     clampMin: t = 0,
@@ -4310,15 +4320,15 @@ const nd = {
     },
     preciseMode: u = !0,
     rotateDegrees: p = 0,
-    skin: d = nd,
+    skin: d = od,
     step: m = 1,
     style: f,
     unlockDistance: v = 100,
     value: x,
     ...A
-  } = r, [R, S] = Te(x !== void 0), P = Fe(null), C = Fe(null);
+  } = r, [R, S] = Se(x !== void 0), P = Fe(null), C = Fe(null);
   let T, _;
-  const [w, K] = Te({
+  const [w, K] = Se({
     svgRef: void 0,
     dragging: !1,
     dragDistance: 0,
@@ -4355,33 +4365,33 @@ const nd = {
     let W = G.getBoundingClientRect();
     const I = W.width / 2, z = W.height / 2;
     let V, re, B, ae = !1;
-    function Ce(te) {
+    function ve(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 = Lt(V.x, V.y), B = j(Pe), ae = !1;
     }
-    function fe(te) {
+    function ge(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 = 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) => ({
+      let Te = B + We;
+      Te = F(Te), ae && Y(Te), K((Ee) => ({
         ...Ee,
         dragDistance: Ae,
         mousePos: {
           x: te.sourceEvent.clientX,
           y: te.sourceEvent.clientY
         },
-        valueAngle: ae ? ge : B
+        valueAngle: ae ? Te : B
       }));
     }
     function qe() {
       var te;
       D.classed("dragging", !1), K((Pe) => ({ ...Pe, dragging: !1 })), l(), (te = C.current) == null || te.focus();
     }
-    const Ne = dl().container(() => G).on("start", Ce).on("drag", fe).on("end", qe);
+    const Ne = dl().container(() => G).on("start", ve).on("drag", ge).on("end", qe);
     D.call(Ne);
   }, ue = (D) => {
     R || K((G) => ({ ...G, uncontrolledValue: D })), n || c(D);
@@ -4464,7 +4474,7 @@ const nd = {
       }
     ),
     w.dragging && u && /* @__PURE__ */ O(
-      td,
+      nd,
       {
         svgRef: w.svgRef,
         radius: w.dragDistance,
@@ -4474,7 +4484,7 @@ const nd = {
       }
     )
   ] });
-}, id = {
+}, cd = {
   knobX: 71.44,
   knobY: 71.44,
   svg: `
@@ -4565,7 +4575,7 @@ const nd = {
       ]
     }
   ]
-}, cd = (r) => {
+}, sd = (r) => {
   const {
     disabled: a = !1,
     max: t = 127,
@@ -4577,13 +4587,13 @@ const nd = {
     ...c
   } = r, [l, h] = rn(o), u = (d) => {
     if (a) return;
-    const m = Na(Number.parseInt(String(d), 10), t, e);
+    const m = Ga(Number.parseInt(String(d), 10), t, e);
     h(m), n && n(m);
-  }, p = Re(
+  }, p = _e(
     (d) => {
       if (!s || a) return;
       d.preventDefault();
-      const m = -d.deltaY * i, f = Na(l + m, t, e);
+      const m = -d.deltaY * i, f = Ga(l + m, t, e);
       h(f), n && n(f);
     },
     [
@@ -4598,7 +4608,7 @@ const nd = {
     ]
   );
   return /* @__PURE__ */ O(
-    od,
+    id,
     {
       clampMax: 320,
       clampMin: 40,
@@ -4608,7 +4618,7 @@ const nd = {
       onWheel: s ? p : void 0,
       preciseMode: !1,
       rotateDegrees: 180,
-      skin: id,
+      skin: cd,
       style: { opacity: a ? 0.4 : 1 },
       unlockDistance: 0,
       defaultValue: l,
@@ -4618,7 +4628,7 @@ const nd = {
       ...c
     }
   );
-}, P1 = Se((r, a) => {
+}, p1 = fe((r, a) => {
   const {
     disabled: t,
     highToLow: e,
@@ -4635,14 +4645,14 @@ const nd = {
     wheelSensitivity: m = 0.1,
     ...f
   } = r, v = Be(() => {
-    const x = Ja(c - l + 1).map((A) => l + A).map((A) => ({ value: A, label: String(A) }));
+    const x = za(c - l + 1).map((A) => l + A).map((A) => ({ value: A, label: String(A) }));
     return e ? x.reverse() : x;
   }, [e, c, l]);
   return /* @__PURE__ */ ne("div", { className: "zds-pickers__container", children: [
     !!(!u && i) && /* @__PURE__ */ O("span", { className: "zds-pickers__label", children: i }),
     /* @__PURE__ */ ne("div", { style: { display: "inline-flex", gap: 10, alignItems: "center" }, children: [
       !!o && /* @__PURE__ */ O(
-        _e,
+        Ce,
         {
           ...f,
           disabled: t,
@@ -4654,7 +4664,7 @@ const nd = {
         }
       ),
       /* @__PURE__ */ O(
-        cd,
+        sd,
         {
           disabled: t,
           max: c,
@@ -4668,19 +4678,19 @@ const nd = {
       )
     ] })
   ] });
-}), sd = [
+}), ld = [
   { value: 0, label: "Momentary" },
   { value: 1, label: "Latching" }
-], d1 = Se((r, a) => /* @__PURE__ */ O(
-  _e,
+], h1 = fe((r, a) => /* @__PURE__ */ O(
+  Ce,
   {
     ...r,
-    options: sd,
+    options: ld,
     ref: a
   }
 ));
 var Gt = {}, we = {}, ee = {}, he = {}, Ue = {}, no;
-function ld() {
+function ud() {
   if (no) return Ue;
   no = 1, Object.defineProperty(Ue, "__esModule", { value: !0 });
   function r(t) {
@@ -4700,7 +4710,7 @@ var oo;
 function y() {
   if (oo) return he;
   oo = 1, Object.defineProperty(he, "__esModule", { value: !0 }), he.emptyMapping = he.reverse = he.standardizeItem = he.standardizeGroup = void 0;
-  var r = ld(), a = he.standardizeGroup = function(o) {
+  var r = ud(), a = he.standardizeGroup = function(o) {
     switch (String(o).toLocaleLowerCase()) {
       case "cymbals":
       case "cymbal":
@@ -4867,7 +4877,7 @@ function Rc() {
   }, ee;
 }
 var ar = {}, co;
-function ud() {
+function Pd() {
   if (co) return ar;
   co = 1, Object.defineProperty(ar, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4904,7 +4914,7 @@ function ud() {
   ]), ar;
 }
 var tr = {}, so;
-function Pd() {
+function dd() {
   if (so) return tr;
   so = 1, Object.defineProperty(tr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4958,7 +4968,7 @@ function Pd() {
   ]), tr;
 }
 var nr = {}, lo;
-function dd() {
+function md() {
   if (lo) return nr;
   lo = 1, Object.defineProperty(nr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5014,7 +5024,7 @@ function dd() {
   ]), nr;
 }
 var or = {}, uo;
-function md() {
+function pd() {
   if (uo) return or;
   uo = 1, Object.defineProperty(or, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5091,7 +5101,7 @@ function md() {
   ]), or;
 }
 var ir = {}, Po;
-function pd() {
+function hd() {
   if (Po) return ir;
   Po = 1, Object.defineProperty(ir, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5114,7 +5124,7 @@ function pd() {
   ]), ir;
 }
 var cr = {}, mo;
-function hd() {
+function fd() {
   if (mo) return cr;
   mo = 1, Object.defineProperty(cr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5185,7 +5195,7 @@ function hd() {
   ]), cr;
 }
 var sr = {}, po;
-function fd() {
+function gd() {
   if (po) return sr;
   po = 1, Object.defineProperty(sr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5300,7 +5310,7 @@ function fd() {
   ]), sr;
 }
 var lr = {}, ho;
-function gd() {
+function Td() {
   if (ho) return lr;
   ho = 1, Object.defineProperty(lr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5376,7 +5386,7 @@ function gd() {
   ]), lr;
 }
 var ur = {}, fo;
-function Td() {
+function Sd() {
   if (fo) return ur;
   fo = 1, Object.defineProperty(ur, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5472,7 +5482,7 @@ function Td() {
   ]), ur;
 }
 var Pr = {}, go;
-function Sd() {
+function Cd() {
   if (go) return Pr;
   go = 1, Object.defineProperty(Pr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5557,7 +5567,7 @@ function Sd() {
   ]), Pr;
 }
 var dr = {}, To;
-function Cd() {
+function vd() {
   if (To) return dr;
   To = 1, Object.defineProperty(dr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5623,7 +5633,7 @@ function Cd() {
   ]), dr;
 }
 var mr = {}, So;
-function vd() {
+function Rd() {
   if (So) return mr;
   So = 1, Object.defineProperty(mr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5719,7 +5729,7 @@ function vd() {
   ]), mr;
 }
 var pr = {}, Co;
-function Rd() {
+function _d() {
   if (Co) return pr;
   Co = 1, Object.defineProperty(pr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5794,7 +5804,7 @@ function Rd() {
   ]), pr;
 }
 var hr = {}, vo;
-function _d() {
+function bd() {
   if (vo) return hr;
   vo = 1, Object.defineProperty(hr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5882,7 +5892,7 @@ function _d() {
   ]), hr;
 }
 var fr = {}, Ro;
-function bd() {
+function Hd() {
   if (Ro) return fr;
   Ro = 1, Object.defineProperty(fr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6018,7 +6028,7 @@ function bd() {
   ]), fr;
 }
 var gr = {}, _o;
-function Hd() {
+function yd() {
   if (_o) return gr;
   _o = 1, Object.defineProperty(gr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6074,7 +6084,7 @@ function Hd() {
   ]), gr;
 }
 var Tr = {}, bo;
-function yd() {
+function Md() {
   if (bo) return Tr;
   bo = 1, Object.defineProperty(Tr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6150,7 +6160,7 @@ function yd() {
   ]), Tr;
 }
 var Sr = {}, Ho;
-function Md() {
+function kd() {
   if (Ho) return Sr;
   Ho = 1, Object.defineProperty(Sr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6221,7 +6231,7 @@ function Md() {
   ]), Sr;
 }
 var Cr = {}, yo;
-function kd() {
+function wd() {
   if (yo) return Cr;
   yo = 1, Object.defineProperty(Cr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6358,7 +6368,7 @@ function kd() {
   ]), Cr;
 }
 var vr = {}, Mo;
-function wd() {
+function Bd() {
   if (Mo) return vr;
   Mo = 1, Object.defineProperty(vr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6402,7 +6412,7 @@ function wd() {
   ]), vr;
 }
 var Rr = {}, ko;
-function Bd() {
+function Dd() {
   if (ko) return Rr;
   ko = 1, Object.defineProperty(Rr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6480,7 +6490,7 @@ function Bd() {
   ]), Rr;
 }
 var _r = {}, wo;
-function Dd() {
+function Od() {
   if (wo) return _r;
   wo = 1, Object.defineProperty(_r, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6557,7 +6567,7 @@ function Dd() {
   ]), _r;
 }
 var br = {}, Bo;
-function Od() {
+function Ad() {
   if (Bo) return br;
   Bo = 1, Object.defineProperty(br, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6589,7 +6599,7 @@ function Od() {
   ]), br;
 }
 var Hr = {}, Do;
-function Ad() {
+function Ed() {
   if (Do) return Hr;
   Do = 1, Object.defineProperty(Hr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6675,7 +6685,7 @@ function Ad() {
   ]), Hr;
 }
 var yr = {}, Oo;
-function Ed() {
+function Ld() {
   if (Oo) return yr;
   Oo = 1, Object.defineProperty(yr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6761,7 +6771,7 @@ function Ed() {
   ]), yr;
 }
 var Mr = {}, Ao;
-function Ld() {
+function Gd() {
   if (Ao) return Mr;
   Ao = 1, Object.defineProperty(Mr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6847,7 +6857,7 @@ function Ld() {
   ]), Mr;
 }
 var kr = {}, Eo;
-function Gd() {
+function xd() {
   if (Eo) return kr;
   Eo = 1, Object.defineProperty(kr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6933,7 +6943,7 @@ function Gd() {
   ]), kr;
 }
 var wr = {}, Lo;
-function xd() {
+function Kd() {
   if (Lo) return wr;
   Lo = 1, Object.defineProperty(wr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6974,7 +6984,7 @@ function xd() {
   ]), wr;
 }
 var Br = {}, Go;
-function Kd() {
+function qd() {
   if (Go) return Br;
   Go = 1, Object.defineProperty(Br, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7111,7 +7121,7 @@ function Kd() {
   ]), Br;
 }
 var Dr = {}, xo;
-function qd() {
+function Nd() {
   if (xo) return Dr;
   xo = 1, Object.defineProperty(Dr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7248,7 +7258,7 @@ function qd() {
   ]), Dr;
 }
 var Or = {}, Ko;
-function Nd() {
+function Wd() {
   if (Ko) return Or;
   Ko = 1, Object.defineProperty(Or, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7385,7 +7395,7 @@ function Nd() {
   ]), Or;
 }
 var Ar = {}, qo;
-function Wd() {
+function Ud() {
   if (qo) return Ar;
   qo = 1, Object.defineProperty(Ar, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7502,7 +7512,7 @@ function Wd() {
   ]), Ar;
 }
 var Er = {}, No;
-function Ud() {
+function zd() {
   if (No) return Er;
   No = 1, Object.defineProperty(Er, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7584,7 +7594,7 @@ function Ud() {
   ]), Er;
 }
 var Lr = {}, Wo;
-function zd() {
+function Fd() {
   if (Wo) return Lr;
   Wo = 1, Object.defineProperty(Lr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7693,7 +7703,7 @@ function zd() {
   ]), Lr;
 }
 var Gr = {}, Uo;
-function Fd() {
+function Id() {
   if (Uo) return Gr;
   Uo = 1, Object.defineProperty(Gr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7733,7 +7743,7 @@ function Fd() {
   ]), Gr;
 }
 var xr = {}, zo;
-function Id() {
+function Vd() {
   if (zo) return xr;
   zo = 1, Object.defineProperty(xr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7870,7 +7880,7 @@ function Id() {
   ]), xr;
 }
 var Kr = {}, Fo;
-function Vd() {
+function jd() {
   if (Fo) return Kr;
   Fo = 1, Object.defineProperty(Kr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7916,7 +7926,7 @@ function Vd() {
   ]), Kr;
 }
 var qr = {}, Io;
-function jd() {
+function Xd() {
   if (Io) return qr;
   Io = 1, Object.defineProperty(qr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7944,7 +7954,7 @@ function jd() {
   ]), qr;
 }
 var Nr = {}, Vo;
-function Xd() {
+function Jd() {
   if (Vo) return Nr;
   Vo = 1, Object.defineProperty(Nr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8081,7 +8091,7 @@ function Xd() {
   ]), Nr;
 }
 var Wr = {}, jo;
-function Jd() {
+function $d() {
   if (jo) return Wr;
   jo = 1, Object.defineProperty(Wr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8218,7 +8228,7 @@ function Jd() {
   ]), Wr;
 }
 var Ur = {}, Xo;
-function $d() {
+function Yd() {
   if (Xo) return Ur;
   Xo = 1, Object.defineProperty(Ur, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8355,7 +8365,7 @@ function $d() {
   ]), Ur;
 }
 var zr = {}, Jo;
-function Yd() {
+function Qd() {
   if (Jo) return zr;
   Jo = 1, Object.defineProperty(zr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8472,7 +8482,7 @@ function Yd() {
   ]), zr;
 }
 var Fr = {}, $o;
-function Qd() {
+function Zd() {
   if ($o) return Fr;
   $o = 1, Object.defineProperty(Fr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8554,7 +8564,7 @@ function Qd() {
   ]), Fr;
 }
 var Ir = {}, Yo;
-function Zd() {
+function em() {
   if (Yo) return Ir;
   Yo = 1, Object.defineProperty(Ir, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8663,7 +8673,7 @@ function Zd() {
   ]), Ir;
 }
 var Vr = {}, Qo;
-function em() {
+function rm() {
   if (Qo) return Vr;
   Qo = 1, Object.defineProperty(Vr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8709,7 +8719,7 @@ function em() {
   ]), Vr;
 }
 var jr = {}, Zo;
-function rm() {
+function am() {
   if (Zo) return jr;
   Zo = 1, Object.defineProperty(jr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8781,7 +8791,7 @@ function rm() {
   ]), jr;
 }
 var Xr = {}, ei;
-function am() {
+function tm() {
   if (ei) return Xr;
   ei = 1, Object.defineProperty(Xr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8870,7 +8880,7 @@ function am() {
   ]), Xr;
 }
 var Jr = {}, ri;
-function tm() {
+function nm() {
   if (ri) return Jr;
   ri = 1, Object.defineProperty(Jr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8960,7 +8970,7 @@ function tm() {
   ]), Jr;
 }
 var $r = {}, ai;
-function nm() {
+function om() {
   if (ai) return $r;
   ai = 1, Object.defineProperty($r, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9049,7 +9059,7 @@ function nm() {
   ]), $r;
 }
 var Yr = {}, ti;
-function om() {
+function im() {
   if (ti) return Yr;
   ti = 1, Object.defineProperty(Yr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9138,7 +9148,7 @@ function om() {
   ]), Yr;
 }
 var Qr = {}, ni;
-function im() {
+function cm() {
   if (ni) return Qr;
   ni = 1, Object.defineProperty(Qr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9227,7 +9237,7 @@ function im() {
   ]), Qr;
 }
 var Zr = {}, oi;
-function cm() {
+function sm() {
   if (oi) return Zr;
   oi = 1, Object.defineProperty(Zr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9316,7 +9326,7 @@ function cm() {
   ]), Zr;
 }
 var ea = {}, ii;
-function sm() {
+function lm() {
   if (ii) return ea;
   ii = 1, Object.defineProperty(ea, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9405,7 +9415,7 @@ function sm() {
   ]), ea;
 }
 var ra = {}, ci;
-function lm() {
+function um() {
   if (ci) return ra;
   ci = 1, Object.defineProperty(ra, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9494,7 +9504,7 @@ function lm() {
   ]), ra;
 }
 var aa = {}, si;
-function um() {
+function Pm() {
   if (si) return aa;
   si = 1, Object.defineProperty(aa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9583,7 +9593,7 @@ function um() {
   ]), aa;
 }
 var ta = {}, li;
-function Pm() {
+function dm() {
   if (li) return ta;
   li = 1, Object.defineProperty(ta, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9673,7 +9683,7 @@ function Pm() {
   ]), ta;
 }
 var na = {}, ui;
-function dm() {
+function mm() {
   if (ui) return na;
   ui = 1, Object.defineProperty(na, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9704,7 +9714,7 @@ function dm() {
   ]), na;
 }
 var oa = {}, Pi;
-function mm() {
+function pm() {
   if (Pi) return oa;
   Pi = 1, Object.defineProperty(oa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9769,7 +9779,7 @@ function mm() {
   ]), oa;
 }
 var ia = {}, di;
-function pm() {
+function hm() {
   if (di) return ia;
   di = 1, Object.defineProperty(ia, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9858,7 +9868,7 @@ function pm() {
   ]), ia;
 }
 var ca = {}, mi;
-function hm() {
+function fm() {
   if (mi) return ca;
   mi = 1, Object.defineProperty(ca, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9948,7 +9958,7 @@ function hm() {
   ]), ca;
 }
 var sa = {}, pi;
-function fm() {
+function gm() {
   if (pi) return sa;
   pi = 1, Object.defineProperty(sa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10037,7 +10047,7 @@ function fm() {
   ]), sa;
 }
 var la = {}, hi;
-function gm() {
+function Tm() {
   if (hi) return la;
   hi = 1, Object.defineProperty(la, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10126,7 +10136,7 @@ function gm() {
   ]), la;
 }
 var ua = {}, fi;
-function Tm() {
+function Sm() {
   if (fi) return ua;
   fi = 1, Object.defineProperty(ua, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10215,7 +10225,7 @@ function Tm() {
   ]), ua;
 }
 var Pa = {}, gi;
-function Sm() {
+function Cm() {
   if (gi) return Pa;
   gi = 1, Object.defineProperty(Pa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10304,7 +10314,7 @@ function Sm() {
   ]), Pa;
 }
 var da = {}, Ti;
-function Cm() {
+function vm() {
   if (Ti) return da;
   Ti = 1, Object.defineProperty(da, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10393,7 +10403,7 @@ function Cm() {
   ]), da;
 }
 var ma = {}, Si;
-function vm() {
+function Rm() {
   if (Si) return ma;
   Si = 1, Object.defineProperty(ma, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10482,7 +10492,7 @@ function vm() {
   ]), ma;
 }
 var pa = {}, Ci;
-function Rm() {
+function _m() {
   if (Ci) return pa;
   Ci = 1, Object.defineProperty(pa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10571,7 +10581,7 @@ function Rm() {
   ]), pa;
 }
 var ha = {}, vi;
-function _m() {
+function bm() {
   if (vi) return ha;
   vi = 1, Object.defineProperty(ha, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10661,7 +10671,7 @@ function _m() {
   ]), ha;
 }
 var fa = {}, Ri;
-function bm() {
+function Hm() {
   if (Ri) return fa;
   Ri = 1, Object.defineProperty(fa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10695,7 +10705,7 @@ function bm() {
   ]), fa;
 }
 var ga = {}, _i;
-function Hm() {
+function ym() {
   if (_i) return ga;
   _i = 1, Object.defineProperty(ga, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10832,7 +10842,7 @@ function Hm() {
   ]), ga;
 }
 var Ta = {}, bi;
-function ym() {
+function Mm() {
   if (bi) return Ta;
   bi = 1, Object.defineProperty(Ta, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10866,7 +10876,7 @@ function ym() {
   ]), Ta;
 }
 var Sa = {}, Hi;
-function Mm() {
+function km() {
   if (Hi) return Sa;
   Hi = 1, Object.defineProperty(Sa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10903,7 +10913,7 @@ function Mm() {
   ]), Sa;
 }
 var Ca = {}, yi;
-function km() {
+function wm() {
   if (yi) return Ca;
   yi = 1, Object.defineProperty(Ca, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -10975,7 +10985,7 @@ function km() {
   ]), Ca;
 }
 var va = {}, Mi;
-function wm() {
+function Bm() {
   if (Mi) return va;
   Mi = 1, Object.defineProperty(va, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11007,7 +11017,7 @@ function wm() {
   ]), va;
 }
 var Ra = {}, ki;
-function Bm() {
+function Dm() {
   if (ki) return Ra;
   ki = 1, Object.defineProperty(Ra, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11079,7 +11089,7 @@ function Bm() {
   ]), Ra;
 }
 var _a = {}, wi;
-function Dm() {
+function Om() {
   if (wi) return _a;
   wi = 1, Object.defineProperty(_a, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11160,7 +11170,7 @@ function Dm() {
   ]), _a;
 }
 var ba = {}, Bi;
-function Om() {
+function Am() {
   if (Bi) return ba;
   Bi = 1, Object.defineProperty(ba, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11231,7 +11241,7 @@ function Om() {
   ]), ba;
 }
 var Ha = {}, Di;
-function Am() {
+function Em() {
   if (Di) return Ha;
   Di = 1, Object.defineProperty(Ha, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11275,7 +11285,7 @@ function Am() {
   ]), Ha;
 }
 var ya = {}, Oi;
-function Em() {
+function Lm() {
   if (Oi) return ya;
   Oi = 1, Object.defineProperty(ya, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11346,7 +11356,7 @@ function Em() {
   ]), ya;
 }
 var Ma = {}, Ai;
-function Lm() {
+function Gm() {
   if (Ai) return Ma;
   Ai = 1, Object.defineProperty(Ma, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11392,7 +11402,7 @@ function Lm() {
   ]), Ma;
 }
 var ka = {}, Ei;
-function Gm() {
+function xm() {
   if (Ei) return ka;
   Ei = 1, Object.defineProperty(ka, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11422,7 +11432,7 @@ function Gm() {
   ]), ka;
 }
 var wa = {}, Li;
-function xm() {
+function Km() {
   if (Li) return wa;
   Li = 1, Object.defineProperty(wa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11449,7 +11459,7 @@ function xm() {
   ]), wa;
 }
 var Ba = {}, Gi;
-function Km() {
+function qm() {
   if (Gi) return Ba;
   Gi = 1, Object.defineProperty(Ba, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11586,7 +11596,7 @@ function Km() {
   ]), Ba;
 }
 var Da = {}, xi;
-function qm() {
+function Nm() {
   if (xi) return Da;
   xi = 1, Object.defineProperty(Da, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11685,7 +11695,7 @@ function qm() {
   ]), Da;
 }
 var Oa = {}, Ki;
-function Nm() {
+function Wm() {
   if (Ki) return Oa;
   Ki = 1, Object.defineProperty(Oa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -11785,7 +11795,7 @@ var qi;
 function _c() {
   if (qi) return we;
   qi = 1, Object.defineProperty(we, "__esModule", { value: !0 }), we.getMapping = we.getStockNames = void 0;
-  var r = Rc(), a = ud(), t = k(a), e = Pd(), n = k(e), o = dd(), s = k(o), i = md(), c = k(i), l = pd(), h = k(l), u = hd(), p = k(u), d = fd(), m = k(d), f = gd(), v = k(f), x = Td(), A = k(x), R = Sd(), S = k(R), P = Cd(), C = k(P), T = vd(), _ = k(T), w = Rd(), K = k(w), F = _d(), j = k(F), ie = bd(), oe = k(ie), me = Hd(), Y = k(me), Z = yd(), pe = k(Z), ue = Md(), H = k(ue), M = kd(), U = k(M), q = wd(), N = k(q), D = Bd(), G = k(D), W = Dd(), I = k(W), z = Od(), V = k(z), re = Ad(), B = k(re), ae = Ed(), Ce = k(ae), fe = Ld(), qe = k(fe), Ne = Gd(), te = k(Ne), Pe = xd(), Ae = k(Pe), je = Kd(), We = k(je), ge = qd(), Ee = k(ge), $a = Nd(), Ya = k($a), Qa = Wd(), Za = k(Qa), et = Ud(), rt = k(et), Xe = zd(), Je = k(Xe), at = Fd(), $e = k(at), tt = Id(), g = k(tt), b = Vd(), E = k(b), X = jd(), ce = k(X), de = Xd(), ve = k(de), Me = Jd(), Le = k(Me), nt = $d(), He = k(nt), Ge = Yd(), Ye = k(Ge), yc = Qd(), Mc = k(yc), kc = Zd(), wc = k(kc), Bc = em(), Dc = k(Bc), Oc = rm(), Ac = k(Oc), Ec = am(), Lc = k(Ec), Gc = tm(), xc = k(Gc), Kc = nm(), qc = k(Kc), Nc = om(), Wc = k(Nc), Uc = im(), zc = k(Uc), Fc = cm(), Ic = k(Fc), Vc = sm(), jc = k(Vc), Xc = lm(), Jc = k(Xc), $c = um(), Yc = k($c), Qc = Pm(), Zc = k(Qc), es = dm(), rs = k(es), as = mm(), ts = k(as), ns = pm(), os = k(ns), is = hm(), cs = k(is), ss = fm(), ls = k(ss), us = gm(), Ps = k(us), ds = Tm(), ms = k(ds), ps = Sm(), hs = k(ps), fs = Cm(), gs = k(fs), Ts = vm(), Ss = k(Ts), Cs = Rm(), vs = k(Cs), Rs = _m(), _s = k(Rs), bs = bm(), Hs = k(bs), ys = Hm(), Ms = k(ys), ks = ym(), ws = k(ks), Bs = Mm(), Ds = k(Bs), Os = km(), As = k(Os), Es = wm(), Ls = k(Es), Gs = Bm(), xs = k(Gs), Ks = Dm(), qs = k(Ks), Ns = Om(), Ws = k(Ns), Us = Am(), zs = k(Us), Fs = Em(), Is = k(Fs), Vs = Lm(), js = k(Vs), Xs = Gm(), Js = k(Xs), $s = xm(), Ys = k($s), Qs = Km(), Zs = k(Qs), el = qm(), rl = k(el), al = Nm(), tl = k(al);
+  var r = Rc(), a = Pd(), t = k(a), e = dd(), n = k(e), o = md(), s = k(o), i = pd(), c = k(i), l = hd(), h = k(l), u = fd(), p = k(u), d = gd(), m = k(d), f = Td(), v = k(f), x = Sd(), A = k(x), R = Cd(), S = k(R), P = vd(), C = k(P), T = Rd(), _ = k(T), w = _d(), K = k(w), F = bd(), j = k(F), ie = Hd(), oe = k(ie), me = yd(), Y = k(me), Z = Md(), pe = k(Z), ue = kd(), H = k(ue), M = wd(), U = k(M), q = Bd(), N = k(q), D = Dd(), G = k(D), W = Od(), I = k(W), z = Ad(), V = k(z), re = Ed(), B = k(re), ae = Ld(), ve = k(ae), ge = Gd(), qe = k(ge), Ne = xd(), te = k(Ne), Pe = Kd(), Ae = k(Pe), je = qd(), We = k(je), Te = Nd(), Ee = k(Te), $a = Wd(), Ya = k($a), Qa = Ud(), Za = k(Qa), et = zd(), rt = k(et), Xe = Fd(), Je = k(Xe), at = Id(), $e = k(at), tt = Vd(), g = k(tt), b = jd(), E = k(b), X = Xd(), ce = k(X), de = Jd(), Re = k(de), Me = $d(), Le = k(Me), nt = Yd(), He = k(nt), Ge = Qd(), Ye = k(Ge), yc = Zd(), Mc = k(yc), kc = em(), wc = k(kc), Bc = rm(), Dc = k(Bc), Oc = am(), Ac = k(Oc), Ec = tm(), Lc = k(Ec), Gc = nm(), xc = k(Gc), Kc = om(), qc = k(Kc), Nc = im(), Wc = k(Nc), Uc = cm(), zc = k(Uc), Fc = sm(), Ic = k(Fc), Vc = lm(), jc = k(Vc), Xc = um(), Jc = k(Xc), $c = Pm(), Yc = k($c), Qc = dm(), Zc = k(Qc), es = mm(), rs = k(es), as = pm(), ts = k(as), ns = hm(), os = k(ns), is = fm(), cs = k(is), ss = gm(), ls = k(ss), us = Tm(), Ps = k(us), ds = Sm(), ms = k(ds), ps = Cm(), hs = k(ps), fs = vm(), gs = k(fs), Ts = Rm(), Ss = k(Ts), Cs = _m(), vs = k(Cs), Rs = bm(), _s = k(Rs), bs = Hm(), Hs = k(bs), ys = ym(), Ms = k(ys), ks = Mm(), ws = k(ks), Bs = km(), Ds = k(Bs), Os = wm(), As = k(Os), Es = Bm(), Ls = k(Es), Gs = Dm(), xs = k(Gs), Ks = Om(), qs = k(Ks), Ns = Am(), Ws = k(Ns), Us = Em(), zs = k(Us), Fs = Lm(), Is = k(Fs), Vs = Gm(), js = k(Vs), Xs = xm(), Js = k(Xs), $s = Km(), Ys = k($s), Qs = qm(), Zs = k(Qs), el = Nm(), rl = k(el), al = Wm(), tl = k(al);
   function k(xe) {
     return xe && xe.__esModule ? xe : { default: xe };
   }
@@ -11931,7 +11941,7 @@ function _c() {
       case "Roland TD-10 Perc 1":
         return B.default;
       case "Roland TD-10 Perc 2":
-        return Ce.default;
+        return ve.default;
       case "Roland TD-10 Perc 3":
         return qe.default;
       case "Roland TD-10 Perc 4":
@@ -11959,7 +11969,7 @@ function _c() {
       case "Roland TD-3":
         return ce.default;
       case "Roland TD-30 Perc 1 (Latin)":
-        return ve.default;
+        return Re.default;
       case "Roland TD-30 Perc 2 (Indian)":
         return Le.default;
       case "Roland TD-30 Perc 3 (African)":
@@ -12058,7 +12068,7 @@ function _c() {
   }, we;
 }
 var Ni;
-function Wm() {
+function Um() {
   return Ni || (Ni = 1, function(r) {
     Object.defineProperty(r, "__esModule", { value: !0 });
     var a = _c();
@@ -12107,8 +12117,8 @@ function Wm() {
     };
   }(Gt)), Gt;
 }
-var Wa = Wm();
-const m1 = Se(({ allowClearing: r, ...a }, t) => {
+var Wa = Um();
+const f1 = fe(({ allowClearing: r, ...a }, t) => {
   const e = Wa.getStockNames(), n = Wa.getUserMappingNames(), o = Be(() => [
     ...r ? [
       {
@@ -12132,17 +12142,17 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
     }
   ], [r, e, n]);
   return /* @__PURE__ */ O(
-    _e,
+    Ce,
     {
       ...a,
       options: o,
       ref: t
     }
   );
-}), { midiToNoteName: Um } = Tu, zm = ({ note: r, name: a }) => `${r} ${a.length ? "-" : ""} ${a}`, Wi = (r, a) => ({
+}), { midiToNoteName: zm } = vu, Fm = ({ note: r, name: a }) => `${r} ${a.length ? "-" : ""} ${a}`, Wi = (r, a) => ({
   label: r,
   value: a + 1
-}), p1 = Se((r, a) => {
+}), g1 = fe((r, a) => {
   const {
     channel: t,
     disabled: e = !1,
@@ -12151,16 +12161,16 @@ 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] = rn(i), p = Re(
+  } = r, l = Be(() => n ? Wa.emptyMapping().map(({ note: d }) => `${zm(d, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${d})`).map(Wi) : (o || Wa.emptyMapping()).map(Fm).map(Wi), [n, o]), [h, u] = rn(i), p = _e(
     (d) => {
       if (typeof d == "string") return;
-      const m = Na(d, 128, 0);
+      const m = Ga(d, 128, 0);
       m > 0 && s(m), u(d);
     },
     [s, u]
   );
   return /* @__PURE__ */ O(
-    _e,
+    Ce,
     {
       ...c,
       disabled: e,
@@ -12170,8 +12180,8 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
       value: h
     }
   );
-}), 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;
+}), bc = 21, Hc = 108, Im = Hc - bc - 1, Vm = Im * 0.7, jm = new window.AudioContext(), Xm = ({ height: r, width: a, ...t }) => {
+  const n = (a / Vm + 2) / r;
   return /* @__PURE__ */ O("div", { children: /* @__PURE__ */ O(
     Zt,
     {
@@ -12181,7 +12191,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
       ...t
     }
   ) });
-}, h1 = ({
+}, T1 = ({
   format: r,
   height: a,
   hostname: t,
@@ -12196,14 +12206,14 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
 }) => /* @__PURE__ */ O(
   Cc,
   {
-    audioContext: Vm,
+    audioContext: jm,
     format: r,
     hostname: t,
     instrumentName: e,
     onChange: n,
     soundfont: l,
     render: ({ isLoading: u, playNote: p, stopNote: d }) => /* @__PURE__ */ O(
-      jm,
+      Xm,
       {
         disabled: u,
         height: a,
@@ -12217,8 +12227,8 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
       }
     )
   }
-), f1 = Se(({ labelOff: r = "Normally Off", labelOn: a = "Normally On", ...t }, e) => /* @__PURE__ */ O(
-  _e,
+), S1 = fe(({ labelOff: r = "Normally Off", labelOn: a = "Normally On", ...t }, e) => /* @__PURE__ */ O(
+  Ce,
   {
     ...t,
     options: [
@@ -12233,10 +12243,10 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
 } : {
   width: 0,
   height: 0
-}, Xm = (r) => {
-  const [a, t] = Te(
+}, Jm = (r) => {
+  const [a, t] = Se(
     Ui(r ? r.current : null)
-  ), e = Re(() => {
+  ), e = _e(() => {
     r.current && t(Ui(r.current));
   }, [r]);
   return ul(() => {
@@ -12254,7 +12264,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
       };
     }
   }, [r.current]), a;
-}, Ua = 20, xt = 15, Ke = Ua, Aa = Ua, Jm = (r) => {
+}, Ua = 20, xt = 15, Ke = Ua, Aa = Ua, $m = (r) => {
   const {
     Tooltip: a = Fi,
     autosize: t,
@@ -12262,7 +12272,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
     inverted: n,
     onChange: o,
     value: s
-  } = r, i = Fe(null), c = Fe(null), { height: l, width: h } = Xm(i), u = t && h || 218, p = t && l || 150, d = u - Ua, m = p - Ua, f = u / 2, v = p / 2, x = { ref: c }, A = zi.map(
+  } = r, i = Fe(null), c = Fe(null), { height: l, width: h } = Jm(i), u = t && h || 218, p = t && l || 150, d = u - Ua, m = p - Ua, f = u / 2, v = p / 2, x = { ref: c }, A = zi.map(
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
     ({ value: R, label: S }) => {
       let P = 0, C = 0, T = Ke, _ = n ? Aa : m, w = d, K = n ? m : Aa, F = f, j = v;
@@ -12412,22 +12422,22 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
       ] })
     }
   );
-}, g1 = Se((r, a) => {
+}, C1 = fe((r, a) => {
   const {
     Tooltip: t = Fi,
     inverted: e = !1,
     onChange: n,
     value: o,
     ...s
-  } = r, i = Re(
+  } = r, i = _e(
     () => {
       var l;
-      return /* @__PURE__ */ O("div", { className: "singleValue", children: (l = zP("value", o)(zi)) == null ? void 0 : l.label });
+      return /* @__PURE__ */ O("div", { className: "singleValue", children: (l = pl("value", o)(zi)) == null ? void 0 : l.label });
     },
     [o]
-  ), c = Re(
+  ), c = _e(
     ({ setValue: l }) => /* @__PURE__ */ O(
-      Jm,
+      $m,
       {
         autosize: !0,
         inverted: e,
@@ -12441,7 +12451,7 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
     [t, e, n, o]
   );
   return /* @__PURE__ */ O(
-    _e,
+    Ce,
     {
       ...s,
       components: {
@@ -12454,14 +12464,14 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
       value: o
     }
   );
-}), T1 = Se(({ statuses: r, ...a }, t) => /* @__PURE__ */ O(
-  _e,
+}), v1 = fe(({ statuses: r, ...a }, t) => /* @__PURE__ */ O(
+  Ce,
   {
     ...a,
     options: r,
     ref: t
   }
-)), S1 = Se((r, a) => {
+)), R1 = fe((r, a) => {
   const {
     disabled: t,
     highToLow: e,
@@ -12471,16 +12481,16 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
     value: i = 0,
     ...c
   } = r, l = Be(() => {
-    const d = Ja(n - o + 1).map((m) => o + m).map((m) => ({ value: m, label: m }));
+    const d = za(n - o + 1).map((m) => o + m).map((m) => ({ value: m, label: m }));
     return e ? d.reverse() : d;
-  }, [e, n, o]), [h, u] = rn(i), p = Re(
+  }, [e, n, o]), [h, u] = rn(i), p = _e(
     (d) => {
-      s(Na(d, n, o)), u(Number.parseInt(String(d), 10));
+      s(Ga(d, n, o)), u(Number.parseInt(String(d), 10));
     },
     [n, o, s, u]
   );
   return /* @__PURE__ */ O(
-    _e,
+    Ce,
     {
       ...c,
       disabled: t,
@@ -12492,32 +12502,39 @@ const m1 = Se(({ allowClearing: r, ...a }, t) => {
   );
 });
 export {
-  l1 as ChannelMappingPicker,
-  u1 as ChannelPicker,
+  P1 as CCPicker,
+  d1 as ChannelMappingPicker,
+  m1 as ChannelPicker,
   Fi as DefaultTooltip,
-  cd as Knob,
-  P1 as KnobPicker,
-  d1 as LatchPicker,
-  pl as MASK_CHANNEL,
-  hl as MASK_STATUS,
+  sd as Knob,
+  p1 as KnobPicker,
+  h1 as LatchPicker,
+  gl as MASK_CHANNEL,
+  Tl as MASK_STATUS,
   $n as MEASUREMENT_ELEMENT_ID,
-  m1 as MappingPicker,
-  p1 as NotePicker,
-  s1 as OctavePlayer,
-  h1 as PianoPicker,
-  f1 as PolarityPicker,
-  Jm as ResponseCurve,
-  g1 as ResponseCurvePicker,
-  _e as Select,
-  T1 as StatusPicker,
+  f1 as MappingPicker,
+  g1 as NotePicker,
+  u1 as OctavePlayer,
+  T1 as PianoPicker,
+  S1 as PolarityPicker,
+  $m as ResponseCurve,
+  C1 as ResponseCurvePicker,
+  Ce as Select,
+  v1 as StatusPicker,
   ke as Statuses,
   Yn as SvgText,
-  S1 as ValuePicker,
-  n1 as changeControllerOptions,
-  i1 as combineStatusWithChannel,
-  c1 as extractStatusAndChannel,
-  o1 as getStatusLabel,
+  R1 as ValuePicker,
+  za as arraySequence,
+  Ga as assertRange,
+  fl as changeControllerOptions,
+  s1 as combineStatusWithChannel,
+  l1 as extractStatusAndChannel,
+  pl as findObj,
+  c1 as getStatusLabel,
+  hl as omit,
+  o1 as pick,
   zi as responseCurves,
-  fl as statusOptions
+  i1 as set,
+  Sl as statusOptions
 };
 //# sourceMappingURL=index.es.js.map