npm - zds-pickers - Versions diffs - 4.0.6 → 4.0.7 - Mend

zds-pickers 4.0.6 → 4.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/index.es.js CHANGED Viewed

@@ -2,156 +2,85 @@ var dl = Object.defineProperty;
 var ml = (r, a, t) => a in r ? dl(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t;
 var it = (r, a, t) => ml(r, typeof a != "symbol" ? a + "" : a, t);
 import { jsx as O, jsxs as ne, Fragment as Ga } from "react/jsx-runtime";
-import le, { forwardRef as fe, useCallback as _e, useMemo as Be, Children as pl, isValidElement as hl, useState as Se, useEffect as ye, useRef as Ie, createElement as fl, Fragment as gl, useLayoutEffect as Tl } from "react";
+import le, { forwardRef as Se, useCallback as Re, useMemo as Be, Children as pl, isValidElement as hl, useState as Te, useEffect as ye, useRef as Ie, createElement as fl, Fragment as gl, useLayoutEffect as Tl } from "react";
 import on, { components as Sl } from "react-select";
 import { drag as Cl } from "d3-drag";
 import { scaleLinear as cn } from "d3-scale";
 import { select as sn } from "d3-selection";
 import vl from "react-dom";
-const Rl = [
-  "Bank Select",
-  "Modulation Wheel",
-  "Breath Controller",
-  "",
-  "Foot Control",
-  "Portamento Time",
-  "Data Entry Slider",
-  "Volume",
-  "Balance",
-  "",
-  "Pan",
-  "Expression",
-  "Effect Control 1",
-  "Effect Control 2",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "Controller 0",
-  "Controller 1",
-  "Controller 2",
-  "Controller 3",
-  "Controller 4",
-  "Controller 5",
-  "Controller 6",
-  "Controller 7",
-  "Controller 8",
-  "Controller 9",
-  "Controller 10",
-  "Controller 11",
-  "Controller 12",
-  "Controller 13",
-  "Controller 14",
-  "Controller 15",
-  "Controller 16",
-  "Controller 17",
-  "Controller 18",
-  "Controller 19",
-  "Controller 20",
-  "Controller 21",
-  "Controller 22",
-  "Controller 23",
-  "Controller 24",
-  "Controller 25",
-  "Controller 26",
-  "Controller 27",
-  "Controller 28",
-  "Controller 29",
-  "Controller 30",
-  "Controller 31",
-  "Sustain",
-  "Portamento",
-  "Sostenuto",
-  "Soft Pedal",
-  "Legato Pedal",
-  "Sustain 2",
-  "Sound Variation",
-  "Resonance/Timbre",
-  "Sound Release Time",
-  "Sound Attack Time",
-  "Frequency Cutoff",
-  "Sound Control 6",
-  "Sound Control 7",
-  "Sound Control 8",
-  "Sound Control 9",
-  "Sound Control 10",
-  "Decay or General 1",
-  "Hi-Pass or General 2",
-  "General 3",
-  "General 4",
-  "Portamento Amount",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "Reverb Level",
-  "Tremolo Depth",
-  "Chorus Level",
-  "Detune",
-  "Phaser Depth",
-  "Data Entry +1",
-  "Data Entry -1",
-  "Non-registered LSB",
-  "Non-registered MSB",
-  "Registered msb",
-  "Registered lsb",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "",
-  "Shift 1",
-  "Shift 2",
-  "Shift 3",
-  "Shift 4",
-  "Shift 5",
-  "Shift 6",
-  "",
-  "",
-  "",
-  "",
-  "All Sound Off",
-  "All Controllers Off",
-  "Local Mode",
-  "All Notes Off",
-  "Omni Mode Off",
-  "Omni Mode On",
-  "Mono Mode On",
-  "Poly Mode"
-].map(
-  (r, a) => ({
-    label: String(r).length ? `${a} - ${r}` : String(a),
-    value: a
-  })
-), Fa = (r) => Array.from(new Array(r).keys()), xa = (r, a = 127, t = 0) => {
+var Ze = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Ve(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+function Rl(r) {
+  if (r.__esModule) return r;
+  var a = r.default;
+  if (typeof a == "function") {
+    var t = function e() {
+      return this instanceof e ? Reflect.construct(a, arguments, this.constructor) : a.apply(this, arguments);
+    };
+    t.prototype = a.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(r).forEach(function(e) {
+    var n = Object.getOwnPropertyDescriptor(r, e);
+    Object.defineProperty(t, e, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return r[e];
+      }
+    });
+  }), t;
+}
+var ct = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var ln;
+function _l() {
+  return ln || (ln = 1, function(r) {
+    (function() {
+      var a = {}.hasOwnProperty;
+      function t() {
+        for (var o = "", s = 0; s < arguments.length; s++) {
+          var i = arguments[s];
+          i && (o = n(o, e(i)));
+        }
+        return o;
+      }
+      function e(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return o;
+        if (typeof o != "object")
+          return "";
+        if (Array.isArray(o))
+          return t.apply(null, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var s = "";
+        for (var i in o)
+          a.call(o, i) && o[i] && (s = n(s, i));
+        return s;
+      }
+      function n(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
+      }
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
+    })();
+  }(ct)), ct.exports;
+}
+var bl = _l();
+const je = /* @__PURE__ */ Ve(bl), Fa = (r) => Array.from(new Array(r).keys()), xa = (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;
-}, _l = (r, a) => (t) => t == null ? void 0 : t.find((e) => (e == null ? void 0 : e[r]) === a), bl = (...r) => (a) => Object.entries(a).filter(([t]) => !r.flat().map(String).includes(t)).reduce((t, [e, n]) => Object.assign(t, { [e]: n }), {}), { IndicatorsContainer: Hl, Placeholder: ln, ValueContainer: yl } = Sl, un = ({
+}, Hl = (r, a) => (t) => t == null ? void 0 : t.find((e) => (e == null ? void 0 : e[r]) === a), yl = (...r) => (a) => Object.entries(a).filter(([t]) => !r.flat().map(String).includes(t)).reduce((t, [e, n]) => Object.assign(t, { [e]: n }), {}), { IndicatorsContainer: Ml, Placeholder: un, ValueContainer: kl } = Sl, Pn = ({
   children: r,
   ...a
 }) => {
   var e;
   const t = (e = a.selectProps) == null ? void 0 : e.actionButton;
-  return /* @__PURE__ */ O(Hl, { ...a, children: /* @__PURE__ */ ne(
+  return /* @__PURE__ */ O(Ml, { ...a, children: /* @__PURE__ */ ne(
     "div",
     {
       onMouseDown: (n) => {
@@ -164,12 +93,12 @@ const Rl = [
       ]
     }
   ) });
-}, Ml = ({
+}, wl = ({
   children: r,
   ...a
-}) => /* @__PURE__ */ ne(yl, { ...a, children: [
+}) => /* @__PURE__ */ ne(kl, { ...a, children: [
   /* @__PURE__ */ O(
-    ln,
+    un,
     {
       ...a,
       innerProps: a.innerProps || {},
@@ -180,9 +109,9 @@ const Rl = [
   ),
   pl.map(
     r,
-    (t) => hl(t) && t.type !== ln ? t : null
+    (t) => hl(t) && t.type !== un ? t : null
   )
-] }), Ce = fe(
+] }), _e = Se(
   (r, a) => {
     const {
       components: t,
@@ -194,14 +123,14 @@ const Rl = [
       shrinkLabel: c,
       value: l,
       ...h
-    } = r, u = _e(
+    } = r, u = Re(
       (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) => bl("width")(v),
+        menu: (v) => yl("width")(v),
         menuList: (v) => ({
           ...v,
           overflowX: "hidden"
@@ -239,8 +168,8 @@ const Rl = [
         ...h,
         classNamePrefix: "zds-pickers",
         components: {
-          IndicatorsContainer: un,
-          ValueContainer: Ml,
+          IndicatorsContainer: Pn,
+          ValueContainer: wl,
           ...t
         },
         isDisabled: e,
@@ -259,7 +188,7 @@ const Rl = [
           ...h,
           classNamePrefix: "zds-pickers",
           components: {
-            IndicatorsContainer: un,
+            IndicatorsContainer: Pn,
             ...t
           },
           isDisabled: e,
@@ -272,82 +201,11 @@ const Rl = [
       )
     ] });
   }
-), c1 = fe((r, a) => /* @__PURE__ */ O(
-  Ce,
-  {
-    ...r,
-    options: Rl,
-    ref: a
-  }
-));
-var Ze = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Ve(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
-}
-function kl(r) {
-  if (r.__esModule) return r;
-  var a = r.default;
-  if (typeof a == "function") {
-    var t = function e() {
-      return this instanceof e ? Reflect.construct(a, arguments, this.constructor) : a.apply(this, arguments);
-    };
-    t.prototype = a.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(r).forEach(function(e) {
-    var n = Object.getOwnPropertyDescriptor(r, e);
-    Object.defineProperty(t, e, n.get ? n : {
-      enumerable: !0,
-      get: function() {
-        return r[e];
-      }
-    });
-  }), t;
-}
-var ct = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var Pn;
-function wl() {
-  return Pn || (Pn = 1, function(r) {
-    (function() {
-      var a = {}.hasOwnProperty;
-      function t() {
-        for (var o = "", s = 0; s < arguments.length; s++) {
-          var i = arguments[s];
-          i && (o = n(o, e(i)));
-        }
-        return o;
-      }
-      function e(o) {
-        if (typeof o == "string" || typeof o == "number")
-          return o;
-        if (typeof o != "object")
-          return "";
-        if (Array.isArray(o))
-          return t.apply(null, o);
-        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
-          return o.toString();
-        var s = "";
-        for (var i in o)
-          a.call(o, i) && o[i] && (s = n(s, i));
-        return s;
-      }
-      function n(o, s) {
-        return s ? o ? o + " " + s : o + s : o;
-      }
-      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
-    })();
-  }(ct)), ct.exports;
-}
-var Bl = wl();
-const je = /* @__PURE__ */ Ve(Bl), Dl = Fa(16).map((r) => ({
+), Bl = Fa(16).map((r) => ({
   value: r,
   label: r
-})), s1 = fe(({ channels: r, className: a, ...t }, e) => {
-  const [n, o] = Se([]), s = _e(
+})), i1 = Se(({ channels: r, className: a, ...t }, e) => {
+  const [n, o] = Te([]), s = Re(
     ({ value: i, label: c }, { context: l }) => {
       if (i === "separator")
         return /* @__PURE__ */ O("span", { className: "zds-mappings-user-mapping", children: c });
@@ -370,14 +228,14 @@ const je = /* @__PURE__ */ Ve(Bl), Dl = Fa(16).map((r) => ({
     [r]
   );
   return ye(() => {
-    const i = Dl.sort(
+    const i = Bl.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(
-    Ce,
+    _e,
     {
       ...t,
       className: je(a, "channel-mapping-picker"),
@@ -386,21 +244,21 @@ const je = /* @__PURE__ */ Ve(Bl), Dl = Fa(16).map((r) => ({
       ref: e
     }
   );
-}), Ol = Fa(16).map((r) => ({
+}), Dl = Fa(16).map((r) => ({
   value: r,
   label: `Channel ${r + 1}`
-})), Al = (r, { context: a }) => a === "value" ? r.label : Number.parseInt(String(r.value)) + 1, El = (r, a) => a ? String(r.label).toLowerCase().includes(a.toLowerCase()) : !0, l1 = fe(({ className: r, ...a }, t) => /* @__PURE__ */ O(
-  Ce,
+})), Ol = (r, { context: a }) => a === "value" ? r.label : Number.parseInt(String(r.value)) + 1, Al = (r, a) => a ? String(r.label).toLowerCase().includes(a.toLowerCase()) : !0, c1 = Se(({ className: r, ...a }, t) => /* @__PURE__ */ O(
+  _e,
   {
     ...a,
     className: je(r, "channel-picker"),
-    filterOptions: El,
-    formatOptionLabel: Al,
-    options: Ol,
+    filterOptions: Al,
+    formatOptionLabel: Ol,
+    options: Dl,
     ref: t
   }
 )), Ft = (r) => {
-  const [a, t] = Se(r);
+  const [a, t] = Te(r);
   return ye(() => {
     t(r);
   }, [r]), [a, t];
@@ -415,7 +273,7 @@ var er = { exports: {} }, rr = { exports: {} }, J = {};
  * LICENSE file in the root directory of this source tree.
  */
 var dn;
-function Ll() {
+function El() {
   if (dn) return J;
   dn = 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, G = r ? Symbol.for("react.responder") : 60118, K = r ? Symbol.for("react.scope") : 60119;
@@ -490,7 +348,7 @@ var $ = {};
  * LICENSE file in the root directory of this source tree.
  */
 var mn;
-function Gl() {
+function Ll() {
   return mn || (mn = 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, G = r ? Symbol.for("react.responder") : 60118, K = r ? Symbol.for("react.scope") : 60119;
     function R(B) {
@@ -502,24 +360,24 @@ function Gl() {
         var ae = B.$$typeof;
         switch (ae) {
           case a:
-            var ve = B.type;
-            switch (ve) {
+            var Ce = B.type;
+            switch (Ce) {
               case c:
               case l:
               case e:
               case o:
               case n:
               case u:
-                return ve;
+                return Ce;
               default:
-                var ge = ve && ve.$$typeof;
-                switch (ge) {
+                var fe = Ce && Ce.$$typeof;
+                switch (fe) {
                   case i:
                   case h:
                   case m:
                   case d:
                   case s:
-                    return ge;
+                    return fe;
                   default:
                     return ae;
                 }
@@ -574,7 +432,7 @@ function Gl() {
 }
 var pn;
 function Ui() {
-  return pn || (pn = 1, process.env.NODE_ENV === "production" ? rr.exports = Ll() : rr.exports = Gl()), rr.exports;
+  return pn || (pn = 1, process.env.NODE_ENV === "production" ? rr.exports = El() : rr.exports = Ll()), rr.exports;
 }
 /*
 object-assign
@@ -582,7 +440,7 @@ object-assign
 @license MIT
 */
 var st, hn;
-function xl() {
+function Gl() {
   if (hn) return st;
   hn = 1;
   var r = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
@@ -639,7 +497,7 @@ function zi() {
   return gn || (gn = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
 }
 var Pt, Tn;
-function Kl() {
+function xl() {
   if (Tn) return Pt;
   Tn = 1;
   var r = function() {
@@ -688,10 +546,10 @@ function Kl() {
   }, Pt = n, Pt;
 }
 var dt, Sn;
-function Nl() {
+function Kl() {
   if (Sn) return dt;
   Sn = 1;
-  var r = Ui(), a = xl(), t = /* @__PURE__ */ It(), e = /* @__PURE__ */ zi(), n = /* @__PURE__ */ Kl(), o = function() {
+  var r = Ui(), a = Gl(), t = /* @__PURE__ */ It(), e = /* @__PURE__ */ zi(), n = /* @__PURE__ */ xl(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
     var c = "Warning: " + i;
@@ -1009,7 +867,7 @@ Valid keys: ` + JSON.stringify(Object.keys(H), null, "  ")
   }, dt;
 }
 var mt, Cn;
-function ql() {
+function Nl() {
   if (Cn) return mt;
   Cn = 1;
   var r = /* @__PURE__ */ It();
@@ -1061,13 +919,13 @@ function Fi() {
   if (vn) return er.exports;
   if (vn = 1, process.env.NODE_ENV !== "production") {
     var r = Ui(), a = !0;
-    er.exports = /* @__PURE__ */ Nl()(r.isElement, a);
+    er.exports = /* @__PURE__ */ Kl()(r.isElement, a);
   } else
-    er.exports = /* @__PURE__ */ ql()();
+    er.exports = /* @__PURE__ */ Nl()();
   return er.exports;
 }
 var pt, Rn;
-function Wl() {
+function ql() {
   return Rn || (Rn = 1, pt = function(r) {
     var a = {};
     function t(e) {
@@ -1454,10 +1312,10 @@ function Wl() {
   }])), pt;
 }
 var ht, _n;
-function Ul() {
-  return _n || (_n = 1, ht = Wl()), ht;
+function Wl() {
+  return _n || (_n = 1, ht = ql()), ht;
 }
-var ft = Ul();
+var ft = Wl();
 class Ii extends le.Component {
   render() {
     const a = this.props, t = {};
@@ -1484,19 +1342,19 @@ class Ii extends le.Component {
 it(Ii, "defaultProps", {
   step: 1
 });
-function zl(r) {
+function Ul(r) {
   return r * Math.PI / 180;
 }
 function Vi(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 Fl(r, a) {
+function zl(r, a) {
   if (r === 0 && a === 0) return 0;
   let e = Math.atan(r / a) * 180 / Math.PI;
   const n = Vi(r, a);
   return n === 1 && (e = 90 - e), n === 2 && (e = 90 - e), n === 3 && (e = 270 - e), n === 4 && (e = 270 - e), e;
 }
-function Il(r) {
+function Fl(r) {
   let a;
   a = document.documentElement || document.body.parentNode;
   const t = (typeof a.scrollLeft == "number" ? a : document.body).scrollLeft;
@@ -1507,10 +1365,10 @@ function Il(r) {
 const ze = {
   // toGlobalCoordinates,
   // toLocalCoordinates,
-  toRadians: zl,
+  toRadians: Ul,
   getQuadrant: Vi,
-  getAngleForPoint: Fl,
-  transformBoundingClientRectToDocument: Il
+  getAngleForPoint: zl,
+  transformBoundingClientRectToDocument: Fl
 };
 class bn extends le.Component {
   render() {
@@ -1534,7 +1392,7 @@ class bn extends le.Component {
     );
   }
 }
-class Vl extends le.Component {
+class Il extends le.Component {
   render() {
     const { width: a = 2, color: t = "black", p1: e, p2: n, ...o } = this.props;
     return /* @__PURE__ */ O(
@@ -1551,7 +1409,7 @@ class Vl extends le.Component {
     );
   }
 }
-class jl extends le.Component {
+class Vl extends le.Component {
   render() {
     const { children: a, ...t } = this.props, e = {
       overlay: Object.assign(
@@ -1582,7 +1440,7 @@ class jl extends le.Component {
     );
   }
 }
-class Xl extends le.Component {
+class jl extends le.Component {
   constructor() {
     super(...arguments);
     it(this, "state", {
@@ -1605,7 +1463,7 @@ class Xl 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(jl, { children: /* @__PURE__ */ ne(
+    return /* @__PURE__ */ O(Vl, { children: /* @__PURE__ */ ne(
       "svg",
       {
         style: { position: "absolute", top: "0", left: "0" },
@@ -1648,7 +1506,7 @@ class Xl extends le.Component {
             }
           ),
           /* @__PURE__ */ O(
-            Vl,
+            Il,
             {
               p1: { x: this.state.centerX, y: this.state.centerY },
               p2: {
@@ -1663,7 +1521,7 @@ class Xl extends le.Component {
     ) });
   }
 }
-const Jl = {
+const Xl = {
   knobX: 71,
   knobY: 71,
   svg: `
@@ -1718,7 +1576,7 @@ const Jl = {
     </g>
 </svg>
 `
-}, $l = (r) => {
+}, Jl = (r) => {
   const {
     clampMax: a = 360,
     clampMin: t = 0,
@@ -1735,15 +1593,15 @@ const Jl = {
     },
     preciseMode: u = !0,
     rotateDegrees: p = 0,
-    skin: d = Jl,
+    skin: d = Xl,
     step: m = 1,
     style: f,
     unlockDistance: v = 100,
     value: G,
     ...K
-  } = r, [R, S] = Se(G !== void 0), P = Ie(null), C = Ie(null);
+  } = r, [R, S] = Te(G !== void 0), P = Ie(null), C = Ie(null);
   let T, _;
-  const [w, x] = Se({
+  const [w, x] = Te({
     svgRef: void 0,
     dragging: !1,
     dragDistance: 0,
@@ -1780,33 +1638,33 @@ const Jl = {
     let W = L.getBoundingClientRect();
     const I = W.width / 2, z = W.height / 2;
     let V, re, B, ae = !1;
-    function ve(te) {
+    function Ce(te) {
       if (!(te != null && te.sourceEvent) || !L) return;
       const Pe = Z();
       W = L.getBoundingClientRect(), D.classed("dragging", !0), h(), V = { x: te.x - I, y: te.y - z }, re = ze.getAngleForPoint(V.x, V.y), B = j(Pe), ae = !1;
     }
-    function ge(te) {
+    function fe(te) {
       const Pe = { x: te.x - I, y: te.y - z }, Ae = Math.sqrt(
         Pe.x ** 2 + Pe.y ** 2
       );
       u ? !ae && Ae >= v && (V = Pe, re = ze.getAngleForPoint(Pe.x, Pe.y), ae = !0) : ae = !0;
       const We = ze.getAngleForPoint(Pe.x, Pe.y) - re;
-      let Te = B + We;
-      Te = F(Te), ae && Y(Te), x((Ee) => ({
+      let ge = B + We;
+      ge = F(ge), ae && Y(ge), x((Ee) => ({
         ...Ee,
         dragDistance: Ae,
         mousePos: {
           x: te.sourceEvent.clientX,
           y: te.sourceEvent.clientY
         },
-        valueAngle: ae ? Te : B
+        valueAngle: ae ? ge : B
       }));
     }
     function Ne() {
       var te;
       D.classed("dragging", !1), x((Pe) => ({ ...Pe, dragging: !1 })), l(), (te = C.current) == null || te.focus();
     }
-    const qe = Cl().container(() => L).on("start", ve).on("drag", ge).on("end", Ne);
+    const qe = Cl().container(() => L).on("start", Ce).on("drag", fe).on("end", Ne);
     D.call(qe);
   }, ue = (D) => {
     R || x((L) => ({ ...L, uncontrolledValue: D })), n || c(D);
@@ -1889,7 +1747,7 @@ const Jl = {
       }
     ),
     w.dragging && u && /* @__PURE__ */ O(
-      Xl,
+      jl,
       {
         svgRef: w.svgRef,
         radius: w.dragDistance,
@@ -1899,7 +1757,7 @@ const Jl = {
       }
     )
   ] });
-}, Yl = {
+}, $l = {
   knobX: 71.44,
   knobY: 71.44,
   svg: `
@@ -1990,7 +1848,7 @@ const Jl = {
       ]
     }
   ]
-}, Ql = (r) => {
+}, Yl = (r) => {
   const {
     disabled: a = !1,
     max: t = 127,
@@ -2004,7 +1862,7 @@ const Jl = {
     if (a) return;
     const m = xa(Number.parseInt(String(d), 10), t, e);
     h(m), n && n(m);
-  }, p = _e(
+  }, p = Re(
     (d) => {
       if (!s || a) return;
       d.preventDefault();
@@ -2023,7 +1881,7 @@ const Jl = {
     ]
   );
   return /* @__PURE__ */ O(
-    $l,
+    Jl,
     {
       clampMax: 320,
       clampMin: 40,
@@ -2033,7 +1891,7 @@ const Jl = {
       onWheel: s ? p : void 0,
       preciseMode: !1,
       rotateDegrees: 180,
-      skin: Yl,
+      skin: $l,
       style: { opacity: a ? 0.4 : 1 },
       unlockDistance: 0,
       defaultValue: l,
@@ -2043,7 +1901,7 @@ const Jl = {
       ...c
     }
   );
-}, u1 = fe((r, a) => {
+}, s1 = Se((r, a) => {
   const {
     disabled: t,
     highToLow: e,
@@ -2067,7 +1925,7 @@ const Jl = {
     !!(!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(
-        Ce,
+        _e,
         {
           ...f,
           disabled: t,
@@ -2079,7 +1937,7 @@ const Jl = {
         }
       ),
       /* @__PURE__ */ O(
-        Ql,
+        Yl,
         {
           disabled: t,
           max: c,
@@ -2093,19 +1951,19 @@ const Jl = {
       )
     ] })
   ] });
-}), Zl = [
+}), Ql = [
   { value: 0, label: "Momentary" },
   { value: 1, label: "Latching" }
-], P1 = fe((r, a) => /* @__PURE__ */ O(
-  Ce,
+], l1 = Se((r, a) => /* @__PURE__ */ O(
+  _e,
   {
     ...r,
-    options: Zl,
+    options: Ql,
     ref: a
   }
 ));
 var gt = {}, ke = {}, ee = {}, he = {}, Ue = {}, Hn;
-function eu() {
+function Zl() {
   if (Hn) return Ue;
   Hn = 1, Object.defineProperty(Ue, "__esModule", { value: !0 });
   function r(t) {
@@ -2125,7 +1983,7 @@ var yn;
 function y() {
   if (yn) return he;
   yn = 1, Object.defineProperty(he, "__esModule", { value: !0 }), he.emptyMapping = he.reverse = he.standardizeItem = he.standardizeGroup = void 0;
-  var r = eu(), a = he.standardizeGroup = function(o) {
+  var r = Zl(), a = he.standardizeGroup = function(o) {
     switch (String(o).toLocaleLowerCase()) {
       case "cymbals":
       case "cymbal":
@@ -2292,7 +2150,7 @@ function ji() {
   }, ee;
 }
 var ar = {}, kn;
-function ru() {
+function eu() {
   if (kn) return ar;
   kn = 1, Object.defineProperty(ar, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2329,7 +2187,7 @@ function ru() {
   ]), ar;
 }
 var tr = {}, wn;
-function au() {
+function ru() {
   if (wn) return tr;
   wn = 1, Object.defineProperty(tr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2383,7 +2241,7 @@ function au() {
   ]), tr;
 }
 var nr = {}, Bn;
-function tu() {
+function au() {
   if (Bn) return nr;
   Bn = 1, Object.defineProperty(nr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2439,7 +2297,7 @@ function tu() {
   ]), nr;
 }
 var or = {}, Dn;
-function nu() {
+function tu() {
   if (Dn) return or;
   Dn = 1, Object.defineProperty(or, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2516,7 +2374,7 @@ function nu() {
   ]), or;
 }
 var ir = {}, On;
-function ou() {
+function nu() {
   if (On) return ir;
   On = 1, Object.defineProperty(ir, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2539,7 +2397,7 @@ function ou() {
   ]), ir;
 }
 var cr = {}, An;
-function iu() {
+function ou() {
   if (An) return cr;
   An = 1, Object.defineProperty(cr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2610,7 +2468,7 @@ function iu() {
   ]), cr;
 }
 var sr = {}, En;
-function cu() {
+function iu() {
   if (En) return sr;
   En = 1, Object.defineProperty(sr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2725,7 +2583,7 @@ function cu() {
   ]), sr;
 }
 var lr = {}, Ln;
-function su() {
+function cu() {
   if (Ln) return lr;
   Ln = 1, Object.defineProperty(lr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2801,7 +2659,7 @@ function su() {
   ]), lr;
 }
 var ur = {}, Gn;
-function lu() {
+function su() {
   if (Gn) return ur;
   Gn = 1, Object.defineProperty(ur, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2897,7 +2755,7 @@ function lu() {
   ]), ur;
 }
 var Pr = {}, xn;
-function uu() {
+function lu() {
   if (xn) return Pr;
   xn = 1, Object.defineProperty(Pr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -2982,7 +2840,7 @@ function uu() {
   ]), Pr;
 }
 var dr = {}, Kn;
-function Pu() {
+function uu() {
   if (Kn) return dr;
   Kn = 1, Object.defineProperty(dr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3048,7 +2906,7 @@ function Pu() {
   ]), dr;
 }
 var mr = {}, Nn;
-function du() {
+function Pu() {
   if (Nn) return mr;
   Nn = 1, Object.defineProperty(mr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3144,7 +3002,7 @@ function du() {
   ]), mr;
 }
 var pr = {}, qn;
-function mu() {
+function du() {
   if (qn) return pr;
   qn = 1, Object.defineProperty(pr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3219,7 +3077,7 @@ function mu() {
   ]), pr;
 }
 var hr = {}, Wn;
-function pu() {
+function mu() {
   if (Wn) return hr;
   Wn = 1, Object.defineProperty(hr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3307,7 +3165,7 @@ function pu() {
   ]), hr;
 }
 var fr = {}, Un;
-function hu() {
+function pu() {
   if (Un) return fr;
   Un = 1, Object.defineProperty(fr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3443,7 +3301,7 @@ function hu() {
   ]), fr;
 }
 var gr = {}, zn;
-function fu() {
+function hu() {
   if (zn) return gr;
   zn = 1, Object.defineProperty(gr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3499,7 +3357,7 @@ function fu() {
   ]), gr;
 }
 var Tr = {}, Fn;
-function gu() {
+function fu() {
   if (Fn) return Tr;
   Fn = 1, Object.defineProperty(Tr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3575,7 +3433,7 @@ function gu() {
   ]), Tr;
 }
 var Sr = {}, In;
-function Tu() {
+function gu() {
   if (In) return Sr;
   In = 1, Object.defineProperty(Sr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3646,7 +3504,7 @@ function Tu() {
   ]), Sr;
 }
 var Cr = {}, Vn;
-function Su() {
+function Tu() {
   if (Vn) return Cr;
   Vn = 1, Object.defineProperty(Cr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3783,7 +3641,7 @@ function Su() {
   ]), Cr;
 }
 var vr = {}, jn;
-function Cu() {
+function Su() {
   if (jn) return vr;
   jn = 1, Object.defineProperty(vr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3827,7 +3685,7 @@ function Cu() {
   ]), vr;
 }
 var Rr = {}, Xn;
-function vu() {
+function Cu() {
   if (Xn) return Rr;
   Xn = 1, Object.defineProperty(Rr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3905,7 +3763,7 @@ function vu() {
   ]), Rr;
 }
 var _r = {}, Jn;
-function Ru() {
+function vu() {
   if (Jn) return _r;
   Jn = 1, Object.defineProperty(_r, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -3982,7 +3840,7 @@ function Ru() {
   ]), _r;
 }
 var br = {}, $n;
-function _u() {
+function Ru() {
   if ($n) return br;
   $n = 1, Object.defineProperty(br, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4014,7 +3872,7 @@ function _u() {
   ]), br;
 }
 var Hr = {}, Yn;
-function bu() {
+function _u() {
   if (Yn) return Hr;
   Yn = 1, Object.defineProperty(Hr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4100,7 +3958,7 @@ function bu() {
   ]), Hr;
 }
 var yr = {}, Qn;
-function Hu() {
+function bu() {
   if (Qn) return yr;
   Qn = 1, Object.defineProperty(yr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4186,7 +4044,7 @@ function Hu() {
   ]), yr;
 }
 var Mr = {}, Zn;
-function yu() {
+function Hu() {
   if (Zn) return Mr;
   Zn = 1, Object.defineProperty(Mr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4272,7 +4130,7 @@ function yu() {
   ]), Mr;
 }
 var kr = {}, eo;
-function Mu() {
+function yu() {
   if (eo) return kr;
   eo = 1, Object.defineProperty(kr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4358,7 +4216,7 @@ function Mu() {
   ]), kr;
 }
 var wr = {}, ro;
-function ku() {
+function Mu() {
   if (ro) return wr;
   ro = 1, Object.defineProperty(wr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4399,7 +4257,7 @@ function ku() {
   ]), wr;
 }
 var Br = {}, ao;
-function wu() {
+function ku() {
   if (ao) return Br;
   ao = 1, Object.defineProperty(Br, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4536,7 +4394,7 @@ function wu() {
   ]), Br;
 }
 var Dr = {}, to;
-function Bu() {
+function wu() {
   if (to) return Dr;
   to = 1, Object.defineProperty(Dr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4673,7 +4531,7 @@ function Bu() {
   ]), Dr;
 }
 var Or = {}, no;
-function Du() {
+function Bu() {
   if (no) return Or;
   no = 1, Object.defineProperty(Or, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4810,7 +4668,7 @@ function Du() {
   ]), Or;
 }
 var Ar = {}, oo;
-function Ou() {
+function Du() {
   if (oo) return Ar;
   oo = 1, Object.defineProperty(Ar, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -4927,7 +4785,7 @@ function Ou() {
   ]), Ar;
 }
 var Er = {}, io;
-function Au() {
+function Ou() {
   if (io) return Er;
   io = 1, Object.defineProperty(Er, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5009,7 +4867,7 @@ function Au() {
   ]), Er;
 }
 var Lr = {}, co;
-function Eu() {
+function Au() {
   if (co) return Lr;
   co = 1, Object.defineProperty(Lr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5118,7 +4976,7 @@ function Eu() {
   ]), Lr;
 }
 var Gr = {}, so;
-function Lu() {
+function Eu() {
   if (so) return Gr;
   so = 1, Object.defineProperty(Gr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5158,7 +5016,7 @@ function Lu() {
   ]), Gr;
 }
 var xr = {}, lo;
-function Gu() {
+function Lu() {
   if (lo) return xr;
   lo = 1, Object.defineProperty(xr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5295,7 +5153,7 @@ function Gu() {
   ]), xr;
 }
 var Kr = {}, uo;
-function xu() {
+function Gu() {
   if (uo) return Kr;
   uo = 1, Object.defineProperty(Kr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5341,7 +5199,7 @@ function xu() {
   ]), Kr;
 }
 var Nr = {}, Po;
-function Ku() {
+function xu() {
   if (Po) return Nr;
   Po = 1, Object.defineProperty(Nr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5369,7 +5227,7 @@ function Ku() {
   ]), Nr;
 }
 var qr = {}, mo;
-function Nu() {
+function Ku() {
   if (mo) return qr;
   mo = 1, Object.defineProperty(qr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5506,7 +5364,7 @@ function Nu() {
   ]), qr;
 }
 var Wr = {}, po;
-function qu() {
+function Nu() {
   if (po) return Wr;
   po = 1, Object.defineProperty(Wr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5643,7 +5501,7 @@ function qu() {
   ]), Wr;
 }
 var Ur = {}, ho;
-function Wu() {
+function qu() {
   if (ho) return Ur;
   ho = 1, Object.defineProperty(Ur, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5780,7 +5638,7 @@ function Wu() {
   ]), Ur;
 }
 var zr = {}, fo;
-function Uu() {
+function Wu() {
   if (fo) return zr;
   fo = 1, Object.defineProperty(zr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5897,7 +5755,7 @@ function Uu() {
   ]), zr;
 }
 var Fr = {}, go;
-function zu() {
+function Uu() {
   if (go) return Fr;
   go = 1, Object.defineProperty(Fr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -5979,7 +5837,7 @@ function zu() {
   ]), Fr;
 }
 var Ir = {}, To;
-function Fu() {
+function zu() {
   if (To) return Ir;
   To = 1, Object.defineProperty(Ir, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6088,7 +5946,7 @@ function Fu() {
   ]), Ir;
 }
 var Vr = {}, So;
-function Iu() {
+function Fu() {
   if (So) return Vr;
   So = 1, Object.defineProperty(Vr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6134,7 +5992,7 @@ function Iu() {
   ]), Vr;
 }
 var jr = {}, Co;
-function Vu() {
+function Iu() {
   if (Co) return jr;
   Co = 1, Object.defineProperty(jr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6206,7 +6064,7 @@ function Vu() {
   ]), jr;
 }
 var Xr = {}, vo;
-function ju() {
+function Vu() {
   if (vo) return Xr;
   vo = 1, Object.defineProperty(Xr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6295,7 +6153,7 @@ function ju() {
   ]), Xr;
 }
 var Jr = {}, Ro;
-function Xu() {
+function ju() {
   if (Ro) return Jr;
   Ro = 1, Object.defineProperty(Jr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6385,7 +6243,7 @@ function Xu() {
   ]), Jr;
 }
 var $r = {}, _o;
-function Ju() {
+function Xu() {
   if (_o) return $r;
   _o = 1, Object.defineProperty($r, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6474,7 +6332,7 @@ function Ju() {
   ]), $r;
 }
 var Yr = {}, bo;
-function $u() {
+function Ju() {
   if (bo) return Yr;
   bo = 1, Object.defineProperty(Yr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6563,7 +6421,7 @@ function $u() {
   ]), Yr;
 }
 var Qr = {}, Ho;
-function Yu() {
+function $u() {
   if (Ho) return Qr;
   Ho = 1, Object.defineProperty(Qr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6652,7 +6510,7 @@ function Yu() {
   ]), Qr;
 }
 var Zr = {}, yo;
-function Qu() {
+function Yu() {
   if (yo) return Zr;
   yo = 1, Object.defineProperty(Zr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6741,7 +6599,7 @@ function Qu() {
   ]), Zr;
 }
 var ea = {}, Mo;
-function Zu() {
+function Qu() {
   if (Mo) return ea;
   Mo = 1, Object.defineProperty(ea, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6830,7 +6688,7 @@ function Zu() {
   ]), ea;
 }
 var ra = {}, ko;
-function eP() {
+function Zu() {
   if (ko) return ra;
   ko = 1, Object.defineProperty(ra, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -6919,7 +6777,7 @@ function eP() {
   ]), ra;
 }
 var aa = {}, wo;
-function rP() {
+function eP() {
   if (wo) return aa;
   wo = 1, Object.defineProperty(aa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7008,7 +6866,7 @@ function rP() {
   ]), aa;
 }
 var ta = {}, Bo;
-function aP() {
+function rP() {
   if (Bo) return ta;
   Bo = 1, Object.defineProperty(ta, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7098,7 +6956,7 @@ function aP() {
   ]), ta;
 }
 var na = {}, Do;
-function tP() {
+function aP() {
   if (Do) return na;
   Do = 1, Object.defineProperty(na, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7129,7 +6987,7 @@ function tP() {
   ]), na;
 }
 var oa = {}, Oo;
-function nP() {
+function tP() {
   if (Oo) return oa;
   Oo = 1, Object.defineProperty(oa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7194,7 +7052,7 @@ function nP() {
   ]), oa;
 }
 var ia = {}, Ao;
-function oP() {
+function nP() {
   if (Ao) return ia;
   Ao = 1, Object.defineProperty(ia, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7283,7 +7141,7 @@ function oP() {
   ]), ia;
 }
 var ca = {}, Eo;
-function iP() {
+function oP() {
   if (Eo) return ca;
   Eo = 1, Object.defineProperty(ca, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7373,7 +7231,7 @@ function iP() {
   ]), ca;
 }
 var sa = {}, Lo;
-function cP() {
+function iP() {
   if (Lo) return sa;
   Lo = 1, Object.defineProperty(sa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7462,7 +7320,7 @@ function cP() {
   ]), sa;
 }
 var la = {}, Go;
-function sP() {
+function cP() {
   if (Go) return la;
   Go = 1, Object.defineProperty(la, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7551,7 +7409,7 @@ function sP() {
   ]), la;
 }
 var ua = {}, xo;
-function lP() {
+function sP() {
   if (xo) return ua;
   xo = 1, Object.defineProperty(ua, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7640,7 +7498,7 @@ function lP() {
   ]), ua;
 }
 var Pa = {}, Ko;
-function uP() {
+function lP() {
   if (Ko) return Pa;
   Ko = 1, Object.defineProperty(Pa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7729,7 +7587,7 @@ function uP() {
   ]), Pa;
 }
 var da = {}, No;
-function PP() {
+function uP() {
   if (No) return da;
   No = 1, Object.defineProperty(da, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7818,7 +7676,7 @@ function PP() {
   ]), da;
 }
 var ma = {}, qo;
-function dP() {
+function PP() {
   if (qo) return ma;
   qo = 1, Object.defineProperty(ma, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7907,7 +7765,7 @@ function dP() {
   ]), ma;
 }
 var pa = {}, Wo;
-function mP() {
+function dP() {
   if (Wo) return pa;
   Wo = 1, Object.defineProperty(pa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -7996,7 +7854,7 @@ function mP() {
   ]), pa;
 }
 var ha = {}, Uo;
-function pP() {
+function mP() {
   if (Uo) return ha;
   Uo = 1, Object.defineProperty(ha, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8086,7 +7944,7 @@ function pP() {
   ]), ha;
 }
 var fa = {}, zo;
-function hP() {
+function pP() {
   if (zo) return fa;
   zo = 1, Object.defineProperty(fa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8120,7 +7978,7 @@ function hP() {
   ]), fa;
 }
 var ga = {}, Fo;
-function fP() {
+function hP() {
   if (Fo) return ga;
   Fo = 1, Object.defineProperty(ga, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8257,7 +8115,7 @@ function fP() {
   ]), ga;
 }
 var Ta = {}, Io;
-function gP() {
+function fP() {
   if (Io) return Ta;
   Io = 1, Object.defineProperty(Ta, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8291,7 +8149,7 @@ function gP() {
   ]), Ta;
 }
 var Sa = {}, Vo;
-function TP() {
+function gP() {
   if (Vo) return Sa;
   Vo = 1, Object.defineProperty(Sa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8328,7 +8186,7 @@ function TP() {
   ]), Sa;
 }
 var Ca = {}, jo;
-function SP() {
+function TP() {
   if (jo) return Ca;
   jo = 1, Object.defineProperty(Ca, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8400,7 +8258,7 @@ function SP() {
   ]), Ca;
 }
 var va = {}, Xo;
-function CP() {
+function SP() {
   if (Xo) return va;
   Xo = 1, Object.defineProperty(va, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8432,7 +8290,7 @@ function CP() {
   ]), va;
 }
 var Ra = {}, Jo;
-function vP() {
+function CP() {
   if (Jo) return Ra;
   Jo = 1, Object.defineProperty(Ra, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8504,7 +8362,7 @@ function vP() {
   ]), Ra;
 }
 var _a = {}, $o;
-function RP() {
+function vP() {
   if ($o) return _a;
   $o = 1, Object.defineProperty(_a, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8585,7 +8443,7 @@ function RP() {
   ]), _a;
 }
 var ba = {}, Yo;
-function _P() {
+function RP() {
   if (Yo) return ba;
   Yo = 1, Object.defineProperty(ba, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8656,7 +8514,7 @@ function _P() {
   ]), ba;
 }
 var Ha = {}, Qo;
-function bP() {
+function _P() {
   if (Qo) return Ha;
   Qo = 1, Object.defineProperty(Ha, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8700,7 +8558,7 @@ function bP() {
   ]), Ha;
 }
 var ya = {}, Zo;
-function HP() {
+function bP() {
   if (Zo) return ya;
   Zo = 1, Object.defineProperty(ya, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8771,7 +8629,7 @@ function HP() {
   ]), ya;
 }
 var Ma = {}, ei;
-function yP() {
+function HP() {
   if (ei) return Ma;
   ei = 1, Object.defineProperty(Ma, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8817,7 +8675,7 @@ function yP() {
   ]), Ma;
 }
 var ka = {}, ri;
-function MP() {
+function yP() {
   if (ri) return ka;
   ri = 1, Object.defineProperty(ka, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8847,7 +8705,7 @@ function MP() {
   ]), ka;
 }
 var wa = {}, ai;
-function kP() {
+function MP() {
   if (ai) return wa;
   ai = 1, Object.defineProperty(wa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -8874,7 +8732,7 @@ function kP() {
   ]), wa;
 }
 var Ba = {}, ti;
-function wP() {
+function kP() {
   if (ti) return Ba;
   ti = 1, Object.defineProperty(Ba, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9011,7 +8869,7 @@ function wP() {
   ]), Ba;
 }
 var Da = {}, ni;
-function BP() {
+function wP() {
   if (ni) return Da;
   ni = 1, Object.defineProperty(Da, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9110,7 +8968,7 @@ function BP() {
   ]), Da;
 }
 var Oa = {}, oi;
-function DP() {
+function BP() {
   if (oi) return Oa;
   oi = 1, Object.defineProperty(Oa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
@@ -9210,7 +9068,7 @@ var ii;
 function Xi() {
   if (ii) return ke;
   ii = 1, Object.defineProperty(ke, "__esModule", { value: !0 }), ke.getMapping = ke.getStockNames = void 0;
-  var r = ji(), a = ru(), t = k(a), e = au(), n = k(e), o = tu(), s = k(o), i = nu(), c = k(i), l = ou(), h = k(l), u = iu(), p = k(u), d = cu(), m = k(d), f = su(), v = k(f), G = lu(), K = k(G), R = uu(), S = k(R), P = Pu(), C = k(P), T = du(), _ = k(T), w = mu(), x = k(w), F = pu(), j = k(F), ie = hu(), oe = k(ie), me = fu(), Y = k(me), Z = gu(), pe = k(Z), ue = Tu(), H = k(ue), M = Su(), U = k(M), N = Cu(), q = k(N), D = vu(), L = k(D), W = Ru(), I = k(W), z = _u(), V = k(z), re = bu(), B = k(re), ae = Hu(), ve = k(ae), ge = yu(), Ne = k(ge), qe = Mu(), te = k(qe), Pe = ku(), Ae = k(Pe), Xe = wu(), We = k(Xe), Te = Bu(), Ee = k(Te), Ya = Du(), Qa = k(Ya), Za = Ou(), et = k(Za), rt = Au(), at = k(rt), Je = Eu(), $e = k(Je), tt = Lu(), Ye = k(tt), nt = Gu(), g = k(nt), b = xu(), A = k(b), X = Ku(), ce = k(X), de = Nu(), Re = k(de), Me = qu(), Le = k(Me), ot = Wu(), He = k(ot), Ge = Uu(), Qe = k(Ge), Ec = zu(), Lc = k(Ec), Gc = Fu(), xc = k(Gc), Kc = Iu(), Nc = k(Kc), qc = Vu(), Wc = k(qc), Uc = ju(), zc = k(Uc), Fc = Xu(), Ic = k(Fc), Vc = Ju(), jc = k(Vc), Xc = $u(), Jc = k(Xc), $c = Yu(), Yc = k($c), Qc = Qu(), Zc = k(Qc), es = Zu(), rs = k(es), as = eP(), ts = k(as), ns = rP(), os = k(ns), is = aP(), cs = k(is), ss = tP(), ls = k(ss), us = nP(), Ps = k(us), ds = oP(), ms = k(ds), ps = iP(), hs = k(ps), fs = cP(), gs = k(fs), Ts = sP(), Ss = k(Ts), Cs = lP(), vs = k(Cs), Rs = uP(), _s = k(Rs), bs = PP(), Hs = k(bs), ys = dP(), Ms = k(ys), ks = mP(), ws = k(ks), Bs = pP(), Ds = k(Bs), Os = hP(), As = k(Os), Es = fP(), Ls = k(Es), Gs = gP(), xs = k(Gs), Ks = TP(), Ns = k(Ks), qs = SP(), Ws = k(qs), Us = CP(), zs = k(Us), Fs = vP(), Is = k(Fs), Vs = RP(), js = k(Vs), Xs = _P(), Js = k(Xs), $s = bP(), Ys = k($s), Qs = HP(), Zs = k(Qs), el = yP(), rl = k(el), al = MP(), tl = k(al), nl = kP(), ol = k(nl), il = wP(), cl = k(il), sl = BP(), ll = k(sl), ul = DP(), Pl = k(ul);
+  var r = ji(), a = eu(), t = k(a), e = ru(), n = k(e), o = au(), s = k(o), i = tu(), c = k(i), l = nu(), h = k(l), u = ou(), p = k(u), d = iu(), m = k(d), f = cu(), v = k(f), G = su(), K = k(G), R = lu(), S = k(R), P = uu(), C = k(P), T = Pu(), _ = k(T), w = du(), x = k(w), F = mu(), j = k(F), ie = pu(), oe = k(ie), me = hu(), Y = k(me), Z = fu(), pe = k(Z), ue = gu(), H = k(ue), M = Tu(), U = k(M), N = Su(), q = k(N), D = Cu(), L = k(D), W = vu(), I = k(W), z = Ru(), V = k(z), re = _u(), B = k(re), ae = bu(), Ce = k(ae), fe = Hu(), Ne = k(fe), qe = yu(), te = k(qe), Pe = Mu(), Ae = k(Pe), Xe = ku(), We = k(Xe), ge = wu(), Ee = k(ge), Ya = Bu(), Qa = k(Ya), Za = Du(), et = k(Za), rt = Ou(), at = k(rt), Je = Au(), $e = k(Je), tt = Eu(), Ye = k(tt), nt = Lu(), g = k(nt), b = Gu(), A = k(b), X = xu(), ce = k(X), de = Ku(), ve = k(de), Me = Nu(), Le = k(Me), ot = qu(), He = k(ot), Ge = Wu(), Qe = k(Ge), Ec = Uu(), Lc = k(Ec), Gc = zu(), xc = k(Gc), Kc = Fu(), Nc = k(Kc), qc = Iu(), Wc = k(qc), Uc = Vu(), zc = k(Uc), Fc = ju(), Ic = k(Fc), Vc = Xu(), jc = k(Vc), Xc = Ju(), Jc = k(Xc), $c = $u(), Yc = k($c), Qc = Yu(), Zc = k(Qc), es = Qu(), rs = k(es), as = Zu(), ts = k(as), ns = eP(), os = k(ns), is = rP(), cs = k(is), ss = aP(), ls = k(ss), us = tP(), Ps = k(us), ds = nP(), ms = k(ds), ps = oP(), hs = k(ps), fs = iP(), gs = k(fs), Ts = cP(), Ss = k(Ts), Cs = sP(), vs = k(Cs), Rs = lP(), _s = k(Rs), bs = uP(), Hs = k(bs), ys = PP(), Ms = k(ys), ks = dP(), ws = k(ks), Bs = mP(), Ds = k(Bs), Os = pP(), As = k(Os), Es = hP(), Ls = k(Es), Gs = fP(), xs = k(Gs), Ks = gP(), Ns = k(Ks), qs = TP(), Ws = k(qs), Us = SP(), zs = k(Us), Fs = CP(), Is = k(Fs), Vs = vP(), js = k(Vs), Xs = RP(), Js = k(Xs), $s = _P(), Ys = k($s), Qs = bP(), Zs = k(Qs), el = HP(), rl = k(el), al = yP(), tl = k(al), nl = MP(), ol = k(nl), il = kP(), cl = k(il), sl = wP(), ll = k(sl), ul = BP(), Pl = k(ul);
   function k(xe) {
     return xe && xe.__esModule ? xe : { default: xe };
   }
@@ -9356,7 +9214,7 @@ function Xi() {
       case "Roland TD-10 Perc 1":
         return B.default;
       case "Roland TD-10 Perc 2":
-        return ve.default;
+        return Ce.default;
       case "Roland TD-10 Perc 3":
         return Ne.default;
       case "Roland TD-10 Perc 4":
@@ -9384,7 +9242,7 @@ function Xi() {
       case "Roland TD-3":
         return ce.default;
       case "Roland TD-30 Perc 1 (Latin)":
-        return Re.default;
+        return ve.default;
       case "Roland TD-30 Perc 2 (Indian)":
         return Le.default;
       case "Roland TD-30 Perc 3 (African)":
@@ -9483,7 +9341,7 @@ function Xi() {
   }, ke;
 }
 var ci;
-function OP() {
+function DP() {
   return ci || (ci = 1, function(r) {
     Object.defineProperty(r, "__esModule", { value: !0 });
     var a = Xi();
@@ -9532,8 +9390,8 @@ function OP() {
     };
   }(gt)), gt;
 }
-var Ka = OP();
-const d1 = fe(({ allowClearing: r, ...a }, t) => {
+var Ka = DP();
+const u1 = Se(({ allowClearing: r, ...a }, t) => {
   const e = Ka.getStockNames(), n = Ka.getUserMappingNames(), o = Be(() => [
     ...r ? [
       {
@@ -9557,7 +9415,7 @@ const d1 = fe(({ allowClearing: r, ...a }, t) => {
     }
   ], [r, e, n]);
   return /* @__PURE__ */ O(
-    Ce,
+    _e,
     {
       ...a,
       options: o,
@@ -9581,15 +9439,15 @@ function Zi(r) {
   const s = e - Qi[a] - 4 * t;
   return [n * o, n * s];
 }
-var AP = [3, 0, 4, 1, 5, 2, 6];
-function EP(r) {
-  const [a, t, e] = r, n = AP[LP(a)], o = Math.floor((a + 1) / 7);
+var OP = [3, 0, 4, 1, 5, 2, 6];
+function AP(r) {
+  const [a, t, e] = r, n = OP[EP(a)], o = Math.floor((a + 1) / 7);
   if (t === void 0)
     return { step: n, alt: o, dir: e };
   const s = t + 4 * o + Qi[n];
   return { step: n, alt: o, oct: s, dir: e };
 }
-function LP(r) {
+function EP(r) {
   const a = (r + 1) % 7;
   return a < 0 ? 7 + a : a;
 }
@@ -9607,26 +9465,26 @@ var si = (r, a) => Array(Math.abs(a) + 1).join(r), Nt = Object.freeze({
   chroma: NaN,
   coord: [],
   oct: NaN
-}), GP = "([-+]?\\d+)(d{1,4}|m|M|P|A{1,4})", xP = "(AA|A|P|M|m|d|dd)([-+]?\\d+)", KP = new RegExp(
-  "^" + GP + "|" + xP + "$"
+}), LP = "([-+]?\\d+)(d{1,4}|m|M|P|A{1,4})", GP = "(AA|A|P|M|m|d|dd)([-+]?\\d+)", xP = new RegExp(
+  "^" + LP + "|" + GP + "$"
 );
-function NP(r) {
-  const a = KP.exec(`${r}`);
+function KP(r) {
+  const a = xP.exec(`${r}`);
   return a === null ? ["", ""] : a[1] ? [a[1], a[2]] : [a[4], a[3]];
 }
 var li = {};
 function Na(r) {
-  return typeof r == "string" ? li[r] || (li[r] = qP(r)) : $i(r) ? Na(UP(r)) : Ji(r) ? Na(r.name) : Nt;
+  return typeof r == "string" ? li[r] || (li[r] = NP(r)) : $i(r) ? Na(WP(r)) : Ji(r) ? Na(r.name) : Nt;
 }
 var ui = [0, 2, 4, 5, 7, 9, 11], ec = "PMMPPMM";
-function qP(r) {
-  const a = NP(r);
+function NP(r) {
+  const a = KP(r);
   if (a[0] === "")
     return Nt;
   const t = +a[0], e = a[1], n = (Math.abs(t) - 1) % 7, o = ec[n];
   if (o === "M" && e === "P")
     return Nt;
-  const s = o === "M" ? "majorable" : "perfectable", i = "" + t + e, c = t < 0 ? -1 : 1, l = t === 8 || t === -8 ? t : c * (n + 1), h = WP(s, e), u = Math.floor((Math.abs(t) - 1) / 7), p = c * (ui[n] + h + 12 * u), d = (c * (ui[n] + h) % 12 + 12) % 12, m = Zi({ 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 = qP(s, e), u = Math.floor((Math.abs(t) - 1) / 7), p = c * (ui[n] + h + 12 * u), d = (c * (ui[n] + h) % 12 + 12) % 12, m = Zi({ step: n, alt: h, oct: u, dir: c });
   return {
     empty: !1,
     name: i,
@@ -9643,17 +9501,17 @@ function qP(r) {
     oct: u
   };
 }
-function WP(r, a) {
+function qP(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 UP(r) {
+function WP(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 = ec[a] === "M" ? "majorable" : "perfectable";
-  return i + s + zP(c, t);
+  return i + s + UP(c, t);
 }
-function zP(r, a) {
+function UP(r, a) {
   return a === 0 ? r === "majorable" ? "M" : "P" : a === -1 && r === "majorable" ? "m" : a > 0 ? si("A", a) : si("d", r === "perfectable" ? a : a + 1);
 }
 var Pi = (r, a) => Array(Math.abs(a) + 1).join(r), rc = Object.freeze({
@@ -9669,28 +9527,28 @@ var Pi = (r, a) => Array(Math.abs(a) + 1).join(r), rc = Object.freeze({
   coord: [],
   midi: null,
   freq: null
-}), di = /* @__PURE__ */ new Map(), FP = (r) => "CDEFGAB".charAt(r), IP = (r) => r < 0 ? Pi("b", -r) : Pi("#", r), VP = (r) => r[0] === "b" ? -r.length : r.length;
+}), di = /* @__PURE__ */ new Map(), zP = (r) => "CDEFGAB".charAt(r), FP = (r) => r < 0 ? Pi("b", -r) : Pi("#", r), IP = (r) => r[0] === "b" ? -r.length : r.length;
 function De(r) {
   const a = JSON.stringify(r), t = di.get(a);
   if (t)
     return t;
-  const e = typeof r == "string" ? YP(r) : $i(r) ? De(QP(r)) : Ji(r) ? De(r.name) : rc;
+  const e = typeof r == "string" ? $P(r) : $i(r) ? De(YP(r)) : Ji(r) ? De(r.name) : rc;
   return di.set(a, e), e;
 }
-var jP = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
-function XP(r) {
-  const a = jP.exec(r);
+var VP = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
+function jP(r) {
+  const a = VP.exec(r);
   return a ? [a[1].toUpperCase(), a[2].replace(/x/g, "##"), a[3], a[4]] : ["", "", "", ""];
 }
-function JP(r) {
-  return De(EP(r));
+function XP(r) {
+  return De(AP(r));
 }
-var $P = (r, a) => (r % a + a) % a, Tt = [0, 2, 4, 5, 7, 9, 11];
-function YP(r) {
-  const a = XP(r);
+var JP = (r, a) => (r % a + a) % a, Tt = [0, 2, 4, 5, 7, 9, 11];
+function $P(r) {
+  const a = jP(r);
   if (a[0] === "" || a[3] !== "")
     return rc;
-  const t = a[0], e = a[1], n = a[2], o = (t.charCodeAt(0) + 3) % 7, s = VP(e), i = n.length ? +n : void 0, c = Zi({ step: o, alt: s, oct: i }), l = t + e + n, h = t + e, u = (Tt[o] + s + 120) % 12, p = i === void 0 ? $P(Tt[o] + s, 12) - 12 * 99 : Tt[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 = IP(e), i = n.length ? +n : void 0, c = Zi({ step: o, alt: s, oct: i }), l = t + e + n, h = t + e, u = (Tt[o] + s + 120) % 12, p = i === void 0 ? JP(Tt[o] + s, 12) - 12 * 99 : Tt[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,
@@ -9707,19 +9565,19 @@ function YP(r) {
     step: o
   };
 }
-function QP(r) {
-  const { step: a, alt: t, oct: e } = r, n = FP(a);
+function YP(r) {
+  const { step: a, alt: t, oct: e } = r, n = zP(a);
   if (!n)
     return "";
-  const o = n + IP(t);
+  const o = n + FP(t);
   return e || e === 0 ? o + e : o;
 }
-function ZP(r, a) {
+function QP(r, a) {
   const t = De(r), e = Array.isArray(a) ? a : Na(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 JP(o).name;
+  return XP(o).name;
 }
 function ac(r, a) {
   const t = a.length, e = (r % t + t) % t;
@@ -9732,16 +9590,16 @@ var Oe = {
   chroma: "000000000000",
   normalized: "000000000000",
   intervals: []
-}, tc = (r) => Number(r).toString(2).padStart(12, "0"), mi = (r) => parseInt(r, 2), ed = /^[01]{12}$/;
+}, tc = (r) => Number(r).toString(2).padStart(12, "0"), mi = (r) => parseInt(r, 2), ZP = /^[01]{12}$/;
 function nc(r) {
-  return ed.test(r);
+  return ZP.test(r);
 }
-var rd = (r) => typeof r == "number" && r >= 0 && r <= 4095, ad = (r) => r && nc(r.chroma), pi = { [Oe.chroma]: Oe };
+var ed = (r) => typeof r == "number" && r >= 0 && r <= 4095, rd = (r) => r && nc(r.chroma), pi = { [Oe.chroma]: Oe };
 function oc(r) {
-  const a = nc(r) ? r : rd(r) ? tc(r) : Array.isArray(r) ? cd(r) : ad(r) ? r.chroma : Oe.chroma;
-  return pi[a] = pi[a] || id(a);
+  const a = nc(r) ? r : ed(r) ? tc(r) : Array.isArray(r) ? id(r) : rd(r) ? r.chroma : Oe.chroma;
+  return pi[a] = pi[a] || od(a);
 }
-var td = [
+var ad = [
   "1P",
   "2m",
   "2M",
@@ -9755,18 +9613,18 @@ var td = [
   "7m",
   "7M"
 ];
-function nd(r) {
+function td(r) {
   const a = [];
   for (let t = 0; t < 12; t++)
-    r.charAt(t) === "1" && a.push(td[t]);
+    r.charAt(t) === "1" && a.push(ad[t]);
   return a;
 }
-function od(r) {
+function nd(r) {
   const a = r.split("");
   return a.map((t, e) => ac(e, a).join(""));
 }
-function id(r) {
-  const a = mi(r), t = od(r).map(mi).filter((o) => o >= 2048).sort()[0], e = tc(t), n = nd(r);
+function od(r) {
+  const a = mi(r), t = nd(r).map(mi).filter((o) => o >= 2048).sort()[0], e = tc(t), n = td(r);
   return {
     empty: !1,
     name: "",
@@ -9776,7 +9634,7 @@ function id(r) {
     intervals: n
   };
 }
-function cd(r) {
+function id(r) {
   if (r.length === 0)
     return Oe.chroma;
   let a;
@@ -9785,7 +9643,7 @@ function cd(r) {
     a = De(r[e]), a.empty && (a = Na(r[e])), a.empty || (t[a.chroma] = 1);
   return t.join("");
 }
-var sd = [
+var cd = [
   // ==Major==
   ["1P 3M 5P", "major", "M ^  maj"],
   ["1P 3M 5P 7M", "major seventh", "maj7 Δ ma7 M7 Maj7 ^7"],
@@ -9918,33 +9776,33 @@ var sd = [
   ["1P 4P 5P 7m 9m 13m", "", "7sus4b9b13 7b9b13sus4"],
   ["1P 4P 7m 10m", "", "4 quartal"],
   ["1P 5P 7m 9m 11P", "", "11b9"]
-], ld = sd;
+], sd = cd;
 ({
   ...Oe
 });
 var ic = [], La = {};
-function ud(r, a, t) {
-  const e = dd(r), n = {
+function ld(r, a, t) {
+  const e = Pd(r), n = {
     ...oc(r),
     name: t || "",
     quality: e,
     intervals: r,
     aliases: a
   };
-  ic.push(n), n.name && (La[n.name] = n), La[n.setNum] = n, La[n.chroma] = n, n.aliases.forEach((o) => Pd(n, o));
+  ic.push(n), n.name && (La[n.name] = n), La[n.setNum] = n, La[n.chroma] = n, n.aliases.forEach((o) => ud(n, o));
 }
-function Pd(r, a) {
+function ud(r, a) {
   La[a] = r;
 }
-function dd(r) {
+function Pd(r) {
   const a = (t) => r.indexOf(t) !== -1;
   return a("5A") ? "Augmented" : a("3M") ? "Major" : a("5d") ? "Diminished" : a("3m") ? "Minor" : "Unknown";
 }
-ld.forEach(
-  ([r, a, t]) => ud(r.split(" "), t.split(" "), a)
+sd.forEach(
+  ([r, a, t]) => ld(r.split(" "), t.split(" "), a)
 );
 ic.sort((r, a) => r.setNum - a.setNum);
-var md = [
+var dd = [
   // Basic scales
   ["1P 2M 3M 5P 6M", "major pentatonic", "pentatonic"],
   ["1P 2M 3M 4P 5P 6M 7M", "major", "ionian"],
@@ -10086,23 +9944,23 @@ var md = [
   ["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"]
-], pd = md, hd = {
+], md = dd, pd = {
   ...Oe,
   intervals: [],
   aliases: []
 }, Fe = {};
-function fd(r) {
-  return Fe[r] || hd;
+function hd(r) {
+  return Fe[r] || pd;
 }
-function gd(r, a, t = []) {
+function fd(r, a, t = []) {
   const e = { ...oc(r), name: a, intervals: r, aliases: t };
-  return Fe[e.name] = e, Fe[e.setNum] = e, Fe[e.chroma] = e, e.aliases.forEach((n) => Td(e, n)), e;
+  return Fe[e.name] = e, Fe[e.setNum] = e, Fe[e.chroma] = e, e.aliases.forEach((n) => gd(e, n)), e;
 }
-function Td(r, a) {
+function gd(r, a) {
   Fe[a] = r;
 }
-pd.forEach(
-  ([r, a, ...t]) => gd(r.split(" "), a, t)
+md.forEach(
+  ([r, a, ...t]) => fd(r.split(" "), a, t)
 );
 function Vt(r) {
   return +r >= 0 && +r <= 127;
@@ -10116,16 +9974,16 @@ function cc(r) {
 function sc(r, a = 440) {
   return Math.pow(2, (r - 69) / 12) * a;
 }
-var Sd = Math.log(2), Cd = Math.log(440);
+var Td = Math.log(2), Sd = Math.log(440);
 function lc(r) {
-  const a = 12 * (Math.log(r) - Cd) / Sd + 69;
+  const a = 12 * (Math.log(r) - Sd) / Td + 69;
   return Math.round(a * 100) / 100;
 }
-var vd = "C C# D D# E F F# G G# A A# B".split(" "), Rd = "C Db D Eb E F Gb G Ab A Bb B".split(" ");
+var Cd = "C C# D D# E F F# G G# A A# B".split(" "), vd = "C Db D Eb E F Gb G Ab A Bb B".split(" ");
 function uc(r, a = {}) {
   if (isNaN(r) || r === -1 / 0 || r === 1 / 0) return "";
   r = Math.round(r);
-  const e = (a.sharps === !0 ? vd : Rd)[r % 12];
+  const e = (a.sharps === !0 ? Cd : vd)[r % 12];
   if (a.pitchClass)
     return e;
   const n = Math.floor(r / 12) - 1;
@@ -10134,14 +9992,14 @@ function uc(r, a = {}) {
 function Ia(r) {
   return r % 12;
 }
-function _d(r) {
+function Rd(r) {
   return r.split("").reduce((a, t, e) => (e < 12 && t === "1" && a.push(e), a), []);
 }
-function bd(r) {
+function _d(r) {
   return r.map(Ia).sort((a, t) => a - t).filter((a, t, e) => t === 0 || a !== e[t - 1]);
 }
 function Va(r) {
-  return Array.isArray(r) ? bd(r) : _d(r);
+  return Array.isArray(r) ? _d(r) : Rd(r);
 }
 function Pc(r) {
   const a = Va(r);
@@ -10167,7 +10025,7 @@ function dc(r, a) {
       return t(e > 0 ? e - 1 : e);
   };
 }
-var Hd = {
+var bd = {
   chroma: Ia,
   freqToMidi: lc,
   isMidi: Vt,
@@ -10179,10 +10037,10 @@ var Hd = {
   pcsetSteps: jt,
   toMidi: cc
 };
-const yd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Hd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   chroma: Ia,
-  default: Hd,
+  default: bd,
   freqToMidi: lc,
   isMidi: Vt,
   midiToFreq: sc,
@@ -10193,7 +10051,7 @@ const yd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   pcsetSteps: jt,
   toMidi: cc
 }, Symbol.toStringTag, { value: "Module" }));
-var Md = De, hi = (r) => Md(r).midi, Xt = [
+var yd = De, hi = (r) => yd(r).midi, Xt = [
   [0, 2773, 0, "ionian", "", "Maj7", "major"],
   [1, 2902, 2, "dorian", "m", "m7"],
   [2, 3418, 4, "phrygian", "m", "m7"],
@@ -10209,8 +10067,8 @@ var Md = De, hi = (r) => Md(r).midi, Xt = [
   triad: "",
   seventh: "",
   aliases: []
-}, kd = Xt.map(wd), qt = {};
-kd.forEach((r) => {
+}, Md = Xt.map(kd), qt = {};
+Md.forEach((r) => {
   qt[r.name] = r, r.aliases.forEach((a) => {
     qt[a] = r;
   });
@@ -10218,11 +10076,11 @@ kd.forEach((r) => {
 function mc(r) {
   return typeof r == "string" ? qt[r.toLowerCase()] || fi : r && r.name ? mc(r.name) : fi;
 }
-function wd(r) {
+function kd(r) {
   const [a, t, e, n, o, s, i] = r, c = i ? [i] : [], l = Number(t).toString(2);
   return {
     empty: !1,
-    intervals: fd(n).intervals,
+    intervals: hd(n).intervals,
     modeNum: a,
     chroma: l,
     normalized: l,
@@ -10238,16 +10096,16 @@ function pc(r) {
   return (a, t) => {
     const e = mc(a);
     if (e.empty) return [];
-    const n = ac(e.modeNum, r), o = e.intervals.map((s) => ZP(t, s));
+    const n = ac(e.modeNum, r), o = e.intervals.map((s) => QP(t, s));
     return n.map((s, i) => o[i] + s);
   };
 }
 pc(Xt.map((r) => r[4]));
 pc(Xt.map((r) => r[5]));
-const { midiToNoteName: Bd } = yd, Dd = ({ note: r, name: a }) => `${r} ${a.length ? "-" : ""} ${a}`, gi = (r, a) => ({
+const { midiToNoteName: wd } = Hd, Bd = ({ note: r, name: a }) => `${r} ${a.length ? "-" : ""} ${a}`, gi = (r, a) => ({
   label: r,
   value: a + 1
-}), m1 = fe((r, a) => {
+}), P1 = Se((r, a) => {
   const {
     channel: t,
     disabled: e = !1,
@@ -10256,7 +10114,7 @@ const { midiToNoteName: Bd } = yd, Dd = ({ note: r, name: a }) => `${r} ${a.leng
     onChange: s,
     value: i,
     ...c
-  } = r, l = Be(() => n ? Ka.emptyMapping().map(({ note: d }) => `${Bd(d, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${d})`).map(gi) : (o || Ka.emptyMapping()).map(Dd).map(gi), [n, o]), [h, u] = Ft(i), p = _e(
+  } = r, l = Be(() => n ? Ka.emptyMapping().map(({ note: d }) => `${wd(d, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${d})`).map(gi) : (o || Ka.emptyMapping()).map(Bd).map(gi), [n, o]), [h, u] = Ft(i), p = Re(
     (d) => {
       if (typeof d == "string") return;
       const m = xa(d, 128, 0);
@@ -10265,7 +10123,7 @@ const { midiToNoteName: Bd } = yd, Dd = ({ note: r, name: a }) => `${r} ${a.leng
     [s, u]
   );
   return /* @__PURE__ */ O(
-    Ce,
+    _e,
     {
       ...c,
       disabled: e,
@@ -10277,7 +10135,7 @@ const { midiToNoteName: Bd } = yd, Dd = ({ note: r, name: a }) => `${r} ${a.leng
   );
 });
 var St, Ti;
-function Od() {
+function Dd() {
   if (Ti) return St;
   Ti = 1, St = r;
   function r(a, t, e) {
@@ -10294,12 +10152,12 @@ function Od() {
   }
   return St;
 }
-var Ad = Od();
-const Jt = /* @__PURE__ */ Ve(Ad);
-var Ed = /* @__PURE__ */ Fi();
-const E = /* @__PURE__ */ Ve(Ed);
+var Od = Dd();
+const Jt = /* @__PURE__ */ Ve(Od);
+var Ad = /* @__PURE__ */ Fi();
+const E = /* @__PURE__ */ Ve(Ad);
 var Ct, Si;
-function Ld() {
+function Ed() {
   if (Si) return Ct;
   Si = 1;
   var r = 200, a = "__lodash_hash_undefined__", t = 9007199254740991, e = "[object Function]", n = "[object GeneratorFunction]", o = /[\\^$.*+?()[\]{}|]/g, s = /^\[object .+?Constructor\]$/, i = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, c = typeof self == "object" && self && self.Object === Object && self, l = i || c || Function("return this")();
@@ -10439,19 +10297,19 @@ function Ld() {
     };
   }
   function re(g) {
-    return Te(this, g).delete(g);
+    return ge(this, g).delete(g);
   }
   function B(g) {
-    return Te(this, g).get(g);
+    return ge(this, g).get(g);
   }
   function ae(g) {
-    return Te(this, g).has(g);
+    return ge(this, g).has(g);
   }
-  function ve(g, b) {
-    return Te(this, g).set(g, b), this;
+  function Ce(g, b) {
+    return ge(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 = ve;
-  function ge(g) {
+  z.prototype.clear = V, z.prototype.delete = re, z.prototype.get = B, z.prototype.has = ae, z.prototype.set = Ce;
+  function fe(g) {
     var b = -1, A = g ? g.length : 0;
     for (this.__data__ = new z(); ++b < A; )
       this.add(g[b]);
@@ -10462,7 +10320,7 @@ function Ld() {
   function qe(g) {
     return this.__data__.has(g);
   }
-  ge.prototype.add = ge.prototype.push = Ne, ge.prototype.has = qe;
+  fe.prototype.add = fe.prototype.push = Ne, fe.prototype.has = qe;
   function te(g, b) {
     for (var A = g.length; A--; )
       if (rt(g[A][0], b))
@@ -10470,14 +10328,14 @@ function Ld() {
     return -1;
   }
   function Pe(g, b, A, X) {
-    var ce = -1, de = u, Re = !0, Me = g.length, Le = [], ot = b.length;
+    var ce = -1, de = u, ve = !0, Me = g.length, Le = [], ot = b.length;
     if (!Me)
       return Le;
-    b.length >= r && (de = v, Re = !1, b = new ge(b));
+    b.length >= r && (de = v, ve = !1, b = new fe(b));
     e:
       for (; ++ce < Me; ) {
         var He = g[ce], Ge = He;
-        if (He = He !== 0 ? He : 0, Re && Ge === Ge) {
+        if (He = He !== 0 ? He : 0, ve && Ge === Ge) {
           for (var Qe = ot; Qe--; )
             if (b[Qe] === Ge)
               continue e;
@@ -10487,8 +10345,8 @@ function Ld() {
     return Le;
   }
   function Ae(g, b, A, X, ce) {
-    var de = -1, Re = g.length;
-    for (ce || (ce = []); ++de < Re; ) {
+    var de = -1, ve = g.length;
+    for (ce || (ce = []); ++de < ve; ) {
       var Me = g[de];
       A(Me) && p(ce, Me);
     }
@@ -10505,12 +10363,12 @@ function Ld() {
       for (var A = arguments, X = -1, ce = oe(A.length - b, 0), de = Array(ce); ++X < ce; )
         de[X] = A[b + X];
       X = -1;
-      for (var Re = Array(b + 1); ++X < b; )
-        Re[X] = A[X];
-      return Re[b] = de, h(g, this, Re);
+      for (var ve = Array(b + 1); ++X < b; )
+        ve[X] = A[X];
+      return ve[b] = de, h(g, this, ve);
     };
   }
-  function Te(g, b) {
+  function ge(g, b) {
     var A = g.__data__;
     return Ya(b) ? A[typeof b == "string" ? "string" : "hash"] : A.map;
   }
@@ -10566,9 +10424,9 @@ function Ld() {
   }
   return Ct = et, Ct;
 }
-var Gd = Ld();
-const Ci = /* @__PURE__ */ Ve(Gd);
-function xd(r, a) {
+var Ld = Ed();
+const Ci = /* @__PURE__ */ Ve(Ld);
+function Gd(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;
@@ -10590,14 +10448,14 @@ function ja(r, a) {
   if (!(r instanceof a))
     throw new TypeError("Cannot call a class as a function");
 }
-function Kd(r, a) {
+function xd(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, hc(e.key), e);
   }
 }
 function Xa(r, a, t) {
-  return a && Kd(r.prototype, a), Object.defineProperty(r, "prototype", {
+  return a && xd(r.prototype, a), Object.defineProperty(r, "prototype", {
     writable: !1
   }), r;
 }
@@ -10642,7 +10500,7 @@ function Ut(r, a) {
     return e.__proto__ = n, e;
   }, Ut(r, a);
 }
-function Nd() {
+function Kd() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -10652,16 +10510,16 @@ function Nd() {
     return !1;
   }
 }
-function qd(r, a) {
+function Nd(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 Wd(r, a) {
+function qd(r, a) {
   if (r == null) return {};
-  var t = qd(r, a), e, n;
+  var t = Nd(r, a), e, n;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(r);
     for (n = 0; n < o.length; n++)
@@ -10674,7 +10532,7 @@ function se(r) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
 }
-function Ud(r, a) {
+function Wd(r, a) {
   if (a && (typeof a == "object" || typeof a == "function"))
     return a;
   if (a !== void 0)
@@ -10682,7 +10540,7 @@ function Ud(r, a) {
   return se(r);
 }
 function $a(r) {
-  var a = Nd();
+  var a = Kd();
   return function() {
     var e = qa(r), n;
     if (a) {
@@ -10690,16 +10548,16 @@ function $a(r) {
       n = Reflect.construct(e, arguments, o);
     } else
       n = e.apply(this, arguments);
-    return Ud(this, n);
+    return Wd(this, n);
   };
 }
-function zd(r, a) {
-  return Fd(r) || xd(r, a) || Id(r, a) || Vd();
+function Ud(r, a) {
+  return zd(r) || Gd(r, a) || Fd(r, a) || Id();
 }
-function Fd(r) {
+function zd(r) {
   if (Array.isArray(r)) return r;
 }
-function Id(r, a) {
+function Fd(r, a) {
   if (r) {
     if (typeof r == "string") return vi(r, a);
     var t = Object.prototype.toString.call(r).slice(8, -1);
@@ -10712,11 +10570,11 @@ function vi(r, a) {
   for (var t = 0, e = new Array(a); t < a; t++) e[t] = r[t];
   return e;
 }
-function Vd() {
+function Id() {
   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 jd(r, a) {
+function Vd(r, a) {
   if (typeof r != "object" || r === null) return r;
   var t = r[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -10727,10 +10585,10 @@ function jd(r, a) {
   return (a === "string" ? String : Number)(r);
 }
 function hc(r) {
-  var a = jd(r, "string");
+  var a = Vd(r, "string");
   return typeof a == "symbol" ? a : String(a);
 }
-var Xd = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Jd = ["Db", "Eb", "Gb", "Ab", "Bb"], $d = {
+var jd = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Xd = ["Db", "Eb", "Gb", "Ab", "Bb"], Jd = {
   C: 0,
   "C#": 1,
   Db: 1,
@@ -10748,49 +10606,49 @@ var Xd = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Jd =
   "A#": 10,
   Bb: 10,
   B: 11
-}, Wa = 12, $t = Wa, Yt = 127, Yd = /([a-g])([#b]?)(\d+)/, zt = 12;
-function Qd(r) {
+}, Wa = 12, $t = Wa, Yt = 127, $d = /([a-g])([#b]?)(\d+)/, zt = 12;
+function Yd(r) {
   if (!r)
     throw Error("Invalid note argument");
-  var a = Yd.exec(r.toLowerCase());
+  var a = $d.exec(r.toLowerCase());
   if (!a)
     throw Error("Invalid note argument");
-  var t = zd(a, 4), e = t[1], n = t[2], o = t[3], s = "".concat(e.toUpperCase()).concat(n), i = $d[s];
+  var t = Ud(a, 4), e = t[1], n = t[2], o = t[3], s = "".concat(e.toUpperCase()).concat(n), i = Jd[s];
   if (i == null)
     throw Error("Invalid note argument");
   return Wa + i + zt * parseInt(o, 10);
 }
-function Zd(r) {
-  var a = (r - Wa) % zt, t = Math.floor((r - Wa) / zt), e = Xd[a];
+function Qd(r) {
+  var a = (r - Wa) % zt, t = Math.floor((r - Wa) / zt), e = jd[a];
   return {
     note: "".concat(e).concat(t),
     pitchName: e,
     octave: t,
     midiNumber: r,
-    isAccidental: Jd.includes(e)
+    isAccidental: Xd.includes(e)
   };
 }
-function em() {
+function Zd() {
   return Jt($t, Yt + 1).reduce(function(r, a) {
-    return r[a] = Zd(a), r;
+    return r[a] = Qd(a), r;
   }, {});
 }
-var rm = em();
+var em = Zd();
 function fc(r) {
-  var a = rm[r];
+  var a = em[r];
   if (!a)
     throw Error("Invalid MIDI number");
   return a;
 }
-var am = Jt($t, Yt + 1).filter(function(r) {
+var rm = Jt($t, Yt + 1).filter(function(r) {
   return !fc(r).isAccidental;
 }), Ua = {
-  fromNote: Qd,
+  fromNote: Yd,
   getAttributes: fc,
   MIN_MIDI_NUMBER: $t,
   MAX_MIDI_NUMBER: Yt,
-  NATURAL_MIDI_NUMBERS: am
-}, tm = 60, Qt = /* @__PURE__ */ function(r) {
+  NATURAL_MIDI_NUMBERS: rm
+}, am = 60, Qt = /* @__PURE__ */ function(r) {
   Ja(t, r);
   var a = $a(t);
   function t() {
@@ -10829,7 +10687,7 @@ var am = Jt($t, Yt + 1).filter(function(r) {
           "ReactPiano__Key--natural": !u,
           "ReactPiano__Key--disabled": d,
           "ReactPiano__Key--active": p,
-          "ReactPiano__Key--middleC": c === tm
+          "ReactPiano__Key--middleC": c === am
         }),
         style: {
           left: f,
@@ -10980,7 +10838,7 @@ var Zt = /* @__PURE__ */ function(r) {
   }]), t;
 }(le.Component);
 Q(Zt, "propTypes", {
-  noteRange: nm,
+  noteRange: tm,
   activeNotes: E.arrayOf(E.number),
   onKeyMouseEnter: E.func,
   onKeyMouseLeave: E.func,
@@ -11008,7 +10866,7 @@ Q(Zt, "defaultProps", {
 function Ri(r) {
   return typeof r != "number" ? !1 : Ua.NATURAL_MIDI_NUMBERS.includes(r);
 }
-function nm(r, a, t) {
+function tm(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."));
@@ -11175,7 +11033,7 @@ Q(en, "defaultProps", {
     }, t) : null;
   }
 });
-var om = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], rn = /* @__PURE__ */ function(r) {
+var nm = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], rn = /* @__PURE__ */ function(r) {
   Ja(t, r);
   var a = $a(t);
   function t() {
@@ -11217,7 +11075,7 @@ var om = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], rn = /* @__PURE_
     value: function() {
       var n = this.props;
       n.activeNotes, n.onPlayNoteInput, n.onStopNoteInput;
-      var o = Wd(n, om);
+      var o = qd(n, nm);
       return /* @__PURE__ */ le.createElement(en, Wt({
         activeNotes: this.state.activeNotes,
         onPlayNoteInput: this.handlePlayNoteInput,
@@ -11244,7 +11102,7 @@ Q(rn, "propTypes", {
   }))
 });
 var Rt = { exports: {} }, _t = { exports: {} }, bt, _i;
-function im() {
+function om() {
   if (_i) return bt;
   _i = 1;
   function r(t) {
@@ -11262,7 +11120,7 @@ function im() {
   return bt = { decode: a }, bt;
 }
 var Ht, bi;
-function cm() {
+function im() {
   return bi || (bi = 1, Ht = function(r, a) {
     return new Promise(function(t, e) {
       var n = new XMLHttpRequest();
@@ -11275,9 +11133,9 @@ function cm() {
   }), Ht;
 }
 var Hi;
-function sm() {
+function cm() {
   return Hi || (Hi = 1, function(r) {
-    var a = im(), t = cm();
+    var a = om(), t = im();
     function e(T) {
       return function(_) {
         return typeof _ == "string" && T.test(_);
@@ -11370,7 +11228,7 @@ function sm() {
   }(_t)), _t.exports;
 }
 var yt = { exports: {} }, Mt, yi;
-function lm() {
+function sm() {
   if (yi) return Mt;
   yi = 1, Mt = r;
   function r(i) {
@@ -11439,10 +11297,10 @@ function lm() {
   return Mt;
 }
 var kt, Mi;
-function um() {
+function lm() {
   if (Mi) return kt;
   Mi = 1;
-  var r = lm(), a = {}, t = {
+  var r = sm(), a = {}, t = {
     gain: 1,
     attack: 0.01,
     decay: 0.1,
@@ -11519,7 +11377,7 @@ function um() {
   return kt = e, kt;
 }
 var wt, ki;
-function Pm() {
+function um() {
   if (ki) return wt;
   ki = 1, wt = function(a) {
     return a.on = function(t, e) {
@@ -11536,7 +11394,7 @@ function Pm() {
   return wt;
 }
 var Bt, wi;
-function dm() {
+function Pm() {
   if (wi) return Bt;
   wi = 1;
   var r = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
@@ -11563,10 +11421,10 @@ function dm() {
   }), Bt = o, Bt;
 }
 var Dt, Bi;
-function mm() {
+function dm() {
   if (Bi) return Dt;
   Bi = 1;
-  var r = dm(), a = function(n) {
+  var r = Pm(), a = function(n) {
     return n !== null && n !== [] && n >= 0 && n < 129;
   }, t = function(n) {
     return a(n) ? +n : r.midi(n);
@@ -11593,7 +11451,7 @@ function mm() {
   return Dt;
 }
 var Ot, Di;
-function pm() {
+function mm() {
   if (Di) return Ot;
   Di = 1;
   var r = Array.isArray, a = function(e) {
@@ -11616,7 +11474,7 @@ function Aa(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 At = { exports: {} }, Oi;
-function hm() {
+function pm() {
   return Oi || (Oi = 1, function(r, a) {
     (function(t) {
       r.exports = t();
@@ -11681,10 +11539,10 @@ function hm() {
   }(At)), At.exports;
 }
 var Et, Ai;
-function fm() {
+function hm() {
   if (Ai) return Et;
   Ai = 1;
-  var r = hm();
+  var r = pm();
   return Et = function(a) {
     return a.listenToMidi = function(t, e) {
       var n = {}, o = e || {}, s = o.gain || function(i) {
@@ -11706,9 +11564,9 @@ function fm() {
   }, Et;
 }
 var Ei;
-function gm() {
+function fm() {
   return Ei || (Ei = 1, function(r) {
-    var a = um(), t = Pm(), e = mm(), n = pm(), o = fm();
+    var a = lm(), t = um(), e = dm(), n = mm(), o = hm();
     function s(i, c, l) {
       return o(n(e(t(a(i, c, l)))));
     }
@@ -11721,89 +11579,89 @@ function Li(r, a) {
 function an(r) {
   return typeof r == "number";
 }
-function Tm(r) {
+function gm(r) {
   return typeof r == "string";
 }
-function Sm(r) {
+function Tm(r) {
   return typeof r < "u";
 }
 function gc(r, a) {
   return Math.pow(2, (r - 69) / 12) * (a || 440);
 }
 var Tc = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
-function Cm() {
+function Sm() {
   return Tc;
 }
-var vm = [0, 2, 4, 5, 7, 9, 11];
+var Cm = [0, 2, 4, 5, 7, 9, 11];
 function be(r, a, t) {
   if (typeof r != "string") return null;
   var e = Tc.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 = vm[n.step] + n.alt;
+  var o = Cm[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 = gc(n.midi, t)), a && (n.tonicOf = e[4]), n;
 }
-var Rm = "CDEFGAB";
-function _m(r) {
+var vm = "CDEFGAB";
+function Rm(r) {
   return an(r) ? r < 0 ? Li("b", -r) : Li("#", r) : "";
 }
-function bm(r) {
+function _m(r) {
   return an(r) ? "" + r : "";
 }
 function Sc(r, a, t) {
-  return r === null || typeof r > "u" ? null : r.step ? Sc(r.step, r.alt, r.oct) : r < 0 || r > 6 ? null : Rm.charAt(r) + _m(a) + bm(t);
+  return r === null || typeof r > "u" ? null : r.step ? Sc(r.step, r.alt, r.oct) : r < 0 || r > 6 ? null : vm.charAt(r) + Rm(a) + _m(t);
 }
 function Cc(r) {
-  if ((an(r) || Tm(r)) && r >= 0 && r < 128) return +r;
+  if ((an(r) || gm(r)) && r >= 0 && r < 128) return +r;
   var a = be(r);
-  return a && Sm(a.midi) ? a.midi : null;
+  return a && Tm(a.midi) ? a.midi : null;
 }
-function Hm(r, a) {
+function bm(r, a) {
   var t = Cc(r);
   return t === null ? null : gc(t, a);
 }
-function ym(r) {
+function Hm(r) {
   return (be(r) || {}).letter;
 }
-function Mm(r) {
+function ym(r) {
   return (be(r) || {}).acc;
 }
-function km(r) {
+function Mm(r) {
   return (be(r) || {}).pc;
 }
-function wm(r) {
+function km(r) {
   return (be(r) || {}).step;
 }
-function Bm(r) {
+function wm(r) {
   return (be(r) || {}).alt;
 }
-function Dm(r) {
+function Bm(r) {
   return (be(r) || {}).chroma;
 }
-function Om(r) {
+function Dm(r) {
   return (be(r) || {}).oct;
 }
-const Am = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  acc: Mm,
-  alt: Bm,
+  acc: ym,
+  alt: wm,
   build: Sc,
-  chroma: Dm,
-  freq: Hm,
-  letter: ym,
+  chroma: Bm,
+  freq: bm,
+  letter: Hm,
   midi: Cc,
-  oct: Om,
+  oct: Dm,
   parse: be,
-  pc: km,
-  regex: Cm,
-  step: wm
-}, Symbol.toStringTag, { value: "Module" })), Em = /* @__PURE__ */ kl(Am);
+  pc: Mm,
+  regex: Sm,
+  step: km
+}, Symbol.toStringTag, { value: "Module" })), Am = /* @__PURE__ */ Rl(Om);
 var Lt, Gi;
-function Lm() {
+function Em() {
   if (Gi) return Lt;
   Gi = 1;
-  var r = Em;
+  var r = Am;
   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 = [];
@@ -11850,9 +11708,9 @@ function Lm() {
   return a.noteToMidi = r.midi, Lt = a, Lt;
 }
 var xi;
-function Gm() {
+function Lm() {
   return xi || (xi = 1, function(r) {
-    var a = sm(), t = gm();
+    var a = cm(), t = fm();
     function e(i, c, l) {
       if (arguments.length === 1) return function(m, f) {
         return e(i, m, f);
@@ -11869,12 +11727,12 @@ function Gm() {
     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 = Lm();
+    var s = Em();
     s.instrument = e, s.nameToUrl = o, r.exports && (r.exports = s), typeof window < "u" && (window.Soundfont = s);
   }(Rt)), Rt.exports;
 }
-var xm = Gm();
-const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc = (r) => {
+var Gm = Lm();
+const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc = (r) => {
   const {
     audioContext: a,
     format: t,
@@ -11883,7 +11741,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
     onChange: o,
     render: s,
     soundfont: i
-  } = r, [c, l] = Se(!0), [h, u] = Se({}), [p, d] = Se(null), m = _e(
+  } = r, [c, l] = Te(!0), [h, u] = Te({}), [p, d] = Te(null), m = Re(
     (K) => {
       d(null), Gt(e) ? Ki.instrument(a, K, {
         format: t,
@@ -11943,13 +11801,13 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
   "A",
   "A#",
   "B"
-], Km = 12, Nm = Km * 0.7, qm = new window.AudioContext(), Wm = ({
+], xm = 12, Km = xm * 0.7, Nm = new window.AudioContext(), qm = ({
   octave: r,
   height: a,
   width: t,
   ...e
 }) => {
-  const o = (t / Nm + 2) / a, s = hi(xt[0] + String(r)) || 0, i = hi(xt[xt.length - 1] + String(r)) || 0;
+  const o = (t / Km + 2) / a, s = hi(xt[0] + String(r)) || 0, i = hi(xt[xt.length - 1] + String(r)) || 0;
   return /* @__PURE__ */ O("div", { children: /* @__PURE__ */ O(
     rn,
     {
@@ -11959,7 +11817,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
       ...e
     }
   ) });
-}, p1 = ({
+}, d1 = ({
   format: r,
   height: a,
   hostname: t,
@@ -11976,7 +11834,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
 }) => /* @__PURE__ */ O(
   vc,
   {
-    audioContext: qm,
+    audioContext: Nm,
     format: r,
     hostname: t,
     instrumentName: e,
@@ -11992,7 +11850,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
         n
       ] }) }),
       /* @__PURE__ */ O(
-        Wm,
+        qm,
         {
           disabled: d,
           height: a,
@@ -12009,8 +11867,8 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
       )
     ] })
   }
-), Rc = 21, _c = 108, Um = _c - Rc - 1, zm = Um * 0.7, Fm = new window.AudioContext(), Im = ({ height: r, width: a, ...t }) => {
-  const n = (a / zm + 2) / r;
+), Rc = 21, _c = 108, Wm = _c - Rc - 1, Um = Wm * 0.7, zm = new window.AudioContext(), Fm = ({ height: r, width: a, ...t }) => {
+  const n = (a / Um + 2) / r;
   return /* @__PURE__ */ O("div", { children: /* @__PURE__ */ O(
     rn,
     {
@@ -12020,7 +11878,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
       ...t
     }
   ) });
-}, h1 = ({
+}, m1 = ({
   format: r,
   height: a,
   hostname: t,
@@ -12035,14 +11893,14 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
 }) => /* @__PURE__ */ O(
   vc,
   {
-    audioContext: Fm,
+    audioContext: zm,
     format: r,
     hostname: t,
     instrumentName: e,
     onChange: n,
     soundfont: l,
     render: ({ isLoading: u, playNote: p, stopNote: d }) => /* @__PURE__ */ O(
-      Im,
+      Fm,
       {
         disabled: u,
         height: a,
@@ -12056,8 +11914,8 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
       }
     )
   }
-), f1 = fe(({ labelOff: r = "Normally Off", labelOn: a = "Normally On", ...t }, e) => /* @__PURE__ */ O(
-  Ce,
+), p1 = Se(({ labelOff: r = "Normally Off", labelOn: a = "Normally On", ...t }, e) => /* @__PURE__ */ O(
+  _e,
   {
     ...t,
     options: [
@@ -12072,10 +11930,10 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
 } : {
   width: 0,
   height: 0
-}, Vm = (r) => {
-  const [a, t] = Se(
+}, Im = (r) => {
+  const [a, t] = Te(
     Ni(r ? r.current : null)
-  ), e = _e(() => {
+  ), e = Re(() => {
     r.current && t(Ni(r.current));
   }, [r]);
   return Tl(() => {
@@ -12093,7 +11951,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
       };
     }
   }, [r.current]), a;
-}, qi = "__react_svg_text_measurement_id", jm = (r, a, t, e) => {
+}, qi = "__react_svg_text_measurement_id", Vm = (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];
@@ -12109,7 +11967,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
     }
     return i;
   }, []);
-}, Xm = (r, a, t) => {
+}, jm = (r, a, t) => {
   var e;
   if (r && a) {
     Array.from(r).forEach(
@@ -12138,10 +11996,10 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
     y: l = 0,
     transform: h = "",
     ...u
-  } = r, [p, d] = Se(), [m, f] = Se([]), [v, G] = Se(), K = Ie({}), R = Be(() => {
+  } = r, [p, d] = Te(), [m, f] = Te([]), [v, G] = Te(), K = Ie({}), 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 = _e(
+  }, [m, s]), S = Re(
     (C) => {
       G(
         C !== null ? window.getComputedStyle(C) : void 0
@@ -12161,7 +12019,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
     }
     K.current = C;
   }, []), ye(() => {
-    const C = Xm(
+    const C = jm(
       v,
       K.current,
       s
@@ -12170,7 +12028,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
   }, [s, v]), ye(() => {
     if (o && p) {
       const C = s.split(/\n/).flatMap(
-        (T) => jm(T, p, o, n)
+        (T) => Vm(T, p, o, n)
       );
       f(C);
     }
@@ -12249,7 +12107,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
     value: kc,
     label: "Least sensitive."
   }
-], za = 20, Kt = 15, Ke = za, Ea = za, Jm = (r) => {
+], za = 20, Kt = 15, Ke = za, Ea = za, Xm = (r) => {
   const {
     Tooltip: a = bc,
     autosize: t,
@@ -12257,7 +12115,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
     inverted: n,
     onChange: o,
     value: s
-  } = r, i = Ie(null), c = Ie(null), { height: l, width: h } = Vm(i), u = t && h || 218, p = t && l || 150, d = u - za, m = p - za, f = u / 2, v = p / 2, G = { ref: c }, K = Ac.map(
+  } = r, i = Ie(null), c = Ie(null), { height: l, width: h } = Im(i), u = t && h || 218, p = t && l || 150, d = u - za, m = p - za, f = u / 2, v = p / 2, G = { ref: c }, K = Ac.map(
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
     ({ value: R, label: S }) => {
       let P = 0, C = 0, T = Ke, _ = n ? Ea : m, w = d, x = n ? m : Ea, F = f, j = v;
@@ -12407,22 +12265,22 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
       ] })
     }
   );
-}, g1 = fe((r, a) => {
+}, h1 = Se((r, a) => {
   const {
     Tooltip: t = bc,
     inverted: e = !1,
     onChange: n,
     value: o,
     ...s
-  } = r, i = _e(
+  } = r, i = Re(
     () => {
       var l;
-      return /* @__PURE__ */ O("div", { className: "singleValue", children: (l = _l("value", o)(Ac)) == null ? void 0 : l.label });
+      return /* @__PURE__ */ O("div", { className: "singleValue", children: (l = Hl("value", o)(Ac)) == null ? void 0 : l.label });
     },
     [o]
-  ), c = _e(
+  ), c = Re(
     ({ setValue: l }) => /* @__PURE__ */ O(
-      Jm,
+      Xm,
       {
         autosize: !0,
         inverted: e,
@@ -12436,7 +12294,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
     [t, e, n, o]
   );
   return /* @__PURE__ */ O(
-    Ce,
+    _e,
     {
       ...s,
       components: {
@@ -12449,14 +12307,14 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
       value: o
     }
   );
-}), T1 = fe(({ statuses: r, ...a }, t) => /* @__PURE__ */ O(
-  Ce,
+}), f1 = Se(({ statuses: r, ...a }, t) => /* @__PURE__ */ O(
+  _e,
   {
     ...a,
     options: r,
     ref: t
   }
-)), S1 = fe((r, a) => {
+)), g1 = Se((r, a) => {
   const {
     disabled: t,
     highToLow: e,
@@ -12468,14 +12326,14 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
   } = r, l = Be(() => {
     const d = Fa(n - o + 1).map((m) => o + m).map((m) => ({ value: m, label: m }));
     return e ? d.reverse() : d;
-  }, [e, n, o]), [h, u] = Ft(i), p = _e(
+  }, [e, n, o]), [h, u] = Ft(i), p = Re(
     (d) => {
       s(xa(d, n, o)), u(Number.parseInt(String(d), 10));
     },
     [n, o, s, u]
   );
   return /* @__PURE__ */ O(
-    Ce,
+    _e,
     {
       ...c,
       disabled: t,
@@ -12500,7 +12358,7 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
   // 1101
   pitchWheel: 14
   // 1110
-}, $m = 15, Ym = 240, Qm = [
+}, Jm = 15, $m = 240, Ym = [
   { value: we.noteOn, label: "Note On" },
   { value: we.noteOff, label: "Note Stack" },
   { value: we.controlChange, label: "Control Change" },
@@ -12508,37 +12366,171 @@ const Ki = /* @__PURE__ */ Ve(xm), Gt = (r) => r != null && !Number.isNaN(r), vc
   { value: we.aftertouch, label: "Aftertouch" },
   { value: we.channelPressure, label: "Channel Pressure" },
   { value: we.pitchWheel, label: "Pitch Wheel" }
-], C1 = (r) => {
+], T1 = (r) => {
   var a;
-  return ((a = Qm.filter(({ value: t }) => t === r)[0]) == null ? void 0 : a.label) || "???";
-}, v1 = (r, a) => r | a << 4, R1 = (r) => ({
-  status: (r & Ym) >> 4 | 8,
-  channel: r & $m
-});
+  return ((a = Ym.filter(({ value: t }) => t === r)[0]) == null ? void 0 : a.label) || "???";
+}, S1 = (r, a) => r | a << 4, C1 = (r) => ({
+  status: (r & $m) >> 4 | 8,
+  channel: r & Jm
+}), v1 = [
+  "Bank Select",
+  "Modulation Wheel",
+  "Breath Controller",
+  "",
+  "Foot Control",
+  "Portamento Time",
+  "Data Entry Slider",
+  "Volume",
+  "Balance",
+  "",
+  "Pan",
+  "Expression",
+  "Effect Control 1",
+  "Effect Control 2",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "Controller 0",
+  "Controller 1",
+  "Controller 2",
+  "Controller 3",
+  "Controller 4",
+  "Controller 5",
+  "Controller 6",
+  "Controller 7",
+  "Controller 8",
+  "Controller 9",
+  "Controller 10",
+  "Controller 11",
+  "Controller 12",
+  "Controller 13",
+  "Controller 14",
+  "Controller 15",
+  "Controller 16",
+  "Controller 17",
+  "Controller 18",
+  "Controller 19",
+  "Controller 20",
+  "Controller 21",
+  "Controller 22",
+  "Controller 23",
+  "Controller 24",
+  "Controller 25",
+  "Controller 26",
+  "Controller 27",
+  "Controller 28",
+  "Controller 29",
+  "Controller 30",
+  "Controller 31",
+  "Sustain",
+  "Portamento",
+  "Sostenuto",
+  "Soft Pedal",
+  "Legato Pedal",
+  "Sustain 2",
+  "Sound Variation",
+  "Resonance/Timbre",
+  "Sound Release Time",
+  "Sound Attack Time",
+  "Frequency Cutoff",
+  "Sound Control 6",
+  "Sound Control 7",
+  "Sound Control 8",
+  "Sound Control 9",
+  "Sound Control 10",
+  "Decay or General 1",
+  "Hi-Pass or General 2",
+  "General 3",
+  "General 4",
+  "Portamento Amount",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "Reverb Level",
+  "Tremolo Depth",
+  "Chorus Level",
+  "Detune",
+  "Phaser Depth",
+  "Data Entry +1",
+  "Data Entry -1",
+  "Non-registered LSB",
+  "Non-registered MSB",
+  "Registered msb",
+  "Registered lsb",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "",
+  "Shift 1",
+  "Shift 2",
+  "Shift 3",
+  "Shift 4",
+  "Shift 5",
+  "Shift 6",
+  "",
+  "",
+  "",
+  "",
+  "All Sound Off",
+  "All Controllers Off",
+  "Local Mode",
+  "All Notes Off",
+  "Omni Mode Off",
+  "Omni Mode On",
+  "Mono Mode On",
+  "Poly Mode"
+].map(
+  (r, a) => ({
+    label: String(r).length ? `${a} - ${r}` : String(a),
+    value: a
+  })
+);
 export {
-  c1 as CCPicker,
-  s1 as ChannelMappingPicker,
-  l1 as ChannelPicker,
-  Ql as Knob,
-  u1 as KnobPicker,
-  P1 as LatchPicker,
-  $m as MASK_CHANNEL,
-  Ym as MASK_STATUS,
-  d1 as MappingPicker,
-  m1 as NotePicker,
-  p1 as OctavePlayer,
-  h1 as PianoPicker,
-  f1 as PolarityPicker,
+  i1 as ChannelMappingPicker,
+  c1 as ChannelPicker,
+  Yl as Knob,
+  s1 as KnobPicker,
+  l1 as LatchPicker,
+  Jm as MASK_CHANNEL,
+  $m as MASK_STATUS,
+  u1 as MappingPicker,
+  P1 as NotePicker,
+  d1 as OctavePlayer,
+  m1 as PianoPicker,
+  p1 as PolarityPicker,
   Ac as RESPONSE_CURVES,
-  Jm as ResponseCurve,
-  g1 as ResponseCurvePicker,
+  Xm as ResponseCurve,
+  h1 as ResponseCurvePicker,
   Wi as SVGText,
-  Ce as Select,
-  T1 as StatusPicker,
+  _e as Select,
+  f1 as StatusPicker,
   we as Statuses,
-  S1 as ValuePicker,
-  Rl as ccValues,
-  v1 as combineStatusWithChannel,
-  R1 as extractStatusAndChannel,
-  C1 as getStatusLabel
+  g1 as ValuePicker,
+  v1 as ccValues,
+  S1 as combineStatusWithChannel,
+  C1 as extractStatusAndChannel,
+  T1 as getStatusLabel
 };
+//# sourceMappingURL=index.es.js.map