twist-aplayer 1.0.3 → 1.1.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import * as ee from "react";
-import _e, { useMemo as K, useRef as F, useState as H, useEffect as k, useCallback as L } from "react";
-var be = { exports: {} }, ie = {};
+import Se, { useMemo as G, useRef as F, useState as W, useEffect as D, useCallback as L } from "react";
+var ge = { exports: {} }, oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,19 +12,19 @@ var be = { exports: {} }, ie = {};
  */
 var er;
 function Br() {
-  if (er) return ie;
+  if (er) return oe;
   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 y(p, 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 (p && p.defaultProps) for (b in s = p.defaultProps, s) l[b] === void 0 && (l[b] = s[b]);
-    return { $$typeof: t, type: p, key: c, ref: E, props: l, _owner: i.current };
+  var e = Se, 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, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(b, s, d) {
+    var g, p = {}, f = null, l = null;
+    d !== void 0 && (f = "" + d), s.key !== void 0 && (f = "" + s.key), s.ref !== void 0 && (l = s.ref);
+    for (g in s) a.call(s, g) && !c.hasOwnProperty(g) && (p[g] = s[g]);
+    if (b && b.defaultProps) for (g in s = b.defaultProps, s) p[g] === void 0 && (p[g] = s[g]);
+    return { $$typeof: t, type: b, key: f, ref: l, props: p, _owner: i.current };
   }
-  return ie.Fragment = n, ie.jsx = y, ie.jsxs = y, ie;
+  return oe.Fragment = n, oe.jsx = h, oe.jsxs = h, oe;
 }
-var oe = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,54 +37,54 @@ var oe = {};
 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"), y = Symbol.for("react.provider"), p = 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) {
+    var e = Se, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), b = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), l = Symbol.for("react.offscreen"), _ = Symbol.iterator, o = "@@iterator";
+    function y(r) {
       if (r === null || typeof r != "object")
         return null;
-      var u = S && r[S] || r[o];
+      var u = _ && r[_] || r[o];
       return typeof u == "function" ? u : null;
     }
-    var g = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(r) {
+    var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function j(r) {
       {
-        for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), _ = 1; _ < u; _++)
-          m[_ - 1] = arguments[_];
-        q("error", r, m);
+        for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), x = 1; x < u; x++)
+          m[x - 1] = arguments[x];
+        T("error", r, m);
       }
     }
-    function q(r, u, m) {
+    function T(r, u, m) {
       {
-        var _ = g.ReactDebugCurrentFrame, j = _.getStackAddendum();
-        j !== "" && (u += "%s", m = m.concat([j]));
-        var R = m.map(function(T) {
-          return String(T);
+        var x = E.ReactDebugCurrentFrame, O = x.getStackAddendum();
+        O !== "" && (u += "%s", m = m.concat([O]));
+        var P = m.map(function(w) {
+          return String(w);
         });
-        R.unshift("Warning: " + u), Function.prototype.apply.call(console[r], console, R);
+        P.unshift("Warning: " + u), Function.prototype.apply.call(console[r], console, P);
       }
     }
-    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 === y || r.$$typeof === p || r.$$typeof === s || // This needs to include all possible module reference object
+    var A = !1, K = !1, re = !1, V = !1, Te = !1, te;
+    te = Symbol.for("react.module.reference");
+    function we(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === a || r === c || Te || r === i || r === d || r === g || V || r === l || A || K || re || typeof r == "object" && r !== null && (r.$$typeof === f || r.$$typeof === p || r.$$typeof === h || r.$$typeof === b || 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));
+      r.$$typeof === te || r.getModuleId !== void 0));
     }
-    function we(r, u, m) {
-      var _ = r.displayName;
-      if (_)
-        return _;
-      var j = u.displayName || u.name || "";
-      return j !== "" ? m + "(" + j + ")" : m;
+    function ce(r, u, m) {
+      var x = r.displayName;
+      if (x)
+        return x;
+      var O = u.displayName || u.name || "";
+      return O !== "" ? m + "(" + O + ")" : m;
     }
     function fe(r) {
       return r.displayName || "Context";
     }
-    function I(r) {
+    function B(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")
+      if (typeof r.tag == "number" && j("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;
@@ -93,32 +93,32 @@ function zr() {
           return "Fragment";
         case n:
           return "Portal";
-        case f:
+        case c:
           return "Profiler";
         case i:
           return "StrictMode";
         case d:
           return "Suspense";
-        case b:
+        case g:
           return "SuspenseList";
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case p:
+          case b:
             var u = r;
             return fe(u) + ".Consumer";
-          case y:
+          case h:
             var m = r;
             return fe(m._context) + ".Provider";
           case s:
-            return we(r, r.render, "ForwardRef");
-          case l:
-            var _ = r.displayName || null;
-            return _ !== null ? _ : I(r.type) || "Memo";
-          case c: {
-            var j = r, R = j._payload, T = j._init;
+            return ce(r, r.render, "ForwardRef");
+          case p:
+            var x = r.displayName || null;
+            return x !== null ? x : B(r.type) || "Memo";
+          case f: {
+            var O = r, P = O._payload, w = O._init;
             try {
-              return I(T(R));
+              return B(w(P));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function zr() {
         }
       return null;
     }
-    var V = Object.assign, Y = 0, J, te, ne, ae, O, de, De;
-    function ke() {
+    var I = Object.assign, z = 0, de, J, ne, ae, ie, R, ve;
+    function De() {
     }
-    ke.__reactDisabledLog = !0;
+    De.__reactDisabledLog = !0;
     function pr() {
       {
-        if (Y === 0) {
-          J = console.log, te = console.info, ne = console.warn, ae = console.error, O = console.group, de = console.groupCollapsed, De = console.groupEnd;
+        if (z === 0) {
+          de = console.log, J = console.info, ne = console.warn, ae = console.error, ie = console.group, R = console.groupCollapsed, ve = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: ke,
+            value: De,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,133 +150,133 @@ function zr() {
             groupEnd: r
           });
         }
-        Y++;
+        z++;
       }
     }
     function br() {
       {
-        if (Y--, Y === 0) {
+        if (z--, z === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, r, {
-              value: J
+            log: I({}, r, {
+              value: de
             }),
-            info: V({}, r, {
-              value: te
+            info: I({}, r, {
+              value: J
             }),
-            warn: V({}, r, {
+            warn: I({}, r, {
               value: ne
             }),
-            error: V({}, r, {
+            error: I({}, r, {
               value: ae
             }),
-            group: V({}, r, {
-              value: O
+            group: I({}, r, {
+              value: ie
             }),
-            groupCollapsed: V({}, r, {
-              value: de
+            groupCollapsed: I({}, r, {
+              value: R
             }),
-            groupEnd: V({}, r, {
-              value: De
+            groupEnd: I({}, r, {
+              value: ve
             })
           });
         }
-        Y < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Te = g.ReactCurrentDispatcher, je;
-    function ve(r, u, m) {
+    var je = E.ReactCurrentDispatcher, Oe;
+    function me(r, u, m) {
       {
-        if (je === void 0)
+        if (Oe === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var _ = j.stack.trim().match(/\n( *(at )?)/);
-            je = _ && _[1] || "";
+          } catch (O) {
+            var x = O.stack.trim().match(/\n( *(at )?)/);
+            Oe = x && x[1] || "";
           }
         return `
-` + je + r;
+` + Oe + r;
       }
     }
-    var Oe = !1, me;
+    var Re = !1, he;
     {
       var gr = typeof WeakMap == "function" ? WeakMap : Map;
-      me = new gr();
+      he = new gr();
     }
     function Ve(r, u) {
-      if (!r || Oe)
+      if (!r || Re)
         return "";
       {
-        var m = me.get(r);
+        var m = he.get(r);
         if (m !== void 0)
           return m;
       }
-      var _;
-      Oe = !0;
-      var j = Error.prepareStackTrace;
+      var x;
+      Re = !0;
+      var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = Te.current, Te.current = null, pr();
+      var P;
+      P = je.current, je.current = null, pr();
       try {
         if (u) {
-          var T = function() {
+          var w = function() {
             throw Error();
           };
-          if (Object.defineProperty(T.prototype, "props", {
+          if (Object.defineProperty(w.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(T, []);
-            } catch (z) {
-              _ = z;
+              Reflect.construct(w, []);
+            } catch (H) {
+              x = H;
             }
-            Reflect.construct(r, [], T);
+            Reflect.construct(r, [], w);
           } else {
             try {
-              T.call();
-            } catch (z) {
-              _ = z;
+              w.call();
+            } catch (H) {
+              x = H;
             }
-            r.call(T.prototype);
+            r.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (z) {
-            _ = z;
+          } catch (H) {
+            x = H;
           }
           r();
         }
-      } catch (z) {
-        if (z && _ && typeof z.stack == "string") {
-          for (var w = z.stack.split(`
-`), M = _.stack.split(`
-`), $ = w.length - 1, A = M.length - 1; $ >= 1 && A >= 0 && w[$] !== M[A]; )
-            A--;
-          for (; $ >= 1 && A >= 0; $--, A--)
-            if (w[$] !== M[A]) {
-              if ($ !== 1 || A !== 1)
+      } catch (H) {
+        if (H && x && typeof H.stack == "string") {
+          for (var S = H.stack.split(`
+`), M = x.stack.split(`
+`), C = S.length - 1, N = M.length - 1; C >= 1 && N >= 0 && S[C] !== M[N]; )
+            N--;
+          for (; C >= 1 && N >= 0; C--, N--)
+            if (S[C] !== M[N]) {
+              if (C !== 1 || N !== 1)
                 do
-                  if ($--, A--, A < 0 || w[$] !== M[A]) {
-                    var D = `
-` + w[$].replace(" at new ", " at ");
-                    return r.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", r.displayName)), typeof r == "function" && me.set(r, D), D;
+                  if (C--, N--, N < 0 || S[C] !== M[N]) {
+                    var k = `
+` + S[C].replace(" at new ", " at ");
+                    return r.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", r.displayName)), typeof r == "function" && he.set(r, k), k;
                   }
-                while ($ >= 1 && A >= 0);
+                while (C >= 1 && N >= 0);
               break;
             }
         }
       } finally {
-        Oe = !1, Te.current = R, br(), Error.prepareStackTrace = j;
+        Re = !1, je.current = P, br(), Error.prepareStackTrace = O;
       }
-      var Q = r ? r.displayName || r.name : "", Ze = Q ? ve(Q) : "";
-      return typeof r == "function" && me.set(r, Ze), Ze;
+      var Q = r ? r.displayName || r.name : "", Ze = Q ? me(Q) : "";
+      return typeof r == "function" && he.set(r, Ze), Ze;
     }
     function Er(r, u, m) {
       return Ve(r, !1);
@@ -285,73 +285,73 @@ function zr() {
       var u = r.prototype;
       return !!(u && u.isReactComponent);
     }
-    function he(r, u, m) {
+    function ye(r, u, m) {
       if (r == null)
         return "";
       if (typeof r == "function")
         return Ve(r, xr(r));
       if (typeof r == "string")
-        return ve(r);
+        return me(r);
       switch (r) {
         case d:
-          return ve("Suspense");
-        case b:
-          return ve("SuspenseList");
+          return me("Suspense");
+        case g:
+          return me("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;
+          case p:
+            return ye(r.type, u, m);
+          case f: {
+            var x = r, O = x._payload, P = x._init;
             try {
-              return he(R(j), u, m);
+              return ye(P(O), u, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, Ie = {}, Fe = g.ReactDebugCurrentFrame;
-    function pe(r) {
+    var pe = Object.prototype.hasOwnProperty, Ie = {}, Fe = E.ReactDebugCurrentFrame;
+    function be(r) {
       if (r) {
-        var u = r._owner, m = he(r.type, r._source, u ? u.type : null);
+        var u = r._owner, m = ye(r.type, r._source, u ? u.type : null);
         Fe.setExtraStackFrame(m);
       } else
         Fe.setExtraStackFrame(null);
     }
-    function _r(r, u, m, _, j) {
+    function _r(r, u, m, x, O) {
       {
-        var R = Function.call.bind(ye);
-        for (var T in r)
-          if (R(r, T)) {
-            var w = void 0;
+        var P = Function.call.bind(pe);
+        for (var w in r)
+          if (P(r, w)) {
+            var S = void 0;
             try {
-              if (typeof r[T] != "function") {
-                var M = Error((_ || "React class") + ": " + m + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof r[w] != "function") {
+                var M = Error((x || "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;
               }
-              w = r[T](u, T, _, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              w = $;
+              S = r[w](u, w, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (C) {
+              S = C;
             }
-            w && !(w instanceof Error) && (pe(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, T, typeof w), pe(null)), w instanceof Error && !(w.message in Ie) && (Ie[w.message] = !0, pe(j), x("Failed %s type: %s", m, w.message), pe(null));
+            S && !(S instanceof Error) && (be(O), j("%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).", x || "React class", m, w, typeof S), be(null)), S instanceof Error && !(S.message in Ie) && (Ie[S.message] = !0, be(O), j("Failed %s type: %s", m, S.message), be(null));
           }
       }
     }
     var Sr = Array.isArray;
-    function Re(r) {
+    function Pe(r) {
       return Sr(r);
     }
-    function wr(r) {
+    function Tr(r) {
       {
         var u = typeof Symbol == "function" && Symbol.toStringTag, m = u && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return m;
       }
     }
-    function Tr(r) {
+    function wr(r) {
       try {
         return Be(r), !1;
       } catch {
@@ -362,17 +362,17 @@ function zr() {
       return "" + r;
     }
     function ze(r) {
-      if (Tr(r))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wr(r)), Be(r);
+      if (wr(r))
+        return j("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 = {
+    var He = E.ReactCurrentOwner, jr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, We, Ue;
     function Or(r) {
-      if (ye.call(r, "ref")) {
+      if (pe.call(r, "ref")) {
         var u = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (u && u.isReactWarning)
           return !1;
@@ -380,20 +380,20 @@ function zr() {
       return r.ref !== void 0;
     }
     function Rr(r) {
-      if (ye.call(r, "key")) {
+      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) {
+    function Pr(r, u) {
       typeof r.ref == "string" && He.current;
     }
-    function Pr(r, u) {
+    function Lr(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));
+          We || (We = !0, j("%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,
@@ -404,7 +404,7 @@ function zr() {
     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));
+          Ue || (Ue = !0, j("%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,
@@ -412,70 +412,70 @@ function zr() {
         });
       }
     }
-    var Cr = function(r, u, m, _, j, R, T) {
-      var w = {
+    var Cr = function(r, u, m, x, O, P, w) {
+      var S = {
         // 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: T,
+        props: w,
         // Record the component responsible for creating this element.
-        _owner: R
+        _owner: P
       };
-      return w._store = {}, Object.defineProperty(w._store, "validated", {
+      return S._store = {}, Object.defineProperty(S._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(w, "_self", {
+      }), Object.defineProperty(S, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: _
-      }), Object.defineProperty(w, "_source", {
+        value: x
+      }), Object.defineProperty(S, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
-      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
+        value: O
+      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function Ar(r, u, m, _, j) {
+    function Ar(r, u, m, x, O) {
       {
-        var R, T = {}, w = null, M = null;
-        m !== void 0 && (ze(m), w = "" + m), Rr(u) && (ze(u.key), w = "" + u.key), Or(u) && (M = u.ref, Lr(u, j));
-        for (R in u)
-          ye.call(u, R) && !jr.hasOwnProperty(R) && (T[R] = u[R]);
+        var P, w = {}, S = null, M = null;
+        m !== void 0 && (ze(m), S = "" + m), Rr(u) && (ze(u.key), S = "" + u.key), Or(u) && (M = u.ref, Pr(u, O));
+        for (P in u)
+          pe.call(u, P) && !jr.hasOwnProperty(P) && (w[P] = u[P]);
         if (r && r.defaultProps) {
-          var $ = r.defaultProps;
-          for (R in $)
-            T[R] === void 0 && (T[R] = $[R]);
+          var C = r.defaultProps;
+          for (P in C)
+            w[P] === void 0 && (w[P] = C[P]);
         }
-        if (w || M) {
-          var A = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          w && Pr(T, A), M && $r(T, A);
+        if (S || M) {
+          var N = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          S && Lr(w, N), M && $r(w, N);
         }
-        return Cr(r, w, M, j, _, He.current, T);
+        return Cr(r, S, M, O, x, He.current, w);
       }
     }
-    var Le = g.ReactCurrentOwner, Ye = g.ReactDebugCurrentFrame;
+    var Le = E.ReactCurrentOwner, Ye = E.ReactDebugCurrentFrame;
     function X(r) {
       if (r) {
-        var u = r._owner, m = he(r.type, r._source, u ? u.type : null);
+        var u = r._owner, m = ye(r.type, r._source, u ? u.type : null);
         Ye.setExtraStackFrame(m);
       } else
         Ye.setExtraStackFrame(null);
     }
-    var Pe;
-    Pe = !1;
-    function $e(r) {
+    var $e;
+    $e = !1;
+    function Ce(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
     function Ge() {
       {
         if (Le.current) {
-          var r = I(Le.current.type);
+          var r = B(Le.current.type);
           if (r)
             return `
 
@@ -509,26 +509,26 @@ Check the top-level render call using <` + m + ">.");
         if (Ke[m])
           return;
         Ke[m] = !0;
-        var _ = "";
-        r && r._owner && r._owner !== Le.current && (_ = " It was passed a child from " + I(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);
+        var x = "";
+        r && r._owner && r._owner !== Le.current && (x = " It was passed a child from " + B(r._owner.type) + "."), X(r), j('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), X(null);
       }
     }
     function Xe(r, u) {
       {
         if (typeof r != "object")
           return;
-        if (Re(r))
+        if (Pe(r))
           for (var m = 0; m < r.length; m++) {
-            var _ = r[m];
-            $e(_) && Je(_, u);
+            var x = r[m];
+            Ce(x) && Je(x, u);
           }
-        else if ($e(r))
+        else if (Ce(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), T; !(T = R.next()).done; )
-              $e(T.value) && Je(T.value, u);
+          var O = y(r);
+          if (typeof O == "function" && O !== r.entries)
+            for (var P = O.call(r), w; !(w = P.next()).done; )
+              Ce(w.value) && Je(w.value, u);
         }
       }
     }
@@ -542,78 +542,78 @@ Check the top-level render call using <` + m + ">.");
           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))
+        u.$$typeof === p))
           m = u.propTypes;
         else
           return;
         if (m) {
-          var _ = I(u);
-          _r(m, r.props, "prop", _, r);
-        } else if (u.PropTypes !== void 0 && !Pe) {
-          Pe = !0;
-          var j = I(u);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var x = B(u);
+          _r(m, r.props, "prop", x, r);
+        } else if (u.PropTypes !== void 0 && !$e) {
+          $e = !0;
+          var O = B(u);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "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.");
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Dr(r) {
+    function kr(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);
+          var x = u[m];
+          if (x !== "children" && x !== "key") {
+            X(r), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), X(null);
             break;
           }
         }
-        r.ref !== null && (X(r), x("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
+        r.ref !== null && (X(r), j("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
       }
     }
-    function Qe(r, u, m, _, j, R) {
+    function Qe(r, u, m, x, O, P) {
       {
-        var T = Se(r);
-        if (!T) {
-          var w = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (w += " 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 w = we(r);
+        if (!w) {
+          var S = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (S += " 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 ? w += M : w += Ge();
-          var $;
-          r === null ? $ = "null" : Re(r) ? $ = "array" : r !== void 0 && r.$$typeof === t ? ($ = "<" + (I(r.type) || "Unknown") + " />", w = " 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", $, w);
+          M ? S += M : S += Ge();
+          var C;
+          r === null ? C = "null" : Pe(r) ? C = "array" : r !== void 0 && r.$$typeof === t ? (C = "<" + (B(r.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : C = typeof r, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C, S);
         }
-        var A = Ar(r, u, m, j, R);
-        if (A == null)
-          return A;
-        if (T) {
-          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);
+        var N = Ar(r, u, m, O, P);
+        if (N == null)
+          return N;
+        if (w) {
+          var k = u.children;
+          if (k !== void 0)
+            if (x)
+              if (Pe(k)) {
+                for (var Q = 0; Q < k.length; Q++)
+                  Xe(k[Q], r);
+                Object.freeze && Object.freeze(k);
               } 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.");
+                j("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);
+              Xe(k, r);
         }
-        return r === a ? Dr(A) : Mr(A), A;
+        return r === a ? kr(N) : Mr(N), N;
       }
     }
-    function kr(r, u, m) {
+    function Dr(r, u, m) {
       return Qe(r, u, m, !0);
     }
     function Vr(r, u, m) {
       return Qe(r, u, m, !1);
     }
-    var Ir = Vr, Fr = kr;
-    oe.Fragment = a, oe.jsx = Ir, oe.jsxs = Fr;
-  }()), oe;
+    var Ir = Vr, Fr = Dr;
+    ue.Fragment = a, ue.jsx = Ir, ue.jsxs = Fr;
+  }()), ue;
 }
 var tr;
 function Hr() {
-  return tr || (tr = 1, process.env.NODE_ENV === "production" ? be.exports = Br() : be.exports = zr()), be.exports;
+  return tr || (tr = 1, process.env.NODE_ENV === "production" ? ge.exports = Br() : ge.exports = zr()), ge.exports;
 }
-var v = Hr(), ge = (e) => `--${e}`, nr = (e) => `var(--${e})`, ar = (e, t) => `--${e}: ${t};`;
+var v = Hr(), Ee = (e) => `--${e}`, nr = (e) => `var(--${e})`, ar = (e, t) => `--${e}: ${t};`;
 function Wr(e, t) {
   const n = (a) => t;
   return {
@@ -629,35 +629,35 @@ function Wr(e, t) {
     cbem: (a, i) => `.${n()}-${e}__${a}--${i}`,
     cbs: (a) => `.${n()}-${e}-${a}`,
     cns: (a) => `.${n()}-${a}`,
-    cv: (a) => ge(`${n()}-${e}-${a}`),
+    cv: (a) => Ee(`${n()}-${e}-${a}`),
     cvm: (a, i = {}) => {
-      const f = n();
-      for (const y of Object.keys(a))
-        i[ge(`${f}-${e}-${y}`)] = a[y];
+      const c = n();
+      for (const h of Object.keys(a))
+        i[Ee(`${c}-${e}-${h}`)] = a[h];
       return i;
     },
     gcv: (a) => nr(`${n()}-${e}-${a}`),
     scv: (a, i) => ar(`${n()}-${e}-${a}`, i),
-    nv: (a) => ge(`${n()}-${a}`),
+    nv: (a) => Ee(`${n()}-${a}`),
     nvm: (a, i = {}) => {
-      const f = n();
-      for (const y of Object.keys(a))
-        i[ge(`${f}-${y}`)] = a[y];
+      const c = n();
+      for (const h of Object.keys(a))
+        i[Ee(`${c}-${h}`)] = a[h];
       return i;
     },
     gnv: (a) => nr(`${n()}-${a}`),
     snv: (a, i) => ar(`${n()}-${a}`, i)
   };
 }
-function W(e) {
-  return K(() => Wr(e, "twist"), [e]);
+function U(e) {
+  return G(() => Wr(e, "twist"), [e]);
 }
-function Ce(e, t) {
+function Ae(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) {
+function Ne(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;
@@ -668,15 +668,15 @@ var dr = {
   className: void 0,
   style: void 0,
   attrs: void 0
-}, Me = /* @__PURE__ */ ee.createContext(dr);
-Me.Provider;
-function ue(e) {
+}, ke = /* @__PURE__ */ ee.createContext(dr);
+ke.Provider;
+function se(e) {
   "@babel/helpers - typeof";
-  return ue = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return se = 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);
+  }, se(e);
 }
 var Ur = ["attrs", "size", "title", "spin", "rotate", "color"];
 function Yr(e, t) {
@@ -689,19 +689,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 function Kr(e, t) {
   var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (n != null) {
-    var a, i, f, y, p = [], s = !0, d = !1;
+    var a, i, c, h, b = [], s = !0, d = !1;
     try {
-      if (f = (n = n.call(e)).next, t !== 0) for (; !(s = (a = f.call(n)).done) && (p.push(a.value), p.length !== t); s = !0) ;
-    } catch (b) {
-      d = !0, i = b;
+      if (c = (n = n.call(e)).next, t !== 0) for (; !(s = (a = c.call(n)).done) && (b.push(a.value), b.length !== t); s = !0) ;
+    } catch (g) {
+      d = !0, i = g;
     } finally {
       try {
-        if (!s && n.return != null && (y = n.return(), Object(y) !== y)) return;
+        if (!s && n.return != null && (h = n.return(), Object(h) !== h)) return;
       } finally {
         if (d) throw i;
       }
     }
-    return p;
+    return b;
   }
 }
 function Jr(e) {
@@ -723,19 +723,19 @@ function Xr(e, t) {
     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, y = !0, p = !1;
+  var c, h = !0, b = !1;
   return { s: function() {
     n = n.call(e);
   }, n: function() {
     var d = n.next();
-    return y = d.done, d;
+    return h = d.done, d;
   }, e: function(d) {
-    p = !0, f = d;
+    b = !0, c = d;
   }, f: function() {
     try {
-      y || n.return == null || n.return();
+      h || n.return == null || n.return();
     } finally {
-      if (p) throw f;
+      if (b) throw c;
     }
   } };
 }
@@ -751,14 +751,14 @@ function ir(e, t) {
   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) {
+function _e() {
+  return _e = 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);
+  }, _e.apply(null, arguments);
 }
 function or(e, t) {
   var n = Object.keys(e);
@@ -770,7 +770,7 @@ function or(e, t) {
   }
   return n;
 }
-function se(e) {
+function le(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) {
@@ -786,14 +786,14 @@ function Qr(e, t, n) {
 }
 function Zr(e) {
   var t = et(e, "string");
-  return ue(t) == "symbol" ? t : t + "";
+  return se(t) == "symbol" ? t : t + "";
 }
 function et(e, t) {
-  if (ue(e) != "object" || !e) return e;
+  if (se(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;
+    if (se(a) != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
@@ -802,8 +802,8 @@ 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]);
+    var c = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < c.length; a++) n = c[a], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
   }
   return i;
 }
@@ -817,22 +817,22 @@ function tt(e, t) {
   return n;
 }
 function nt(e) {
-  var t = e.attrs, n = e.size, a = e.title, i = e.spin, f = e.rotate, y = e.color, p = 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({
+  var t = e.attrs, n = e.size, a = e.title, i = e.spin, c = e.rotate, h = e.color, b = rt(e, Ur), s = function(g) {
+    var p = n || g.size || "1em", f, l = "", _ = "";
+    return g.className && (f = g.className), e.className && (f = f ? "".concat(f, " ").concat(e.className) : e.className), i && (f ? f += " twist-icon-loading" : f = "twist-icon-loading"), c && (l = "rotate(".concat(c, "deg)"), _ = "rotate(".concat(c, "deg)")), /* @__PURE__ */ ee.createElement("svg", _e({
       xmlns: "http://www.w3.org/2000/svg"
-    }, b.attrs, t, p, {
-      className: c,
-      style: se(se({
-        color: y || b.color,
-        msTransform: E,
-        transform: S
-      }, b.style), e.style),
-      width: l,
-      height: l
+    }, g.attrs, t, b, {
+      className: f,
+      style: le(le({
+        color: h || g.color,
+        msTransform: l,
+        transform: _
+      }, g.style), e.style),
+      width: p,
+      height: p
     }), a && /* @__PURE__ */ ee.createElement("title", null, a), e.children);
   };
-  return Me !== void 0 ? /* @__PURE__ */ ee.createElement(Me.Consumer, null, function(d) {
+  return ke !== void 0 ? /* @__PURE__ */ ee.createElement(ke.Consumer, null, function(d) {
     return s(d);
   }) : s(dr);
 }
@@ -840,16 +840,16 @@ function at(e) {
   var t = {}, n = e.split(";"), a = Xr(n), i;
   try {
     for (a.s(); !(i = a.n()).done; ) {
-      var f = i.value, y = f.split(":"), p = Yr(y, 2), s = p[0], d = p[1];
+      var c = i.value, h = c.split(":"), b = Yr(h, 2), s = b[0], d = b[1];
       if (s && d) {
-        var b = s.trim().replace(/-./g, function(l) {
-          return l.charAt(1).toUpperCase();
+        var g = s.trim().replace(/-./g, function(p) {
+          return p.charAt(1).toUpperCase();
         });
-        t[b] = d.trim();
+        t[g] = d.trim();
       }
     }
-  } catch (l) {
-    a.e(l);
+  } catch (p) {
+    a.e(p);
   } finally {
     a.f();
   }
@@ -857,24 +857,24 @@ function at(e) {
 }
 function mr(e) {
   return e && e.map(function(t, n) {
-    return /* @__PURE__ */ ee.createElement(t.tag, se(se({}, t.attrs), {}, {
+    return /* @__PURE__ */ ee.createElement(t.tag, le(le({}, t.attrs), {}, {
       key: n,
       style: t.attrs.style ? at(t.attrs.style) : null
     }), mr(t.children));
   });
 }
-function N(e) {
+function q(e) {
   return function(t) {
-    return /* @__PURE__ */ ee.createElement(nt, xe({
-      attrs: se({}, e.attrs)
+    return /* @__PURE__ */ ee.createElement(nt, _e({
+      attrs: le({}, 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);
+  return q({ 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);
+  return q({ 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 = "";
@@ -885,7 +885,7 @@ function hr(e) {
   } else for (n in e) e[n] && (a && (a += " "), a += n);
   return a;
 }
-function P() {
+function $() {
   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;
 }
@@ -894,33 +894,39 @@ function ut({
   playedPercentage: t,
   onSeek: n
 }) {
-  const a = W("aplayer-bar"), i = W("aplayer-icon"), f = F(null), [y, p] = H(t), s = F(!1);
-  k(() => {
-    s.current || p(t);
+  const a = U("aplayer-bar"), i = U("aplayer-icon"), c = F(null), [h, b] = W(t), s = F(!1);
+  D(() => {
+    s.current || b(t);
   }, [t]);
   const d = L(
-    (b) => {
+    (g) => {
       s.current = !0;
-      const l = Ce(b, f);
-      p(l);
-      const c = (S) => {
-        const o = Ce(S, f);
-        p(o);
-      }, E = (S) => {
-        document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", E);
-        const o = Ce(S, f);
-        p(o), n == null || n(o), s.current = !1;
+      const p = Ae(g, c);
+      b(p);
+      const f = (_) => {
+        const o = Ae(_, c);
+        b(o);
+      }, l = (_) => {
+        document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", l);
+        const o = Ae(_, c);
+        b(o), n == null || n(o), s.current = !1;
       };
-      document.addEventListener("mousemove", c), document.addEventListener("mouseup", E);
+      document.addEventListener("mousemove", f), document.addEventListener("mouseup", l);
     },
     [n]
   );
   return /* @__PURE__ */ v.jsx(
     "div",
     {
-      ref: f,
-      className: P(a.b(), a.bs("vars")),
+      ref: c,
+      className: $(a.b(), a.bs("vars")),
       onMouseDown: d,
+      role: "slider",
+      "aria-label": "Audio progress",
+      "aria-valuenow": h ? h * 100 : 0,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-live": "polite",
       children: /* @__PURE__ */ v.jsxs("div", { className: a.be("inner"), children: [
         typeof e < "u" ? /* @__PURE__ */ v.jsx(
           "div",
@@ -929,18 +935,18 @@ function ut({
             style: { width: `${e * 100}%` }
           }
         ) : null,
-        typeof y < "u" ? /* @__PURE__ */ v.jsx(
+        typeof h < "u" ? /* @__PURE__ */ v.jsx(
           "div",
           {
             className: a.be("played"),
             style: {
-              width: `${y * 100}%`
+              width: `${h * 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, {}) })
+                children: /* @__PURE__ */ v.jsx("span", { className: $(i.bs("loading")), children: /* @__PURE__ */ v.jsx(it, {}) })
               }
             )
           }
@@ -950,31 +956,31 @@ function ut({
   );
 }
 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);
+  return q({ 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 lt(e) {
-  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14 19V5h4v14zm-8 0V5h4v14z" } }] })(e);
+  return q({ 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 ct(e) {
+  return q({ 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);
+  return q({ 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);
+  return q({ 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);
+  return q({ 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);
+  return q({ 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);
+  return q({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7 15V9h4l5-5v16l-5-5z" } }] })(e);
 }
 function yt(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);
+  return q({ 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 pt({
   volume: e,
@@ -982,35 +988,36 @@ function pt({
   onToggleMuted: n,
   onChangeVolume: a
 }) {
-  const i = W("aplayer-volumn"), f = W("aplayer-icon"), y = F(null), [p, s] = H(!1), d = L(
-    (b) => {
-      a(Ae(b, y)), s(!0);
-      const l = (E) => {
-        a(Ae(E, y));
-      }, c = (E) => {
-        document.removeEventListener("mouseup", c), document.removeEventListener("mousemove", l), s(!1), a(Ae(E, y));
+  const i = U("aplayer-volumn"), c = U("aplayer-icon"), h = F(null), [b, s] = W(!1), d = L(
+    (g) => {
+      a(Ne(g, h)), s(!0);
+      const p = (l) => {
+        a(Ne(l, h));
+      }, f = (l) => {
+        document.removeEventListener("mouseup", f), document.removeEventListener("mousemove", p), s(!1), a(Ne(l, h));
       };
-      document.addEventListener("mousemove", l), document.addEventListener("mouseup", c);
+      document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
     },
     [a]
   );
-  return /* @__PURE__ */ v.jsxs("div", { className: P(i.b(), i.bs("vars")), children: [
+  return /* @__PURE__ */ v.jsxs("div", { className: $(i.b(), i.bs("vars")), children: [
     /* @__PURE__ */ v.jsx(
       "button",
       {
         type: "button",
-        className: P(f.b(), f.bs("volume-down")),
+        className: $(c.b(), c.bs("volume-down")),
         onClick: () => n(),
+        "aria-label": t || !e ? "Muted" : "unMuted",
         children: t || !e ? /* @__PURE__ */ v.jsx(ht, {}) : e >= 1 ? /* @__PURE__ */ v.jsx(yt, {}) : /* @__PURE__ */ v.jsx(mt, {})
       }
     ),
     /* @__PURE__ */ v.jsx(
       "div",
       {
-        className: P(i.be("bar-wrap"), {
-          [i.bem("bar-wrap", "active")]: p
+        className: $(i.be("bar-wrap"), {
+          [i.bem("bar-wrap", "active")]: b
         }),
-        ref: y,
+        ref: h,
         onMouseDown: d,
         children: /* @__PURE__ */ v.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ v.jsx(
           "div",
@@ -1030,25 +1037,25 @@ function ur(e) {
     return "--:--";
   if (Number.isNaN(e))
     return "00:00";
-  const t = (y) => y < 10 ? `0${y}` : `${y}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), f = Math.trunc(
+  const t = (h) => h < 10 ? `0${h}` : `${h}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), c = Math.trunc(
     e / 60 - 60 * Math.trunc(e / 60 / 60)
   );
-  return e >= 3600 ? `${t(i)}:${t(f)}:${t(a)}` : `${t(n)}:${t(a)}`;
+  return e >= 3600 ? `${t(i)}:${t(c)}:${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);
+  return q({ 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);
+  return q({ 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);
+  return q({ 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);
+  return q({ 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);
+  return q({ 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,
@@ -1056,123 +1063,156 @@ function St({
   muted: n,
   currentTime: a,
   audioDurationSeconds: i,
-  bufferedSeconds: f,
-  onToggleMenu: y,
-  onToggleMuted: p,
+  bufferedSeconds: c,
+  onToggleMenu: h,
+  onToggleMuted: b,
   order: s,
   onOrderChange: d,
-  loop: b,
-  onLoopChange: l,
-  onSeek: c,
-  isPlaying: E,
-  onTogglePlay: S,
+  loop: g,
+  onLoopChange: p,
+  onSeek: f,
+  isPlaying: l,
+  onTogglePlay: _,
   onSkipForward: o,
-  onSkipBack: h,
-  showLyrics: g = !0,
-  onToggleLyrics: x
+  onSkipBack: y,
+  showLyrics: E = !0,
+  onToggleLyrics: j
 }) {
-  const q = W("aplayer-controller"), C = W("aplayer-icon"), re = L(() => {
-    const B = {
+  const T = U("aplayer-controller"), A = U("aplayer-icon"), K = L(() => {
+    const V = {
       list: "random",
       random: "list"
     }[s];
-    d(B);
-  }, [s, d]), U = L(() => {
-    const B = {
+    d(V);
+  }, [s, d]), re = L(() => {
+    const V = {
       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(
-        pt,
-        {
-          volume: e,
-          muted: n,
-          onToggleMuted: p,
-          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: () => y == null ? void 0 : y(),
-          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, {})
-        }
-      )
-    ] })
-  ] });
+    }[g];
+    p(V);
+  }, [g, p]);
+  return /* @__PURE__ */ v.jsxs(
+    "div",
+    {
+      className: $(T.b(), T.bs("vars")),
+      role: "group",
+      "aria-label": "Audio Controls",
+      children: [
+        /* @__PURE__ */ v.jsx(
+          ut,
+          {
+            playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
+            bufferedPercentage: typeof c > "u" || typeof i > "u" ? void 0 : c / i,
+            onSeek: (V) => f == null ? void 0 : f(V * i)
+          }
+        ),
+        /* @__PURE__ */ v.jsxs("div", { className: T.be("time"), children: [
+          /* @__PURE__ */ v.jsxs("span", { className: T.be("time-inner"), "aria-live": "polite", children: [
+            /* @__PURE__ */ v.jsx("span", { className: T.be("ptime"), children: ur(a) }),
+            " / ",
+            /* @__PURE__ */ v.jsx("span", { className: T.be("dtime"), children: ur(i) })
+          ] }),
+          /* @__PURE__ */ v.jsx(
+            "button",
+            {
+              className: $(A.b(), A.bs("back")),
+              onClick: y,
+              type: "button",
+              "aria-label": "Previous track",
+              children: /* @__PURE__ */ v.jsx(bt, {})
+            }
+          ),
+          /* @__PURE__ */ v.jsx(
+            "button",
+            {
+              className: $(A.b(), A.bs("play")),
+              onClick: _,
+              type: "button",
+              "aria-label": l ? "Pause audio" : "Play audio",
+              children: l ? /* @__PURE__ */ v.jsx(ct, {}) : /* @__PURE__ */ v.jsx(ft, {})
+            }
+          ),
+          /* @__PURE__ */ v.jsx(
+            "button",
+            {
+              className: $(A.b(), A.bs("forward")),
+              onClick: o,
+              type: "button",
+              "aria-label": "Next track",
+              children: /* @__PURE__ */ v.jsx(gt, {})
+            }
+          ),
+          /* @__PURE__ */ v.jsx(
+            pt,
+            {
+              volume: e,
+              muted: n,
+              onToggleMuted: b,
+              onChangeVolume: t
+            }
+          ),
+          /* @__PURE__ */ v.jsx(
+            "button",
+            {
+              className: $(A.b(), A.bs("order")),
+              onClick: K,
+              type: "button",
+              "aria-label": `Playback order: ${s}`,
+              children: { list: /* @__PURE__ */ v.jsx(st, {}), random: /* @__PURE__ */ v.jsx(_t, {}) }[s]
+            }
+          ),
+          /* @__PURE__ */ v.jsx(
+            "button",
+            {
+              className: $(A.b(), A.bs("order")),
+              onClick: re,
+              type: "button",
+              "aria-label": `Loop mode: ${g}`,
+              children: {
+                all: /* @__PURE__ */ v.jsx(vt, {}),
+                one: /* @__PURE__ */ v.jsx(dt, {}),
+                none: /* @__PURE__ */ v.jsx(xt, {})
+              }[g]
+            }
+          ),
+          /* @__PURE__ */ v.jsx(
+            "button",
+            {
+              type: "button",
+              className: $(A.b(), A.bs("menu")),
+              onClick: () => h == null ? void 0 : h(),
+              "aria-label": "Toggle playlist menu",
+              children: /* @__PURE__ */ v.jsx(Et, {})
+            }
+          ),
+          /* @__PURE__ */ v.jsx(
+            "button",
+            {
+              type: "button",
+              className: $(A.b(), A.bs("lrc"), {
+                [A.ns("lrc-inactivity")]: !E
+              }),
+              onClick: j,
+              "aria-label": E ? "Hide lyrics" : "Show lyrics",
+              "aria-pressed": E,
+              children: /* @__PURE__ */ v.jsx(lt, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-function wt({
+function Tt({
   open: e,
   audio: t,
   playingAudioUrl: n,
   onPlayAudio: a,
   listMaxHeight: i
 }) {
-  const f = W("aplayer-list"), y = i ? { maxHeight: i } : void 0, p = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = F(null);
-  return k(() => {
+  const c = U("aplayer-list"), h = i ? { maxHeight: i } : void 0, b = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = F(null);
+  return D(() => {
     if (s.current) {
       const d = s.current;
       return d.style.maxHeight = `${Math.min(
@@ -1186,82 +1226,86 @@ function wt({
     "div",
     {
       ref: s,
-      className: P(f.b(), {
-        [f.bm("hide")]: !e
+      className: $(c.b(), {
+        [c.bm("hide")]: !e
       }),
-      children: /* @__PURE__ */ v.jsx("ol", { style: y, children: t.map((d, b) => /* @__PURE__ */ v.jsxs(
+      "aria-label": "Audio playlist",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ v.jsx("ol", { style: h, children: t.map((d, g) => /* @__PURE__ */ v.jsxs(
         "li",
         {
-          className: P({
-            [f.bm("active")]: d.url === n
+          className: $({
+            [c.bm("active")]: d.url === n
           }),
           onClick: () => {
             d.url !== n && (a == null || a(d));
           },
+          role: "button",
+          "aria-label": `${d.name ?? "Audio name"} by ${b(d.artist)}}`,
           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: p(d.artist) })
+            /* @__PURE__ */ v.jsx("span", { className: c.be("cur") }),
+            /* @__PURE__ */ v.jsx("span", { className: c.be("index"), children: g + 1 }),
+            /* @__PURE__ */ v.jsx("span", { className: c.be("title"), children: d.name ?? "Audio name" }),
+            /* @__PURE__ */ v.jsx("span", { className: c.be("author"), children: b(d.artist) })
           ]
         },
-        d.name || b
+        d.name || g
       )) })
     }
   );
 }
 function sr({ show: e, lrcText: t, currentTime: n }) {
-  const a = W("aplayer-lrc"), i = K(() => Tt(t), [t]), f = K(() => {
-    for (let p = 0; p < i.length; p++) {
-      const s = i[p], d = i[p + 1];
+  const a = U("aplayer-lrc"), i = G(() => wt(t), [t]), c = G(() => {
+    for (let b = 0; b < i.length; b++) {
+      const s = i[b], d = i[b + 1];
       if (n >= s[0] && (!d || n < d[0]))
-        return p;
+        return b;
     }
     return 0;
-  }, [n, i]), y = K(() => ({
-    transform: `translateY(${-f * 16}px)`,
-    WebkitTransform: `translateY(${-f * 16}px)`
-  }), [f]);
+  }, [n, i]), h = G(() => ({
+    transform: `translateY(${-c * 16}px)`,
+    WebkitTransform: `translateY(${-c * 16}px)`
+  }), [c]);
   return /* @__PURE__ */ v.jsx(
     "div",
     {
-      className: P(a.b(), {
+      className: $(a.b(), {
         [a.bm("hide")]: !e
       }),
-      children: t ? /* @__PURE__ */ v.jsx("div", { className: a.be("contents"), style: y, children: i.map(([, p], s) => /* @__PURE__ */ v.jsx(
+      children: t ? /* @__PURE__ */ v.jsx("div", { className: a.be("contents"), style: h, children: i.map(([, b], s) => /* @__PURE__ */ v.jsx(
         "p",
         {
-          className: P({
-            [a.be("current")]: s === f
+          className: $({
+            [a.be("current")]: s === c
           }),
-          children: p
+          children: b
         },
         s
       )) }) : null
     }
   );
 }
-function Tt(e) {
+function wt(e) {
   if (e) {
-    e = e.replace(/([^\]^\n])\[/g, (i, f) => `${f}
+    e = e.replace(/([^\]^\n])\[/g, (i, c) => `${c}
 [`);
     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), y = 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 p = f.length;
-        for (let s = 0; s < p; 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, y]);
+      const c = t[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g), h = 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 (c) {
+        const b = c.length;
+        for (let s = 0; s < b; s++) {
+          const d = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(c[s]), g = d[1] * 60, p = Number.parseInt(d[2]), f = d[4] ? Number.parseInt(d[4]) / (`${d[4]}`.length === 2 ? 100 : 1e3) : 0, l = g + p + f;
+          n.push([l, h]);
         }
       }
     }
-    return n.sort((i, f) => i[0] - f[0]), n;
+    return n.sort((i, c) => i[0] - c[0]), n;
   } else
     return [];
 }
-var Ee = { exports: {} }, Ne = {};
+var xe = { exports: {} }, qe = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1271,48 +1315,48 @@ var Ee = { exports: {} }, Ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var cr;
+var lr;
 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;
+  if (lr) return qe;
+  lr = 1;
+  var e = Se;
+  function t(p, f) {
+    return p === f && (p !== 0 || 1 / p === 1 / f) || p !== p && f !== f;
   }
-  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, f = e.useLayoutEffect, y = e.useDebugValue;
-  function p(l, c) {
-    var E = c(), S = a({ inst: { value: E, getSnapshot: c } }), o = S[0].inst, h = S[1];
-    return f(
+  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, c = e.useLayoutEffect, h = e.useDebugValue;
+  function b(p, f) {
+    var l = f(), _ = a({ inst: { value: l, getSnapshot: f } }), o = _[0].inst, y = _[1];
+    return c(
       function() {
-        o.value = E, o.getSnapshot = c, s(o) && h({ inst: o });
+        o.value = l, o.getSnapshot = f, s(o) && y({ inst: o });
       },
-      [l, E, c]
+      [p, l, f]
     ), i(
       function() {
-        return s(o) && h({ inst: o }), l(function() {
-          s(o) && h({ inst: o });
+        return s(o) && y({ inst: o }), p(function() {
+          s(o) && y({ inst: o });
         });
       },
-      [l]
-    ), y(E), E;
+      [p]
+    ), h(l), l;
   }
-  function s(l) {
-    var c = l.getSnapshot;
-    l = l.value;
+  function s(p) {
+    var f = p.getSnapshot;
+    p = p.value;
     try {
-      var E = c();
-      return !n(l, E);
+      var l = f();
+      return !n(p, l);
     } catch {
       return !0;
     }
   }
-  function d(l, c) {
-    return c();
+  function d(p, f) {
+    return f();
   }
-  var b = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : p;
-  return Ne.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : b, Ne;
+  var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : b;
+  return qe.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : g, qe;
 }
-var qe = {};
+var Me = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1322,87 +1366,87 @@ var qe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var lr;
+var cr;
 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;
+  return cr || (cr = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(l, _) {
+      return l === _ && (l !== 0 || 1 / l === 1 / _) || l !== l && _ !== _;
     }
-    function t(E, S) {
-      b || i.startTransition === void 0 || (b = !0, console.error(
+    function t(l, _) {
+      g || i.startTransition === void 0 || (g = !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(
+      var o = _();
+      if (!p) {
+        var y = _();
+        c(o, y) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), l = !0);
+        ), p = !0);
       }
-      h = y({
-        inst: { value: o, getSnapshot: S }
+      y = h({
+        inst: { value: o, getSnapshot: _ }
       });
-      var g = h[0].inst, x = h[1];
+      var E = y[0].inst, j = y[1];
       return s(
         function() {
-          g.value = o, g.getSnapshot = S, n(g) && x({ inst: g });
+          E.value = o, E.getSnapshot = _, n(E) && j({ inst: E });
         },
-        [E, o, S]
-      ), p(
+        [l, o, _]
+      ), b(
         function() {
-          return n(g) && x({ inst: g }), E(function() {
-            n(g) && x({ inst: g });
+          return n(E) && j({ inst: E }), l(function() {
+            n(E) && j({ inst: E });
           });
         },
-        [E]
+        [l]
       ), d(o), o;
     }
-    function n(E) {
-      var S = E.getSnapshot;
-      E = E.value;
+    function n(l) {
+      var _ = l.getSnapshot;
+      l = l.value;
       try {
-        var o = S();
-        return !f(E, o);
+        var o = _();
+        return !c(l, o);
       } catch {
         return !0;
       }
     }
-    function a(E, S) {
-      return S();
+    function a(l, _) {
+      return _();
     }
     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, y = i.useState, p = 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 i = Se, c = typeof Object.is == "function" ? Object.is : e, h = i.useState, b = i.useEffect, s = i.useLayoutEffect, d = i.useDebugValue, g = !1, p = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
+    Me.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : f, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Me;
 }
 var fr;
 function Rt() {
-  return fr || (fr = 1, process.env.NODE_ENV === "production" ? Ee.exports = jt() : Ee.exports = Ot()), Ee.exports;
+  return fr || (fr = 1, process.env.NODE_ENV === "production" ? xe.exports = jt() : xe.exports = Ot()), xe.exports;
 }
-var G = Rt();
+var Y = Rt();
 const Z = [];
-function Lt(e) {
+function Pt(e) {
   const t = F();
-  return k(() => {
+  return D(() => {
     if (typeof window < "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);
     }
-  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), k(() => {
+  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), D(() => {
     if (typeof window > "u") return;
     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]), k(() => {
+  }, [e == null ? void 0 : e.onError]), D(() => {
     if (typeof window > "u") return;
     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]), k(() => () => {
+  }, [e == null ? void 0 : e.onEnded]), D(() => () => {
     const n = t.current;
     if (n) {
       n.pause(), n.currentTime = 0;
@@ -1412,20 +1456,20 @@ function Lt(e) {
     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();
+function Lt(e) {
+  const t = Pt(e), n = L((o) => {
+    for (let y = 0; y < Z.length; y++) {
+      const E = Z[y];
+      E !== o && !E.paused && E.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);
+      var E;
+      const y = t.current;
+      if (y) {
+        e.mutex && n(y), y.src !== o && (y.pause(), y.currentTime = 0, y.src = o);
         try {
-          await ((g = t.current) == null ? void 0 : g.play());
+          await ((E = t.current) == null ? void 0 : E.play());
         } catch {
         }
       }
@@ -1433,32 +1477,32 @@ function Pt(e) {
     [t, e.mutex, n]
   ), i = L(
     (o) => {
-      const h = t.current;
-      h && (h.paused ? a(o) : h.pause());
+      const y = t.current;
+      y && (y.paused ? a(o) : y.pause());
     },
     [t, a]
-  ), f = L(
+  ), c = L(
     (o) => {
       t.current.currentTime = o;
     },
     [t]
-  ), y = L(() => {
+  ), h = L(() => {
     t.current && (t.current.muted = !t.current.muted);
-  }, [t]), p = L(
+  }, [t]), b = L(
     (o) => {
       t.current && (t.current.volume = o);
     },
     [t]
-  ), s = G.useSyncExternalStore(
+  ), s = Y.useSyncExternalStore(
     L(
       (o) => {
-        var h;
-        return (h = t.current) == null || h.addEventListener(
+        var y;
+        return (y = t.current) == null || y.addEventListener(
           "volumechange",
           o
         ), () => {
-          var g;
-          (g = t.current) == null || g.removeEventListener(
+          var E;
+          (E = t.current) == null || E.removeEventListener(
             "volumechange",
             o
           );
@@ -1472,16 +1516,16 @@ function Pt(e) {
     },
     () => {
     }
-  ), d = G.useSyncExternalStore(
+  ), d = Y.useSyncExternalStore(
     L(
       (o) => {
-        var h;
-        return (h = t.current) == null || h.addEventListener(
+        var y;
+        return (y = t.current) == null || y.addEventListener(
           "volumechange",
           o
         ), () => {
-          var g;
-          (g = t.current) == null || g.removeEventListener(
+          var E;
+          (E = t.current) == null || E.removeEventListener(
             "volumechange",
             o
           );
@@ -1495,13 +1539,13 @@ function Pt(e) {
     },
     () => {
     }
-  ), b = G.useSyncExternalStore(
+  ), g = Y.useSyncExternalStore(
     L(
       (o) => {
-        var h;
-        return (h = t.current) == null || h.addEventListener("timeupdate", o), () => {
-          var g;
-          (g = t.current) == null || g.removeEventListener(
+        var y;
+        return (y = t.current) == null || y.addEventListener("timeupdate", o), () => {
+          var E;
+          (E = t.current) == null || E.removeEventListener(
             "timeupdate",
             o
           );
@@ -1515,16 +1559,16 @@ function Pt(e) {
     },
     () => {
     }
-  ), l = G.useSyncExternalStore(
+  ), p = Y.useSyncExternalStore(
     L(
       (o) => {
-        var h;
-        return (h = t.current) == null || h.addEventListener(
+        var y;
+        return (y = t.current) == null || y.addEventListener(
           "durationchange",
           o
         ), () => {
-          var g;
-          (g = t.current) == null || g.removeEventListener(
+          var E;
+          (E = t.current) == null || E.removeEventListener(
             "durationchange",
             o
           );
@@ -1538,13 +1582,13 @@ function Pt(e) {
     },
     () => {
     }
-  ), c = G.useSyncExternalStore(
+  ), f = Y.useSyncExternalStore(
     L(
       (o) => {
-        var h;
-        return (h = t.current) == null || h.addEventListener("progress", o), () => {
-          var g;
-          (g = t.current) == null || g.removeEventListener(
+        var y;
+        return (y = t.current) == null || y.addEventListener("progress", o), () => {
+          var E;
+          (E = t.current) == null || E.removeEventListener(
             "progress",
             o
           );
@@ -1558,13 +1602,13 @@ function Pt(e) {
     },
     () => {
     }
-  ), E = G.useSyncExternalStore(
+  ), l = Y.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);
+        var y, E;
+        return (y = t.current) == null || y.addEventListener("play", o), (E = t.current) == null || E.addEventListener("pause", o), () => {
+          var j, T;
+          (j = t.current) == null || j.removeEventListener("play", o), (T = t.current) == null || T.removeEventListener("pause", o);
         };
       },
       [t]
@@ -1575,16 +1619,16 @@ function Pt(e) {
     },
     () => {
     }
-  ), S = G.useSyncExternalStore(
+  ), _ = Y.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(
+        var y, E;
+        return (y = t.current) == null || y.addEventListener("playing", o), (E = t.current) == null || E.addEventListener("waiting", o), () => {
+          var j, T;
+          (j = t.current) == null || j.removeEventListener(
             "playing",
             o
-          ), (q = t.current) == null || q.removeEventListener(
+          ), (T = t.current) == null || T.removeEventListener(
             "waiting",
             o
           );
@@ -1602,21 +1646,21 @@ function Pt(e) {
   return {
     playAudio: a,
     togglePlay: i,
-    seek: f,
-    toggleMuted: y,
-    setVolume: p,
+    seek: c,
+    toggleMuted: h,
+    setVolume: b,
     volume: s,
     muted: d,
-    currentTime: b,
-    duration: l,
-    bufferedSeconds: c,
-    isPlaying: E,
-    isLoading: S
+    currentTime: g,
+    duration: p,
+    bufferedSeconds: f,
+    isPlaying: l,
+    isLoading: _
   };
 }
 function yr() {
   const e = F([]);
-  return k(() => {
+  return D(() => {
     const n = e.current;
     return () => {
       for (const a of n)
@@ -1628,11 +1672,11 @@ function yr() {
   }, []);
 }
 function $t() {
-  const e = F(), [t, n] = H({ text: "", style: { opacity: 0 } }), a = yr(), i = L(
-    (f, y = 2e3) => {
-      e.current && clearTimeout(e.current), n({ text: f, style: { opacity: 1 } }), e.current = a(() => {
-        n({ text: f, style: { opacity: 0 } });
-      }, y);
+  const e = F(), [t, n] = W({ text: "", style: { opacity: 0 } }), a = yr(), i = L(
+    (c, h = 2e3) => {
+      e.current && clearTimeout(e.current), n({ text: c, style: { opacity: 1 } }), e.current = a(() => {
+        n({ text: c, style: { opacity: 0 } });
+      }, h);
     },
     [a]
   );
@@ -1655,222 +1699,237 @@ function Nt(e, {
   initialOrder: n = "list",
   getSongId: a
 }) {
-  const [i, f] = H(t), [y, p] = H(n), s = K(() => y === "list" ? e : Ct(e), [e, y]), [d, b] = H(s[0]);
-  k(() => {
+  const [i, c] = W(t), [h, b] = W(n), s = G(() => h === "list" ? e : Ct(e), [e, h]), [d, g] = W(s[0]);
+  D(() => {
     const o = s.find(
-      (h) => a(h) === a(d)
+      (y) => a(y) === a(d)
     );
-    b(o || s[0]);
+    g(o || s[0]);
   }, [s, a, d]);
-  const l = K(() => {
+  const p = G(() => {
     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, d, i]), f = L(() => {
+    p && g(p);
+  }, [p, i]), l = L(() => {
+    g((o) => {
+      const y = s.indexOf(o);
+      return y > 0 ? s[y - 1] : o;
     });
-  }, [s]), S = L((o) => {
-    b(o);
+  }, [s]), _ = L((o) => {
+    g(o);
   }, []);
   return {
     currentSong: d,
-    hasNextSong: typeof l < "u",
-    next: c,
-    previous: E,
-    prioritize: S,
-    order: y,
-    setOrder: p,
+    hasNextSong: typeof p < "u",
+    next: f,
+    previous: l,
+    prioritize: _,
+    order: h,
+    setOrder: b,
     loop: i,
-    setLoop: f,
+    setLoop: c,
     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);
+  return q({ 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);
+  return q({ 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({
+function Dt({
   audio: e,
   appearance: t = "normal",
   volume: n = 0.7,
   initialLoop: a,
   initialOrder: i,
-  autoPlay: f = !1,
-  listMaxHeight: y = 250,
-  mini: p = !1,
+  autoPlay: c = !1,
+  listMaxHeight: h = 250,
+  mini: b = !1,
   mutex: s = !0,
   listFolded: d = !1,
-  theme: b = "light"
+  theme: g = "light",
+  border: p = !1
 }) {
-  var te, ne, ae;
-  const l = W("aplayer"), c = Nt(Array.isArray(e) ? e : [e], {
+  var ne, ae, ie;
+  const f = U("aplayer"), l = Nt(Array.isArray(e) ? e : [e], {
     initialLoop: a,
     initialOrder: i,
-    getSongId: (O) => O.url
-  }), [E, S] = $t(), o = yr(), h = F(), g = L(() => {
-    h.current && (clearTimeout(h.current), h.current = void 0);
-  }, []), x = Pt({
-    src: c.currentSong.url,
+    getSongId: (R) => R.url
+  }), [_, o] = $t(), y = yr(), E = F(), j = L(() => {
+    E.current && (clearTimeout(E.current), E.current = void 0);
+  }, []), T = Lt({
+    src: l.currentSong.url,
     initialVolume: n,
-    autoPlay: f,
+    autoPlay: c,
     mutex: s,
-    onError(O) {
-      const { error: de } = O.target;
-      de && S(
+    onError(R) {
+      const { error: ve } = R.target;
+      ve && o(
         "An audio error has occurred, player will skip forward in 2 seconds."
-      ), c.hasNextSong && (h.current = o(() => {
-        c.next();
+      ), l.hasNextSong && (E.current = y(() => {
+        l.next();
       }, 2e3));
     },
     onEnded() {
-      c.hasNextSong && c.next();
+      l.hasNextSong && l.next();
     }
   });
-  k(() => {
-    f && x.playAudio(c.currentSong.url);
+  D(() => {
+    c && T.playAudio(l.currentSong.url);
   }, []);
-  const q = F(!0);
-  k(() => {
-    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(
+  const A = F(!0);
+  D(() => {
+    A.current ? A.current = !1 : l.currentSong && T.playAudio(l.currentSong.url);
+  }, [l.currentSong, T.playAudio]);
+  const K = L(() => {
+    j(), T.togglePlay(l.currentSong.url);
+  }, [T, j, l.currentSong.url]), re = L((R) => R ? typeof R == "string" ? R : R.url ? /* @__PURE__ */ v.jsx("a", { href: R.url, target: "_blank", rel: "noreferrer", children: R.name ?? "Audio artist" }) : R.name ?? "Audio artist" : "Audio artist", []), V = l.length > 1, Te = G(
     () => Array.isArray(e) ? e : [e],
     [e]
-  ), { prioritize: ce } = c, le = L(
-    (O) => {
-      g(), ce(O);
+  ), { prioritize: te } = l, we = L(
+    (R) => {
+      j(), te(R);
     },
-    [g, ce]
-  ), [Se, we] = H(() => U && !d), [fe, I] = H(p), [V, Y] = H(!0), J = F(null);
-  return k(() => {
-    I(p);
-  }, [p]), k(() => {
+    [j, te]
+  ), [ce, fe] = W(() => V && !d), [B, I] = W(b), [z, de] = W(!0), J = F(null);
+  return D(() => {
+    I(b);
+  }, [b]), D(() => {
     if (t === "fixed" && J.current) {
-      const O = J.current;
-      return O.style.width = `${O.offsetWidth - 18}px`, () => {
-        O.removeAttribute("style");
+      const R = J.current;
+      return R.style.width = `${R.offsetWidth - 18}px`, () => {
+        R.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
+      className: $(f.b(), {
+        [f.bs(g)]: !0,
+        [f.bs("vars")]: !0,
+        [f.bm(t)]: !0,
+        [f.bm("loading")]: T.isLoading,
+        [f.bm("withlist")]: V,
+        [f.bm("list-folded")]: !ce,
+        [f.bm("withlrc")]: !!l.currentSong.lrc && t !== "fixed",
+        [f.bm("narrow")]: B,
+        [f.bm("border")]: p
       }),
+      role: "region",
+      "aria-label": "Audio Player",
       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(
+        /* @__PURE__ */ v.jsxs(
+          "div",
+          {
+            ref: J,
+            className: f.be("body"),
+            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, {})
+                  className: f.be("pic"),
+                  onClick: K,
+                  style: {
+                    backgroundImage: `url("${(ne = l.currentSong) == null ? void 0 : ne.cover}")`
+                  },
+                  role: "button",
+                  "aria-label": T.isPlaying ? "Pause audio" : "Play audio",
+                  children: /* @__PURE__ */ v.jsx(
+                    "div",
+                    {
+                      className: $(
+                        f.be("button"),
+                        T.isPlaying ? f.bm("pause") : f.bm("play")
+                      ),
+                      role: "presentation",
+                      children: T.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: V,
-                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: () => we((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: V,
-                onToggleLyrics: () => {
-                  Y((O) => !O);
+              ),
+              /* @__PURE__ */ v.jsxs("div", { className: $(f.be("info")), children: [
+                /* @__PURE__ */ v.jsxs("div", { className: $(f.be("music")), children: [
+                  /* @__PURE__ */ v.jsx("span", { className: $(f.be("title")), children: ((ae = l.currentSong) == null ? void 0 : ae.name) ?? "Audio name" }),
+                  /* @__PURE__ */ v.jsxs("span", { className: $(f.be("author")), children: [
+                    " ",
+                    "-",
+                    " ",
+                    re((ie = l.currentSong) == null ? void 0 : ie.artist)
+                  ] })
+                ] }),
+                t === "fixed" ? null : /* @__PURE__ */ v.jsx(
+                  sr,
+                  {
+                    show: z,
+                    lrcText: l.currentSong.lrc,
+                    currentTime: T.currentTime ?? 0
+                  }
+                ),
+                /* @__PURE__ */ v.jsx(
+                  St,
+                  {
+                    volume: T.volume ?? n,
+                    onChangeVolume: T.setVolume,
+                    muted: T.muted ?? !1,
+                    onToggleMuted: () => T.toggleMuted(),
+                    currentTime: T.currentTime,
+                    audioDurationSeconds: T.duration,
+                    bufferedSeconds: T.bufferedSeconds,
+                    onSeek: (R) => T.seek(R),
+                    onToggleMenu: () => fe((R) => !R),
+                    order: l.order,
+                    onOrderChange: l.setOrder,
+                    loop: l.loop,
+                    onLoopChange: l.setLoop,
+                    isPlaying: T.isPlaying ?? !1,
+                    onTogglePlay: K,
+                    onSkipForward: () => {
+                      l.hasNextSong && l.next();
+                    },
+                    onSkipBack: () => {
+                      l.previous();
+                    },
+                    showLyrics: z,
+                    onToggleLyrics: () => {
+                      de((R) => !R);
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ v.jsx("div", { className: f.be("notice"), style: _.style, children: _.text }),
+              /* @__PURE__ */ v.jsx(
+                "div",
+                {
+                  className: f.be("miniswitcher"),
+                  onClick: () => I((R) => !R),
+                  children: /* @__PURE__ */ v.jsx("button", { className: $(f.bs("icon"), f.bs("icon-right")), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
                 }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ v.jsx("div", { className: l.be("notice"), style: E.style, children: E.text }),
-          /* @__PURE__ */ v.jsx(
-            "div",
-            {
-              className: l.be("miniswitcher"),
-              onClick: () => I((O) => !O),
-              children: /* @__PURE__ */ v.jsx("button", { className: l.bs("icon"), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
-            }
-          )
-        ] }),
-        U ? /* @__PURE__ */ v.jsx(
-          wt,
+              )
+            ]
+          }
+        ),
+        V ? /* @__PURE__ */ v.jsx(
+          Tt,
           {
-            open: Se,
-            audio: B,
-            playingAudioUrl: c.currentSong.url,
-            onPlayAudio: le,
-            listMaxHeight: y
+            open: ce,
+            audio: Te,
+            playingAudioUrl: l.currentSong.url,
+            onPlayAudio: we,
+            listMaxHeight: h
           }
         ) : null,
         t === "fixed" && /* @__PURE__ */ v.jsx(
           sr,
           {
-            show: V,
-            lrcText: c.currentSong.lrc,
-            currentTime: x.currentTime ?? 0
+            show: z,
+            lrcText: l.currentSong.lrc,
+            currentTime: T.currentTime ?? 0
           }
         )
       ]
@@ -1878,5 +1937,5 @@ function kt({
   );
 }
 export {
-  kt as TwistAPlayer
+  Dt as TwistAPlayer
 };