zds-pickers 4.0.7 → 4.0.9

package/dist/index.es.js

@@ -1,18 +1,15 @@
-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 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";
+import le, { forwardRef as Se, useCallback as Re, useMemo as Be, Children as Pl, isValidElement as dl, useState as Te, useEffect as ye, createElement as ml, Fragment as pl, useRef as Ie, useLayoutEffect as hl } from "react";
+import nn, { components as fl } from "react-select";
+import { drag as gl } from "d3-drag";
+import { scaleLinear as on } from "d3-scale";
+import { select as cn } from "d3-selection";
+import Tl from "react-dom";
 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) {
+function Sl(r) {
   if (r.__esModule) return r;
   var a = r.default;
   if (typeof a == "function") {
@@ -31,15 +28,15 @@ function Rl(r) {
     });
   }), t;
 }
-var ct = { exports: {} };
+var it = { 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) {
+var sn;
+function Cl() {
+  return sn || (sn = 1, function(r) {
     (function() {
       var a = {}.hasOwnProperty;
       function t() {
@@ -68,196 +65,106 @@ function _l() {
       }
       r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(ct)), ct.exports;
+  }(it)), it.exports;
 }
-var bl = _l();
-const je = /* @__PURE__ */ Ve(bl), Fa = (r) => Array.from(new Array(r).keys()), xa = (r, a = 127, t = 0) => {
+var vl = Cl();
+const je = /* @__PURE__ */ Ve(vl), 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;
-}, 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
-}) => {
+}, Rl = (r, a) => (t) => t == null ? void 0 : t.find((e) => (e == null ? void 0 : e[r]) === a), _l = (...r) => (a) => Object.entries(a).filter(([t]) => !r.flat().map(String).includes(t)).reduce((t, [e, n]) => Object.assign(t, { [e]: n }), {}), { IndicatorsContainer: bl, Placeholder: ln, ValueContainer: Hl } = fl, un = ({ children: r, ...a }) => {
   var e;
   const t = (e = a.selectProps) == null ? void 0 : e.actionButton;
-  return /* @__PURE__ */ O(Ml, { ...a, children: /* @__PURE__ */ ne(
-    "div",
-    {
-      onMouseDown: (n) => {
-        n.stopPropagation(), n.preventDefault();
-      },
-      style: { display: "flex" },
-      children: [
-        t,
-        r
-      ]
-    }
-  ) });
-}, wl = ({
-  children: r,
-  ...a
-}) => /* @__PURE__ */ ne(kl, { ...a, children: [
-  /* @__PURE__ */ O(
-    un,
-    {
-      ...a,
-      innerProps: a.innerProps || {},
-      className: a.hasValue || a.selectProps.inputValue ? "shrunk" : "",
-      isFocused: a.isFocused ?? !1,
-      children: a.selectProps.placeholder
-    }
-  ),
-  pl.map(
-    r,
-    (t) => hl(t) && t.type !== un ? t : null
-  )
-] }), _e = Se(
-  (r, a) => {
-    const {
-      components: t,
-      disabled: e,
-      label: n,
-      onChange: o,
-      options: s = [],
-      preserveMenuWidth: i,
-      shrinkLabel: c,
-      value: l,
-      ...h
-    } = 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) => yl("width")(v),
-        menuList: (v) => ({
-          ...v,
-          overflowX: "hidden"
-        }),
-        option: (v) => ({
-          ...v,
-          whiteSpace: "nowrap",
-          paddingRight: 10
-        })
-      } : {};
-      return c ? {
-        ...f,
-        container: (v) => ({
-          ...v,
-          marginTop: 10
-        }),
-        placeholder: (v, G) => ({
-          position: "absolute",
-          left: G.hasValue || G.selectProps.inputValue ? -2 : "4%",
-          top: G.hasValue || G.selectProps.inputValue ? -12 : "50%",
-          transition: "top 0.1s, font-size 0.1s, color 0.1s",
-          fontSize: (G.hasValue || G.selectProps.inputValue) && 13
-        }),
-        valueContainer: (v) => ({
-          ...v,
-          overflow: "visible"
-        })
-      } : {
-        ...f
-      };
-    }, [i, c]);
-    return c ? /* @__PURE__ */ O("div", { className: "zds-pickers__container", children: /* @__PURE__ */ O(
-      on,
-      {
-        ...h,
-        classNamePrefix: "zds-pickers",
-        components: {
-          IndicatorsContainer: Pn,
-          ValueContainer: wl,
-          ...t
-        },
-        isDisabled: e,
-        onChange: u,
-        options: p,
-        placeholder: n,
-        ref: a,
-        styles: m,
-        value: d
-      }
-    ) }) : /* @__PURE__ */ ne("div", { className: "zds-pickers__container", children: [
-      !!n && /* @__PURE__ */ O("span", { className: "zds-pickers__label", children: n }),
-      /* @__PURE__ */ O(
-        on,
-        {
-          ...h,
-          classNamePrefix: "zds-pickers",
-          components: {
-            IndicatorsContainer: Pn,
-            ...t
-          },
-          isDisabled: e,
-          onChange: u,
-          options: p,
-          ref: a,
-          styles: m,
-          value: d
-        }
-      )
-    ] });
-  }
-), Bl = Fa(16).map((r) => ({
+  return O(bl, { ...a, children: ne("div", { onMouseDown: (n) => {
+    n.stopPropagation(), n.preventDefault();
+  }, style: { display: "flex" }, children: [t, r] }) });
+}, yl = ({ children: r, ...a }) => ne(Hl, { ...a, children: [O(ln, { ...a, innerProps: a.innerProps || {}, className: a.hasValue || a.selectProps.inputValue ? "shrunk" : "", isFocused: a.isFocused ?? !1, children: a.selectProps.placeholder }), Pl.map(r, (t) => dl(t) && t.type !== ln ? t : null)] }), _e = Se((r, a) => {
+  const { components: t, disabled: e, label: n, onChange: o, options: s = [], preserveMenuWidth: i, shrinkLabel: c, value: l, ...h } = 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) => _l("width")(v),
+      menuList: (v) => ({
+        ...v,
+        overflowX: "hidden"
+      }),
+      option: (v) => ({
+        ...v,
+        whiteSpace: "nowrap",
+        paddingRight: 10
+      })
+    } : {};
+    return c ? {
+      ...f,
+      container: (v) => ({
+        ...v,
+        marginTop: 10
+      }),
+      placeholder: (v, G) => ({
+        position: "absolute",
+        left: G.hasValue || G.selectProps.inputValue ? -2 : "4%",
+        top: G.hasValue || G.selectProps.inputValue ? -12 : "50%",
+        transition: "top 0.1s, font-size 0.1s, color 0.1s",
+        fontSize: (G.hasValue || G.selectProps.inputValue) && 13
+      }),
+      valueContainer: (v) => ({
+        ...v,
+        overflow: "visible"
+      })
+    } : {
+      ...f
+    };
+  }, [i, c]);
+  return c ? O("div", { className: "zds-pickers__container", children: O(nn, {
+    ...h,
+    classNamePrefix: "zds-pickers",
+    components: {
+      IndicatorsContainer: un,
+      ValueContainer: yl,
+      ...t
+    },
+    isDisabled: e,
+    onChange: u,
+    options: p,
+    placeholder: n,
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    ref: a,
+    styles: m,
+    value: d
+  }) }) : ne("div", { className: "zds-pickers__container", children: [!!n && O("span", { className: "zds-pickers__label", children: n }), O(nn, {
+    ...h,
+    classNamePrefix: "zds-pickers",
+    components: {
+      IndicatorsContainer: un,
+      ...t
+    },
+    isDisabled: e,
+    onChange: u,
+    options: p,
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    ref: a,
+    styles: m,
+    value: d
+  })] });
+}), Ml = Fa(16).map((r) => ({
   value: r,
   label: r
-})), 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 });
-      if (typeof i != "number") return null;
-      const h = r[i];
-      return h ? /* @__PURE__ */ ne("span", { className: "mapping-entry", children: [
-        /* @__PURE__ */ ne("b", { children: [
-          i + 1,
-          l === "value" && " -"
-        ] }),
-        /* @__PURE__ */ O("span", { className: "mapping-entry-label", children: h.label })
-      ] }) : /* @__PURE__ */ ne("span", { className: "mapping-entry empty-mapping-entry", children: [
-        /* @__PURE__ */ ne("b", { children: [
-          i + 1,
-          l === "value" && " -"
-        ] }),
-        /* @__PURE__ */ O("span", { className: "mapping-entry-label", children: "no mapping" })
-      ] });
-    },
-    [r]
-  );
+})), a1 = Se(({ channels: r, className: a, ...t }, e) => {
+  const [n, o] = Te([]), s = Re(({ value: i, label: c }, { context: l }) => {
+    if (i === "separator")
+      return O("span", { className: "zds-mappings-user-mapping", children: c });
+    if (typeof i != "number")
+      return null;
+    const h = r[i];
+    return h ? ne("span", { className: "mapping-entry", children: [ne("b", { children: [i + 1, l === "value" && " -"] }), O("span", { className: "mapping-entry-label", children: h.label })] }) : ne("span", { className: "mapping-entry empty-mapping-entry", children: [ne("b", { children: [i + 1, l === "value" && " -"] }), O("span", { className: "mapping-entry-label", children: "no mapping" })] });
+  }, [r]);
   return ye(() => {
-    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(
-    _e,
-    {
-      ...t,
-      className: je(a, "channel-mapping-picker"),
-      formatOptionLabel: s,
-      options: n,
-      ref: e
-    }
-  );
-}), Dl = Fa(16).map((r) => ({
+    const i = Ml.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: O("hr", {}), value: "separator" }), o(i);
+  }, [r]), O(_e, { ...t, className: je(a, "channel-mapping-picker"), formatOptionLabel: s, options: n, ref: e });
+}), kl = Fa(16).map((r) => ({
   value: r,
   label: `Channel ${r + 1}`
-})), 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: Al,
-    formatOptionLabel: Ol,
-    options: Dl,
-    ref: t
-  }
-)), Ft = (r) => {
+})), wl = (r, { context: a }) => a === "value" ? r.label : Number.parseInt(String(r.value)) + 1, Bl = (r, a) => a ? String(r.label).toLowerCase().includes(a.toLowerCase()) : !0, t1 = Se(({ className: r, ...a }, t) => O(_e, { ...a, className: je(r, "channel-picker"), filterOptions: Bl, formatOptionLabel: wl, options: kl, ref: t })), Wi = ({ children: r }) => ml(pl, null, r), zt = (r) => {
   const [a, t] = Te(r);
   return ye(() => {
     t(r);
@@ -272,10 +179,10 @@ var er = { exports: {} }, rr = { exports: {} }, J = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var dn;
-function El() {
-  if (dn) return J;
-  dn = 1;
+var Pn;
+function Dl() {
+  if (Pn) return J;
+  Pn = 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;
   function R(P) {
     if (typeof P == "object" && P !== null) {
@@ -347,9 +254,9 @@ var $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var mn;
-function Ll() {
-  return mn || (mn = 1, process.env.NODE_ENV !== "production" && function() {
+var dn;
+function Ol() {
+  return dn || (dn = 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) {
       return typeof B == "string" || typeof B == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -430,19 +337,19 @@ function Ll() {
     $.AsyncMode = P, $.ConcurrentMode = C, $.ContextConsumer = T, $.ContextProvider = _, $.Element = w, $.ForwardRef = x, $.Fragment = F, $.Lazy = j, $.Memo = ie, $.Portal = oe, $.Profiler = me, $.StrictMode = Y, $.Suspense = Z, $.isAsyncMode = ue, $.isConcurrentMode = H, $.isContextConsumer = M, $.isContextProvider = U, $.isElement = N, $.isForwardRef = q, $.isFragment = D, $.isLazy = L, $.isMemo = W, $.isPortal = I, $.isProfiler = z, $.isStrictMode = V, $.isSuspense = re, $.isValidElementType = R, $.typeOf = S;
   }()), $;
 }
-var pn;
+var mn;
 function Ui() {
-  return pn || (pn = 1, process.env.NODE_ENV === "production" ? rr.exports = El() : rr.exports = Ll()), rr.exports;
+  return mn || (mn = 1, process.env.NODE_ENV === "production" ? rr.exports = Dl() : rr.exports = Ol()), rr.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var st, hn;
-function Gl() {
-  if (hn) return st;
-  hn = 1;
+var ct, pn;
+function Al() {
+  if (pn) return ct;
+  pn = 1;
   var r = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function e(o) {
     if (o == null)
@@ -471,7 +378,7 @@ function Gl() {
       return !1;
     }
   }
-  return st = n() ? Object.assign : function(o, s) {
+  return ct = n() ? Object.assign : function(o, s) {
     for (var i, c = e(o), l, h = 1; h < arguments.length; h++) {
       i = Object(arguments[h]);
       for (var u in i)
@@ -483,27 +390,27 @@ function Gl() {
       }
     }
     return c;
-  }, st;
+  }, ct;
 }
-var lt, fn;
-function It() {
-  if (fn) return lt;
-  fn = 1;
+var st, hn;
+function Ft() {
+  if (hn) return st;
+  hn = 1;
   var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return lt = r, lt;
+  return st = r, st;
 }
-var ut, gn;
+var lt, fn;
 function zi() {
-  return gn || (gn = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
+  return fn || (fn = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
 }
-var Pt, Tn;
-function xl() {
-  if (Tn) return Pt;
-  Tn = 1;
+var ut, gn;
+function El() {
+  if (gn) return ut;
+  gn = 1;
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var a = /* @__PURE__ */ It(), t = {}, e = /* @__PURE__ */ zi();
+    var a = /* @__PURE__ */ Ft(), t = {}, e = /* @__PURE__ */ zi();
     r = function(o) {
       var s = "Warning: " + o;
       typeof console < "u" && console.error(s);
@@ -543,13 +450,13 @@ function xl() {
   }
   return n.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, Pt = n, Pt;
+  }, ut = n, ut;
 }
-var dt, Sn;
-function Kl() {
-  if (Sn) return dt;
-  Sn = 1;
-  var r = Ui(), a = Gl(), t = /* @__PURE__ */ It(), e = /* @__PURE__ */ zi(), n = /* @__PURE__ */ xl(), o = function() {
+var Pt, Tn;
+function Ll() {
+  if (Tn) return Pt;
+  Tn = 1;
+  var r = Ui(), a = Al(), t = /* @__PURE__ */ Ft(), e = /* @__PURE__ */ zi(), n = /* @__PURE__ */ El(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
     var c = "Warning: " + i;
@@ -562,7 +469,7 @@ function Kl() {
   function s() {
     return null;
   }
-  return dt = function(i, c) {
+  return Pt = function(i, c) {
     var l = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function u(H) {
       var M = H && (l && H[l] || H[h]);
@@ -864,18 +771,18 @@ Valid keys: ` + JSON.stringify(Object.keys(H), null, "  ")
       return !H.constructor || !H.constructor.name ? p : H.constructor.name;
     }
     return d.checkPropTypes = n, d.resetWarningCache = n.resetWarningCache, d.PropTypes = d, d;
-  }, dt;
+  }, Pt;
 }
-var mt, Cn;
-function Nl() {
-  if (Cn) return mt;
-  Cn = 1;
-  var r = /* @__PURE__ */ It();
+var dt, Sn;
+function Gl() {
+  if (Sn) return dt;
+  Sn = 1;
+  var r = /* @__PURE__ */ Ft();
   function a() {
   }
   function t() {
   }
-  return t.resetWarningCache = a, mt = function() {
+  return t.resetWarningCache = a, dt = function() {
     function e(s, i, c, l, h, u) {
       if (u !== r) {
         var p = new Error(
@@ -912,21 +819,21 @@ function Nl() {
       resetWarningCache: a
     };
     return o.PropTypes = o, o;
-  }, mt;
+  }, dt;
 }
-var vn;
+var Cn;
 function Fi() {
-  if (vn) return er.exports;
-  if (vn = 1, process.env.NODE_ENV !== "production") {
+  if (Cn) return er.exports;
+  if (Cn = 1, process.env.NODE_ENV !== "production") {
     var r = Ui(), a = !0;
-    er.exports = /* @__PURE__ */ Kl()(r.isElement, a);
+    er.exports = /* @__PURE__ */ Ll()(r.isElement, a);
   } else
-    er.exports = /* @__PURE__ */ Nl()();
+    er.exports = /* @__PURE__ */ Gl()();
   return er.exports;
 }
-var pt, Rn;
-function ql() {
-  return Rn || (Rn = 1, pt = function(r) {
+var mt, vn;
+function xl() {
+  return vn || (vn = 1, mt = function(r) {
     var a = {};
     function t(e) {
       if (a[e]) return a[e].exports;
@@ -1309,13 +1216,13 @@ function ql() {
     }(n.default.Component);
     a.default = h, h.propTypes = { selector: o.default.string.isRequired, onElementSelected: o.default.func }, h.defaultProps = { onElementSelected: function() {
     } };
-  }])), pt;
+  }])), mt;
 }
-var ht, _n;
-function Wl() {
-  return _n || (_n = 1, ht = ql()), ht;
+var pt, Rn;
+function Kl() {
+  return Rn || (Rn = 1, pt = xl()), pt;
 }
-var ft = Wl();
+var ht = Kl();
 class Ii extends le.Component {
   render() {
     const a = this.props, t = {};
@@ -1323,38 +1230,31 @@ class Ii extends le.Component {
       a.onChange(Number(u.target.value));
     }
     const { value: n, min: o, max: s, step: i, onChange: c, inputRef: l, ...h } = a;
-    return /* @__PURE__ */ O(
-      "input",
-      {
-        ref: l,
-        value: n,
-        step: i,
-        onChange: e,
-        style: t,
-        type: "range",
-        min: o,
-        max: s,
-        ...h
-      }
-    );
+    return O("input", { ref: l, value: n, step: i, onChange: e, style: t, type: "range", min: o, max: s, ...h });
   }
 }
-it(Ii, "defaultProps", {
-  step: 1
+Object.defineProperty(Ii, "defaultProps", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: {
+    step: 1
+  }
 });
-function Ul(r) {
+function Nl(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 zl(r, a) {
-  if (r === 0 && a === 0) return 0;
+function ql(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 Fl(r) {
+function Wl(r) {
   let a;
   a = document.documentElement || document.body.parentNode;
   const t = (typeof a.scrollLeft == "number" ? a : document.body).scrollLeft;
@@ -1365,163 +1265,76 @@ function Fl(r) {
 const ze = {
   // toGlobalCoordinates,
   // toLocalCoordinates,
-  toRadians: Ul,
+  toRadians: Nl,
   getQuadrant: Vi,
-  getAngleForPoint: zl,
-  transformBoundingClientRectToDocument: Fl
+  getAngleForPoint: ql,
+  transformBoundingClientRectToDocument: Wl
 };
-class bn extends le.Component {
+class _n extends le.Component {
   render() {
-    const {
-      r: a,
-      borderColor: t = "black",
-      fillColor: e = "transparent",
-      borderWidth: n = 2,
-      fillOpacity: o = 1,
-      ...s
-    } = this.props;
-    return /* @__PURE__ */ O(
-      "circle",
-      {
-        stroke: t,
-        fill: e,
-        fillOpacity: o,
-        r: a,
-        ...s
-      }
-    );
+    const { r: a, borderColor: t = "black", fillColor: e = "transparent", borderWidth: n = 2, fillOpacity: o = 1, ...s } = this.props;
+    return O("circle", { stroke: t, fill: e, fillOpacity: o, r: a, ...s });
   }
 }
-class Il extends le.Component {
+class Ul extends le.Component {
   render() {
     const { width: a = 2, color: t = "black", p1: e, p2: n, ...o } = this.props;
-    return /* @__PURE__ */ O(
-      "line",
-      {
-        ...o,
-        stroke: t,
-        strokeWidth: a,
-        x1: e.x,
-        y1: e.y,
-        x2: n.x,
-        y2: n.y
-      }
-    );
+    return O("line", { ...o, stroke: t, strokeWidth: a, x1: e.x, y1: e.y, x2: n.x, y2: n.y });
   }
 }
-class Vl extends le.Component {
+class zl extends le.Component {
   render() {
     const { children: a, ...t } = this.props, e = {
-      overlay: Object.assign(
-        {
-          width: "100%",
-          height: "100vh",
-          top: 0,
-          left: 0,
-          zIndex: 2147483647,
-          margin: "0",
-          padding: "0",
-          boxSizing: "border-box",
-          position: "fixed"
-        },
-        this.props.overlayStyle
-      )
+      overlay: Object.assign({
+        width: "100%",
+        height: "100vh",
+        top: 0,
+        left: 0,
+        zIndex: 2147483647,
+        margin: "0",
+        padding: "0",
+        boxSizing: "border-box",
+        position: "fixed"
+      }, this.props.overlayStyle)
     };
-    return vl.createPortal(
-      /* @__PURE__ */ O(
-        "div",
-        {
-          style: e.overlay,
-          ...t,
-          children: a
-        }
-      ),
-      document.body
-    );
+    return Tl.createPortal(O("div", { style: e.overlay, ...t, children: a }), document.body);
   }
 }
-class jl extends le.Component {
+class Fl extends le.Component {
   constructor() {
-    super(...arguments);
-    it(this, "state", {
-      centerX: 0,
-      centerY: 0,
-      valueMarkerX: 0,
-      valueMarkerY: 0
+    super(...arguments), Object.defineProperty(this, "state", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: {
+        centerX: 0,
+        centerY: 0,
+        valueMarkerX: 0,
+        valueMarkerY: 0
+      }
     });
   }
-  static getDerivedStateFromProps(t, e) {
-    if (!t.svgRef) return e;
-    const n = t.svgRef.getBoundingClientRect(), o = n.width / 2, s = t.radius * Math.cos(ze.toRadians(t.valueAngle - 90)), i = t.radius * Math.sin(ze.toRadians(t.valueAngle - 90));
+  static getDerivedStateFromProps(a, t) {
+    if (!a.svgRef)
+      return t;
+    const e = a.svgRef.getBoundingClientRect(), n = e.width / 2, o = a.radius * Math.cos(ze.toRadians(a.valueAngle - 90)), s = a.radius * Math.sin(ze.toRadians(a.valueAngle - 90));
     return {
-      ...e,
-      centerX: n.left + o,
-      centerY: n.top + o,
-      valueMarkerX: s,
-      valueMarkerY: i
+      ...t,
+      centerX: e.left + n,
+      centerY: e.top + n,
+      valueMarkerX: o,
+      valueMarkerY: s
     };
   }
   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(Vl, { children: /* @__PURE__ */ ne(
-      "svg",
-      {
-        style: { position: "absolute", top: "0", left: "0" },
-        width: "100%",
-        height: "100%",
-        children: [
-          /* @__PURE__ */ O("defs", { children: /* @__PURE__ */ O(
-            "marker",
-            {
-              id: "Triangle",
-              viewBox: "0 0 10 10",
-              refX: "1",
-              refY: "5",
-              markerWidth: "6",
-              markerHeight: "6",
-              orient: "auto",
-              children: /* @__PURE__ */ O("path", { d: "M 0 0 L 10 5 L 0 10 z" })
-            }
-          ) }),
-          /* @__PURE__ */ O(
-            bn,
-            {
-              borderColor: t,
-              fillColor: e,
-              fillOpacity: 0.02,
-              r: this.props.radius,
-              cx: this.state.centerX,
-              cy: this.state.centerY
-            }
-          ),
-          n && /* @__PURE__ */ O(
-            bn,
-            {
-              borderColor: t,
-              fillColor: e,
-              fillOpacity: 0,
-              r: this.props.minimumDragDistance,
-              cx: this.state.centerX,
-              cy: this.state.centerY
-            }
-          ),
-          /* @__PURE__ */ O(
-            Il,
-            {
-              p1: { x: this.state.centerX, y: this.state.centerY },
-              p2: {
-                x: this.state.valueMarkerX + this.state.centerX,
-                y: this.state.valueMarkerY + this.state.centerY
-              },
-              markerEnd: "url(#Triangle)"
-            }
-          )
-        ]
-      }
-    ) });
+    const a = this.props.minimumDragDistance <= this.props.radius ? "green" : "grey", t = this.props.minimumDragDistance <= this.props.radius ? "#88E22D" : "#D8D8D8", e = this.props.minimumDragDistance >= this.props.radius;
+    return O(zl, { children: ne("svg", { style: { position: "absolute", top: "0", left: "0" }, width: "100%", height: "100%", children: [O("defs", { children: O("marker", { id: "Triangle", viewBox: "0 0 10 10", refX: "1", refY: "5", markerWidth: "6", markerHeight: "6", orient: "auto", children: O("path", { d: "M 0 0 L 10 5 L 0 10 z" }) }) }), O(_n, { borderColor: a, fillColor: t, fillOpacity: 0.02, r: this.props.radius, cx: this.state.centerX, cy: this.state.centerY }), e && O(_n, { borderColor: a, fillColor: t, fillOpacity: 0, r: this.props.minimumDragDistance, cx: this.state.centerX, cy: this.state.centerY }), O(Ul, { p1: { x: this.state.centerX, y: this.state.centerY }, p2: {
+      x: this.state.valueMarkerX + this.state.centerX,
+      y: this.state.valueMarkerY + this.state.centerY
+    }, markerEnd: "url(#Triangle)" })] }) });
   }
 }
-const Xl = {
+const Il = {
   knobX: 71,
   knobY: 71,
   svg: `
@@ -1576,30 +1389,11 @@ const Xl = {
     </g>
 </svg>
 `
-}, Jl = (r) => {
-  const {
-    clampMax: a = 360,
-    clampMin: t = 0,
-    defaultValue: e = 0,
-    disabled: n = !1,
-    format: o = (D) => D.toFixed(0),
-    max: s = 100,
-    min: i = 0,
-    onChange: c = () => {
-    },
-    onEnd: l = () => {
-    },
-    onStart: h = () => {
-    },
-    preciseMode: u = !0,
-    rotateDegrees: p = 0,
-    skin: d = Xl,
-    step: m = 1,
-    style: f,
-    unlockDistance: v = 100,
-    value: G,
-    ...K
-  } = r, [R, S] = Te(G !== void 0), P = Ie(null), C = Ie(null);
+}, Vl = (r) => {
+  const { clampMax: a = 360, clampMin: t = 0, defaultValue: e = 0, disabled: n = !1, format: o = (D) => D.toFixed(0), max: s = 100, min: i = 0, onChange: c = () => {
+  }, onEnd: l = () => {
+  }, onStart: h = () => {
+  }, preciseMode: u = !0, rotateDegrees: p = 0, skin: d = Il, step: m = 1, style: f, unlockDistance: v = 100, value: G, ...K } = r, [R, S] = Te(G !== void 0), P = Ie(null), C = Ie(null);
   let T, _;
   const [w, x] = Te({
     svgRef: void 0,
@@ -1614,7 +1408,7 @@ const Xl = {
   }, ie = (D) => {
     const L = D - p;
     return oe().invert(F(L));
-  }, oe = () => ((!_ || _.min !== i || _.max !== s || _.clampMin !== t || _.clampMax !== a) && (p < 270 && p > 90 ? T = cn().domain([i, s]).range([t, a]) : T = cn().domain([s, i]).range([a, t]), T.clamp(!0), _ = {
+  }, oe = () => ((!_ || _.min !== i || _.max !== s || _.clampMin !== t || _.clampMax !== a) && (p < 270 && p > 90 ? T = on().domain([i, s]).range([t, a]) : T = on().domain([s, i]).range([a, t]), T.clamp(!0), _ = {
     min: i,
     max: s,
     clampMin: t,
@@ -1624,7 +1418,7 @@ const Xl = {
     S(G !== void 0), x((D) => ({
       ...D,
       uncontrolledValue: G ?? e ?? 0
-    })), P.current && (sn(P.current).on(".drag", null), n || pe(sn(P.current)));
+    })), P.current && (cn(P.current).on(".drag", null), n || pe(cn(P.current)));
   }, [G, e, n]);
   const me = (D) => {
     w.svgRef || x({ ...w, svgRef: D });
@@ -1632,21 +1426,22 @@ const Xl = {
     const L = ie(D);
     R || x((W) => ({ ...W, uncontrolledValue: L })), n || c(L);
   }, Z = () => R ? G ?? 0 : w.uncontrolledValue ?? 0, pe = (D) => {
-    if (!(D != null && D.node())) return;
+    if (!(D != null && D.node()))
+      return;
     const L = D.node();
-    if (!L) return;
+    if (!L)
+      return;
     let W = L.getBoundingClientRect();
     const I = W.width / 2, z = W.height / 2;
     let V, re, B, ae = !1;
     function Ce(te) {
-      if (!(te != null && te.sourceEvent) || !L) return;
+      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 fe(te) {
-      const Pe = { x: te.x - I, y: te.y - z }, Ae = Math.sqrt(
-        Pe.x ** 2 + Pe.y ** 2
-      );
+      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 ge = B + We;
@@ -1664,23 +1459,19 @@ const Xl = {
       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", Ce).on("drag", fe).on("end", Ne);
+    const qe = gl().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);
   }, H = Z(), M = j(H), U = {
-    container: Object.assign(
-      {},
-      {
-        width: "50px",
-        height: "50px",
-        overflow: "hidden",
-        position: "relative",
-        userSelect: "none",
-        cursor: "crosshair"
-      },
-      f
-    ),
+    container: Object.assign({}, {
+      width: "50px",
+      height: "50px",
+      overflow: "hidden",
+      position: "relative",
+      userSelect: "none",
+      cursor: "crosshair"
+    }, f),
     input: {
       width: "50%",
       position: "absolute",
@@ -1693,71 +1484,10 @@ const Xl = {
     const I = {};
     for (const z of D.attrs || [])
       I[z.name] = z.value(r, H);
-    return /* @__PURE__ */ O(
-      ft.SvgProxy,
-      {
-        selector: D.element,
-        ...I,
-        children: W
-      },
-      L
-    );
+    return O(ht.SvgProxy, { selector: D.element, ...I, children: W }, L);
   }) : null;
-  return /* @__PURE__ */ ne(Ga, { children: [
-    /* @__PURE__ */ ne(
-      "div",
-      {
-        ref: P,
-        style: U.container,
-        ...K,
-        children: [
-          /* @__PURE__ */ O(
-            Ii,
-            {
-              disabled: n,
-              inputRef: C,
-              style: U.input,
-              value: H,
-              min: i,
-              max: s,
-              step: m,
-              onChange: ue
-            }
-          ),
-          /* @__PURE__ */ ne(
-            ft.SvgLoader,
-            {
-              height: "100%",
-              svgXML: d.svg,
-              width: "100%",
-              onSVGReady: me,
-              children: [
-                /* @__PURE__ */ O(
-                  ft.SvgProxy,
-                  {
-                    selector: "#knob",
-                    transform: `$ORIGINAL rotate(${M}, ${d.knobX}, ${d.knobY})`
-                  }
-                ),
-                q
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    w.dragging && u && /* @__PURE__ */ O(
-      jl,
-      {
-        svgRef: w.svgRef,
-        radius: w.dragDistance,
-        mousePos: w.mousePos,
-        minimumDragDistance: v,
-        valueAngle: w.valueAngle
-      }
-    )
-  ] });
-}, $l = {
+  return ne(Ga, { children: [ne("div", { ref: P, style: U.container, ...K, children: [O(Ii, { disabled: n, inputRef: C, style: U.input, value: H, min: i, max: s, step: m, onChange: ue }), ne(ht.SvgLoader, { height: "100%", svgXML: d.svg, width: "100%", onSVGReady: me, children: [O(ht.SvgProxy, { selector: "#knob", transform: `$ORIGINAL rotate(${M}, ${d.knobX}, ${d.knobY})` }), q] })] }), w.dragging && u && O(Fl, { svgRef: w.svgRef, radius: w.dragDistance, mousePos: w.mousePos, minimumDragDistance: v, valueAngle: w.valueAngle })] });
+}, jl = {
   knobX: 71.44,
   knobY: 71.44,
   svg: `
@@ -1848,124 +1578,84 @@ const Xl = {
       ]
     }
   ]
-}, Yl = (r) => {
-  const {
-    disabled: a = !1,
-    max: t = 127,
-    min: e = 0,
-    onChange: n,
-    value: o = 0,
-    wheelEnabled: s = !1,
-    wheelSensitivity: i = 0.1,
-    ...c
-  } = r, [l, h] = Ft(o), u = (d) => {
-    if (a) return;
+}, Xl = (r) => {
+  const { disabled: a = !1, max: t = 127, min: e = 0, onChange: n, value: o = 0, wheelEnabled: s = !1, wheelSensitivity: i = 0.1, ...c } = r, [l, h] = zt(o), u = (d) => {
+    if (a)
+      return;
     const m = xa(Number.parseInt(String(d), 10), t, e);
     h(m), n && n(m);
-  }, p = Re(
-    (d) => {
-      if (!s || a) return;
-      d.preventDefault();
-      const m = -d.deltaY * i, f = xa(l + m, t, e);
-      h(f), n && n(f);
-    },
-    [
-      s,
-      a,
-      i,
-      l,
-      t,
-      e,
-      n,
-      h
-    ]
-  );
-  return /* @__PURE__ */ O(
-    Jl,
-    {
-      clampMax: 320,
-      clampMin: 40,
-      className: "zds-pickers__knob-container",
-      disabled: a,
-      onChange: u,
-      onWheel: s ? p : void 0,
-      preciseMode: !1,
-      rotateDegrees: 180,
-      skin: $l,
-      style: { opacity: a ? 0.4 : 1 },
-      unlockDistance: 0,
-      defaultValue: l,
-      max: t,
-      min: e,
-      value: l,
-      ...c
-    }
-  );
-}, s1 = Se((r, a) => {
-  const {
-    disabled: t,
-    highToLow: e,
-    includeLabel: n,
-    includePicker: o,
-    knobProps: s,
-    label: i,
-    max: c = 127,
-    min: l = 0,
-    onChange: h,
-    shrinkLabel: u,
-    value: p = 0,
-    wheelEnabled: d,
-    wheelSensitivity: m = 0.1,
-    ...f
-  } = r, v = Be(() => {
+  }, p = Re((d) => {
+    if (!s || a)
+      return;
+    d.preventDefault();
+    const m = -d.deltaY * i, f = xa(l + m, t, e);
+    h(f), n && n(f);
+  }, [
+    s,
+    a,
+    i,
+    l,
+    t,
+    e,
+    n,
+    h
+  ]);
+  return O(Vl, {
+    clampMax: 320,
+    clampMin: 40,
+    className: "zds-pickers__knob-container",
+    disabled: a,
+    onChange: u,
+    onWheel: s ? p : void 0,
+    preciseMode: !1,
+    rotateDegrees: 180,
+    /**
+     * To see all skins:
+     * http://react-rotary-knob-skins-preview.surge.sh/
+     *
+     * NOTE: we've copied the one we use into this package because the skins
+     * pack package does not work in Electron.
+     */
+    skin: jl,
+    style: { opacity: a ? 0.4 : 1 },
+    unlockDistance: 0,
+    defaultValue: l,
+    max: t,
+    min: e,
+    value: l,
+    ...c
+  });
+}, n1 = Se((r, a) => {
+  const { disabled: t, highToLow: e, includeLabel: n, includePicker: o, knobProps: s, label: i, max: c = 127, min: l = 0, onChange: h, shrinkLabel: u, value: p = 0, wheelEnabled: d, wheelSensitivity: m = 0.1, ...f } = r, v = Be(() => {
     const G = Fa(c - l + 1).map((K) => l + K).map((K) => ({ value: K, label: String(K) }));
     return e ? G.reverse() : G;
   }, [e, c, l]);
-  return /* @__PURE__ */ ne("div", { className: "zds-pickers__container", children: [
-    !!(!u && i) && /* @__PURE__ */ O("span", { className: "zds-pickers__label", children: i }),
-    /* @__PURE__ */ ne("div", { style: { display: "inline-flex", gap: 10, alignItems: "center" }, children: [
-      !!o && /* @__PURE__ */ O(
-        _e,
-        {
-          ...f,
-          disabled: t,
-          isDisabled: t,
-          onChange: h,
-          options: v,
-          ref: a,
-          value: p
-        }
-      ),
-      /* @__PURE__ */ O(
-        Yl,
-        {
-          disabled: t,
-          max: c,
-          min: l,
-          onChange: h,
-          value: p,
-          wheelEnabled: d,
-          wheelSensitivity: m,
-          ...s
-        }
-      )
-    ] })
-  ] });
-}), Ql = [
+  return ne("div", { className: "zds-pickers__container", children: [!!(!u && i) && O("span", { className: "zds-pickers__label", children: i }), ne("div", { style: { display: "inline-flex", gap: 10, alignItems: "center" }, children: [!!o && O(_e, {
+    ...f,
+    disabled: t,
+    isDisabled: t,
+    onChange: h,
+    options: v,
+    ref: a,
+    value: p
+  }), O(Xl, {
+    disabled: t,
+    max: c,
+    min: l,
+    onChange: h,
+    value: p,
+    wheelEnabled: d,
+    wheelSensitivity: m,
+    ...s
+  })] })] });
+}), Jl = [
   { value: 0, label: "Momentary" },
   { value: 1, label: "Latching" }
-], l1 = Se((r, a) => /* @__PURE__ */ O(
-  _e,
-  {
-    ...r,
-    options: Ql,
-    ref: a
-  }
-));
-var gt = {}, ke = {}, ee = {}, he = {}, Ue = {}, Hn;
-function Zl() {
-  if (Hn) return Ue;
-  Hn = 1, Object.defineProperty(Ue, "__esModule", { value: !0 });
+], o1 = Se((r, a) => O(_e, { ...r, options: Jl, ref: a }));
+var ft = {}, ke = {}, ee = {}, he = {}, Ue = {}, bn;
+function $l() {
+  if (bn) return Ue;
+  bn = 1, Object.defineProperty(Ue, "__esModule", { value: !0 });
   function r(t) {
     if (Array.isArray(t)) {
       for (var e = 0, n = Array(t.length); e < t.length; e++)
@@ -1979,11 +1669,11 @@ function Zl() {
   };
   return Ue.default = a, Ue;
 }
-var yn;
+var Hn;
 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 = Zl(), a = he.standardizeGroup = function(o) {
+  if (Hn) return he;
+  Hn = 1, Object.defineProperty(he, "__esModule", { value: !0 }), he.emptyMapping = he.reverse = he.standardizeItem = he.standardizeGroup = void 0;
+  var r = $l(), a = he.standardizeGroup = function(o) {
     switch (String(o).toLocaleLowerCase()) {
       case "cymbals":
       case "cymbal":
@@ -2059,10 +1749,10 @@ function y() {
     return e([], !0);
   }, he.default = e, he;
 }
-var Mn;
+var yn;
 function ji() {
-  if (Mn) return ee;
-  Mn = 1, Object.defineProperty(ee, "__esModule", { value: !0 }), ee.cloneMapping = ee.getNextAvailableMappingName = ee.renameUserMapping = ee.createUserMapping = ee.editUserMapping = ee.validateContent = ee.getUserMapping = ee.removeMapping = ee.storeMapping = ee.getUserMappingNames = void 0;
+  if (yn) return ee;
+  yn = 1, Object.defineProperty(ee, "__esModule", { value: !0 }), ee.cloneMapping = ee.getNextAvailableMappingName = ee.renameUserMapping = ee.createUserMapping = ee.editUserMapping = ee.validateContent = ee.getUserMapping = ee.removeMapping = ee.storeMapping = ee.getUserMappingNames = void 0;
   var r = Object.assign || function(R) {
     for (var S = 1; S < arguments.length; S++) {
       var P = arguments[S];
@@ -2149,10 +1839,10 @@ function ji() {
     }
   }, ee;
 }
-var ar = {}, kn;
-function eu() {
-  if (kn) return ar;
-  kn = 1, Object.defineProperty(ar, "__esModule", { value: !0 });
+var ar = {}, Mn;
+function Yl() {
+  if (Mn) return ar;
+  Mn = 1, Object.defineProperty(ar, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2186,10 +1876,10 @@ function eu() {
     "79:Cymbals|Cym 3 Choke"
   ]), ar;
 }
-var tr = {}, wn;
-function ru() {
-  if (wn) return tr;
-  wn = 1, Object.defineProperty(tr, "__esModule", { value: !0 });
+var tr = {}, kn;
+function Ql() {
+  if (kn) return tr;
+  kn = 1, Object.defineProperty(tr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2240,10 +1930,10 @@ function ru() {
     "82:Cymbals|Cymbal 3 Choke"
   ]), tr;
 }
-var nr = {}, Bn;
-function au() {
-  if (Bn) return nr;
-  Bn = 1, Object.defineProperty(nr, "__esModule", { value: !0 });
+var nr = {}, wn;
+function Zl() {
+  if (wn) return nr;
+  wn = 1, Object.defineProperty(nr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2296,10 +1986,10 @@ function au() {
     "96:Hats|HH Pedal Up"
   ]), nr;
 }
-var or = {}, Dn;
-function tu() {
-  if (Dn) return or;
-  Dn = 1, Object.defineProperty(or, "__esModule", { value: !0 });
+var or = {}, Bn;
+function eu() {
+  if (Bn) return or;
+  Bn = 1, Object.defineProperty(or, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2373,10 +2063,10 @@ function tu() {
     "91:Perc|Timpani"
   ]), or;
 }
-var ir = {}, On;
-function nu() {
-  if (On) return ir;
-  On = 1, Object.defineProperty(ir, "__esModule", { value: !0 });
+var ir = {}, Dn;
+function ru() {
+  if (Dn) return ir;
+  Dn = 1, Object.defineProperty(ir, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2396,10 +2086,10 @@ function nu() {
     "67:Perc|Hi Agogo"
   ]), ir;
 }
-var cr = {}, An;
-function ou() {
-  if (An) return cr;
-  An = 1, Object.defineProperty(cr, "__esModule", { value: !0 });
+var cr = {}, On;
+function au() {
+  if (On) return cr;
+  On = 1, Object.defineProperty(cr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2467,10 +2157,10 @@ function ou() {
     "59:Rides|S09 Ride choke"
   ]), cr;
 }
-var sr = {}, En;
-function iu() {
-  if (En) return sr;
-  En = 1, Object.defineProperty(sr, "__esModule", { value: !0 });
+var sr = {}, An;
+function tu() {
+  if (An) return sr;
+  An = 1, Object.defineProperty(sr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2582,10 +2272,10 @@ function iu() {
     "127:Groove|Groove 32"
   ]), sr;
 }
-var lr = {}, Ln;
-function cu() {
-  if (Ln) return lr;
-  Ln = 1, Object.defineProperty(lr, "__esModule", { value: !0 });
+var lr = {}, En;
+function nu() {
+  if (En) return lr;
+  En = 1, Object.defineProperty(lr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2658,10 +2348,10 @@ function cu() {
     "96:Snares|Room Snare 2"
   ]), lr;
 }
-var ur = {}, Gn;
-function su() {
-  if (Gn) return ur;
-  Gn = 1, Object.defineProperty(ur, "__esModule", { value: !0 });
+var ur = {}, Ln;
+function ou() {
+  if (Ln) return ur;
+  Ln = 1, Object.defineProperty(ur, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2754,10 +2444,10 @@ function su() {
     "108:Cymbals|Voc Crash"
   ]), ur;
 }
-var Pr = {}, xn;
-function lu() {
-  if (xn) return Pr;
-  xn = 1, Object.defineProperty(Pr, "__esModule", { value: !0 });
+var Pr = {}, Gn;
+function iu() {
+  if (Gn) return Pr;
+  Gn = 1, Object.defineProperty(Pr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2839,10 +2529,10 @@ function lu() {
     "105:Perc|Soprano Drum"
   ]), Pr;
 }
-var dr = {}, Kn;
-function uu() {
-  if (Kn) return dr;
-  Kn = 1, Object.defineProperty(dr, "__esModule", { value: !0 });
+var dr = {}, xn;
+function cu() {
+  if (xn) return dr;
+  xn = 1, Object.defineProperty(dr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -2905,10 +2595,10 @@ function uu() {
     "81:Perc|Rebar Open"
   ]), dr;
 }
-var mr = {}, Nn;
-function Pu() {
-  if (Nn) return mr;
-  Nn = 1, Object.defineProperty(mr, "__esModule", { value: !0 });
+var mr = {}, Kn;
+function su() {
+  if (Kn) return mr;
+  Kn = 1, Object.defineProperty(mr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3001,10 +2691,10 @@ function Pu() {
     "108:Kicks|Kick"
   ]), mr;
 }
-var pr = {}, qn;
-function du() {
-  if (qn) return pr;
-  qn = 1, Object.defineProperty(pr, "__esModule", { value: !0 });
+var pr = {}, Nn;
+function lu() {
+  if (Nn) return pr;
+  Nn = 1, Object.defineProperty(pr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3076,10 +2766,10 @@ function du() {
     "121:Hats|HH - open loose"
   ]), pr;
 }
-var hr = {}, Wn;
-function mu() {
-  if (Wn) return hr;
-  Wn = 1, Object.defineProperty(hr, "__esModule", { value: !0 });
+var hr = {}, qn;
+function uu() {
+  if (qn) return hr;
+  qn = 1, Object.defineProperty(hr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3164,10 +2854,10 @@ function mu() {
     "127:Snares|Snare Brush Full Circle"
   ]), hr;
 }
-var fr = {}, Un;
-function pu() {
-  if (Un) return fr;
-  Un = 1, Object.defineProperty(fr, "__esModule", { value: !0 });
+var fr = {}, Wn;
+function Pu() {
+  if (Wn) return fr;
+  Wn = 1, Object.defineProperty(fr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3300,10 +2990,10 @@ function pu() {
     "127:Perc|Shekere Cresendo"
   ]), fr;
 }
-var gr = {}, zn;
-function hu() {
-  if (zn) return gr;
-  zn = 1, Object.defineProperty(gr, "__esModule", { value: !0 });
+var gr = {}, Un;
+function du() {
+  if (Un) return gr;
+  Un = 1, Object.defineProperty(gr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3356,10 +3046,10 @@ function hu() {
     "65:Hats|HH Seq Soft"
   ]), gr;
 }
-var Tr = {}, Fn;
-function fu() {
-  if (Fn) return Tr;
-  Fn = 1, Object.defineProperty(Tr, "__esModule", { value: !0 });
+var Tr = {}, zn;
+function mu() {
+  if (zn) return Tr;
+  zn = 1, Object.defineProperty(Tr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3432,10 +3122,10 @@ function fu() {
     "96:Snares|Room Snare 2"
   ]), Tr;
 }
-var Sr = {}, In;
-function gu() {
-  if (In) return Sr;
-  In = 1, Object.defineProperty(Sr, "__esModule", { value: !0 });
+var Sr = {}, Fn;
+function pu() {
+  if (Fn) return Sr;
+  Fn = 1, Object.defineProperty(Sr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3503,10 +3193,10 @@ function gu() {
     "83:Cymbals|Cymbal FX/Alt"
   ]), Sr;
 }
-var Cr = {}, Vn;
-function Tu() {
-  if (Vn) return Cr;
-  Vn = 1, Object.defineProperty(Cr, "__esModule", { value: !0 });
+var Cr = {}, In;
+function hu() {
+  if (In) return Cr;
+  In = 1, Object.defineProperty(Cr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3640,10 +3330,10 @@ function Tu() {
     "126:Percussion|Gong"
   ]), Cr;
 }
-var vr = {}, jn;
-function Su() {
-  if (jn) return vr;
-  jn = 1, Object.defineProperty(vr, "__esModule", { value: !0 });
+var vr = {}, Vn;
+function fu() {
+  if (Vn) return vr;
+  Vn = 1, Object.defineProperty(vr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3684,10 +3374,10 @@ function Su() {
     "72:Toms|Low Tom"
   ]), vr;
 }
-var Rr = {}, Xn;
-function Cu() {
-  if (Xn) return Rr;
-  Xn = 1, Object.defineProperty(Rr, "__esModule", { value: !0 });
+var Rr = {}, jn;
+function gu() {
+  if (jn) return Rr;
+  jn = 1, Object.defineProperty(Rr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3762,10 +3452,10 @@ function Cu() {
     "89:Cymbals|Splash 1 Choke"
   ]), Rr;
 }
-var _r = {}, Jn;
-function vu() {
-  if (Jn) return _r;
-  Jn = 1, Object.defineProperty(_r, "__esModule", { value: !0 });
+var _r = {}, Xn;
+function Tu() {
+  if (Xn) return _r;
+  Xn = 1, Object.defineProperty(_r, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3839,10 +3529,10 @@ function vu() {
     "91:Perc|Timpani"
   ]), _r;
 }
-var br = {}, $n;
-function Ru() {
-  if ($n) return br;
-  $n = 1, Object.defineProperty(br, "__esModule", { value: !0 });
+var br = {}, Jn;
+function Su() {
+  if (Jn) return br;
+  Jn = 1, Object.defineProperty(br, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3871,10 +3561,10 @@ function Ru() {
     "59:Rides|Ride Cymbal 2"
   ]), br;
 }
-var Hr = {}, Yn;
-function _u() {
-  if (Yn) return Hr;
-  Yn = 1, Object.defineProperty(Hr, "__esModule", { value: !0 });
+var Hr = {}, $n;
+function Cu() {
+  if ($n) return Hr;
+  $n = 1, Object.defineProperty(Hr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -3957,10 +3647,10 @@ function _u() {
     "93:Perc|Pandero Slap"
   ]), Hr;
 }
-var yr = {}, Qn;
-function bu() {
-  if (Qn) return yr;
-  Qn = 1, Object.defineProperty(yr, "__esModule", { value: !0 });
+var yr = {}, Yn;
+function vu() {
+  if (Yn) return yr;
+  Yn = 1, Object.defineProperty(yr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4043,10 +3733,10 @@ function bu() {
     "93:Perc|Temple Bell"
   ]), yr;
 }
-var Mr = {}, Zn;
-function Hu() {
-  if (Zn) return Mr;
-  Zn = 1, Object.defineProperty(Mr, "__esModule", { value: !0 });
+var Mr = {}, Qn;
+function Ru() {
+  if (Qn) return Mr;
+  Qn = 1, Object.defineProperty(Mr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4129,10 +3819,10 @@ function Hu() {
     "93:Perc|Reverse Crash"
   ]), Mr;
 }
-var kr = {}, eo;
-function yu() {
-  if (eo) return kr;
-  eo = 1, Object.defineProperty(kr, "__esModule", { value: !0 });
+var kr = {}, Zn;
+function _u() {
+  if (Zn) return kr;
+  Zn = 1, Object.defineProperty(kr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4215,10 +3905,10 @@ function yu() {
     "93:Perc|Count Ta"
   ]), kr;
 }
-var wr = {}, ro;
-function Mu() {
-  if (ro) return wr;
-  ro = 1, Object.defineProperty(wr, "__esModule", { value: !0 });
+var wr = {}, eo;
+function bu() {
+  if (eo) return wr;
+  eo = 1, Object.defineProperty(wr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4256,10 +3946,10 @@ function Mu() {
     "58:Toms|Tom 3 Rim"
   ]), wr;
 }
-var Br = {}, ao;
-function ku() {
-  if (ao) return Br;
-  ao = 1, Object.defineProperty(Br, "__esModule", { value: !0 });
+var Br = {}, ro;
+function Hu() {
+  if (ro) return Br;
+  ro = 1, Object.defineProperty(Br, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4393,10 +4083,10 @@ function ku() {
     "126:Perc|6� Splash Edge"
   ]), Br;
 }
-var Dr = {}, to;
-function wu() {
-  if (to) return Dr;
-  to = 1, Object.defineProperty(Dr, "__esModule", { value: !0 });
+var Dr = {}, ao;
+function yu() {
+  if (ao) return Dr;
+  ao = 1, Object.defineProperty(Dr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4530,10 +4220,10 @@ function wu() {
     "126:Perc|Hand Cymbal"
   ]), Dr;
 }
-var Or = {}, no;
-function Bu() {
-  if (no) return Or;
-  no = 1, Object.defineProperty(Or, "__esModule", { value: !0 });
+var Or = {}, to;
+function Mu() {
+  if (to) return Or;
+  to = 1, Object.defineProperty(Or, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4667,10 +4357,10 @@ function Bu() {
     "126:Perc|Hand Cymbal"
   ]), Or;
 }
-var Ar = {}, oo;
-function Du() {
-  if (oo) return Ar;
-  oo = 1, Object.defineProperty(Ar, "__esModule", { value: !0 });
+var Ar = {}, no;
+function ku() {
+  if (no) return Ar;
+  no = 1, Object.defineProperty(Ar, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4784,10 +4474,10 @@ function Du() {
     "127:Perc|TR909 Clap"
   ]), Ar;
 }
-var Er = {}, io;
-function Ou() {
-  if (io) return Er;
-  io = 1, Object.defineProperty(Er, "__esModule", { value: !0 });
+var Er = {}, oo;
+function wu() {
+  if (oo) return Er;
+  oo = 1, Object.defineProperty(Er, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4866,10 +4556,10 @@ function Ou() {
     "94:Perc|For Pad Check"
   ]), Er;
 }
-var Lr = {}, co;
-function Au() {
-  if (co) return Lr;
-  co = 1, Object.defineProperty(Lr, "__esModule", { value: !0 });
+var Lr = {}, io;
+function Bu() {
+  if (io) return Lr;
+  io = 1, Object.defineProperty(Lr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -4975,10 +4665,10 @@ function Au() {
     "126:Perc|Hand Cymbal"
   ]), Lr;
 }
-var Gr = {}, so;
-function Eu() {
-  if (so) return Gr;
-  so = 1, Object.defineProperty(Gr, "__esModule", { value: !0 });
+var Gr = {}, co;
+function Du() {
+  if (co) return Gr;
+  co = 1, Object.defineProperty(Gr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5015,10 +4705,10 @@ function Eu() {
     "59:Rides|Ride Edge Rim"
   ]), Gr;
 }
-var xr = {}, lo;
-function Lu() {
-  if (lo) return xr;
-  lo = 1, Object.defineProperty(xr, "__esModule", { value: !0 });
+var xr = {}, so;
+function Ou() {
+  if (so) return xr;
+  so = 1, Object.defineProperty(xr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5152,10 +4842,10 @@ function Lu() {
     "126:Perc|Hand Cymbal"
   ]), xr;
 }
-var Kr = {}, uo;
-function Gu() {
-  if (uo) return Kr;
-  uo = 1, Object.defineProperty(Kr, "__esModule", { value: !0 });
+var Kr = {}, lo;
+function Au() {
+  if (lo) return Kr;
+  lo = 1, Object.defineProperty(Kr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5198,10 +4888,10 @@ function Gu() {
     "59:Rides|Ride Edge Rim"
   ]), Kr;
 }
-var Nr = {}, Po;
-function xu() {
-  if (Po) return Nr;
-  Po = 1, Object.defineProperty(Nr, "__esModule", { value: !0 });
+var Nr = {}, uo;
+function Eu() {
+  if (uo) return Nr;
+  uo = 1, Object.defineProperty(Nr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5226,10 +4916,10 @@ function xu() {
     "57:Cymbals|Crash 2 Bow"
   ]), Nr;
 }
-var qr = {}, mo;
-function Ku() {
-  if (mo) return qr;
-  mo = 1, Object.defineProperty(qr, "__esModule", { value: !0 });
+var qr = {}, Po;
+function Lu() {
+  if (Po) return qr;
+  Po = 1, Object.defineProperty(qr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5363,10 +5053,10 @@ function Ku() {
     "126:Perc|6� Splash Edge"
   ]), qr;
 }
-var Wr = {}, po;
-function Nu() {
-  if (po) return Wr;
-  po = 1, Object.defineProperty(Wr, "__esModule", { value: !0 });
+var Wr = {}, mo;
+function Gu() {
+  if (mo) return Wr;
+  mo = 1, Object.defineProperty(Wr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5500,10 +5190,10 @@ function Nu() {
     "126:Perc|Hand Cymbal"
   ]), Wr;
 }
-var Ur = {}, ho;
-function qu() {
-  if (ho) return Ur;
-  ho = 1, Object.defineProperty(Ur, "__esModule", { value: !0 });
+var Ur = {}, po;
+function xu() {
+  if (po) return Ur;
+  po = 1, Object.defineProperty(Ur, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5637,10 +5327,10 @@ function qu() {
     "126:Perc|Hand Cymbal"
   ]), Ur;
 }
-var zr = {}, fo;
-function Wu() {
-  if (fo) return zr;
-  fo = 1, Object.defineProperty(zr, "__esModule", { value: !0 });
+var zr = {}, ho;
+function Ku() {
+  if (ho) return zr;
+  ho = 1, Object.defineProperty(zr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5754,10 +5444,10 @@ function Wu() {
     "127:Perc|TR909 Clap"
   ]), zr;
 }
-var Fr = {}, go;
-function Uu() {
-  if (go) return Fr;
-  go = 1, Object.defineProperty(Fr, "__esModule", { value: !0 });
+var Fr = {}, fo;
+function Nu() {
+  if (fo) return Fr;
+  fo = 1, Object.defineProperty(Fr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5836,10 +5526,10 @@ function Uu() {
     "94:Perc|For Pad Check"
   ]), Fr;
 }
-var Ir = {}, To;
-function zu() {
-  if (To) return Ir;
-  To = 1, Object.defineProperty(Ir, "__esModule", { value: !0 });
+var Ir = {}, go;
+function qu() {
+  if (go) return Ir;
+  go = 1, Object.defineProperty(Ir, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5945,10 +5635,10 @@ function zu() {
     "126:Perc|Hand Cymbal"
   ]), Ir;
 }
-var Vr = {}, So;
-function Fu() {
-  if (So) return Vr;
-  So = 1, Object.defineProperty(Vr, "__esModule", { value: !0 });
+var Vr = {}, To;
+function Wu() {
+  if (To) return Vr;
+  To = 1, Object.defineProperty(Vr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -5991,10 +5681,10 @@ function Fu() {
     "59:Rides|Ride Edge Rim"
   ]), Vr;
 }
-var jr = {}, Co;
-function Iu() {
-  if (Co) return jr;
-  Co = 1, Object.defineProperty(jr, "__esModule", { value: !0 });
+var jr = {}, So;
+function Uu() {
+  if (So) return jr;
+  So = 1, Object.defineProperty(jr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6063,10 +5753,10 @@ function Iu() {
     "87:Perc|Taiko"
   ]), jr;
 }
-var Xr = {}, vo;
-function Vu() {
-  if (vo) return Xr;
-  vo = 1, Object.defineProperty(Xr, "__esModule", { value: !0 });
+var Xr = {}, Co;
+function zu() {
+  if (Co) return Xr;
+  Co = 1, Object.defineProperty(Xr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6152,10 +5842,10 @@ function Vu() {
     "96:Perc|Caxixi"
   ]), Xr;
 }
-var Jr = {}, Ro;
-function ju() {
-  if (Ro) return Jr;
-  Ro = 1, Object.defineProperty(Jr, "__esModule", { value: !0 });
+var Jr = {}, vo;
+function Fu() {
+  if (vo) return Jr;
+  vo = 1, Object.defineProperty(Jr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6242,10 +5932,10 @@ function ju() {
     "96:Perc|Scat 4 VS"
   ]), Jr;
 }
-var $r = {}, _o;
-function Xu() {
-  if (_o) return $r;
-  _o = 1, Object.defineProperty($r, "__esModule", { value: !0 });
+var $r = {}, Ro;
+function Iu() {
+  if (Ro) return $r;
+  Ro = 1, Object.defineProperty($r, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6331,10 +6021,10 @@ function Xu() {
     "96:Perc|Caxixi"
   ]), $r;
 }
-var Yr = {}, bo;
-function Ju() {
-  if (bo) return Yr;
-  bo = 1, Object.defineProperty(Yr, "__esModule", { value: !0 });
+var Yr = {}, _o;
+function Vu() {
+  if (_o) return Yr;
+  _o = 1, Object.defineProperty(Yr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6420,10 +6110,10 @@ function Ju() {
     "96:Perc|Caxixi"
   ]), Yr;
 }
-var Qr = {}, Ho;
-function $u() {
-  if (Ho) return Qr;
-  Ho = 1, Object.defineProperty(Qr, "__esModule", { value: !0 });
+var Qr = {}, bo;
+function ju() {
+  if (bo) return Qr;
+  bo = 1, Object.defineProperty(Qr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6509,10 +6199,10 @@ function $u() {
     "96:Perc|Caxixi"
   ]), Qr;
 }
-var Zr = {}, yo;
-function Yu() {
-  if (yo) return Zr;
-  yo = 1, Object.defineProperty(Zr, "__esModule", { value: !0 });
+var Zr = {}, Ho;
+function Xu() {
+  if (Ho) return Zr;
+  Ho = 1, Object.defineProperty(Zr, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6598,10 +6288,10 @@ function Yu() {
     "96:Perc|Caxixi"
   ]), Zr;
 }
-var ea = {}, Mo;
-function Qu() {
-  if (Mo) return ea;
-  Mo = 1, Object.defineProperty(ea, "__esModule", { value: !0 });
+var ea = {}, yo;
+function Ju() {
+  if (yo) return ea;
+  yo = 1, Object.defineProperty(ea, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6687,10 +6377,10 @@ function Qu() {
     "96:Perc|Caxixi"
   ]), ea;
 }
-var ra = {}, ko;
-function Zu() {
-  if (ko) return ra;
-  ko = 1, Object.defineProperty(ra, "__esModule", { value: !0 });
+var ra = {}, Mo;
+function $u() {
+  if (Mo) return ra;
+  Mo = 1, Object.defineProperty(ra, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6776,10 +6466,10 @@ function Zu() {
     "96:Perc|Caxixi"
   ]), ra;
 }
-var aa = {}, wo;
-function eP() {
-  if (wo) return aa;
-  wo = 1, Object.defineProperty(aa, "__esModule", { value: !0 });
+var aa = {}, ko;
+function Yu() {
+  if (ko) return aa;
+  ko = 1, Object.defineProperty(aa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6865,10 +6555,10 @@ function eP() {
     "96:Perc|Caxixi"
   ]), aa;
 }
-var ta = {}, Bo;
-function rP() {
-  if (Bo) return ta;
-  Bo = 1, Object.defineProperty(ta, "__esModule", { value: !0 });
+var ta = {}, wo;
+function Qu() {
+  if (wo) return ta;
+  wo = 1, Object.defineProperty(ta, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6955,10 +6645,10 @@ function rP() {
     "96:Perc|55 Claves"
   ]), ta;
 }
-var na = {}, Do;
-function aP() {
-  if (Do) return na;
-  Do = 1, Object.defineProperty(na, "__esModule", { value: !0 });
+var na = {}, Bo;
+function Zu() {
+  if (Bo) return na;
+  Bo = 1, Object.defineProperty(na, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -6986,10 +6676,10 @@ function aP() {
     "57:Cymbals|Crash 2 Bow"
   ]), na;
 }
-var oa = {}, Oo;
-function tP() {
-  if (Oo) return oa;
-  Oo = 1, Object.defineProperty(oa, "__esModule", { value: !0 });
+var oa = {}, Do;
+function eP() {
+  if (Do) return oa;
+  Do = 1, Object.defineProperty(oa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7051,10 +6741,10 @@ function tP() {
     "92:Perc|Pandiero"
   ]), oa;
 }
-var ia = {}, Ao;
-function nP() {
-  if (Ao) return ia;
-  Ao = 1, Object.defineProperty(ia, "__esModule", { value: !0 });
+var ia = {}, Oo;
+function rP() {
+  if (Oo) return ia;
+  Oo = 1, Object.defineProperty(ia, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7140,10 +6830,10 @@ function nP() {
     "96:Perc|Caxixi"
   ]), ia;
 }
-var ca = {}, Eo;
-function oP() {
-  if (Eo) return ca;
-  Eo = 1, Object.defineProperty(ca, "__esModule", { value: !0 });
+var ca = {}, Ao;
+function aP() {
+  if (Ao) return ca;
+  Ao = 1, Object.defineProperty(ca, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7230,10 +6920,10 @@ function oP() {
     "96:Perc|Scat 4 VS"
   ]), ca;
 }
-var sa = {}, Lo;
-function iP() {
-  if (Lo) return sa;
-  Lo = 1, Object.defineProperty(sa, "__esModule", { value: !0 });
+var sa = {}, Eo;
+function tP() {
+  if (Eo) return sa;
+  Eo = 1, Object.defineProperty(sa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7319,10 +7009,10 @@ function iP() {
     "96:Perc|Caxixi"
   ]), sa;
 }
-var la = {}, Go;
-function cP() {
-  if (Go) return la;
-  Go = 1, Object.defineProperty(la, "__esModule", { value: !0 });
+var la = {}, Lo;
+function nP() {
+  if (Lo) return la;
+  Lo = 1, Object.defineProperty(la, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7408,10 +7098,10 @@ function cP() {
     "96:Perc|Caxixi"
   ]), la;
 }
-var ua = {}, xo;
-function sP() {
-  if (xo) return ua;
-  xo = 1, Object.defineProperty(ua, "__esModule", { value: !0 });
+var ua = {}, Go;
+function oP() {
+  if (Go) return ua;
+  Go = 1, Object.defineProperty(ua, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7497,10 +7187,10 @@ function sP() {
     "96:Perc|Caxixi"
   ]), ua;
 }
-var Pa = {}, Ko;
-function lP() {
-  if (Ko) return Pa;
-  Ko = 1, Object.defineProperty(Pa, "__esModule", { value: !0 });
+var Pa = {}, xo;
+function iP() {
+  if (xo) return Pa;
+  xo = 1, Object.defineProperty(Pa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7586,10 +7276,10 @@ function lP() {
     "96:Perc|Caxixi"
   ]), Pa;
 }
-var da = {}, No;
-function uP() {
-  if (No) return da;
-  No = 1, Object.defineProperty(da, "__esModule", { value: !0 });
+var da = {}, Ko;
+function cP() {
+  if (Ko) return da;
+  Ko = 1, Object.defineProperty(da, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7675,10 +7365,10 @@ function uP() {
     "96:Perc|Caxixi"
   ]), da;
 }
-var ma = {}, qo;
-function PP() {
-  if (qo) return ma;
-  qo = 1, Object.defineProperty(ma, "__esModule", { value: !0 });
+var ma = {}, No;
+function sP() {
+  if (No) return ma;
+  No = 1, Object.defineProperty(ma, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7764,10 +7454,10 @@ function PP() {
     "96:Perc|Caxixi"
   ]), ma;
 }
-var pa = {}, Wo;
-function dP() {
-  if (Wo) return pa;
-  Wo = 1, Object.defineProperty(pa, "__esModule", { value: !0 });
+var pa = {}, qo;
+function lP() {
+  if (qo) return pa;
+  qo = 1, Object.defineProperty(pa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7853,10 +7543,10 @@ function dP() {
     "96:Perc|Caxixi"
   ]), pa;
 }
-var ha = {}, Uo;
-function mP() {
-  if (Uo) return ha;
-  Uo = 1, Object.defineProperty(ha, "__esModule", { value: !0 });
+var ha = {}, Wo;
+function uP() {
+  if (Wo) return ha;
+  Wo = 1, Object.defineProperty(ha, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7943,10 +7633,10 @@ function mP() {
     "96:Perc|55 Claves"
   ]), ha;
 }
-var fa = {}, zo;
-function pP() {
-  if (zo) return fa;
-  zo = 1, Object.defineProperty(fa, "__esModule", { value: !0 });
+var fa = {}, Uo;
+function PP() {
+  if (Uo) return fa;
+  Uo = 1, Object.defineProperty(fa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -7977,10 +7667,10 @@ function pP() {
     "57:Cymbals|Crash 2 Bow"
   ]), fa;
 }
-var ga = {}, Fo;
-function hP() {
-  if (Fo) return ga;
-  Fo = 1, Object.defineProperty(ga, "__esModule", { value: !0 });
+var ga = {}, zo;
+function dP() {
+  if (zo) return ga;
+  zo = 1, Object.defineProperty(ga, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8114,10 +7804,10 @@ function hP() {
     "126:Perc|Hand Cymbal"
   ]), ga;
 }
-var Ta = {}, Io;
-function fP() {
-  if (Io) return Ta;
-  Io = 1, Object.defineProperty(Ta, "__esModule", { value: !0 });
+var Ta = {}, Fo;
+function mP() {
+  if (Fo) return Ta;
+  Fo = 1, Object.defineProperty(Ta, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8148,10 +7838,10 @@ function fP() {
     "57:Cymbals|Crash 2 Bow"
   ]), Ta;
 }
-var Sa = {}, Vo;
-function gP() {
-  if (Vo) return Sa;
-  Vo = 1, Object.defineProperty(Sa, "__esModule", { value: !0 });
+var Sa = {}, Io;
+function pP() {
+  if (Io) return Sa;
+  Io = 1, Object.defineProperty(Sa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8185,10 +7875,10 @@ function gP() {
     "59:Cymbals|Ride Edge"
   ]), Sa;
 }
-var Ca = {}, jo;
-function TP() {
-  if (jo) return Ca;
-  jo = 1, Object.defineProperty(Ca, "__esModule", { value: !0 });
+var Ca = {}, Vo;
+function hP() {
+  if (Vo) return Ca;
+  Vo = 1, Object.defineProperty(Ca, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8257,10 +7947,10 @@ function TP() {
     "87:Perc|Open Surdo"
   ]), Ca;
 }
-var va = {}, Xo;
-function SP() {
-  if (Xo) return va;
-  Xo = 1, Object.defineProperty(va, "__esModule", { value: !0 });
+var va = {}, jo;
+function fP() {
+  if (jo) return va;
+  jo = 1, Object.defineProperty(va, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8289,10 +7979,10 @@ function SP() {
     "59:Rides|Ride Cymbal 2"
   ]), va;
 }
-var Ra = {}, Jo;
-function CP() {
-  if (Jo) return Ra;
-  Jo = 1, Object.defineProperty(Ra, "__esModule", { value: !0 });
+var Ra = {}, Xo;
+function gP() {
+  if (Xo) return Ra;
+  Xo = 1, Object.defineProperty(Ra, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8361,10 +8051,10 @@ function CP() {
     "87:Perc|Open Surdo"
   ]), Ra;
 }
-var _a = {}, $o;
-function vP() {
-  if ($o) return _a;
-  $o = 1, Object.defineProperty(_a, "__esModule", { value: !0 });
+var _a = {}, Jo;
+function TP() {
+  if (Jo) return _a;
+  Jo = 1, Object.defineProperty(_a, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8442,10 +8132,10 @@ function vP() {
     "96:Perc|Spring"
   ]), _a;
 }
-var ba = {}, Yo;
-function RP() {
-  if (Yo) return ba;
-  Yo = 1, Object.defineProperty(ba, "__esModule", { value: !0 });
+var ba = {}, $o;
+function SP() {
+  if ($o) return ba;
+  $o = 1, Object.defineProperty(ba, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8513,10 +8203,10 @@ function RP() {
     "83:Cymbals|Cymbal FX/Alt"
   ]), ba;
 }
-var Ha = {}, Qo;
-function _P() {
-  if (Qo) return Ha;
-  Qo = 1, Object.defineProperty(Ha, "__esModule", { value: !0 });
+var Ha = {}, Yo;
+function CP() {
+  if (Yo) return Ha;
+  Yo = 1, Object.defineProperty(Ha, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8557,10 +8247,10 @@ function _P() {
     "72:Toms|Low Tom"
   ]), Ha;
 }
-var ya = {}, Zo;
-function bP() {
-  if (Zo) return ya;
-  Zo = 1, Object.defineProperty(ya, "__esModule", { value: !0 });
+var ya = {}, Qo;
+function vP() {
+  if (Qo) return ya;
+  Qo = 1, Object.defineProperty(ya, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8628,10 +8318,10 @@ function bP() {
     "83:Cymbals|Cymbal FX/Alt"
   ]), ya;
 }
-var Ma = {}, ei;
-function HP() {
-  if (ei) return Ma;
-  ei = 1, Object.defineProperty(Ma, "__esModule", { value: !0 });
+var Ma = {}, Zo;
+function RP() {
+  if (Zo) return Ma;
+  Zo = 1, Object.defineProperty(Ma, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8674,10 +8364,10 @@ function HP() {
     "127:Snares|X-Snare Sidestick"
   ]), Ma;
 }
-var ka = {}, ri;
-function yP() {
-  if (ri) return ka;
-  ri = 1, Object.defineProperty(ka, "__esModule", { value: !0 });
+var ka = {}, ei;
+function _P() {
+  if (ei) return ka;
+  ei = 1, Object.defineProperty(ka, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8704,10 +8394,10 @@ function yP() {
     "59:Cymbals|Crash 1 Bow"
   ]), ka;
 }
-var wa = {}, ai;
-function MP() {
-  if (ai) return wa;
-  ai = 1, Object.defineProperty(wa, "__esModule", { value: !0 });
+var wa = {}, ri;
+function bP() {
+  if (ri) return wa;
+  ri = 1, Object.defineProperty(wa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8731,10 +8421,10 @@ function MP() {
     "85:Hats|HH Splash"
   ]), wa;
 }
-var Ba = {}, ti;
-function kP() {
-  if (ti) return Ba;
-  ti = 1, Object.defineProperty(Ba, "__esModule", { value: !0 });
+var Ba = {}, ai;
+function HP() {
+  if (ai) return Ba;
+  ai = 1, Object.defineProperty(Ba, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8868,10 +8558,10 @@ function kP() {
     "126:Percussion|Gong"
   ]), Ba;
 }
-var Da = {}, ni;
-function wP() {
-  if (ni) return Da;
-  ni = 1, Object.defineProperty(Da, "__esModule", { value: !0 });
+var Da = {}, ti;
+function yP() {
+  if (ti) return Da;
+  ti = 1, Object.defineProperty(Da, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -8967,10 +8657,10 @@ function wP() {
     "118:Rides|Big Sizzle bell 20"
   ]), Da;
 }
-var Oa = {}, oi;
-function BP() {
-  if (oi) return Oa;
-  oi = 1, Object.defineProperty(Oa, "__esModule", { value: !0 });
+var Oa = {}, ni;
+function MP() {
+  if (ni) return Oa;
+  ni = 1, Object.defineProperty(Oa, "__esModule", { value: !0 });
   var r = y(), a = t(r);
   function t(e) {
     return e && e.__esModule ? e : { default: e };
@@ -9064,11 +8754,11 @@ function BP() {
     "112:Cymbals|Dark Brush 16"
   ]), Oa;
 }
-var ii;
+var oi;
 function Xi() {
-  if (ii) return ke;
-  ii = 1, Object.defineProperty(ke, "__esModule", { value: !0 }), ke.getMapping = ke.getStockNames = void 0;
-  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);
+  if (oi) return ke;
+  oi = 1, Object.defineProperty(ke, "__esModule", { value: !0 }), ke.getMapping = ke.getStockNames = void 0;
+  var r = ji(), a = Yl(), t = k(a), e = Ql(), n = k(e), o = Zl(), s = k(o), i = eu(), c = k(i), l = ru(), h = k(l), u = au(), p = k(u), d = tu(), m = k(d), f = nu(), v = k(f), G = ou(), K = k(G), R = iu(), S = k(R), P = cu(), C = k(P), T = su(), _ = k(T), w = lu(), x = k(w), F = uu(), j = k(F), ie = Pu(), oe = k(ie), me = du(), Y = k(me), Z = mu(), pe = k(Z), ue = pu(), H = k(ue), M = hu(), U = k(M), N = fu(), q = k(N), D = gu(), L = k(D), W = Tu(), I = k(W), z = Su(), V = k(z), re = Cu(), B = k(re), ae = vu(), Ce = k(ae), fe = Ru(), Ne = k(fe), qe = _u(), te = k(qe), Pe = bu(), Ae = k(Pe), Xe = Hu(), We = k(Xe), ge = yu(), Ee = k(ge), Ya = Mu(), Qa = k(Ya), Za = ku(), et = k(Za), rt = wu(), at = k(rt), Je = Bu(), $e = k(Je), tt = Du(), Ye = k(tt), nt = Ou(), g = k(nt), b = Au(), A = k(b), X = Eu(), ce = k(X), de = Lu(), ve = k(de), Me = Gu(), Le = k(Me), ot = xu(), He = k(ot), Ge = Ku(), Qe = k(Ge), Ac = Nu(), Ec = k(Ac), Lc = qu(), Gc = k(Lc), xc = Wu(), Kc = k(xc), Nc = Uu(), qc = k(Nc), Wc = zu(), Uc = k(Wc), zc = Fu(), Fc = k(zc), Ic = Iu(), Vc = k(Ic), jc = Vu(), Xc = k(jc), Jc = ju(), $c = k(Jc), Yc = Xu(), Qc = k(Yc), Zc = Ju(), es = k(Zc), rs = $u(), as = k(rs), ts = Yu(), ns = k(ts), os = Qu(), is = k(os), cs = Zu(), ss = k(cs), ls = eP(), us = k(ls), Ps = rP(), ds = k(Ps), ms = aP(), ps = k(ms), hs = tP(), fs = k(hs), gs = nP(), Ts = k(gs), Ss = oP(), Cs = k(Ss), vs = iP(), Rs = k(vs), _s = cP(), bs = k(_s), Hs = sP(), ys = k(Hs), Ms = lP(), ks = k(Ms), ws = uP(), Bs = k(ws), Ds = PP(), Os = k(Ds), As = dP(), Es = k(As), Ls = mP(), Gs = k(Ls), xs = pP(), Ks = k(xs), Ns = hP(), qs = k(Ns), Ws = fP(), Us = k(Ws), zs = gP(), Fs = k(zs), Is = TP(), Vs = k(Is), js = SP(), Xs = k(js), Js = CP(), $s = k(Js), Ys = vP(), Qs = k(Ys), Zs = RP(), el = k(Zs), rl = _P(), al = k(rl), tl = bP(), nl = k(tl), ol = HP(), il = k(ol), cl = yP(), sl = k(cl), ll = MP(), ul = k(ll);
   function k(xe) {
     return xe && xe.__esModule ? xe : { default: xe };
   }
@@ -9160,11 +8850,11 @@ function Xi() {
       "Zendrum TRS 2.0",
       "Zendrum TRS"
     ];
-  }, ke.getMapping = function(tn) {
-    var nn = (0, r.getUserMapping)(tn);
-    if (nn)
-      return nn;
-    switch (tn) {
+  }, ke.getMapping = function(an) {
+    var tn = (0, r.getUserMapping)(an);
+    if (tn)
+      return tn;
+    switch (an) {
       case "2box":
         return t.default;
       case "Addictive Drums":
@@ -9250,99 +8940,99 @@ function Xi() {
       case "Roland TD-30 Perc 4 (Salsa)":
         return Qe.default;
       case "Roland TD-30 Perc 5 (SFX)":
-        return Lc.default;
+        return Ec.default;
       case "Roland TD-30 Perc 6-8 (User)":
-        return xc.default;
+        return Gc.default;
       case "Roland TD-30":
-        return Nc.default;
+        return Kc.default;
       case "Roland TD-5":
-        return Wc.default;
+        return qc.default;
       case "Roland TD-6 Perc 1":
-        return zc.default;
+        return Uc.default;
       case "Roland TD-6 Perc 10 (Special)":
-        return Ic.default;
+        return Fc.default;
       case "Roland TD-6 Perc 2":
-        return jc.default;
+        return Vc.default;
       case "Roland TD-6 Perc 3 (Room)":
-        return Jc.default;
+        return Xc.default;
       case "Roland TD-6 Perc 4 (Power)":
-        return Yc.default;
+        return $c.default;
       case "Roland TD-6 Perc 5 (Elec)":
-        return Zc.default;
+        return Qc.default;
       case "Roland TD-6 Perc 6 (808)":
-        return rs.default;
+        return es.default;
       case "Roland TD-6 Perc 7 (Jazz)":
-        return ts.default;
+        return as.default;
       case "Roland TD-6 Perc 8 (Brush)":
-        return os.default;
+        return ns.default;
       case "Roland TD-6 Perc 9 (Perc)":
-        return cs.default;
+        return is.default;
       case "Roland TD-6":
-        return ls.default;
+        return ss.default;
       case "Roland TD-7":
-        return Ps.default;
+        return us.default;
       case "Roland TD-8 Perc 1":
-        return ms.default;
+        return ds.default;
       case "Roland TD-8 Perc 10 (Special)":
-        return hs.default;
+        return ps.default;
       case "Roland TD-8 Perc 2":
-        return gs.default;
+        return fs.default;
       case "Roland TD-8 Perc 3 (Room)":
-        return Ss.default;
+        return Ts.default;
       case "Roland TD-8 Perc 4 (Power)":
-        return vs.default;
+        return Cs.default;
       case "Roland TD-8 Perc 5 (Elec)":
-        return _s.default;
+        return Rs.default;
       case "Roland TD-8 Perc 6 (808)":
-        return Hs.default;
+        return bs.default;
       case "Roland TD-8 Perc 7 (Jazz)":
-        return Ms.default;
+        return ys.default;
       case "Roland TD-8 Perc 8 (Brush)":
-        return ws.default;
+        return ks.default;
       case "Roland TD-8 Perc 9 (Perc)":
-        return Ds.default;
+        return Bs.default;
       case "Roland TD-8":
-        return As.default;
+        return Os.default;
       case "Roland TD-9 Perc":
-        return Ls.default;
+        return Es.default;
       case "Roland TD-9":
-        return xs.default;
+        return Gs.default;
       case "Simmons SD1000":
-        return Ns.default;
+        return Ks.default;
       case "Simmons SD5X":
-        return Ws.default;
+        return qs.default;
       case "Simmons SD7":
-        return zs.default;
+        return Us.default;
       case "Simmons SD7PK":
-        return Is.default;
+        return Fs.default;
       case "Simmons SD9K":
-        return js.default;
+        return Vs.default;
       case "Sonic Reality iMap Extended":
-        return Js.default;
+        return Xs.default;
       case "Sonic Reality iMap Standard":
-        return Ys.default;
+        return $s.default;
       case "Studio ProFiles":
-        return Zs.default;
+        return Qs.default;
       case "Superior Drummer":
-        return rl.default;
+        return el.default;
       case "Yamaha DTX 700":
-        return tl.default;
+        return al.default;
       case "Yamaha DTXplorer":
-        return ol.default;
+        return nl.default;
       case "Zendrum Stompblock":
-        return cl.default;
+        return il.default;
       case "Zendrum TRS 2.0":
-        return ll.default;
+        return sl.default;
       case "Zendrum TRS":
-        return Pl.default;
+        return ul.default;
       default:
         return null;
     }
   }, ke;
 }
-var ci;
-function DP() {
-  return ci || (ci = 1, function(r) {
+var ii;
+function kP() {
+  return ii || (ii = 1, function(r) {
     Object.defineProperty(r, "__esModule", { value: !0 });
     var a = Xi();
     Object.defineProperty(r, "getStockNames", { enumerable: !0, get: function() {
@@ -9388,40 +9078,33 @@ function DP() {
         { value: "Groove", label: "Groove" }
       ];
     };
-  }(gt)), gt;
+  }(ft)), ft;
 }
-var Ka = DP();
-const u1 = Se(({ allowClearing: r, ...a }, t) => {
+var Ka = kP();
+const i1 = Se(({ allowClearing: r, ...a }, t) => {
   const e = Ka.getStockNames(), n = Ka.getUserMappingNames(), o = Be(() => [
     ...r ? [
       {
         value: "No Mapping",
-        label: /* @__PURE__ */ O("span", { className: "zds-mappings-clear-mapping", children: "No Mapping" })
+        label: O("span", { className: "zds-mappings-clear-mapping", children: "No Mapping" })
       }
     ] : [],
     {
-      label: r ? /* @__PURE__ */ O("hr", {}) : "",
+      label: r ? O("hr", {}) : "",
       options: n.map((i) => ({
         value: i,
-        label: /* @__PURE__ */ O("span", { className: "zds-mappings-user-mapping", children: i })
+        label: O("span", { className: "zds-mappings-user-mapping", children: i })
       }))
     },
     {
-      label: n.length ? /* @__PURE__ */ O("hr", {}) : r ? /* @__PURE__ */ O("hr", {}) : "",
+      label: n.length ? O("hr", {}) : r ? O("hr", {}) : "",
       options: e.map((i) => ({
         label: i,
         value: i
       }))
     }
   ], [r, e, n]);
-  return /* @__PURE__ */ O(
-    _e,
-    {
-      ...a,
-      options: o,
-      ref: t
-    }
-  );
+  return O(_e, { ...a, options: o, ref: t });
 });
 function Ji(r) {
   return r !== null && typeof r == "object" && "name" in r && typeof r.name == "string";
@@ -9439,19 +9122,19 @@ function Zi(r) {
   const s = e - Qi[a] - 4 * t;
   return [n * o, n * s];
 }
-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);
+var wP = [3, 0, 4, 1, 5, 2, 6];
+function BP(r) {
+  const [a, t, e] = r, n = wP[DP(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 EP(r) {
+function DP(r) {
   const a = (r + 1) % 7;
   return a < 0 ? 7 + a : a;
 }
-var si = (r, a) => Array(Math.abs(a) + 1).join(r), Nt = Object.freeze({
+var ci = (r, a) => Array(Math.abs(a) + 1).join(r), Kt = Object.freeze({
   empty: !0,
   name: "",
   num: NaN,
@@ -9465,26 +9148,26 @@ var si = (r, a) => Array(Math.abs(a) + 1).join(r), Nt = Object.freeze({
   chroma: NaN,
   coord: [],
   oct: NaN
-}), 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 + "$"
+}), OP = "([-+]?\\d+)(d{1,4}|m|M|P|A{1,4})", AP = "(AA|A|P|M|m|d|dd)([-+]?\\d+)", EP = new RegExp(
+  "^" + OP + "|" + AP + "$"
 );
-function KP(r) {
-  const a = xP.exec(`${r}`);
+function LP(r) {
+  const a = EP.exec(`${r}`);
   return a === null ? ["", ""] : a[1] ? [a[1], a[2]] : [a[4], a[3]];
 }
-var li = {};
+var si = {};
 function Na(r) {
-  return typeof r == "string" ? li[r] || (li[r] = NP(r)) : $i(r) ? Na(WP(r)) : Ji(r) ? Na(r.name) : Nt;
+  return typeof r == "string" ? si[r] || (si[r] = GP(r)) : $i(r) ? Na(KP(r)) : Ji(r) ? Na(r.name) : Kt;
 }
-var ui = [0, 2, 4, 5, 7, 9, 11], ec = "PMMPPMM";
-function NP(r) {
-  const a = KP(r);
+var li = [0, 2, 4, 5, 7, 9, 11], ec = "PMMPPMM";
+function GP(r) {
+  const a = LP(r);
   if (a[0] === "")
-    return Nt;
+    return Kt;
   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 = 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 Kt;
+  const s = o === "M" ? "majorable" : "perfectable", i = "" + t + e, c = t < 0 ? -1 : 1, l = t === 8 || t === -8 ? t : c * (n + 1), h = xP(s, e), u = Math.floor((Math.abs(t) - 1) / 7), p = c * (li[n] + h + 12 * u), d = (c * (li[n] + h) % 12 + 12) % 12, m = Zi({ step: n, alt: h, oct: u, dir: c });
   return {
     empty: !1,
     name: i,
@@ -9501,20 +9184,20 @@ function NP(r) {
     oct: u
   };
 }
-function qP(r, a) {
+function xP(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 WP(r) {
+function KP(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 + UP(c, t);
+  return i + s + NP(c, t);
 }
-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);
+function NP(r, a) {
+  return a === 0 ? r === "majorable" ? "M" : "P" : a === -1 && r === "majorable" ? "m" : a > 0 ? ci("A", a) : ci("d", r === "perfectable" ? a : a + 1);
 }
-var Pi = (r, a) => Array(Math.abs(a) + 1).join(r), rc = Object.freeze({
+var ui = (r, a) => Array(Math.abs(a) + 1).join(r), rc = Object.freeze({
   empty: !0,
   name: "",
   letter: "",
@@ -9527,28 +9210,28 @@ var Pi = (r, a) => Array(Math.abs(a) + 1).join(r), rc = Object.freeze({
   coord: [],
   midi: null,
   freq: null
-}), 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;
+}), Pi = /* @__PURE__ */ new Map(), qP = (r) => "CDEFGAB".charAt(r), WP = (r) => r < 0 ? ui("b", -r) : ui("#", r), UP = (r) => r[0] === "b" ? -r.length : r.length;
 function De(r) {
-  const a = JSON.stringify(r), t = di.get(a);
+  const a = JSON.stringify(r), t = Pi.get(a);
   if (t)
     return t;
-  const e = typeof r == "string" ? $P(r) : $i(r) ? De(YP(r)) : Ji(r) ? De(r.name) : rc;
-  return di.set(a, e), e;
+  const e = typeof r == "string" ? jP(r) : $i(r) ? De(XP(r)) : Ji(r) ? De(r.name) : rc;
+  return Pi.set(a, e), e;
 }
-var VP = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
-function jP(r) {
-  const a = VP.exec(r);
+var zP = /^([a-gA-G]?)(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)$/;
+function FP(r) {
+  const a = zP.exec(r);
   return a ? [a[1].toUpperCase(), a[2].replace(/x/g, "##"), a[3], a[4]] : ["", "", "", ""];
 }
-function XP(r) {
-  return De(AP(r));
+function IP(r) {
+  return De(BP(r));
 }
-var JP = (r, a) => (r % a + a) % a, Tt = [0, 2, 4, 5, 7, 9, 11];
-function $P(r) {
-  const a = jP(r);
+var VP = (r, a) => (r % a + a) % a, gt = [0, 2, 4, 5, 7, 9, 11];
+function jP(r) {
+  const a = FP(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 = 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;
+  const t = a[0], e = a[1], n = a[2], o = (t.charCodeAt(0) + 3) % 7, s = UP(e), i = n.length ? +n : void 0, c = Zi({ step: o, alt: s, oct: i }), l = t + e + n, h = t + e, u = (gt[o] + s + 120) % 12, p = i === void 0 ? VP(gt[o] + s, 12) - 12 * 99 : gt[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,
@@ -9565,19 +9248,19 @@ function $P(r) {
     step: o
   };
 }
-function YP(r) {
-  const { step: a, alt: t, oct: e } = r, n = zP(a);
+function XP(r) {
+  const { step: a, alt: t, oct: e } = r, n = qP(a);
   if (!n)
     return "";
-  const o = n + FP(t);
+  const o = n + WP(t);
   return e || e === 0 ? o + e : o;
 }
-function QP(r, a) {
+function JP(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 XP(o).name;
+  return IP(o).name;
 }
 function ac(r, a) {
   const t = a.length, e = (r % t + t) % t;
@@ -9590,16 +9273,16 @@ var Oe = {
   chroma: "000000000000",
   normalized: "000000000000",
   intervals: []
-}, tc = (r) => Number(r).toString(2).padStart(12, "0"), mi = (r) => parseInt(r, 2), ZP = /^[01]{12}$/;
+}, tc = (r) => Number(r).toString(2).padStart(12, "0"), di = (r) => parseInt(r, 2), $P = /^[01]{12}$/;
 function nc(r) {
-  return ZP.test(r);
+  return $P.test(r);
 }
-var ed = (r) => typeof r == "number" && r >= 0 && r <= 4095, rd = (r) => r && nc(r.chroma), pi = { [Oe.chroma]: Oe };
+var YP = (r) => typeof r == "number" && r >= 0 && r <= 4095, QP = (r) => r && nc(r.chroma), mi = { [Oe.chroma]: Oe };
 function oc(r) {
-  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);
+  const a = nc(r) ? r : YP(r) ? tc(r) : Array.isArray(r) ? td(r) : QP(r) ? r.chroma : Oe.chroma;
+  return mi[a] = mi[a] || ad(a);
 }
-var ad = [
+var ZP = [
   "1P",
   "2m",
   "2M",
@@ -9613,18 +9296,18 @@ var ad = [
   "7m",
   "7M"
 ];
-function td(r) {
+function ed(r) {
   const a = [];
   for (let t = 0; t < 12; t++)
-    r.charAt(t) === "1" && a.push(ad[t]);
+    r.charAt(t) === "1" && a.push(ZP[t]);
   return a;
 }
-function nd(r) {
+function rd(r) {
   const a = r.split("");
   return a.map((t, e) => ac(e, a).join(""));
 }
-function od(r) {
-  const a = mi(r), t = nd(r).map(mi).filter((o) => o >= 2048).sort()[0], e = tc(t), n = td(r);
+function ad(r) {
+  const a = di(r), t = rd(r).map(di).filter((o) => o >= 2048).sort()[0], e = tc(t), n = ed(r);
   return {
     empty: !1,
     name: "",
@@ -9634,7 +9317,7 @@ function od(r) {
     intervals: n
   };
 }
-function id(r) {
+function td(r) {
   if (r.length === 0)
     return Oe.chroma;
   let a;
@@ -9643,7 +9326,7 @@ function id(r) {
     a = De(r[e]), a.empty && (a = Na(r[e])), a.empty || (t[a.chroma] = 1);
   return t.join("");
 }
-var cd = [
+var nd = [
   // ==Major==
   ["1P 3M 5P", "major", "M ^  maj"],
   ["1P 3M 5P 7M", "major seventh", "maj7 Δ ma7 M7 Maj7 ^7"],
@@ -9776,33 +9459,33 @@ var cd = [
   ["1P 4P 5P 7m 9m 13m", "", "7sus4b9b13 7b9b13sus4"],
   ["1P 4P 7m 10m", "", "4 quartal"],
   ["1P 5P 7m 9m 11P", "", "11b9"]
-], sd = cd;
+], od = nd;
 ({
   ...Oe
 });
 var ic = [], La = {};
-function ld(r, a, t) {
-  const e = Pd(r), n = {
+function id(r, a, t) {
+  const e = sd(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) => ud(n, o));
+  ic.push(n), n.name && (La[n.name] = n), La[n.setNum] = n, La[n.chroma] = n, n.aliases.forEach((o) => cd(n, o));
 }
-function ud(r, a) {
+function cd(r, a) {
   La[a] = r;
 }
-function Pd(r) {
+function sd(r) {
   const a = (t) => r.indexOf(t) !== -1;
   return a("5A") ? "Augmented" : a("3M") ? "Major" : a("5d") ? "Diminished" : a("3m") ? "Minor" : "Unknown";
 }
-sd.forEach(
-  ([r, a, t]) => ld(r.split(" "), t.split(" "), a)
+od.forEach(
+  ([r, a, t]) => id(r.split(" "), t.split(" "), a)
 );
 ic.sort((r, a) => r.setNum - a.setNum);
-var dd = [
+var ld = [
   // Basic scales
   ["1P 2M 3M 5P 6M", "major pentatonic", "pentatonic"],
   ["1P 2M 3M 4P 5P 6M 7M", "major", "ionian"],
@@ -9944,29 +9627,29 @@ var dd = [
   ["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"]
-], md = dd, pd = {
+], ud = ld, Pd = {
   ...Oe,
   intervals: [],
   aliases: []
 }, Fe = {};
-function hd(r) {
-  return Fe[r] || pd;
+function dd(r) {
+  return Fe[r] || Pd;
 }
-function fd(r, a, t = []) {
+function md(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) => gd(e, n)), e;
+  return Fe[e.name] = e, Fe[e.setNum] = e, Fe[e.chroma] = e, e.aliases.forEach((n) => pd(e, n)), e;
 }
-function gd(r, a) {
+function pd(r, a) {
   Fe[a] = r;
 }
-md.forEach(
-  ([r, a, ...t]) => fd(r.split(" "), a, t)
+ud.forEach(
+  ([r, a, ...t]) => md(r.split(" "), a, t)
 );
-function Vt(r) {
+function It(r) {
   return +r >= 0 && +r <= 127;
 }
 function cc(r) {
-  if (Vt(r))
+  if (It(r))
     return +r;
   const a = De(r);
   return a.empty ? null : a.midi;
@@ -9974,16 +9657,16 @@ function cc(r) {
 function sc(r, a = 440) {
   return Math.pow(2, (r - 69) / 12) * a;
 }
-var Td = Math.log(2), Sd = Math.log(440);
+var hd = Math.log(2), fd = Math.log(440);
 function lc(r) {
-  const a = 12 * (Math.log(r) - Sd) / Td + 69;
+  const a = 12 * (Math.log(r) - fd) / hd + 69;
   return Math.round(a * 100) / 100;
 }
-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(" ");
+var gd = "C C# D D# E F F# G G# A A# B".split(" "), Td = "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 ? Cd : vd)[r % 12];
+  const e = (a.sharps === !0 ? gd : Td)[r % 12];
   if (a.pitchClass)
     return e;
   const n = Math.floor(r / 12) - 1;
@@ -9992,14 +9675,14 @@ function uc(r, a = {}) {
 function Ia(r) {
   return r % 12;
 }
-function Rd(r) {
+function Sd(r) {
   return r.split("").reduce((a, t, e) => (e < 12 && t === "1" && a.push(e), a), []);
 }
-function _d(r) {
+function Cd(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) ? _d(r) : Rd(r);
+  return Array.isArray(r) ? Cd(r) : Sd(r);
 }
 function Pc(r) {
   const a = Va(r);
@@ -10011,7 +9694,7 @@ function Pc(r) {
     }
   };
 }
-function jt(r, a) {
+function Vt(r, a) {
   const t = Va(r), e = t.length;
   return (n) => {
     const o = n < 0 ? (e - -n % e) % e : n % e, s = Math.floor(n / e);
@@ -10019,39 +9702,39 @@ function jt(r, a) {
   };
 }
 function dc(r, a) {
-  const t = jt(r, a);
+  const t = Vt(r, a);
   return (e) => {
     if (e !== 0)
       return t(e > 0 ? e - 1 : e);
   };
 }
-var bd = {
+var vd = {
   chroma: Ia,
   freqToMidi: lc,
-  isMidi: Vt,
+  isMidi: It,
   midiToFreq: sc,
   midiToNoteName: uc,
   pcsetNearest: Pc,
   pcset: Va,
   pcsetDegrees: dc,
-  pcsetSteps: jt,
+  pcsetSteps: Vt,
   toMidi: cc
 };
-const Hd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   chroma: Ia,
-  default: bd,
+  default: vd,
   freqToMidi: lc,
-  isMidi: Vt,
+  isMidi: It,
   midiToFreq: sc,
   midiToNoteName: uc,
   pcset: Va,
   pcsetDegrees: dc,
   pcsetNearest: Pc,
-  pcsetSteps: jt,
+  pcsetSteps: Vt,
   toMidi: cc
 }, Symbol.toStringTag, { value: "Module" }));
-var yd = De, hi = (r) => yd(r).midi, Xt = [
+var _d = De, pi = (r) => _d(r).midi, jt = [
   [0, 2773, 0, "ionian", "", "Maj7", "major"],
   [1, 2902, 2, "dorian", "m", "m7"],
   [2, 3418, 4, "phrygian", "m", "m7"],
@@ -10059,7 +9742,7 @@ var yd = De, hi = (r) => yd(r).midi, Xt = [
   [4, 2774, 1, "mixolydian", "", "7"],
   [5, 2906, 3, "aeolian", "m", "m7", "minor"],
   [6, 3434, 5, "locrian", "dim", "m7b5"]
-], fi = {
+], hi = {
   ...Oe,
   name: "",
   alt: 0,
@@ -10067,20 +9750,20 @@ var yd = De, hi = (r) => yd(r).midi, Xt = [
   triad: "",
   seventh: "",
   aliases: []
-}, Md = Xt.map(kd), qt = {};
-Md.forEach((r) => {
-  qt[r.name] = r, r.aliases.forEach((a) => {
-    qt[a] = r;
+}, bd = jt.map(Hd), Nt = {};
+bd.forEach((r) => {
+  Nt[r.name] = r, r.aliases.forEach((a) => {
+    Nt[a] = r;
   });
 });
 function mc(r) {
-  return typeof r == "string" ? qt[r.toLowerCase()] || fi : r && r.name ? mc(r.name) : fi;
+  return typeof r == "string" ? Nt[r.toLowerCase()] || hi : r && r.name ? mc(r.name) : hi;
 }
-function kd(r) {
+function Hd(r) {
   const [a, t, e, n, o, s, i] = r, c = i ? [i] : [], l = Number(t).toString(2);
   return {
     empty: !1,
-    intervals: hd(n).intervals,
+    intervals: dd(n).intervals,
     modeNum: a,
     chroma: l,
     normalized: l,
@@ -10096,48 +9779,36 @@ 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) => QP(t, s));
+    const n = ac(e.modeNum, r), o = e.intervals.map((s) => JP(t, s));
     return n.map((s, i) => o[i] + s);
   };
 }
-pc(Xt.map((r) => r[4]));
-pc(Xt.map((r) => r[5]));
-const { midiToNoteName: wd } = Hd, Bd = ({ note: r, name: a }) => `${r} ${a.length ? "-" : ""} ${a}`, gi = (r, a) => ({
+pc(jt.map((r) => r[4]));
+pc(jt.map((r) => r[5]));
+const { midiToNoteName: yd } = Rd, Md = ({ note: r, name: a }) => `${r} ${a.length ? "-" : ""} ${a}`, fi = (r, a) => ({
   label: r,
   value: a + 1
-}), P1 = Se((r, a) => {
-  const {
-    channel: t,
-    disabled: e = !1,
-    isMelodicMode: n = !1,
-    mapping: o,
-    onChange: s,
-    value: i,
-    ...c
-  } = 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);
-      m > 0 && s(m), u(d);
-    },
-    [s, u]
-  );
-  return /* @__PURE__ */ O(
-    _e,
-    {
-      ...c,
-      disabled: e,
-      onChange: p,
-      options: l,
-      ref: a,
-      value: h
-    }
-  );
+}), c1 = Se((r, a) => {
+  const { channel: t, disabled: e = !1, isMelodicMode: n = !1, mapping: o, onChange: s, value: i, ...c } = r, l = Be(() => n ? Ka.emptyMapping().map(({ note: d }) => `${yd(d, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${d})`).map(fi) : (o || Ka.emptyMapping()).map(Md).map(fi), [n, o]), [h, u] = zt(i), p = Re((d) => {
+    if (typeof d == "string")
+      return;
+    const m = xa(d, 128, 0);
+    m > 0 && s(m), u(d);
+  }, [s, u]);
+  return O(_e, {
+    ...c,
+    disabled: e,
+    // isDisabled={disabled}
+    onChange: p,
+    options: l,
+    ref: a,
+    value: h
+  });
 });
-var St, Ti;
-function Dd() {
-  if (Ti) return St;
-  Ti = 1, St = r;
+var Tt, gi;
+function kd() {
+  if (gi) return Tt;
+  gi = 1, Tt = r;
   function r(a, t, e) {
     if (a != null && typeof a != "number")
       throw new Error("start must be a number or null");
@@ -10150,16 +9821,16 @@ function Dd() {
       n.push(a);
     return n;
   }
-  return St;
+  return Tt;
 }
-var Od = Dd();
-const Jt = /* @__PURE__ */ Ve(Od);
-var Ad = /* @__PURE__ */ Fi();
-const E = /* @__PURE__ */ Ve(Ad);
-var Ct, Si;
-function Ed() {
-  if (Si) return Ct;
-  Si = 1;
+var wd = kd();
+const Xt = /* @__PURE__ */ Ve(wd);
+var Bd = /* @__PURE__ */ Fi();
+const E = /* @__PURE__ */ Ve(Bd);
+var St, Ti;
+function Dd() {
+  if (Ti) return St;
+  Ti = 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")();
   function h(g, b, A) {
     switch (A.length) {
@@ -10422,11 +10093,11 @@ function Ed() {
   function nt(g) {
     return !!g && typeof g == "object";
   }
-  return Ct = et, Ct;
+  return St = et, St;
 }
-var Ld = Ed();
-const Ci = /* @__PURE__ */ Ve(Ld);
-function Gd(r, a) {
+var Od = Dd();
+const Si = /* @__PURE__ */ Ve(Od);
+function Ad(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;
@@ -10448,14 +10119,14 @@ function ja(r, a) {
   if (!(r instanceof a))
     throw new TypeError("Cannot call a class as a function");
 }
-function xd(r, a) {
+function Ed(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 && xd(r.prototype, a), Object.defineProperty(r, "prototype", {
+  return a && Ed(r.prototype, a), Object.defineProperty(r, "prototype", {
     writable: !1
   }), r;
 }
@@ -10467,15 +10138,15 @@ function Q(r, a, t) {
     writable: !0
   }) : r[a] = t, r;
 }
-function Wt() {
-  return Wt = Object.assign ? Object.assign.bind() : function(r) {
+function qt() {
+  return qt = Object.assign ? Object.assign.bind() : function(r) {
     for (var a = 1; a < arguments.length; a++) {
       var t = arguments[a];
       for (var e in t)
         Object.prototype.hasOwnProperty.call(t, e) && (r[e] = t[e]);
     }
     return r;
-  }, Wt.apply(this, arguments);
+  }, qt.apply(this, arguments);
 }
 function Ja(r, a) {
   if (typeof a != "function" && a !== null)
@@ -10488,19 +10159,19 @@ function Ja(r, a) {
     }
   }), Object.defineProperty(r, "prototype", {
     writable: !1
-  }), a && Ut(r, a);
+  }), a && Wt(r, a);
 }
 function qa(r) {
   return qa = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, qa(r);
 }
-function Ut(r, a) {
-  return Ut = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
+function Wt(r, a) {
+  return Wt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
     return e.__proto__ = n, e;
-  }, Ut(r, a);
+  }, Wt(r, a);
 }
-function Kd() {
+function Ld() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -10510,16 +10181,16 @@ function Kd() {
     return !1;
   }
 }
-function Nd(r, a) {
+function Gd(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 qd(r, a) {
+function xd(r, a) {
   if (r == null) return {};
-  var t = Nd(r, a), e, n;
+  var t = Gd(r, a), e, n;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(r);
     for (n = 0; n < o.length; n++)
@@ -10532,7 +10203,7 @@ function se(r) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
 }
-function Wd(r, a) {
+function Kd(r, a) {
   if (a && (typeof a == "object" || typeof a == "function"))
     return a;
   if (a !== void 0)
@@ -10540,7 +10211,7 @@ function Wd(r, a) {
   return se(r);
 }
 function $a(r) {
-  var a = Kd();
+  var a = Ld();
   return function() {
     var e = qa(r), n;
     if (a) {
@@ -10548,33 +10219,33 @@ function $a(r) {
       n = Reflect.construct(e, arguments, o);
     } else
       n = e.apply(this, arguments);
-    return Wd(this, n);
+    return Kd(this, n);
   };
 }
-function Ud(r, a) {
-  return zd(r) || Gd(r, a) || Fd(r, a) || Id();
+function Nd(r, a) {
+  return qd(r) || Ad(r, a) || Wd(r, a) || Ud();
 }
-function zd(r) {
+function qd(r) {
   if (Array.isArray(r)) return r;
 }
-function Fd(r, a) {
+function Wd(r, a) {
   if (r) {
-    if (typeof r == "string") return vi(r, a);
+    if (typeof r == "string") return Ci(r, a);
     var t = Object.prototype.toString.call(r).slice(8, -1);
     if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return vi(r, a);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Ci(r, a);
   }
 }
-function vi(r, a) {
+function Ci(r, a) {
   (a == null || a > r.length) && (a = r.length);
   for (var t = 0, e = new Array(a); t < a; t++) e[t] = r[t];
   return e;
 }
-function Id() {
+function Ud() {
   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 Vd(r, a) {
+function zd(r, a) {
   if (typeof r != "object" || r === null) return r;
   var t = r[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -10585,10 +10256,10 @@ function Vd(r, a) {
   return (a === "string" ? String : Number)(r);
 }
 function hc(r) {
-  var a = Vd(r, "string");
+  var a = zd(r, "string");
   return typeof a == "symbol" ? a : String(a);
 }
-var jd = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Xd = ["Db", "Eb", "Gb", "Ab", "Bb"], Jd = {
+var Fd = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Id = ["Db", "Eb", "Gb", "Ab", "Bb"], Vd = {
   C: 0,
   "C#": 1,
   Db: 1,
@@ -10606,49 +10277,49 @@ var jd = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"], Xd =
   "A#": 10,
   Bb: 10,
   B: 11
-}, Wa = 12, $t = Wa, Yt = 127, $d = /([a-g])([#b]?)(\d+)/, zt = 12;
-function Yd(r) {
+}, Wa = 12, Jt = Wa, $t = 127, jd = /([a-g])([#b]?)(\d+)/, Ut = 12;
+function Xd(r) {
   if (!r)
     throw Error("Invalid note argument");
-  var a = $d.exec(r.toLowerCase());
+  var a = jd.exec(r.toLowerCase());
   if (!a)
     throw Error("Invalid note argument");
-  var t = Ud(a, 4), e = t[1], n = t[2], o = t[3], s = "".concat(e.toUpperCase()).concat(n), i = Jd[s];
+  var t = Nd(a, 4), e = t[1], n = t[2], o = t[3], s = "".concat(e.toUpperCase()).concat(n), i = Vd[s];
   if (i == null)
     throw Error("Invalid note argument");
-  return Wa + i + zt * parseInt(o, 10);
+  return Wa + i + Ut * parseInt(o, 10);
 }
-function Qd(r) {
-  var a = (r - Wa) % zt, t = Math.floor((r - Wa) / zt), e = jd[a];
+function Jd(r) {
+  var a = (r - Wa) % Ut, t = Math.floor((r - Wa) / Ut), e = Fd[a];
   return {
     note: "".concat(e).concat(t),
     pitchName: e,
     octave: t,
     midiNumber: r,
-    isAccidental: Xd.includes(e)
+    isAccidental: Id.includes(e)
   };
 }
-function Zd() {
-  return Jt($t, Yt + 1).reduce(function(r, a) {
-    return r[a] = Qd(a), r;
+function $d() {
+  return Xt(Jt, $t + 1).reduce(function(r, a) {
+    return r[a] = Jd(a), r;
   }, {});
 }
-var em = Zd();
+var Yd = $d();
 function fc(r) {
-  var a = em[r];
+  var a = Yd[r];
   if (!a)
     throw Error("Invalid MIDI number");
   return a;
 }
-var rm = Jt($t, Yt + 1).filter(function(r) {
+var Qd = Xt(Jt, $t + 1).filter(function(r) {
   return !fc(r).isAccidental;
 }), Ua = {
-  fromNote: Yd,
+  fromNote: Xd,
   getAttributes: fc,
-  MIN_MIDI_NUMBER: $t,
-  MAX_MIDI_NUMBER: Yt,
-  NATURAL_MIDI_NUMBERS: rm
-}, am = 60, Qt = /* @__PURE__ */ function(r) {
+  MIN_MIDI_NUMBER: Jt,
+  MAX_MIDI_NUMBER: $t,
+  NATURAL_MIDI_NUMBERS: Qd
+}, Zd = 60, Yt = /* @__PURE__ */ function(r) {
   Ja(t, r);
   var a = $a(t);
   function t() {
@@ -10679,7 +10350,7 @@ var rm = Jt($t, Yt + 1).filter(function(r) {
   }, {
     key: "render",
     value: function() {
-      var n = this, o = this.props, s = o.naturalKeyWidth, i = o.accidentalWidthRatio, c = o.midiNumber, l = o.gliss, h = o.useTouchEvents, u = o.accidental, p = o.active, d = o.disabled, m = o.children, f = vt(u ? this.getRelativeKeyPosition(c) * s : this.getRelativeKeyPosition(c) * s), v = vt(u ? i * s : s);
+      var n = this, o = this.props, s = o.naturalKeyWidth, i = o.accidentalWidthRatio, c = o.midiNumber, l = o.gliss, h = o.useTouchEvents, u = o.accidental, p = o.active, d = o.disabled, m = o.children, f = Ct(u ? this.getRelativeKeyPosition(c) * s : this.getRelativeKeyPosition(c) * s), v = Ct(u ? i * s : s);
       return /* @__PURE__ */ le.createElement("div", {
         "data-midinumber": c,
         className: je("ReactPiano__Key", {
@@ -10687,7 +10358,7 @@ var rm = Jt($t, Yt + 1).filter(function(r) {
           "ReactPiano__Key--natural": !u,
           "ReactPiano__Key--disabled": d,
           "ReactPiano__Key--active": p,
-          "ReactPiano__Key--middleC": c === am
+          "ReactPiano__Key--middleC": c === Zd
         }),
         style: {
           left: f,
@@ -10718,7 +10389,7 @@ var rm = Jt($t, Yt + 1).filter(function(r) {
     }
   }]), t;
 }(le.Component);
-Q(Qt, "propTypes", {
+Q(Yt, "propTypes", {
   midiNumber: E.number.isRequired,
   naturalKeyWidth: E.number.isRequired,
   // Width as a ratio between 0 and 1
@@ -10735,7 +10406,7 @@ Q(Qt, "propTypes", {
   pitchPositions: E.object.isRequired,
   children: E.node
 });
-Q(Qt, "defaultProps", {
+Q(Yt, "defaultProps", {
   accidentalWidthRatio: 0.65,
   onKeyMouseEnter: void 0,
   onKeyMouseLeave: void 0,
@@ -10754,10 +10425,10 @@ Q(Qt, "defaultProps", {
     B: 6
   }
 });
-function vt(r) {
+function Ct(r) {
   return "".concat(r * 100, "%");
 }
-var Zt = /* @__PURE__ */ function(r) {
+var Qt = /* @__PURE__ */ function(r) {
   Ja(t, r);
   var a = $a(t);
   function t() {
@@ -10768,7 +10439,7 @@ var Zt = /* @__PURE__ */ function(r) {
     value: (
       // Range of midi numbers on keyboard
       function() {
-        return Jt(this.props.noteRange.first, this.props.noteRange.last + 1);
+        return Xt(this.props.noteRange.first, this.props.noteRange.last + 1);
       }
     )
   }, {
@@ -10812,7 +10483,7 @@ var Zt = /* @__PURE__ */ function(r) {
         var i = Ua.getAttributes(s);
         i.note;
         var c = i.isAccidental, l = !n.props.disabled && n.props.activeNotes.includes(s);
-        return /* @__PURE__ */ le.createElement(Qt, {
+        return /* @__PURE__ */ le.createElement(Yt, {
           accidental: c,
           active: l,
           disabled: n.props.disabled,
@@ -10837,8 +10508,8 @@ var Zt = /* @__PURE__ */ function(r) {
     }
   }]), t;
 }(le.Component);
-Q(Zt, "propTypes", {
-  noteRange: tm,
+Q(Qt, "propTypes", {
+  noteRange: em,
   activeNotes: E.arrayOf(E.number),
   onKeyMouseEnter: E.func,
   onKeyMouseLeave: E.func,
@@ -10853,7 +10524,7 @@ Q(Zt, "propTypes", {
   // If width is not provided, must have fixed width and height in parent container
   width: E.number
 });
-Q(Zt, "defaultProps", {
+Q(Qt, "defaultProps", {
   disabled: !1,
   gliss: !1,
   keyWidthToHeight: 0.33,
@@ -10863,19 +10534,19 @@ Q(Zt, "defaultProps", {
   },
   useTouchEvents: !1
 });
-function Ri(r) {
+function vi(r) {
   return typeof r != "number" ? !1 : Ua.NATURAL_MIDI_NUMBERS.includes(r);
 }
-function tm(r, a, t) {
+function em(r, a, t) {
   var e = r[a], n = e.first, o = e.last;
   if (!n || !o)
     return new Error("Invalid prop ".concat(a, " supplied to ").concat(t, ". ").concat(a, " must be an object with .first and .last values."));
-  if (!Ri(n) || !Ri(o))
+  if (!vi(n) || !vi(o))
     return new Error("Invalid prop ".concat(a, " supplied to ").concat(t, ". ").concat(a, " values must be valid MIDI numbers, and should not be accidentals (sharp or flat notes)."));
   if (n >= o)
     return new Error("Invalid prop ".concat(a, " supplied to ").concat(t, ". ").concat(a, ".first must be smaller than ").concat(a, ".last."));
 }
-var en = /* @__PURE__ */ function(r) {
+var Zt = /* @__PURE__ */ function(r) {
   Ja(t, r);
   var a = $a(t);
   function t() {
@@ -10889,7 +10560,7 @@ var en = /* @__PURE__ */ function(r) {
     }), Q(se(e), "handleNoteChanges", function(i) {
       var c = i.prevActiveNotes, l = i.nextActiveNotes;
       if (!e.props.disabled) {
-        var h = Ci(c, l), u = Ci(l, c);
+        var h = Si(c, l), u = Si(l, c);
         u.forEach(function(p) {
           e.props.playNote(p);
         }), h.forEach(function(p) {
@@ -10976,7 +10647,7 @@ var en = /* @__PURE__ */ function(r) {
         onMouseUp: this.onMouseUp,
         onTouchStart: this.onTouchStart,
         "data-testid": "container"
-      }, /* @__PURE__ */ le.createElement(Zt, {
+      }, /* @__PURE__ */ le.createElement(Qt, {
         activeNotes: this.props.activeNotes,
         className: this.props.className,
         disabled: this.props.disabled,
@@ -10996,7 +10667,7 @@ var en = /* @__PURE__ */ function(r) {
     }
   }]), t;
 }(le.Component);
-Q(en, "propTypes", {
+Q(Zt, "propTypes", {
   noteRange: E.object.isRequired,
   activeNotes: E.arrayOf(E.number.isRequired).isRequired,
   playNote: E.func.isRequired,
@@ -11017,7 +10688,7 @@ Q(en, "propTypes", {
     midiNumber: E.number.isRequired
   }))
 });
-Q(en, "defaultProps", {
+Q(Zt, "defaultProps", {
   onKeyMouseEnter: void 0,
   onKeyMouseLeave: void 0,
   renderNoteLabel: function(a) {
@@ -11033,7 +10704,7 @@ Q(en, "defaultProps", {
     }, t) : null;
   }
 });
-var nm = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], rn = /* @__PURE__ */ function(r) {
+var rm = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], en = /* @__PURE__ */ function(r) {
   Ja(t, r);
   var a = $a(t);
   function t() {
@@ -11075,8 +10746,8 @@ var nm = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], rn = /* @__PURE_
     value: function() {
       var n = this.props;
       n.activeNotes, n.onPlayNoteInput, n.onStopNoteInput;
-      var o = qd(n, nm);
-      return /* @__PURE__ */ le.createElement(en, Wt({
+      var o = xd(n, rm);
+      return /* @__PURE__ */ le.createElement(Zt, qt({
         activeNotes: this.state.activeNotes,
         onPlayNoteInput: this.handlePlayNoteInput,
         onStopNoteInput: this.handleStopNoteInput
@@ -11084,7 +10755,7 @@ var nm = ["activeNotes", "onPlayNoteInput", "onStopNoteInput"], rn = /* @__PURE_
     }
   }]), t;
 }(le.Component);
-Q(rn, "propTypes", {
+Q(en, "propTypes", {
   noteRange: E.object.isRequired,
   activeNotes: E.arrayOf(E.number.isRequired),
   playNote: E.func.isRequired,
@@ -11101,10 +10772,10 @@ Q(rn, "propTypes", {
     midiNumber: E.number.isRequired
   }))
 });
-var Rt = { exports: {} }, _t = { exports: {} }, bt, _i;
-function om() {
-  if (_i) return bt;
-  _i = 1;
+var vt = { exports: {} }, Rt = { exports: {} }, _t, Ri;
+function am() {
+  if (Ri) return _t;
+  Ri = 1;
   function r(t) {
     return t > 64 && t < 91 ? t - 65 : t > 96 && t < 123 ? t - 71 : t > 47 && t < 58 ? t + 4 : t === 43 ? 62 : t === 47 ? 63 : 0;
   }
@@ -11117,11 +10788,11 @@ function om() {
       }
     return i;
   }
-  return bt = { decode: a }, bt;
+  return _t = { decode: a }, _t;
 }
-var Ht, bi;
-function im() {
-  return bi || (bi = 1, Ht = function(r, a) {
+var bt, _i;
+function tm() {
+  return _i || (_i = 1, bt = function(r, a) {
     return new Promise(function(t, e) {
       var n = new XMLHttpRequest();
       a && (n.responseType = a), n.open("GET", r), n.onload = function() {
@@ -11130,12 +10801,12 @@ function im() {
         e(Error("Network Error"));
       }, n.send();
     });
-  }), Ht;
+  }), bt;
 }
-var Hi;
-function cm() {
-  return Hi || (Hi = 1, function(r) {
-    var a = om(), t = im();
+var bi;
+function nm() {
+  return bi || (bi = 1, function(r) {
+    var a = am(), t = tm();
     function e(T) {
       return function(_) {
         return typeof _ == "string" && T.test(_);
@@ -11225,12 +10896,12 @@ function cm() {
       return JSON.parse(T.slice(_, w) + "}");
     }
     r.exports && (r.exports = o), typeof window < "u" && (window.loadAudio = o);
-  }(_t)), _t.exports;
+  }(Rt)), Rt.exports;
 }
-var yt = { exports: {} }, Mt, yi;
-function sm() {
-  if (yi) return Mt;
-  yi = 1, Mt = r;
+var Ht = { exports: {} }, yt, Hi;
+function om() {
+  if (Hi) return yt;
+  Hi = 1, yt = r;
   function r(i) {
     var c = i.createGain(), l = c._voltage = e(i), h = n(l), u = n(l), p = n(l);
     return c._startAmount = n(u), c._endAmount = n(p), c._multiplier = n(h), c._multiplier.connect(c), c._startAmount.connect(c), c._endAmount.connect(c), c.value = h.gain, c.startValue = u.gain, c.endValue = p.gain, c.startValue.value = 0, c.endValue.value = 0, Object.defineProperties(c, a), c;
@@ -11294,13 +10965,13 @@ function sm() {
     var p = c - i, d = h - l, m = u - l, f = m / d, v = i + f * p;
     return v <= i && (v = i), v >= c && (v = c), v;
   }
-  return Mt;
+  return yt;
 }
-var kt, Mi;
-function lm() {
-  if (Mi) return kt;
-  Mi = 1;
-  var r = sm(), a = {}, t = {
+var Mt, yi;
+function im() {
+  if (yi) return Mt;
+  yi = 1;
+  var r = om(), a = {}, t = {
     gain: 1,
     attack: 0.01,
     decay: 0.1,
@@ -11374,12 +11045,12 @@ function lm() {
   function i(c) {
     return c ? Math.pow(2, c / 1200) : 1;
   }
-  return kt = e, kt;
+  return Mt = e, Mt;
 }
-var wt, ki;
-function um() {
-  if (ki) return wt;
-  ki = 1, wt = function(a) {
+var kt, Mi;
+function cm() {
+  if (Mi) return kt;
+  Mi = 1, kt = function(a) {
     return a.on = function(t, e) {
       if (arguments.length === 1 && typeof t == "function") return a.on("event", t);
       var n = "on" + t, o = a[n];
@@ -11391,12 +11062,12 @@ function um() {
       a(e, n, o, s), t(e, n, o, s);
     };
   }
-  return wt;
+  return kt;
 }
-var Bt, wi;
-function Pm() {
-  if (wi) return Bt;
-  wi = 1;
+var wt, ki;
+function sm() {
+  if (ki) return wt;
+  ki = 1;
   var r = /^([a-gA-G])(#{1,}|b{1,}|x{1,}|)(-?\d*)\s*(.*)\s*$/;
   function a() {
     return r;
@@ -11418,18 +11089,18 @@ function Pm() {
       var l = e(c);
       return l && typeof l[i] < "u" ? l[i] : null;
     };
-  }), Bt = o, Bt;
+  }), wt = o, wt;
 }
-var Dt, Bi;
-function dm() {
-  if (Bi) return Dt;
-  Bi = 1;
-  var r = Pm(), a = function(n) {
+var Bt, wi;
+function lm() {
+  if (wi) return Bt;
+  wi = 1;
+  var r = sm(), a = function(n) {
     return n !== null && n !== [] && n >= 0 && n < 129;
   }, t = function(n) {
     return a(n) ? +n : r.midi(n);
   };
-  Dt = function(n) {
+  Bt = function(n) {
     if (n.buffers) {
       var o = n.opts.map, s = typeof o == "function" ? o : t, i = function(l) {
         return l ? s(l) || l : null;
@@ -11448,16 +11119,16 @@ function dm() {
       return s[o(i)] = n[i], s;
     }, {});
   }
-  return Dt;
+  return Bt;
 }
-var Ot, Di;
-function mm() {
-  if (Di) return Ot;
-  Di = 1;
+var Dt, Bi;
+function um() {
+  if (Bi) return Dt;
+  Bi = 1;
   var r = Array.isArray, a = function(e) {
     return e && typeof e == "object";
   }, t = {};
-  return Ot = function(e) {
+  return Dt = function(e) {
     return e.schedule = function(n, o) {
       var s = e.context.currentTime, i = n < s ? s : n;
       e.emit("schedule", i, o);
@@ -11468,14 +11139,14 @@ function mm() {
         return a(l) ? (h = l.name || l.key || l.note || l.midi || null, u = l) : (h = l, u = t), e.start(h, i + (c || 0), u);
       });
     }, e;
-  }, Ot;
+  }, Dt;
 }
 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 pm() {
-  return Oi || (Oi = 1, function(r, a) {
+var Ot = { exports: {} }, Di;
+function Pm() {
+  return Di || (Di = 1, function(r, a) {
     (function(t) {
       r.exports = t();
     })(function() {
@@ -11536,14 +11207,14 @@ function pm() {
         }, e.exports = n.default;
       }, {}] }, {}, [1])(1);
     });
-  }(At)), At.exports;
-}
-var Et, Ai;
-function hm() {
-  if (Ai) return Et;
-  Ai = 1;
-  var r = pm();
-  return Et = function(a) {
+  }(Ot)), Ot.exports;
+}
+var At, Oi;
+function dm() {
+  if (Oi) return At;
+  Oi = 1;
+  var r = Pm();
+  return At = function(a) {
     return a.listenToMidi = function(t, e) {
       var n = {}, o = e || {}, s = o.gain || function(i) {
         return i / 127;
@@ -11561,107 +11232,107 @@ function hm() {
           }
       }, a;
     }, a;
-  }, Et;
+  }, At;
 }
-var Ei;
-function fm() {
-  return Ei || (Ei = 1, function(r) {
-    var a = lm(), t = um(), e = dm(), n = mm(), o = hm();
+var Ai;
+function mm() {
+  return Ai || (Ai = 1, function(r) {
+    var a = im(), t = cm(), e = lm(), n = um(), o = dm();
     function s(i, c, l) {
       return o(n(e(t(a(i, c, l)))));
     }
     r.exports && (r.exports = s), typeof window < "u" && (window.SamplePlayer = s);
-  }(yt)), yt.exports;
+  }(Ht)), Ht.exports;
 }
-function Li(r, a) {
+function Ei(r, a) {
   return Array(a + 1).join(r);
 }
-function an(r) {
+function rn(r) {
   return typeof r == "number";
 }
-function gm(r) {
+function pm(r) {
   return typeof r == "string";
 }
-function Tm(r) {
+function hm(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 Sm() {
+function fm() {
   return Tc;
 }
-var Cm = [0, 2, 4, 5, 7, 9, 11];
+var gm = [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 = Cm[n.step] + n.alt;
+  var o = gm[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 vm = "CDEFGAB";
-function Rm(r) {
-  return an(r) ? r < 0 ? Li("b", -r) : Li("#", r) : "";
+var Tm = "CDEFGAB";
+function Sm(r) {
+  return rn(r) ? r < 0 ? Ei("b", -r) : Ei("#", r) : "";
 }
-function _m(r) {
-  return an(r) ? "" + r : "";
+function Cm(r) {
+  return rn(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 : vm.charAt(r) + Rm(a) + _m(t);
+  return r === null || typeof r > "u" ? null : r.step ? Sc(r.step, r.alt, r.oct) : r < 0 || r > 6 ? null : Tm.charAt(r) + Sm(a) + Cm(t);
 }
 function Cc(r) {
-  if ((an(r) || gm(r)) && r >= 0 && r < 128) return +r;
+  if ((rn(r) || pm(r)) && r >= 0 && r < 128) return +r;
   var a = be(r);
-  return a && Tm(a.midi) ? a.midi : null;
+  return a && hm(a.midi) ? a.midi : null;
 }
-function bm(r, a) {
+function vm(r, a) {
   var t = Cc(r);
   return t === null ? null : gc(t, a);
 }
-function Hm(r) {
+function Rm(r) {
   return (be(r) || {}).letter;
 }
-function ym(r) {
+function _m(r) {
   return (be(r) || {}).acc;
 }
-function Mm(r) {
+function bm(r) {
   return (be(r) || {}).pc;
 }
-function km(r) {
+function Hm(r) {
   return (be(r) || {}).step;
 }
-function wm(r) {
+function ym(r) {
   return (be(r) || {}).alt;
 }
-function Bm(r) {
+function Mm(r) {
   return (be(r) || {}).chroma;
 }
-function Dm(r) {
+function km(r) {
   return (be(r) || {}).oct;
 }
-const Om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  acc: ym,
-  alt: wm,
+  acc: _m,
+  alt: ym,
   build: Sc,
-  chroma: Bm,
-  freq: bm,
-  letter: Hm,
+  chroma: Mm,
+  freq: vm,
+  letter: Rm,
   midi: Cc,
-  oct: Dm,
+  oct: km,
   parse: be,
-  pc: Mm,
-  regex: Sm,
-  step: km
-}, Symbol.toStringTag, { value: "Module" })), Am = /* @__PURE__ */ Rl(Om);
-var Lt, Gi;
-function Em() {
-  if (Gi) return Lt;
-  Gi = 1;
-  var r = Am;
+  pc: bm,
+  regex: fm,
+  step: Hm
+}, Symbol.toStringTag, { value: "Module" })), Bm = /* @__PURE__ */ Sl(wm);
+var Et, Li;
+function Dm() {
+  if (Li) return Et;
+  Li = 1;
+  var r = Bm;
   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 = [];
@@ -11705,12 +11376,12 @@ function Em() {
       }
     };
   }
-  return a.noteToMidi = r.midi, Lt = a, Lt;
+  return a.noteToMidi = r.midi, Et = a, Et;
 }
-var xi;
-function Lm() {
-  return xi || (xi = 1, function(r) {
-    var a = cm(), t = fm();
+var Gi;
+function Om() {
+  return Gi || (Gi = 1, function(r) {
+    var a = nm(), t = mm();
     function e(i, c, l) {
       if (arguments.length === 1) return function(m, f) {
         return e(i, m, f);
@@ -11727,40 +11398,27 @@ function Lm() {
     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 = Em();
+    var s = Dm();
     s.instrument = e, s.nameToUrl = o, r.exports && (r.exports = s), typeof window < "u" && (window.Soundfont = s);
-  }(Rt)), Rt.exports;
-}
-var Gm = Lm();
-const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc = (r) => {
-  const {
-    audioContext: a,
-    format: t,
-    hostname: e,
-    instrumentName: n,
-    onChange: o,
-    render: s,
-    soundfont: i
-  } = 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,
-        soundfont: i,
-        nameToUrl: (R, S, P) => `${e}/${S}/${R}-${P}.js`
-      }).then((R) => {
-        d(R);
-      }) : Gt(n) ? Ki.instrument(a, n).then(
-        (R) => {
-          d(R);
-        }
-      ) : l(!1);
-    },
-    [a, t, e, n, i]
-  );
+  }(vt)), vt.exports;
+}
+var Am = Om();
+const xi = /* @__PURE__ */ Ve(Am), Lt = (r) => r != null && !Number.isNaN(r), vc = (r) => {
+  const { audioContext: a, format: t, hostname: e, instrumentName: n, onChange: o, render: s, soundfont: i } = r, [c, l] = Te(!0), [h, u] = Te({}), [p, d] = Te(null), m = Re((K) => {
+    d(null), Lt(e) ? xi.instrument(a, K, {
+      format: t,
+      soundfont: i,
+      nameToUrl: (R, S, P) => `${e}/${S}/${R}-${P}.js`
+    }).then((R) => {
+      d(R);
+    }) : Lt(n) ? xi.instrument(a, n).then((R) => {
+      d(R);
+    }) : l(!1);
+  }, [a, t, e, n, i]);
   return ye(() => {
     m(n);
   }, [n, m]), ye(() => {
-    Gt(n) && l(!p);
+    Lt(n) && l(!p);
   }, [p, n]), s({
     isLoading: c,
     playNote: (K) => {
@@ -11788,7 +11446,7 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
       });
     }
   });
-}, xt = [
+}, Gt = [
   "C",
   "C#",
   "D",
@@ -11801,142 +11459,64 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
   "A",
   "A#",
   "B"
-], xm = 12, Km = xm * 0.7, Nm = new window.AudioContext(), qm = ({
-  octave: r,
-  height: a,
-  width: t,
-  ...e
-}) => {
-  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,
-    {
-      keyWidthToHeight: o,
-      noteRange: { first: s, last: i },
-      width: t,
-      ...e
-    }
-  ) });
-}, d1 = ({
+], Em = 12, Lm = Em * 0.7, Gm = new window.AudioContext(), xm = ({ octave: r, height: a, width: t, ...e }) => {
+  const o = (t / Lm + 2) / a, s = pi(Gt[0] + String(r)) || 0, i = pi(Gt[Gt.length - 1] + String(r)) || 0;
+  return O("div", { children: O(en, { keyWidthToHeight: o, noteRange: { first: s, last: i }, width: t, ...e }) });
+}, s1 = ({ format: r, height: a, hostname: t, instrumentName: e, octave: n = 4, onChange: o, onClick: s, onDoubleClick: i, onKeyMouseEnter: c, onKeyMouseLeave: l, soundfont: h, Tooltip: u, width: p }) => O(vc, {
+  audioContext: Gm,
   format: r,
-  height: a,
   hostname: t,
   instrumentName: e,
-  octave: n = 4,
   onChange: o,
-  onClick: s,
-  onDoubleClick: i,
-  onKeyMouseEnter: c,
-  onKeyMouseLeave: l,
   soundfont: h,
-  Tooltip: u,
-  width: p
-}) => /* @__PURE__ */ O(
-  vc,
-  {
-    audioContext: Nm,
-    format: r,
-    hostname: t,
-    instrumentName: e,
-    onChange: o,
-    soundfont: h,
-    render: ({
-      isLoading: d,
-      playNote: m,
-      stopNote: f
-    }) => /* @__PURE__ */ ne(Ga, { children: [
-      /* @__PURE__ */ O("div", { children: /* @__PURE__ */ ne("h2", { children: [
-        "Octave: ",
-        n
-      ] }) }),
-      /* @__PURE__ */ O(
-        qm,
-        {
-          disabled: d,
-          height: a,
-          octave: n,
-          onClick: s,
-          onDoubleClick: i,
-          onKeyMouseEnter: c,
-          onKeyMouseLeave: l,
-          playNote: m,
-          stopNote: f,
-          Tooltip: u,
-          width: p
-        }
-      )
-    ] })
-  }
-), 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,
-    {
-      keyWidthToHeight: n,
-      noteRange: { first: Rc, last: _c },
-      width: a,
-      ...t
-    }
-  ) });
-}, m1 = ({
+  render: ({ isLoading: d, playNote: m, stopNote: f }) => ne(Ga, { children: [O("div", { children: ne("h2", { children: ["Octave: ", n] }) }), O(xm, {
+    disabled: d,
+    height: a,
+    octave: n,
+    onClick: s,
+    onDoubleClick: i,
+    onKeyMouseEnter: c,
+    onKeyMouseLeave: l,
+    playNote: m,
+    stopNote: f,
+    Tooltip: u,
+    width: p
+  })] })
+}), Rc = 21, _c = 108, Km = _c - Rc - 1, Nm = Km * 0.7, qm = new window.AudioContext(), Wm = ({ height: r, width: a, ...t }) => {
+  const n = (a / Nm + 2) / r;
+  return O("div", { children: O(en, { keyWidthToHeight: n, noteRange: { first: Rc, last: _c }, width: a, ...t }) });
+}, l1 = ({ format: r, height: a, hostname: t, instrumentName: e, onChange: n, onClick: o, onDoubleClick: s, onKeyMouseEnter: i, onKeyMouseLeave: c, soundfont: l, width: h }) => O(vc, {
+  audioContext: qm,
   format: r,
-  height: a,
   hostname: t,
   instrumentName: e,
   onChange: n,
-  onClick: o,
-  onDoubleClick: s,
-  onKeyMouseEnter: i,
-  onKeyMouseLeave: c,
   soundfont: l,
-  width: h
-}) => /* @__PURE__ */ O(
-  vc,
-  {
-    audioContext: zm,
-    format: r,
-    hostname: t,
-    instrumentName: e,
-    onChange: n,
-    soundfont: l,
-    render: ({ isLoading: u, playNote: p, stopNote: d }) => /* @__PURE__ */ O(
-      Fm,
-      {
-        disabled: u,
-        height: a,
-        onClick: o,
-        onDoubleClick: s,
-        onKeyMouseEnter: i,
-        onKeyMouseLeave: c,
-        playNote: p,
-        stopNote: d,
-        width: h
-      }
-    )
-  }
-), p1 = Se(({ labelOff: r = "Normally Off", labelOn: a = "Normally On", ...t }, e) => /* @__PURE__ */ O(
-  _e,
-  {
-    ...t,
-    options: [
-      { value: 0, label: r },
-      { value: 1, label: a }
-    ],
-    ref: e
-  }
-)), bc = ({ children: r }) => fl(gl, null, r), Ni = (r) => r ? {
+  render: ({ isLoading: u, playNote: p, stopNote: d }) => O(Wm, {
+    disabled: u,
+    height: a,
+    onClick: o,
+    onDoubleClick: s,
+    onKeyMouseEnter: i,
+    onKeyMouseLeave: c,
+    playNote: p,
+    stopNote: d,
+    width: h
+  })
+}), u1 = Se(({ labelOff: r = "Normally Off", labelOn: a = "Normally On", ...t }, e) => O(_e, { ...t, options: [
+  { value: 0, label: r },
+  { value: 1, label: a }
+], ref: e })), Ki = (r) => r ? {
   width: r.offsetWidth,
   height: r.offsetHeight
 } : {
   width: 0,
   height: 0
-}, Im = (r) => {
-  const [a, t] = Te(
-    Ni(r ? r.current : null)
-  ), e = Re(() => {
-    r.current && t(Ni(r.current));
+}, Um = (r) => {
+  const [a, t] = Te(Ki(r ? r.current : null)), e = Re(() => {
+    r.current && t(Ki(r.current));
   }, [r]);
-  return Tl(() => {
+  return hl(() => {
     if (r.current) {
       if (e(), typeof ResizeObserver == "function") {
         const n = new ResizeObserver(() => {
@@ -11951,7 +11531,7 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
       };
     }
   }, [r.current]), a;
-}, qi = "__react_svg_text_measurement_id", Vm = (r, a, t, e) => {
+}, Ni = "__react_svg_text_measurement_id", zm = (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];
@@ -11967,22 +11547,16 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
     }
     return i;
   }, []);
-}, jm = (r, a, t) => {
+}, Fm = (r, a, t) => {
   var e;
   if (r && a) {
-    Array.from(r).forEach(
-      (c) => a.style.setProperty(
-        c,
-        r.getPropertyValue(c),
-        r.getPropertyPriority(c)
-      )
-    );
+    Array.from(r).forEach((c) => a.style.setProperty(c, r.getPropertyValue(c), r.getPropertyPriority(c)));
     const o = [...new Set(String(t).split(/\s+/))].reduce((c, l) => (a.textContent = l, { ...c, [l]: a.getBBox().width }), {});
     a.textContent = " ";
     const s = ((e = a == null ? void 0 : a.getComputedTextLength) == null ? void 0 : e.call(a)) || 8, i = a.getBBox().height;
     return a.setAttribute("style", ""), { wordsWithComputedWidth: o, spaceWidth: s, lineHeight: i };
   }
-}, Wi = (r) => {
+}, qi = (r) => {
   const {
     className: a = "",
     dx: t = 0,
@@ -11999,37 +11573,24 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
   } = 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 = Re(
-    (C) => {
-      G(
-        C !== null ? window.getComputedStyle(C) : void 0
-      );
-    },
-    []
-  );
+  }, [m, s]), S = Re((C) => {
+    G(C !== null ? window.getComputedStyle(C) : void 0);
+  }, []);
   ye(() => {
-    const C = document.getElementById(qi);
+    const C = document.getElementById(Ni);
     if (C === null) {
       const T = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-      return T.setAttribute("id", qi), document.body.appendChild(T), T.appendChild(
-        document.createElementNS("http://www.w3.org/2000/svg", "text")
-      ), K.current = T, () => {
+      return T.setAttribute("id", Ni), document.body.appendChild(T), T.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "text")), K.current = T, () => {
         document.body.removeChild(T);
       };
     }
     K.current = C;
   }, []), ye(() => {
-    const C = jm(
-      v,
-      K.current,
-      s
-    );
+    const C = Fm(v, K.current, s);
     d(C);
   }, [s, v]), ye(() => {
     if (o && p) {
-      const C = s.split(/\n/).flatMap(
-        (T) => Vm(T, p, o, n)
-      );
+      const C = s.split(/\n/).flatMap((T) => zm(T, p, o, n));
       f(C);
     }
   }, [n, o, p, s]);
@@ -12045,103 +11606,79 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
       }
     return 0;
   }, [R.length, i, p == null ? void 0 : p.lineHeight]);
-  return /* @__PURE__ */ O(
-    "text",
-    {
-      className: a,
-      ref: S,
-      dx: t,
-      dy: e,
-      x: c,
-      y: l,
-      transform: h,
-      ...u,
-      children: /* @__PURE__ */ ne(Ga, { children: [
-        R.map((C, T) => /* @__PURE__ */ O(
-          "tspan",
-          {
-            dx: c + t,
-            dy: T === 0 ? P + e : (p == null ? void 0 : p.lineHeight) || 0,
-            x: 0,
-            children: C.words.join(" ")
-          },
-          T
-        )),
-        m.length && R.length !== m.length && /* @__PURE__ */ ne(Ga, { children: [
-          /* @__PURE__ */ O("tspan", { children: "..." }),
-          /* @__PURE__ */ O("title", { children: s })
-        ] })
-      ] })
-    }
-  );
-}, Hc = 0, yc = 1, Mc = 2, kc = 3, wc = 4, Bc = 5, Dc = 6, Oc = 7, Ac = [
+  return O("text", {
+    className: a,
+    ref: S,
+    dx: t,
+    dy: e,
+    x: c,
+    y: l,
+    // textAnchor={textAnchor}
+    transform: h,
+    ...u,
+    children: ne(Ga, { children: [R.map((C, T) => O("tspan", { dx: c + t, dy: T === 0 ? P + e : (p == null ? void 0 : p.lineHeight) || 0, x: 0, children: C.words.join(" ") }, T)), m.length && R.length !== m.length && ne(Ga, { children: [O("tspan", { children: "..." }), O("title", { children: s })] })] })
+  });
+}, bc = 0, Hc = 1, yc = 2, Mc = 3, kc = 4, wc = 5, Bc = 6, Dc = 7, Oc = [
   {
-    value: Oc,
+    value: Dc,
     label: "Always maxed out."
   },
   {
-    value: Dc,
+    value: Bc,
     label: "Most sensitive."
   },
   {
-    value: Bc,
+    value: wc,
     label: "Moderately sensitive."
   },
   {
-    value: wc,
+    value: kc,
     label: "A little sensitive."
   },
   {
-    value: Hc,
+    value: bc,
     label: "Linear, no change."
   },
   {
-    value: yc,
+    value: Hc,
     label: "A little less sensitive."
   },
   {
-    value: Mc,
+    value: yc,
     label: "Even less sensitive."
   },
   {
-    value: kc,
+    value: Mc,
     label: "Least sensitive."
   }
-], za = 20, Kt = 15, Ke = za, Ea = za, Xm = (r) => {
-  const {
-    Tooltip: a = bc,
-    autosize: t,
-    disabled: e,
-    inverted: n,
-    onChange: o,
-    value: s
-  } = 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(
+], za = 20, xt = 15, Ke = za, Ea = za, Im = (r) => {
+  const { Tooltip: a = Wi, autosize: t, disabled: e, inverted: n, onChange: o, value: s } = r, i = Ie(null), c = Ie(null), { height: l, width: h } = Um(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 = Oc.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;
       switch (R) {
-        case Hc:
+        case bc:
           P = f, C = v, j += 3;
           break;
-        case yc:
+        case Hc:
           P = n ? f + u * 0.13 : f - u * 0.13, C = v - p * 0.13, F = n ? f + u * 0.1 : f - u * 0.1, j = v - p * 0.09;
           break;
-        case Mc:
+        case yc:
           P = n ? f + u * 0.25 : f - u * 0.25, C = v - p * 0.25, F = n ? f + u * 0.2 : f - u * 0.2, j = v - p * 0.17;
           break;
-        case kc:
+        case Mc:
           P = n ? f + u * 0.35 : f - u * 0.35, C = v - p * 0.35, F = n ? f + u * 0.28 : f - u * 0.28, j = v - p * 0.25;
           break;
-        case wc:
+        case kc:
           P = n ? f - u * 0.13 : f + u * 0.13, C = v + p * 0.13, F = n ? f - u * 0.1 : f + u * 0.1, j = v + p * 0.1;
           break;
-        case Bc:
+        case wc:
           P = n ? f - u * 0.25 : f + u * 0.25, C = v + p * 0.25, F = n ? f - u * 0.2 : f + u * 0.2, j = v + p * 0.18;
           break;
-        case Dc:
+        case Bc:
           P = n ? f - u * 0.35 : f + u * 0.35, C = v + p * 0.35, F = n ? f - u * 0.28 : f + u * 0.28, j = v + p * 0.25;
           break;
-        case Oc:
+        case Dc:
           T = n ? Ke : d, _ = Ea, w = T, x = m, P = T, C = v, F = T - 5, j = p - 30;
           break;
       }
@@ -12159,190 +11696,30 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
       };
     }
   );
-  return /* @__PURE__ */ O(
-    "div",
-    {
-      className: "response-curve-picker",
-      ref: i,
-      children: /* @__PURE__ */ ne("svg", { ...G, children: [
-        /* @__PURE__ */ O(
-          "rect",
-          {
-            className: "container",
-            height: p,
-            rx: 3,
-            ry: 3,
-            width: u,
-            x: 0,
-            y: 0
-          }
-        ),
-        /* @__PURE__ */ O(
-          Wi,
-          {
-            className: "axis",
-            textAnchor: "middle",
-            transform: `translate(${Ke - 14} ${p / 2}) rotate(90)`,
-            x: 0,
-            y: 0,
-            text: "Applied force"
-          }
-        ),
-        /* @__PURE__ */ O(
-          Wi,
-          {
-            className: "axis",
-            textAnchor: "middle",
-            transform: `translate(${u / 2} ${m + 13})`,
-            x: 0,
-            y: 0,
-            text: "Output (velocity)"
-          }
-        ),
-        /* @__PURE__ */ O(
-          "line",
-          {
-            className: "axis",
-            x1: Ke,
-            x2: Ke,
-            y1: Ea,
-            y2: m
-          }
-        ),
-        /* @__PURE__ */ O(
-          "line",
-          {
-            className: "axis",
-            x1: Ke,
-            x2: d,
-            y1: m,
-            y2: m
-          }
-        ),
-        K.map(
-          ({ value: R, label: S, x1: P, y1: C, x2: T, y2: _, c1: w, c2: x, labelX: F, labelY: j }) => /* @__PURE__ */ ne("g", { children: [
-            /* @__PURE__ */ O(
-              "path",
-              {
-                className: R === s ? "curve-selected" : "curve",
-                d: `M${P} ${C} C ${w} ${x}, ${w} ${x}, ${T} ${_}`
-              }
-            ),
-            /* @__PURE__ */ O(
-              a,
-              {
-                placement: "left",
-                title: S,
-                children: /* @__PURE__ */ O(
-                  "rect",
-                  {
-                    className: R === s ? "button-selected" : "button",
-                    height: Kt,
-                    onClick: e ? (ie) => ie : () => o({
-                      target: {
-                        value: Number.parseInt(String(R))
-                      }
-                    }),
-                    transform: `translate(${F + 3} ${j - Kt / 1.05}) rotate(45)`,
-                    width: Kt
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ ne(
-              "text",
-              {
-                className: R === s ? "button-selected" : "button",
-                transform: `translate(${F} ${j})`,
-                children: [
-                  R,
-                  /* @__PURE__ */ O("title", { children: S })
-                ]
-              }
-            )
-          ] }, R)
-        )
-      ] })
-    }
-  );
-}, h1 = Se((r, a) => {
-  const {
-    Tooltip: t = bc,
-    inverted: e = !1,
-    onChange: n,
-    value: o,
-    ...s
-  } = r, i = Re(
-    () => {
-      var l;
-      return /* @__PURE__ */ O("div", { className: "singleValue", children: (l = Hl("value", o)(Ac)) == null ? void 0 : l.label });
-    },
-    [o]
-  ), c = Re(
-    ({ setValue: l }) => /* @__PURE__ */ O(
-      Xm,
-      {
-        autosize: !0,
-        inverted: e,
-        onChange: ({ target: { value: h } }) => {
-          l(h), n(h);
-        },
-        Tooltip: t,
-        value: Number.parseInt(String(o))
-      }
-    ),
-    [t, e, n, o]
-  );
-  return /* @__PURE__ */ O(
-    _e,
-    {
-      ...s,
-      components: {
-        Placeholder: i,
-        MenuList: c
-      },
-      isSearchable: !1,
-      onChange: (l) => l,
-      ref: a,
-      value: o
-    }
-  );
-}), f1 = Se(({ statuses: r, ...a }, t) => /* @__PURE__ */ O(
-  _e,
-  {
-    ...a,
-    options: r,
-    ref: t
-  }
-)), g1 = Se((r, a) => {
-  const {
-    disabled: t,
-    highToLow: e,
-    max: n = 127,
-    min: o = 0,
-    onChange: s,
-    value: i = 0,
-    ...c
-  } = r, l = Be(() => {
+  return O("div", { className: "response-curve-picker", ref: i, children: ne("svg", { ...G, children: [O("rect", { className: "container", height: p, rx: 3, ry: 3, width: u, x: 0, y: 0 }), O(qi, { className: "axis", textAnchor: "middle", transform: `translate(${Ke - 14} ${p / 2}) rotate(90)`, x: 0, y: 0, text: "Applied force" }), O(qi, { className: "axis", textAnchor: "middle", transform: `translate(${u / 2} ${m + 13})`, x: 0, y: 0, text: "Output (velocity)" }), O("line", { className: "axis", x1: Ke, x2: Ke, y1: Ea, y2: m }), O("line", { className: "axis", x1: Ke, x2: d, y1: m, y2: m }), K.map(({ value: R, label: S, x1: P, y1: C, x2: T, y2: _, c1: w, c2: x, labelX: F, labelY: j }) => ne("g", { children: [O("path", { className: R === s ? "curve-selected" : "curve", d: `M${P} ${C} C ${w} ${x}, ${w} ${x}, ${T} ${_}` }), O(a, { placement: "left", title: S, children: O("rect", { className: R === s ? "button-selected" : "button", height: xt, onClick: e ? (ie) => ie : () => o({
+    target: {
+      value: Number.parseInt(String(R))
+    }
+  }), transform: `translate(${F + 3} ${j - xt / 1.05}) rotate(45)`, width: xt }) }), ne("text", { className: R === s ? "button-selected" : "button", transform: `translate(${F} ${j})`, children: [R, O("title", { children: S })] })] }, R))] }) });
+}, P1 = Se((r, a) => {
+  const { Tooltip: t = Wi, inverted: e = !1, onChange: n, value: o, ...s } = r, i = Re(() => {
+    var l;
+    return O("div", { className: "singleValue", children: (l = Rl("value", o)(Oc)) == null ? void 0 : l.label });
+  }, [o]), c = Re(({ setValue: l }) => O(Im, { autosize: !0, inverted: e, onChange: ({ target: { value: h } }) => {
+    l(h), n(h);
+  }, Tooltip: t, value: Number.parseInt(String(o)) }), [t, e, n, o]);
+  return O(_e, { ...s, components: {
+    Placeholder: i,
+    MenuList: c
+  }, isSearchable: !1, onChange: (l) => l, ref: a, value: o });
+}), d1 = Se(({ statuses: r, ...a }, t) => O(_e, { ...a, options: r, ref: t })), m1 = Se((r, a) => {
+  const { disabled: t, highToLow: e, max: n = 127, min: o = 0, onChange: s, value: i = 0, ...c } = 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 = Re(
-    (d) => {
-      s(xa(d, n, o)), u(Number.parseInt(String(d), 10));
-    },
-    [n, o, s, u]
-  );
-  return /* @__PURE__ */ O(
-    _e,
-    {
-      ...c,
-      disabled: t,
-      onChange: p,
-      options: l,
-      ref: a,
-      value: h
-    }
-  );
+  }, [e, n, o]), [h, u] = zt(i), p = Re((d) => {
+    s(xa(d, n, o)), u(Number.parseInt(String(d), 10));
+  }, [n, o, s, u]);
+  return O(_e, { ...c, disabled: t, onChange: p, options: l, ref: a, value: h });
 }), we = {
   noteOff: 8,
   // 1000
@@ -12358,7 +11735,7 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
   // 1101
   pitchWheel: 14
   // 1110
-}, Jm = 15, $m = 240, Ym = [
+}, Vm = 15, jm = 240, Xm = [
   { value: we.noteOn, label: "Note On" },
   { value: we.noteOff, label: "Note Stack" },
   { value: we.controlChange, label: "Control Change" },
@@ -12366,13 +11743,13 @@ const Ki = /* @__PURE__ */ Ve(Gm), 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" }
-], T1 = (r) => {
+], p1 = (r) => {
   var a;
-  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 = [
+  return ((a = Xm.filter(({ value: t }) => t === r)[0]) == null ? void 0 : a.label) || "???";
+}, h1 = (r, a) => r | a << 4, f1 = (r) => ({
+  status: (r & jm) >> 4 | 8,
+  channel: r & Vm
+}), g1 = [
   "Bank Select",
   "Modulation Wheel",
   "Breath Controller",
@@ -12501,36 +11878,35 @@ const Ki = /* @__PURE__ */ Ve(Gm), Gt = (r) => r != null && !Number.isNaN(r), vc
   "Omni Mode On",
   "Mono Mode On",
   "Poly Mode"
-].map(
-  (r, a) => ({
-    label: String(r).length ? `${a} - ${r}` : String(a),
-    value: a
-  })
-);
+].map((r, a) => ({
+  label: String(r).length ? `${a} - ${r}` : String(a),
+  value: a
+}));
 export {
-  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,
-  Xm as ResponseCurve,
-  h1 as ResponseCurvePicker,
-  Wi as SVGText,
+  a1 as ChannelMappingPicker,
+  t1 as ChannelPicker,
+  Wi as DefaultTooltip,
+  Xl as Knob,
+  n1 as KnobPicker,
+  o1 as LatchPicker,
+  Vm as MASK_CHANNEL,
+  jm as MASK_STATUS,
+  i1 as MappingPicker,
+  c1 as NotePicker,
+  s1 as OctavePlayer,
+  l1 as PianoPicker,
+  u1 as PolarityPicker,
+  Oc as RESPONSE_CURVES,
+  Im as ResponseCurve,
+  P1 as ResponseCurvePicker,
+  qi as SVGText,
   _e as Select,
-  f1 as StatusPicker,
+  d1 as StatusPicker,
   we as Statuses,
-  g1 as ValuePicker,
-  v1 as ccValues,
-  S1 as combineStatusWithChannel,
-  C1 as extractStatusAndChannel,
-  T1 as getStatusLabel
+  m1 as ValuePicker,
+  g1 as ccValues,
+  h1 as combineStatusWithChannel,
+  f1 as extractStatusAndChannel,
+  p1 as getStatusLabel
 };
 //# sourceMappingURL=index.es.js.map