twist-aplayer 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1879 @@
+import * as ee from "react";
+import _e, { useMemo as K, useRef as F, useState as H, useEffect as I, useCallback as L } from "react";
+var be = { exports: {} }, ie = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var er;
+function Br() {
+  if (er) return ie;
+  er = 1;
+  var e = _e, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(y, s, d) {
+    var b, l = {}, c = null, E = null;
+    d !== void 0 && (c = "" + d), s.key !== void 0 && (c = "" + s.key), s.ref !== void 0 && (E = s.ref);
+    for (b in s) a.call(s, b) && !f.hasOwnProperty(b) && (l[b] = s[b]);
+    if (y && y.defaultProps) for (b in s = y.defaultProps, s) l[b] === void 0 && (l[b] = s[b]);
+    return { $$typeof: t, type: y, key: c, ref: E, props: l, _owner: i.current };
+  }
+  return ie.Fragment = n, ie.jsx = p, ie.jsxs = p, ie;
+}
+var oe = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var rr;
+function zr() {
+  return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = _e, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), y = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), S = Symbol.iterator, o = "@@iterator";
+    function h(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var u = S && r[S] || r[o];
+      return typeof u == "function" ? u : null;
+    }
+    var g = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(r) {
+      {
+        for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), _ = 1; _ < u; _++)
+          m[_ - 1] = arguments[_];
+        q("error", r, m);
+      }
+    }
+    function q(r, u, m) {
+      {
+        var _ = g.ReactDebugCurrentFrame, j = _.getStackAddendum();
+        j !== "" && (u += "%s", m = m.concat([j]));
+        var R = m.map(function(w) {
+          return String(w);
+        });
+        R.unshift("Warning: " + u), Function.prototype.apply.call(console[r], console, R);
+      }
+    }
+    var C = !1, re = !1, U = !1, B = !1, ce = !1, le;
+    le = Symbol.for("react.module.reference");
+    function Se(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === a || r === f || ce || r === i || r === d || r === b || B || r === E || C || re || U || typeof r == "object" && r !== null && (r.$$typeof === c || r.$$typeof === l || r.$$typeof === p || r.$$typeof === y || r.$$typeof === s || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      r.$$typeof === le || r.getModuleId !== void 0));
+    }
+    function Te(r, u, m) {
+      var _ = r.displayName;
+      if (_)
+        return _;
+      var j = u.displayName || u.name || "";
+      return j !== "" ? m + "(" + j + ")" : m;
+    }
+    function fe(r) {
+      return r.displayName || "Context";
+    }
+    function V(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case a:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case f:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case d:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case y:
+            var u = r;
+            return fe(u) + ".Consumer";
+          case p:
+            var m = r;
+            return fe(m._context) + ".Provider";
+          case s:
+            return Te(r, r.render, "ForwardRef");
+          case l:
+            var _ = r.displayName || null;
+            return _ !== null ? _ : V(r.type) || "Memo";
+          case c: {
+            var j = r, R = j._payload, w = j._init;
+            try {
+              return V(w(R));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var k = Object.assign, Y = 0, J, te, ne, ae, O, de, De;
+    function ke() {
+    }
+    ke.__reactDisabledLog = !0;
+    function yr() {
+      {
+        if (Y === 0) {
+          J = console.log, te = console.info, ne = console.warn, ae = console.error, O = console.group, de = console.groupCollapsed, De = console.groupEnd;
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            value: ke,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        Y++;
+      }
+    }
+    function br() {
+      {
+        if (Y--, Y === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: k({}, r, {
+              value: J
+            }),
+            info: k({}, r, {
+              value: te
+            }),
+            warn: k({}, r, {
+              value: ne
+            }),
+            error: k({}, r, {
+              value: ae
+            }),
+            group: k({}, r, {
+              value: O
+            }),
+            groupCollapsed: k({}, r, {
+              value: de
+            }),
+            groupEnd: k({}, r, {
+              value: De
+            })
+          });
+        }
+        Y < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var we = g.ReactCurrentDispatcher, je;
+    function ve(r, u, m) {
+      {
+        if (je === void 0)
+          try {
+            throw Error();
+          } catch (j) {
+            var _ = j.stack.trim().match(/\n( *(at )?)/);
+            je = _ && _[1] || "";
+          }
+        return `
+` + je + r;
+      }
+    }
+    var Oe = !1, me;
+    {
+      var gr = typeof WeakMap == "function" ? WeakMap : Map;
+      me = new gr();
+    }
+    function Ie(r, u) {
+      if (!r || Oe)
+        return "";
+      {
+        var m = me.get(r);
+        if (m !== void 0)
+          return m;
+      }
+      var _;
+      Oe = !0;
+      var j = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var R;
+      R = we.current, we.current = null, yr();
+      try {
+        if (u) {
+          var w = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(w.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(w, []);
+            } catch (z) {
+              _ = z;
+            }
+            Reflect.construct(r, [], w);
+          } else {
+            try {
+              w.call();
+            } catch (z) {
+              _ = z;
+            }
+            r.call(w.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (z) {
+            _ = z;
+          }
+          r();
+        }
+      } catch (z) {
+        if (z && _ && typeof z.stack == "string") {
+          for (var T = z.stack.split(`
+`), M = _.stack.split(`
+`), $ = T.length - 1, A = M.length - 1; $ >= 1 && A >= 0 && T[$] !== M[A]; )
+            A--;
+          for (; $ >= 1 && A >= 0; $--, A--)
+            if (T[$] !== M[A]) {
+              if ($ !== 1 || A !== 1)
+                do
+                  if ($--, A--, A < 0 || T[$] !== M[A]) {
+                    var D = `
+` + T[$].replace(" at new ", " at ");
+                    return r.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", r.displayName)), typeof r == "function" && me.set(r, D), D;
+                  }
+                while ($ >= 1 && A >= 0);
+              break;
+            }
+        }
+      } finally {
+        Oe = !1, we.current = R, br(), Error.prepareStackTrace = j;
+      }
+      var Q = r ? r.displayName || r.name : "", Ze = Q ? ve(Q) : "";
+      return typeof r == "function" && me.set(r, Ze), Ze;
+    }
+    function Er(r, u, m) {
+      return Ie(r, !1);
+    }
+    function xr(r) {
+      var u = r.prototype;
+      return !!(u && u.isReactComponent);
+    }
+    function he(r, u, m) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return Ie(r, xr(r));
+      if (typeof r == "string")
+        return ve(r);
+      switch (r) {
+        case d:
+          return ve("Suspense");
+        case b:
+          return ve("SuspenseList");
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case s:
+            return Er(r.render);
+          case l:
+            return he(r.type, u, m);
+          case c: {
+            var _ = r, j = _._payload, R = _._init;
+            try {
+              return he(R(j), u, m);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var pe = Object.prototype.hasOwnProperty, Ve = {}, Fe = g.ReactDebugCurrentFrame;
+    function ye(r) {
+      if (r) {
+        var u = r._owner, m = he(r.type, r._source, u ? u.type : null);
+        Fe.setExtraStackFrame(m);
+      } else
+        Fe.setExtraStackFrame(null);
+    }
+    function _r(r, u, m, _, j) {
+      {
+        var R = Function.call.bind(pe);
+        for (var w in r)
+          if (R(r, w)) {
+            var T = void 0;
+            try {
+              if (typeof r[w] != "function") {
+                var M = Error((_ || "React class") + ": " + m + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw M.name = "Invariant Violation", M;
+              }
+              T = r[w](u, w, _, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch ($) {
+              T = $;
+            }
+            T && !(T instanceof Error) && (ye(j), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", _ || "React class", m, w, typeof T), ye(null)), T instanceof Error && !(T.message in Ve) && (Ve[T.message] = !0, ye(j), x("Failed %s type: %s", m, T.message), ye(null));
+          }
+      }
+    }
+    var Sr = Array.isArray;
+    function Re(r) {
+      return Sr(r);
+    }
+    function Tr(r) {
+      {
+        var u = typeof Symbol == "function" && Symbol.toStringTag, m = u && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return m;
+      }
+    }
+    function wr(r) {
+      try {
+        return Be(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Be(r) {
+      return "" + r;
+    }
+    function ze(r) {
+      if (wr(r))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Tr(r)), Be(r);
+    }
+    var He = g.ReactCurrentOwner, jr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, We, Ue;
+    function Or(r) {
+      if (pe.call(r, "ref")) {
+        var u = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (u && u.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function Rr(r) {
+      if (pe.call(r, "key")) {
+        var u = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (u && u.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function Lr(r, u) {
+      typeof r.ref == "string" && He.current;
+    }
+    function Pr(r, u) {
+      {
+        var m = function() {
+          We || (We = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+        };
+        m.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: m,
+          configurable: !0
+        });
+      }
+    }
+    function $r(r, u) {
+      {
+        var m = function() {
+          Ue || (Ue = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+        };
+        m.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: m,
+          configurable: !0
+        });
+      }
+    }
+    var Cr = function(r, u, m, _, j, R, w) {
+      var T = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: r,
+        key: u,
+        ref: m,
+        props: w,
+        // Record the component responsible for creating this element.
+        _owner: R
+      };
+      return T._store = {}, Object.defineProperty(T._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(T, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: _
+      }), Object.defineProperty(T, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: j
+      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+    };
+    function Ar(r, u, m, _, j) {
+      {
+        var R, w = {}, T = null, M = null;
+        m !== void 0 && (ze(m), T = "" + m), Rr(u) && (ze(u.key), T = "" + u.key), Or(u) && (M = u.ref, Lr(u, j));
+        for (R in u)
+          pe.call(u, R) && !jr.hasOwnProperty(R) && (w[R] = u[R]);
+        if (r && r.defaultProps) {
+          var $ = r.defaultProps;
+          for (R in $)
+            w[R] === void 0 && (w[R] = $[R]);
+        }
+        if (T || M) {
+          var A = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          T && Pr(w, A), M && $r(w, A);
+        }
+        return Cr(r, T, M, j, _, He.current, w);
+      }
+    }
+    var Le = g.ReactCurrentOwner, Ye = g.ReactDebugCurrentFrame;
+    function X(r) {
+      if (r) {
+        var u = r._owner, m = he(r.type, r._source, u ? u.type : null);
+        Ye.setExtraStackFrame(m);
+      } else
+        Ye.setExtraStackFrame(null);
+    }
+    var Pe;
+    Pe = !1;
+    function $e(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === t;
+    }
+    function Ge() {
+      {
+        if (Le.current) {
+          var r = V(Le.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function Nr(r) {
+      return "";
+    }
+    var Ke = {};
+    function qr(r) {
+      {
+        var u = Ge();
+        if (!u) {
+          var m = typeof r == "string" ? r : r.displayName || r.name;
+          m && (u = `
+
+Check the top-level render call using <` + m + ">.");
+        }
+        return u;
+      }
+    }
+    function Je(r, u) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var m = qr(u);
+        if (Ke[m])
+          return;
+        Ke[m] = !0;
+        var _ = "";
+        r && r._owner && r._owner !== Le.current && (_ = " It was passed a child from " + V(r._owner.type) + "."), X(r), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, _), X(null);
+      }
+    }
+    function Xe(r, u) {
+      {
+        if (typeof r != "object")
+          return;
+        if (Re(r))
+          for (var m = 0; m < r.length; m++) {
+            var _ = r[m];
+            $e(_) && Je(_, u);
+          }
+        else if ($e(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var j = h(r);
+          if (typeof j == "function" && j !== r.entries)
+            for (var R = j.call(r), w; !(w = R.next()).done; )
+              $e(w.value) && Je(w.value, u);
+        }
+      }
+    }
+    function Mr(r) {
+      {
+        var u = r.type;
+        if (u == null || typeof u == "string")
+          return;
+        var m;
+        if (typeof u == "function")
+          m = u.propTypes;
+        else if (typeof u == "object" && (u.$$typeof === s || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        u.$$typeof === l))
+          m = u.propTypes;
+        else
+          return;
+        if (m) {
+          var _ = V(u);
+          _r(m, r.props, "prop", _, r);
+        } else if (u.PropTypes !== void 0 && !Pe) {
+          Pe = !0;
+          var j = V(u);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+        }
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Dr(r) {
+      {
+        for (var u = Object.keys(r.props), m = 0; m < u.length; m++) {
+          var _ = u[m];
+          if (_ !== "children" && _ !== "key") {
+            X(r), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), X(null);
+            break;
+          }
+        }
+        r.ref !== null && (X(r), x("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
+      }
+    }
+    function Qe(r, u, m, _, j, R) {
+      {
+        var w = Se(r);
+        if (!w) {
+          var T = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var M = Nr();
+          M ? T += M : T += Ge();
+          var $;
+          r === null ? $ = "null" : Re(r) ? $ = "array" : r !== void 0 && r.$$typeof === t ? ($ = "<" + (V(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof r, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, T);
+        }
+        var A = Ar(r, u, m, j, R);
+        if (A == null)
+          return A;
+        if (w) {
+          var D = u.children;
+          if (D !== void 0)
+            if (_)
+              if (Re(D)) {
+                for (var Q = 0; Q < D.length; Q++)
+                  Xe(D[Q], r);
+                Object.freeze && Object.freeze(D);
+              } else
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Xe(D, r);
+        }
+        return r === a ? Dr(A) : Mr(A), A;
+      }
+    }
+    function kr(r, u, m) {
+      return Qe(r, u, m, !0);
+    }
+    function Ir(r, u, m) {
+      return Qe(r, u, m, !1);
+    }
+    var Vr = Ir, Fr = kr;
+    oe.Fragment = a, oe.jsx = Vr, oe.jsxs = Fr;
+  }()), oe;
+}
+var tr;
+function Hr() {
+  return tr || (tr = 1, process.env.NODE_ENV === "production" ? be.exports = Br() : be.exports = zr()), be.exports;
+}
+var v = Hr(), ge = (e) => `--${e}`, nr = (e) => `var(--${e})`, ar = (e, t) => `--${e}: ${t};`;
+function Wr(e, t) {
+  const n = (a) => t;
+  return {
+    b: () => `${n()}-${e}`,
+    be: (a) => `${n()}-${e}__${a}`,
+    bm: (a) => `${n()}-${e}--${a}`,
+    bem: (a, i) => `${n()}-${e}__${a}--${i}`,
+    bs: (a) => `${n()}-${e}-${a}`,
+    ns: (a) => `${n()}-${a}`,
+    cb: () => `.${n()}-${e}`,
+    cbe: (a) => `.${n()}-${e}__${a}`,
+    cbm: (a) => `.${n()}-${e}--${a}`,
+    cbem: (a, i) => `.${n()}-${e}__${a}--${i}`,
+    cbs: (a) => `.${n()}-${e}-${a}`,
+    cns: (a) => `.${n()}-${a}`,
+    cv: (a) => ge(`${n()}-${e}-${a}`),
+    cvm: (a, i = {}) => {
+      const f = n();
+      for (const p of Object.keys(a))
+        i[ge(`${f}-${e}-${p}`)] = a[p];
+      return i;
+    },
+    gcv: (a) => nr(`${n()}-${e}-${a}`),
+    scv: (a, i) => ar(`${n()}-${e}-${a}`, i),
+    nv: (a) => ge(`${n()}-${a}`),
+    nvm: (a, i = {}) => {
+      const f = n();
+      for (const p of Object.keys(a))
+        i[ge(`${f}-${p}`)] = a[p];
+      return i;
+    },
+    gnv: (a) => nr(`${n()}-${a}`),
+    snv: (a, i) => ar(`${n()}-${a}`, i)
+  };
+}
+function W(e) {
+  return K(() => Wr(e, "twist"), [e]);
+}
+function Ce(e, t) {
+  if (!t.current) return 0;
+  let n = (e.clientX - t.current.getBoundingClientRect().left) / t.current.clientWidth;
+  return n = Math.max(n, 0), n = Math.min(n, 1), n = Math.floor(n * 100) / 100, n;
+}
+function Ae(e, t) {
+  if (!t.current) return 0;
+  let n = 1 - (e.clientY - t.current.getBoundingClientRect().top) / t.current.clientHeight;
+  return n = Math.max(n, 0), n = Math.min(n, 1), n = Math.floor(n * 100) / 100, n;
+}
+var dr = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attrs: void 0
+}, Me = /* @__PURE__ */ ee.createContext(dr);
+Me.Provider;
+function ue(e) {
+  "@babel/helpers - typeof";
+  return ue = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, ue(e);
+}
+var Ur = ["attrs", "size", "title", "spin", "rotate", "color"];
+function Yr(e, t) {
+  return Jr(e) || Kr(e, t) || vr(e, t) || Gr();
+}
+function Gr() {
+  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 Kr(e, t) {
+  var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (n != null) {
+    var a, i, f, p, y = [], s = !0, d = !1;
+    try {
+      if (f = (n = n.call(e)).next, t !== 0) for (; !(s = (a = f.call(n)).done) && (y.push(a.value), y.length !== t); s = !0) ;
+    } catch (b) {
+      d = !0, i = b;
+    } finally {
+      try {
+        if (!s && n.return != null && (p = n.return(), Object(p) !== p)) return;
+      } finally {
+        if (d) throw i;
+      }
+    }
+    return y;
+  }
+}
+function Jr(e) {
+  if (Array.isArray(e)) return e;
+}
+function Xr(e, t) {
+  var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (!n) {
+    if (Array.isArray(e) || (n = vr(e)) || t) {
+      n && (e = n);
+      var a = 0, i = function() {
+      };
+      return { s: i, n: function() {
+        return a >= e.length ? { done: !0 } : { done: !1, value: e[a++] };
+      }, e: function(d) {
+        throw d;
+      }, f: i };
+    }
+    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  }
+  var f, p = !0, y = !1;
+  return { s: function() {
+    n = n.call(e);
+  }, n: function() {
+    var d = n.next();
+    return p = d.done, d;
+  }, e: function(d) {
+    y = !0, f = d;
+  }, f: function() {
+    try {
+      p || n.return == null || n.return();
+    } finally {
+      if (y) throw f;
+    }
+  } };
+}
+function vr(e, t) {
+  if (e) {
+    if (typeof e == "string") return ir(e, t);
+    var n = {}.toString.call(e).slice(8, -1);
+    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ir(e, t) : void 0;
+  }
+}
+function ir(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var n = 0, a = Array(t); n < t; n++) a[n] = e[n];
+  return a;
+}
+function xe() {
+  return xe = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var a in n) ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, xe.apply(null, arguments);
+}
+function or(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), n.push.apply(n, a);
+  }
+  return n;
+}
+function se(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? or(Object(n), !0).forEach(function(a) {
+      Qr(e, a, n[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : or(Object(n)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
+    });
+  }
+  return e;
+}
+function Qr(e, t, n) {
+  return (t = Zr(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+}
+function Zr(e) {
+  var t = et(e, "string");
+  return ue(t) == "symbol" ? t : t + "";
+}
+function et(e, t) {
+  if (ue(e) != "object" || !e) return e;
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var a = n.call(e, t);
+    if (ue(a) != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function rt(e, t) {
+  if (e == null) return {};
+  var n, a, i = tt(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var f = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < f.length; a++) n = f[a], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+  }
+  return i;
+}
+function tt(e, t) {
+  if (e == null) return {};
+  var n = {};
+  for (var a in e) if ({}.hasOwnProperty.call(e, a)) {
+    if (t.includes(a)) continue;
+    n[a] = e[a];
+  }
+  return n;
+}
+function nt(e) {
+  var t = e.attrs, n = e.size, a = e.title, i = e.spin, f = e.rotate, p = e.color, y = rt(e, Ur), s = function(b) {
+    var l = n || b.size || "1em", c, E = "", S = "";
+    return b.className && (c = b.className), e.className && (c = c ? "".concat(c, " ").concat(e.className) : e.className), i && (c ? c += " twist-icon-loading" : c = "twist-icon-loading"), f && (E = "rotate(".concat(f, "deg)"), S = "rotate(".concat(f, "deg)")), /* @__PURE__ */ ee.createElement("svg", xe({
+      xmlns: "http://www.w3.org/2000/svg"
+    }, b.attrs, t, y, {
+      className: c,
+      style: se(se({
+        color: p || b.color,
+        msTransform: E,
+        transform: S
+      }, b.style), e.style),
+      width: l,
+      height: l
+    }), a && /* @__PURE__ */ ee.createElement("title", null, a), e.children);
+  };
+  return Me !== void 0 ? /* @__PURE__ */ ee.createElement(Me.Consumer, null, function(d) {
+    return s(d);
+  }) : s(dr);
+}
+function at(e) {
+  var t = {}, n = e.split(";"), a = Xr(n), i;
+  try {
+    for (a.s(); !(i = a.n()).done; ) {
+      var f = i.value, p = f.split(":"), y = Yr(p, 2), s = y[0], d = y[1];
+      if (s && d) {
+        var b = s.trim().replace(/-./g, function(l) {
+          return l.charAt(1).toUpperCase();
+        });
+        t[b] = d.trim();
+      }
+    }
+  } catch (l) {
+    a.e(l);
+  } finally {
+    a.f();
+  }
+  return t;
+}
+function mr(e) {
+  return e && e.map(function(t, n) {
+    return /* @__PURE__ */ ee.createElement(t.tag, se(se({}, t.attrs), {}, {
+      key: n,
+      style: t.attrs.style ? at(t.attrs.style) : null
+    }), mr(t.children));
+  });
+}
+function N(e) {
+  return function(t) {
+    return /* @__PURE__ */ ee.createElement(nt, xe({
+      attrs: se({}, e.attrs)
+    }, t), mr(e.children));
+  };
+}
+function it(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12 2.25c-5.384 0-9.75 4.366-9.75 9.75s4.366 9.75 9.75 9.75v-2.437A7.312 7.312 0 1 1 19.313 12h2.437c0-5.384-4.366-9.75-9.75-9.75" } }] })(e);
+}
+function ot(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M18.25 12L8.5 17.629V6.37z" } }] })(e);
+}
+function hr(e) {
+  var t, n, a = "";
+  if (typeof e == "string" || typeof e == "number") a += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var i = e.length;
+    for (t = 0; t < i; t++) e[t] && (n = hr(e[t])) && (a && (a += " "), a += n);
+  } else for (n in e) e[n] && (a && (a += " "), a += n);
+  return a;
+}
+function P() {
+  for (var e, t, n = 0, a = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = hr(e)) && (a && (a += " "), a += t);
+  return a;
+}
+function ut({
+  bufferedPercentage: e,
+  playedPercentage: t,
+  onSeek: n
+}) {
+  const a = W("aplayer-bar"), i = W("aplayer-icon"), f = F(null), [p, y] = H(t), s = F(!1);
+  I(() => {
+    s.current || y(t);
+  }, [t]);
+  const d = L(
+    (b) => {
+      s.current = !0;
+      const l = Ce(b, f);
+      y(l);
+      const c = (S) => {
+        const o = Ce(S, f);
+        y(o);
+      }, E = (S) => {
+        document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", E);
+        const o = Ce(S, f);
+        y(o), n == null || n(o), s.current = !1;
+      };
+      document.addEventListener("mousemove", c), document.addEventListener("mouseup", E);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ v.jsx(
+    "div",
+    {
+      ref: f,
+      className: P(a.b(), a.bs("vars")),
+      onMouseDown: d,
+      children: /* @__PURE__ */ v.jsxs("div", { className: a.be("inner"), children: [
+        typeof e < "u" ? /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            className: a.be("loaded"),
+            style: { width: `${e * 100}%` }
+          }
+        ) : null,
+        typeof p < "u" ? /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            className: a.be("played"),
+            style: {
+              width: `${p * 100}%`
+            },
+            children: /* @__PURE__ */ v.jsx(
+              "span",
+              {
+                className: a.be("thumb"),
+                children: /* @__PURE__ */ v.jsx("span", { className: P(i.bs("loading")), children: /* @__PURE__ */ v.jsx(it, {}) })
+              }
+            )
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+function st(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z" } }] })(e);
+}
+function ct(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z" } }] })(e);
+}
+function lt(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14 19V5h4v14zm-8 0V5h4v14z" } }] })(e);
+}
+function ft(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712" } }] })(e);
+}
+function dt(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z" } }] })(e);
+}
+function vt(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z" } }] })(e);
+}
+function mt(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2" } }] })(e);
+}
+function ht(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7 15V9h4l5-5v16l-5-5z" } }] })(e);
+}
+function pt(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2" } }] })(e);
+}
+function yt({
+  volume: e,
+  muted: t,
+  onToggleMuted: n,
+  onChangeVolume: a
+}) {
+  const i = W("aplayer-volumn"), f = W("aplayer-icon"), p = F(null), [y, s] = H(!1), d = L(
+    (b) => {
+      a(Ae(b, p)), s(!0);
+      const l = (E) => {
+        a(Ae(E, p));
+      }, c = (E) => {
+        document.removeEventListener("mouseup", c), document.removeEventListener("mousemove", l), s(!1), a(Ae(E, p));
+      };
+      document.addEventListener("mousemove", l), document.addEventListener("mouseup", c);
+    },
+    [a]
+  );
+  return /* @__PURE__ */ v.jsxs("div", { className: P(i.b(), i.bs("vars")), children: [
+    /* @__PURE__ */ v.jsx(
+      "button",
+      {
+        type: "button",
+        className: P(f.b(), f.bs("volume-down")),
+        onClick: () => n(),
+        children: t || !e ? /* @__PURE__ */ v.jsx(ht, {}) : e >= 1 ? /* @__PURE__ */ v.jsx(pt, {}) : /* @__PURE__ */ v.jsx(mt, {})
+      }
+    ),
+    /* @__PURE__ */ v.jsx(
+      "div",
+      {
+        className: P(i.be("bar-wrap"), {
+          [i.bem("bar-wrap", "active")]: y
+        }),
+        ref: p,
+        onMouseDown: d,
+        children: /* @__PURE__ */ v.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            className: i.be("thumb"),
+            style: {
+              height: t ? 0 : `${e * 100}%`
+            }
+          }
+        ) })
+      }
+    )
+  ] });
+}
+function ur(e) {
+  if (typeof e > "u")
+    return "--:--";
+  if (Number.isNaN(e))
+    return "00:00";
+  const t = (p) => p < 10 ? `0${p}` : `${p}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), f = Math.trunc(
+    e / 60 - 60 * Math.trunc(e / 60 / 60)
+  );
+  return e >= 3600 ? `${t(i)}:${t(f)}:${t(a)}` : `${t(n)}:${t(a)}`;
+}
+function bt(e) {
+  return N({ attrs: { viewBox: "0 0 1024 1024" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9" } }] })(e);
+}
+function gt(e) {
+  return N({ attrs: { viewBox: "0 0 1024 1024" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14" } }] })(e);
+}
+function Et(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z" } }] })(e);
+}
+function xt(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z" } }] })(e);
+}
+function _t(e) {
+  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z" } }] })(e);
+}
+function St({
+  volume: e,
+  onChangeVolume: t,
+  muted: n,
+  currentTime: a,
+  audioDurationSeconds: i,
+  bufferedSeconds: f,
+  onToggleMenu: p,
+  onToggleMuted: y,
+  order: s,
+  onOrderChange: d,
+  loop: b,
+  onLoopChange: l,
+  onSeek: c,
+  isPlaying: E,
+  onTogglePlay: S,
+  onSkipForward: o,
+  onSkipBack: h,
+  showLyrics: g = !0,
+  onToggleLyrics: x
+}) {
+  const q = W("aplayer-controller"), C = W("aplayer-icon"), re = L(() => {
+    const B = {
+      list: "random",
+      random: "list"
+    }[s];
+    d(B);
+  }, [s, d]), U = L(() => {
+    const B = {
+      all: "one",
+      one: "none",
+      none: "all"
+    }[b];
+    l(B);
+  }, [b, l]);
+  return /* @__PURE__ */ v.jsxs("div", { className: P(q.b(), q.bs("vars")), children: [
+    /* @__PURE__ */ v.jsx(
+      ut,
+      {
+        playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
+        bufferedPercentage: typeof f > "u" || typeof i > "u" ? void 0 : f / i,
+        onSeek: (B) => c == null ? void 0 : c(B * i)
+      }
+    ),
+    /* @__PURE__ */ v.jsxs("div", { className: q.be("time"), children: [
+      /* @__PURE__ */ v.jsxs("span", { className: q.be("time-inner"), children: [
+        /* @__PURE__ */ v.jsx("span", { className: q.be("ptime"), children: ur(a) }),
+        " / ",
+        /* @__PURE__ */ v.jsx("span", { className: q.be("dtime"), children: ur(i) })
+      ] }),
+      /* @__PURE__ */ v.jsx("span", { className: P(C.b(), C.bs("back")), onClick: h, children: /* @__PURE__ */ v.jsx(bt, {}) }),
+      /* @__PURE__ */ v.jsx("span", { className: P(C.b(), C.bs("play")), onClick: S, children: E ? /* @__PURE__ */ v.jsx(lt, {}) : /* @__PURE__ */ v.jsx(ft, {}) }),
+      /* @__PURE__ */ v.jsx(
+        "span",
+        {
+          className: P(C.b(), C.bs("forward")),
+          onClick: o,
+          children: /* @__PURE__ */ v.jsx(gt, {})
+        }
+      ),
+      /* @__PURE__ */ v.jsx(
+        yt,
+        {
+          volume: e,
+          muted: n,
+          onToggleMuted: y,
+          onChangeVolume: t
+        }
+      ),
+      /* @__PURE__ */ v.jsx(
+        "button",
+        {
+          className: P(C.b(), C.bs("order")),
+          onClick: re,
+          type: "button",
+          children: { list: /* @__PURE__ */ v.jsx(st, {}), random: /* @__PURE__ */ v.jsx(_t, {}) }[s]
+        }
+      ),
+      /* @__PURE__ */ v.jsx(
+        "button",
+        {
+          className: P(C.b(), C.bs("order")),
+          onClick: U,
+          type: "button",
+          children: {
+            all: /* @__PURE__ */ v.jsx(vt, {}),
+            one: /* @__PURE__ */ v.jsx(dt, {}),
+            none: /* @__PURE__ */ v.jsx(xt, {})
+          }[b]
+        }
+      ),
+      /* @__PURE__ */ v.jsx(
+        "button",
+        {
+          type: "button",
+          className: P(C.b(), C.bs("menu")),
+          onClick: () => p == null ? void 0 : p(),
+          children: /* @__PURE__ */ v.jsx(Et, {})
+        }
+      ),
+      /* @__PURE__ */ v.jsx(
+        "button",
+        {
+          type: "button",
+          className: P(C.b(), C.bs("lrc"), {
+            [C.ns("lrc-inactivity")]: !g
+          }),
+          onClick: x,
+          children: /* @__PURE__ */ v.jsx(ct, {})
+        }
+      )
+    ] })
+  ] });
+}
+function Tt({
+  open: e,
+  audio: t,
+  playingAudioUrl: n,
+  onPlayAudio: a,
+  listMaxHeight: i
+}) {
+  const f = W("aplayer-list"), p = i ? { maxHeight: i } : void 0, y = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = F(null);
+  return I(() => {
+    if (s.current) {
+      const d = s.current;
+      return d.style.maxHeight = `${Math.min(
+        d.scrollHeight,
+        i ?? 1 / 0
+      )}px`, () => {
+        d.removeAttribute("style");
+      };
+    }
+  }, [i]), /* @__PURE__ */ v.jsx(
+    "div",
+    {
+      ref: s,
+      className: P(f.b(), {
+        [f.bm("hide")]: !e
+      }),
+      children: /* @__PURE__ */ v.jsx("ol", { style: p, children: t.map((d, b) => /* @__PURE__ */ v.jsxs(
+        "li",
+        {
+          className: P({
+            [f.bm("active")]: d.url === n
+          }),
+          onClick: () => {
+            d.url !== n && (a == null || a(d));
+          },
+          children: [
+            /* @__PURE__ */ v.jsx("span", { className: f.be("cur") }),
+            /* @__PURE__ */ v.jsx("span", { className: f.be("index"), children: b + 1 }),
+            /* @__PURE__ */ v.jsx("span", { className: f.be("title"), children: d.name ?? "Audio name" }),
+            /* @__PURE__ */ v.jsx("span", { className: f.be("author"), children: y(d.artist) })
+          ]
+        },
+        d.name || b
+      )) })
+    }
+  );
+}
+function sr({ show: e, lrcText: t, currentTime: n }) {
+  const a = W("aplayer-lrc"), i = K(() => wt(t), [t]), f = K(() => {
+    for (let y = 0; y < i.length; y++) {
+      const s = i[y], d = i[y + 1];
+      if (n >= s[0] && (!d || n < d[0]))
+        return y;
+    }
+    return 0;
+  }, [n, i]), p = K(() => ({
+    transform: `translateY(${-f * 16}px)`,
+    WebkitTransform: `translateY(${-f * 16}px)`
+  }), [f]);
+  return /* @__PURE__ */ v.jsx(
+    "div",
+    {
+      className: P(a.b(), {
+        [a.bm("hide")]: !e
+      }),
+      children: t ? /* @__PURE__ */ v.jsx("div", { className: a.be("contents"), style: p, children: i.map(([, y], s) => /* @__PURE__ */ v.jsx(
+        "p",
+        {
+          className: P({
+            [a.be("current")]: s === f
+          }),
+          children: y
+        },
+        s
+      )) }) : null
+    }
+  );
+}
+function wt(e) {
+  if (e) {
+    e = e.replace(/([^\]^\n])\[/g, (i, f) => `${f}
+[`);
+    const t = e.split(`
+`), n = [], a = t.length;
+    for (let i = 0; i < a; i++) {
+      const f = t[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g), p = t[i].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g, "").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g, "").replace(/^\s+|\s+$/g, "");
+      if (f) {
+        const y = f.length;
+        for (let s = 0; s < y; s++) {
+          const d = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(f[s]), b = d[1] * 60, l = Number.parseInt(d[2]), c = d[4] ? Number.parseInt(d[4]) / (`${d[4]}`.length === 2 ? 100 : 1e3) : 0, E = b + l + c;
+          n.push([E, p]);
+        }
+      }
+    }
+    return n.sort((i, f) => i[0] - f[0]), n;
+  } else
+    return [];
+}
+var Ee = { exports: {} }, Ne = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var cr;
+function jt() {
+  if (cr) return Ne;
+  cr = 1;
+  var e = _e;
+  function t(l, c) {
+    return l === c && (l !== 0 || 1 / l === 1 / c) || l !== l && c !== c;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, f = e.useLayoutEffect, p = e.useDebugValue;
+  function y(l, c) {
+    var E = c(), S = a({ inst: { value: E, getSnapshot: c } }), o = S[0].inst, h = S[1];
+    return f(
+      function() {
+        o.value = E, o.getSnapshot = c, s(o) && h({ inst: o });
+      },
+      [l, E, c]
+    ), i(
+      function() {
+        return s(o) && h({ inst: o }), l(function() {
+          s(o) && h({ inst: o });
+        });
+      },
+      [l]
+    ), p(E), E;
+  }
+  function s(l) {
+    var c = l.getSnapshot;
+    l = l.value;
+    try {
+      var E = c();
+      return !n(l, E);
+    } catch {
+      return !0;
+    }
+  }
+  function d(l, c) {
+    return c();
+  }
+  var b = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : y;
+  return Ne.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : b, Ne;
+}
+var qe = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var lr;
+function Ot() {
+  return lr || (lr = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(E, S) {
+      return E === S && (E !== 0 || 1 / E === 1 / S) || E !== E && S !== S;
+    }
+    function t(E, S) {
+      b || i.startTransition === void 0 || (b = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var o = S();
+      if (!l) {
+        var h = S();
+        f(o, h) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), l = !0);
+      }
+      h = p({
+        inst: { value: o, getSnapshot: S }
+      });
+      var g = h[0].inst, x = h[1];
+      return s(
+        function() {
+          g.value = o, g.getSnapshot = S, n(g) && x({ inst: g });
+        },
+        [E, o, S]
+      ), y(
+        function() {
+          return n(g) && x({ inst: g }), E(function() {
+            n(g) && x({ inst: g });
+          });
+        },
+        [E]
+      ), d(o), o;
+    }
+    function n(E) {
+      var S = E.getSnapshot;
+      E = E.value;
+      try {
+        var o = S();
+        return !f(E, o);
+      } catch {
+        return !0;
+      }
+    }
+    function a(E, S) {
+      return S();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var i = _e, f = typeof Object.is == "function" ? Object.is : e, p = i.useState, y = i.useEffect, s = i.useLayoutEffect, d = i.useDebugValue, b = !1, l = !1, c = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
+    qe.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : c, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), qe;
+}
+var fr;
+function Rt() {
+  return fr || (fr = 1, process.env.NODE_ENV === "production" ? Ee.exports = jt() : Ee.exports = Ot()), Ee.exports;
+}
+var G = Rt();
+const Z = [];
+function Lt(e) {
+  const t = F();
+  if (typeof document < "u" && !t.current) {
+    const n = t.current = document.createElement("audio");
+    typeof (e == null ? void 0 : e.src) < "u" && (n.src = e.src), typeof (e == null ? void 0 : e.autoPlay) < "u" && (n.autoplay = e.autoPlay), typeof (e == null ? void 0 : e.initialVolume) < "u" && (n.volume = e.initialVolume), Z.includes(n) || Z.push(n);
+  }
+  return I(() => {
+    const n = t.current;
+    if (n && (e != null && e.onError))
+      return n.addEventListener("error", e.onError), () => {
+        n.removeEventListener("error", e.onError);
+      };
+  }, [e == null ? void 0 : e.onError]), I(() => {
+    const n = t.current;
+    if (n && (e != null && e.onEnded))
+      return n.addEventListener("ended", e.onEnded), () => {
+        n.removeEventListener("ended", e.onEnded);
+      };
+  }, [e == null ? void 0 : e.onEnded]), I(() => () => {
+    const n = t.current;
+    if (n) {
+      n.pause(), n.currentTime = 0;
+      const a = Z.indexOf(n);
+      a !== -1 && Z.splice(a, 1);
+    }
+    t.current = void 0;
+  }, []), t;
+}
+function Pt(e) {
+  const t = Lt(e), n = L((o) => {
+    for (let h = 0; h < Z.length; h++) {
+      const g = Z[h];
+      g !== o && !g.paused && g.pause();
+    }
+  }, []), a = L(
+    async (o) => {
+      var g;
+      const h = t.current;
+      if (h) {
+        e.mutex && n(h), h.src !== o && (h.pause(), h.currentTime = 0, h.src = o);
+        try {
+          await ((g = t.current) == null ? void 0 : g.play());
+        } catch {
+        }
+      }
+    },
+    [t, e.mutex, n]
+  ), i = L(
+    (o) => {
+      const h = t.current;
+      h && (h.paused ? a(o) : h.pause());
+    },
+    [t, a]
+  ), f = L(
+    (o) => {
+      t.current.currentTime = o;
+    },
+    [t]
+  ), p = L(() => {
+    t.current && (t.current.muted = !t.current.muted);
+  }, [t]), y = L(
+    (o) => {
+      t.current && (t.current.volume = o);
+    },
+    [t]
+  ), s = G.useSyncExternalStore(
+    L(
+      (o) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener(
+          "volumechange",
+          o
+        ), () => {
+          var g;
+          (g = t.current) == null || g.removeEventListener(
+            "volumechange",
+            o
+          );
+        };
+      },
+      [t]
+    ),
+    () => {
+      var o;
+      return (o = t.current) == null ? void 0 : o.volume;
+    },
+    () => {
+    }
+  ), d = G.useSyncExternalStore(
+    L(
+      (o) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener(
+          "volumechange",
+          o
+        ), () => {
+          var g;
+          (g = t.current) == null || g.removeEventListener(
+            "volumechange",
+            o
+          );
+        };
+      },
+      [t]
+    ),
+    () => {
+      var o;
+      return (o = t.current) == null ? void 0 : o.muted;
+    },
+    () => {
+    }
+  ), b = G.useSyncExternalStore(
+    L(
+      (o) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener("timeupdate", o), () => {
+          var g;
+          (g = t.current) == null || g.removeEventListener(
+            "timeupdate",
+            o
+          );
+        };
+      },
+      [t]
+    ),
+    () => {
+      if (t.current)
+        return Math.round(t.current.currentTime);
+    },
+    () => {
+    }
+  ), l = G.useSyncExternalStore(
+    L(
+      (o) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener(
+          "durationchange",
+          o
+        ), () => {
+          var g;
+          (g = t.current) == null || g.removeEventListener(
+            "durationchange",
+            o
+          );
+        };
+      },
+      [t]
+    ),
+    () => {
+      var o;
+      return (o = t.current) == null ? void 0 : o.duration;
+    },
+    () => {
+    }
+  ), c = G.useSyncExternalStore(
+    L(
+      (o) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener("progress", o), () => {
+          var g;
+          (g = t.current) == null || g.removeEventListener(
+            "progress",
+            o
+          );
+        };
+      },
+      [t]
+    ),
+    () => {
+      const o = t.current;
+      return o && o.buffered.length > 0 ? o.buffered.end(o.buffered.length - 1) : 0;
+    },
+    () => {
+    }
+  ), E = G.useSyncExternalStore(
+    L(
+      (o) => {
+        var h, g;
+        return (h = t.current) == null || h.addEventListener("play", o), (g = t.current) == null || g.addEventListener("pause", o), () => {
+          var x, q;
+          (x = t.current) == null || x.removeEventListener("play", o), (q = t.current) == null || q.removeEventListener("pause", o);
+        };
+      },
+      [t]
+    ),
+    () => {
+      const o = t.current;
+      return o ? !o.paused : !1;
+    },
+    () => {
+    }
+  ), S = G.useSyncExternalStore(
+    L(
+      (o) => {
+        var h, g;
+        return (h = t.current) == null || h.addEventListener("playing", o), (g = t.current) == null || g.addEventListener("waiting", o), () => {
+          var x, q;
+          (x = t.current) == null || x.removeEventListener(
+            "playing",
+            o
+          ), (q = t.current) == null || q.removeEventListener(
+            "waiting",
+            o
+          );
+        };
+      },
+      [t]
+    ),
+    () => {
+      const o = t.current;
+      return o ? o.networkState === o.NETWORK_LOADING : !1;
+    },
+    () => {
+    }
+  );
+  return {
+    playAudio: a,
+    togglePlay: i,
+    seek: f,
+    toggleMuted: p,
+    setVolume: y,
+    volume: s,
+    muted: d,
+    currentTime: b,
+    duration: l,
+    bufferedSeconds: c,
+    isPlaying: E,
+    isLoading: S
+  };
+}
+function pr() {
+  const e = F([]);
+  return I(() => {
+    const n = e.current;
+    return () => {
+      for (const a of n)
+        clearTimeout(a);
+    };
+  }, []), L((n, a) => {
+    const i = setTimeout(n, a);
+    return e.current.push(i), i;
+  }, []);
+}
+function $t() {
+  const e = F(), [t, n] = H({ text: "", style: { opacity: 0 } }), a = pr(), i = L(
+    (f, p = 2e3) => {
+      e.current && clearTimeout(e.current), n({ text: f, style: { opacity: 1 } }), e.current = a(() => {
+        n({ text: f, style: { opacity: 0 } });
+      }, p);
+    },
+    [a]
+  );
+  return [t, i];
+}
+function Ct(e) {
+  return At(e.slice());
+}
+function At(e) {
+  let t = e.length, n;
+  for (; t !== 0; )
+    n = Math.floor(Math.random() * t), t--, [e[t], e[n]] = [
+      e[n],
+      e[t]
+    ];
+  return e;
+}
+function Nt(e, {
+  initialLoop: t = "all",
+  initialOrder: n = "list",
+  getSongId: a
+}) {
+  const [i, f] = H(t), [p, y] = H(n), s = K(() => p === "list" ? e : Ct(e), [e, p]), [d, b] = H(s[0]);
+  I(() => {
+    const o = s.find(
+      (h) => a(h) === a(d)
+    );
+    b(o || s[0]);
+  }, [s, a, d]);
+  const l = K(() => {
+    if (i === "one")
+      return { ...d };
+    const o = s.indexOf(d);
+    if (o < s.length - 1)
+      return s[o + 1];
+    if (i !== "none") return s[0];
+  }, [s, d, i]), c = L(() => {
+    l && b(l);
+  }, [l, i]), E = L(() => {
+    b((o) => {
+      const h = s.indexOf(o);
+      return h > 0 ? s[h - 1] : o;
+    });
+  }, [s]), S = L((o) => {
+    b(o);
+  }, []);
+  return {
+    currentSong: d,
+    hasNextSong: typeof l < "u",
+    next: c,
+    previous: E,
+    prioritize: S,
+    order: p,
+    setOrder: y,
+    loop: i,
+    setLoop: f,
+    length: s.length
+  };
+}
+function qt(e) {
+  return N({ attrs: { viewBox: "0 0 512 512" }, children: [{ tag: "path", attrs: { d: "M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z", fill: "currentColor" } }] })(e);
+}
+function Mt(e) {
+  return N({ attrs: { viewBox: "0 0 512 512" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16" } }] })(e);
+}
+function kt({
+  audio: e,
+  appearance: t = "normal",
+  volume: n = 0.7,
+  initialLoop: a,
+  initialOrder: i,
+  autoPlay: f = !1,
+  listMaxHeight: p = 250,
+  mini: y = !1,
+  mutex: s = !0,
+  listFolded: d = !1,
+  theme: b = "light"
+}) {
+  var te, ne, ae;
+  const l = W("aplayer"), c = Nt(Array.isArray(e) ? e : [e], {
+    initialLoop: a,
+    initialOrder: i,
+    getSongId: (O) => O.url
+  }), [E, S] = $t(), o = pr(), h = F(), g = L(() => {
+    h.current && (clearTimeout(h.current), h.current = void 0);
+  }, []), x = Pt({
+    src: c.currentSong.url,
+    initialVolume: n,
+    autoPlay: f,
+    mutex: s,
+    onError(O) {
+      const { error: de } = O.target;
+      de && S(
+        "An audio error has occurred, player will skip forward in 2 seconds."
+      ), c.hasNextSong && (h.current = o(() => {
+        c.next();
+      }, 2e3));
+    },
+    onEnded() {
+      c.hasNextSong && c.next();
+    }
+  });
+  I(() => {
+    f && x.playAudio(c.currentSong.url);
+  }, []);
+  const q = F(!0);
+  I(() => {
+    q.current ? q.current = !1 : c.currentSong && x.playAudio(c.currentSong.url);
+  }, [c.currentSong, x.playAudio]);
+  const C = L(() => {
+    g(), x.togglePlay(c.currentSong.url);
+  }, [x, g, c.currentSong.url]), re = L((O) => O ? typeof O == "string" ? O : O.url ? /* @__PURE__ */ v.jsx("a", { href: O.url, target: "_blank", rel: "noreferrer", children: O.name ?? "Audio artist" }) : O.name ?? "Audio artist" : "Audio artist", []), U = c.length > 1, B = K(
+    () => Array.isArray(e) ? e : [e],
+    [e]
+  ), { prioritize: ce } = c, le = L(
+    (O) => {
+      g(), ce(O);
+    },
+    [g, ce]
+  ), [Se, Te] = H(() => U && !d), [fe, V] = H(y), [k, Y] = H(!0), J = F(null);
+  return I(() => {
+    V(y);
+  }, [y]), I(() => {
+    if (t === "fixed" && J.current) {
+      const O = J.current;
+      return O.style.width = `${O.offsetWidth - 18}px`, () => {
+        O.removeAttribute("style");
+      };
+    }
+  }, [t]), /* @__PURE__ */ v.jsxs(
+    "div",
+    {
+      className: P(l.b(), {
+        [l.bs(b)]: !0,
+        [l.bs("vars")]: !0,
+        [l.bm("fixed")]: t === "fixed",
+        [l.bm("loading")]: x.isLoading,
+        [l.bm("withlist")]: U,
+        [l.bm("withlrc")]: !!c.currentSong.lrc && t !== "fixed",
+        [l.bm("narrow")]: fe
+      }),
+      children: [
+        /* @__PURE__ */ v.jsxs("div", { ref: J, className: l.be("body"), children: [
+          /* @__PURE__ */ v.jsx(
+            "div",
+            {
+              className: l.be("pic"),
+              onClick: C,
+              style: {
+                backgroundImage: `url("${(te = c.currentSong) == null ? void 0 : te.cover}")`
+              },
+              children: /* @__PURE__ */ v.jsx(
+                "div",
+                {
+                  className: P(
+                    l.be("button"),
+                    x.isPlaying ? l.bm("pause") : l.bm("play")
+                  ),
+                  children: x.isPlaying ? /* @__PURE__ */ v.jsx(Mt, {}) : /* @__PURE__ */ v.jsx(ot, {})
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ v.jsxs("div", { className: P(l.be("info")), children: [
+            /* @__PURE__ */ v.jsxs("div", { className: P(l.be("music")), children: [
+              /* @__PURE__ */ v.jsx("span", { className: P(l.be("title")), children: ((ne = c.currentSong) == null ? void 0 : ne.name) ?? "Audio name" }),
+              /* @__PURE__ */ v.jsxs("span", { className: P(l.be("author")), children: [
+                " ",
+                "-",
+                " ",
+                re((ae = c.currentSong) == null ? void 0 : ae.artist)
+              ] })
+            ] }),
+            t === "fixed" ? null : /* @__PURE__ */ v.jsx(
+              sr,
+              {
+                show: k,
+                lrcText: c.currentSong.lrc,
+                currentTime: x.currentTime ?? 0
+              }
+            ),
+            /* @__PURE__ */ v.jsx(
+              St,
+              {
+                volume: x.volume ?? n,
+                onChangeVolume: x.setVolume,
+                muted: x.muted ?? !1,
+                onToggleMuted: () => x.toggleMuted(),
+                currentTime: x.currentTime,
+                audioDurationSeconds: x.duration,
+                bufferedSeconds: x.bufferedSeconds,
+                onSeek: (O) => x.seek(O),
+                onToggleMenu: () => Te((O) => !O),
+                order: c.order,
+                onOrderChange: c.setOrder,
+                loop: c.loop,
+                onLoopChange: c.setLoop,
+                isPlaying: x.isPlaying ?? !1,
+                onTogglePlay: C,
+                onSkipForward: () => {
+                  c.hasNextSong && c.next();
+                },
+                onSkipBack: () => {
+                  c.previous();
+                },
+                showLyrics: k,
+                onToggleLyrics: () => {
+                  Y((O) => !O);
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ v.jsx("div", { className: l.be("notice"), style: E.style, children: E.text }),
+          /* @__PURE__ */ v.jsx(
+            "div",
+            {
+              className: l.be("miniswitcher"),
+              onClick: () => V((O) => !O),
+              children: /* @__PURE__ */ v.jsx("button", { className: l.bs("icon"), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
+            }
+          )
+        ] }),
+        U ? /* @__PURE__ */ v.jsx(
+          Tt,
+          {
+            open: Se,
+            audio: B,
+            playingAudioUrl: c.currentSong.url,
+            onPlayAudio: le,
+            listMaxHeight: p
+          }
+        ) : null,
+        t === "fixed" && /* @__PURE__ */ v.jsx(
+          sr,
+          {
+            show: k,
+            lrcText: c.currentSong.lrc,
+            currentTime: x.currentTime ?? 0
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  kt as TwistAPlayer
+};