zds-pickers 4.0.9 → 4.0.11

package/dist/index.es.js

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