twist-aplayer 1.2.1 → 1.3.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import * as re from "react";
-import we, { useMemo as K, useRef as I, useState as H, useEffect as D, useCallback as L } from "react";
-var xe = { exports: {} }, ue = {};
+import * as te from "react";
+import je, { useMemo as J, useRef as V, useState as H, useEffect as D, useCallback as L } from "react";
+var Se = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var xe = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var er;
+var tr;
 function Br() {
-  if (er) return ue;
-  er = 1;
-  var e = we, 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 };
+  if (tr) return ce;
+  tr = 1;
+  var e = je, 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, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function y(g, s, d) {
+    var E, b = {}, f = null, c = null;
+    d !== void 0 && (f = "" + d), s.key !== void 0 && (f = "" + s.key), s.ref !== void 0 && (c = s.ref);
+    for (E in s) a.call(s, E) && !l.hasOwnProperty(E) && (b[E] = s[E]);
+    if (g && g.defaultProps) for (E in s = g.defaultProps, s) b[E] === void 0 && (b[E] = s[E]);
+    return { $$typeof: t, type: g, key: f, ref: c, props: b, _owner: i.current };
   }
-  return ue.Fragment = n, ue.jsx = h, ue.jsxs = h, ue;
+  return ce.Fragment = n, ce.jsx = y, ce.jsxs = y, ce;
 }
-var se = {};
+var le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,57 +34,57 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rr;
+var nr;
 function zr() {
-  return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = we, 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) {
+  return nr || (nr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = je, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), g = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), S = Symbol.iterator, u = "@@iterator";
+    function h(r) {
       if (r === null || typeof r != "object")
         return null;
-      var u = _ && r[_] || r[o];
-      return typeof u == "function" ? u : null;
+      var o = S && r[S] || r[u];
+      return typeof o == "function" ? o : null;
     }
-    var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function O(r) {
+    var p = 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), x = 1; x < u; x++)
+        for (var o = arguments.length, m = new Array(o > 1 ? o - 1 : 0), x = 1; x < o; x++)
           m[x - 1] = arguments[x];
         T("error", r, m);
       }
     }
-    function T(r, u, m) {
+    function T(r, o, m) {
       {
-        var x = E.ReactDebugCurrentFrame, R = x.getStackAddendum();
-        R !== "" && (u += "%s", m = m.concat([R]));
+        var x = p.ReactDebugCurrentFrame, O = x.getStackAddendum();
+        O !== "" && (o += "%s", m = m.concat([O]));
         var P = m.map(function(w) {
           return String(w);
         });
-        P.unshift("Warning: " + u), Function.prototype.apply.call(console[r], console, P);
+        P.unshift("Warning: " + o), Function.prototype.apply.call(console[r], console, P);
       }
     }
-    var A = !1, te = !1, W = !1, B = !1, fe = !1, de;
-    de = Symbol.for("react.module.reference");
-    function ve(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === a || r === c || fe || r === i || r === d || r === g || B || r === l || A || te || W || 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
+    var A = !1, ne = !1, U = !1, B = !1, ve = !1, me;
+    me = Symbol.for("react.module.reference");
+    function he(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === a || r === l || ve || r === i || r === d || r === E || B || r === c || A || ne || U || typeof r == "object" && r !== null && (r.$$typeof === f || r.$$typeof === b || r.$$typeof === y || r.$$typeof === g || 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 === de || r.getModuleId !== void 0));
+      r.$$typeof === me || r.getModuleId !== void 0));
     }
-    function je(r, u, m) {
+    function Oe(r, o, m) {
       var x = r.displayName;
       if (x)
         return x;
-      var R = u.displayName || u.name || "";
-      return R !== "" ? m + "(" + R + ")" : m;
+      var O = o.displayName || o.name || "";
+      return O !== "" ? m + "(" + O + ")" : m;
     }
-    function me(r) {
+    function pe(r) {
       return r.displayName || "Context";
     }
     function F(r) {
       if (r == null)
         return null;
-      if (typeof r.tag == "number" && O("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,30 +93,30 @@ function zr() {
           return "Fragment";
         case n:
           return "Portal";
-        case c:
+        case l:
           return "Profiler";
         case i:
           return "StrictMode";
         case d:
           return "Suspense";
-        case g:
+        case E:
           return "SuspenseList";
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case b:
-            var u = r;
-            return me(u) + ".Consumer";
-          case h:
+          case g:
+            var o = r;
+            return pe(o) + ".Consumer";
+          case y:
             var m = r;
-            return me(m._context) + ".Provider";
+            return pe(m._context) + ".Provider";
           case s:
-            return je(r, r.render, "ForwardRef");
-          case p:
+            return Oe(r, r.render, "ForwardRef");
+          case b:
             var x = r.displayName || null;
             return x !== null ? x : F(r.type) || "Memo";
           case f: {
-            var R = r, P = R._payload, w = R._init;
+            var O = r, P = O._payload, w = O._init;
             try {
               return F(w(P));
             } catch {
@@ -126,18 +126,18 @@ function zr() {
         }
       return null;
     }
-    var V = Object.assign, Y = 0, J, X, ne, ae, ie, oe, j;
-    function he() {
+    var I = Object.assign, Y = 0, X, ae, ie, oe, ue, se, R;
+    function G() {
     }
-    he.__reactDisabledLog = !0;
-    function pr() {
+    G.__reactDisabledLog = !0;
+    function Re() {
       {
         if (Y === 0) {
-          J = console.log, X = console.info, ne = console.warn, ae = console.error, ie = console.group, oe = console.groupCollapsed, j = console.groupEnd;
+          X = console.log, ae = console.info, ie = console.warn, oe = console.error, ue = console.group, se = console.groupCollapsed, R = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: he,
+            value: G,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,7 +153,7 @@ function zr() {
         Y++;
       }
     }
-    function br() {
+    function Le() {
       {
         if (Y--, Y === 0) {
           var r = {
@@ -162,67 +162,67 @@ function zr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, r, {
-              value: J
-            }),
-            info: V({}, r, {
+            log: I({}, r, {
               value: X
             }),
-            warn: V({}, r, {
-              value: ne
-            }),
-            error: V({}, r, {
+            info: I({}, r, {
               value: ae
             }),
-            group: V({}, r, {
+            warn: I({}, r, {
               value: ie
             }),
-            groupCollapsed: V({}, r, {
+            error: I({}, r, {
               value: oe
             }),
-            groupEnd: V({}, r, {
-              value: j
+            group: I({}, r, {
+              value: ue
+            }),
+            groupCollapsed: I({}, r, {
+              value: se
+            }),
+            groupEnd: I({}, r, {
+              value: R
             })
           });
         }
-        Y < 0 && O("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = E.ReactCurrentDispatcher, Re;
-    function ye(r, u, m) {
+    var Q = p.ReactCurrentDispatcher, Pe;
+    function ye(r, o, m) {
       {
-        if (Re === void 0)
+        if (Pe === void 0)
           try {
             throw Error();
-          } catch (R) {
-            var x = R.stack.trim().match(/\n( *(at )?)/);
-            Re = x && x[1] || "";
+          } catch (O) {
+            var x = O.stack.trim().match(/\n( *(at )?)/);
+            Pe = x && x[1] || "";
           }
         return `
-` + Re + r;
+` + Pe + r;
       }
     }
-    var Pe = !1, pe;
+    var $e = !1, be;
     {
       var gr = typeof WeakMap == "function" ? WeakMap : Map;
-      pe = new gr();
+      be = new gr();
     }
-    function Ve(r, u) {
-      if (!r || Pe)
+    function Fe(r, o) {
+      if (!r || $e)
         return "";
       {
-        var m = pe.get(r);
+        var m = be.get(r);
         if (m !== void 0)
           return m;
       }
       var x;
-      Pe = !0;
-      var R = Error.prepareStackTrace;
+      $e = !0;
+      var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var P;
-      P = Oe.current, Oe.current = null, pr();
+      P = Q.current, Q.current = null, Re();
       try {
-        if (u) {
+        if (o) {
           var w = function() {
             throw Error();
           };
@@ -255,145 +255,145 @@ function zr() {
         }
       } catch (z) {
         if (z && x && typeof z.stack == "string") {
-          for (var S = z.stack.split(`
+          for (var _ = z.stack.split(`
 `), M = x.stack.split(`
-`), C = S.length - 1, N = M.length - 1; C >= 1 && N >= 0 && S[C] !== M[N]; )
+`), C = _.length - 1, N = M.length - 1; C >= 1 && N >= 0 && _[C] !== M[N]; )
             N--;
           for (; C >= 1 && N >= 0; C--, N--)
-            if (S[C] !== M[N]) {
+            if (_[C] !== M[N]) {
               if (C !== 1 || N !== 1)
                 do
-                  if (C--, N--, N < 0 || S[C] !== M[N]) {
+                  if (C--, N--, N < 0 || _[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" && pe.set(r, k), k;
+` + _[C].replace(" at new ", " at ");
+                    return r.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", r.displayName)), typeof r == "function" && be.set(r, k), k;
                   }
                 while (C >= 1 && N >= 0);
               break;
             }
         }
       } finally {
-        Pe = !1, Oe.current = P, br(), Error.prepareStackTrace = R;
+        $e = !1, Q.current = P, Le(), Error.prepareStackTrace = O;
       }
-      var Z = r ? r.displayName || r.name : "", Ze = Z ? ye(Z) : "";
-      return typeof r == "function" && pe.set(r, Ze), Ze;
+      var ee = r ? r.displayName || r.name : "", rr = ee ? ye(ee) : "";
+      return typeof r == "function" && be.set(r, rr), rr;
     }
-    function Er(r, u, m) {
-      return Ve(r, !1);
+    function Er(r, o, m) {
+      return Fe(r, !1);
     }
     function xr(r) {
-      var u = r.prototype;
-      return !!(u && u.isReactComponent);
+      var o = r.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function be(r, u, m) {
+    function ge(r, o, m) {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return Ve(r, xr(r));
+        return Fe(r, xr(r));
       if (typeof r == "string")
         return ye(r);
       switch (r) {
         case d:
           return ye("Suspense");
-        case g:
+        case E:
           return ye("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
           case s:
             return Er(r.render);
-          case p:
-            return be(r.type, u, m);
+          case b:
+            return ge(r.type, o, m);
           case f: {
-            var x = r, R = x._payload, P = x._init;
+            var x = r, O = x._payload, P = x._init;
             try {
-              return be(P(R), u, m);
+              return ge(P(O), o, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var ge = Object.prototype.hasOwnProperty, Ie = {}, Fe = E.ReactDebugCurrentFrame;
-    function Ee(r) {
+    var Ee = Object.prototype.hasOwnProperty, Be = {}, ze = p.ReactDebugCurrentFrame;
+    function xe(r) {
       if (r) {
-        var u = r._owner, m = be(r.type, r._source, u ? u.type : null);
-        Fe.setExtraStackFrame(m);
+        var o = r._owner, m = ge(r.type, r._source, o ? o.type : null);
+        ze.setExtraStackFrame(m);
       } else
-        Fe.setExtraStackFrame(null);
+        ze.setExtraStackFrame(null);
     }
-    function _r(r, u, m, x, R) {
+    function Sr(r, o, m, x, O) {
       {
-        var P = Function.call.bind(ge);
+        var P = Function.call.bind(Ee);
         for (var w in r)
           if (P(r, w)) {
-            var S = void 0;
+            var _ = void 0;
             try {
               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;
               }
-              S = r[w](u, w, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              _ = r[w](o, w, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (C) {
-              S = C;
+              _ = C;
             }
-            S && !(S instanceof Error) && (Ee(R), O("%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), Ee(null)), S instanceof Error && !(S.message in Ie) && (Ie[S.message] = !0, Ee(R), O("Failed %s type: %s", m, S.message), Ee(null));
+            _ && !(_ instanceof Error) && (xe(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 _), xe(null)), _ instanceof Error && !(_.message in Be) && (Be[_.message] = !0, xe(O), j("Failed %s type: %s", m, _.message), xe(null));
           }
       }
     }
-    var Sr = Array.isArray;
-    function Le(r) {
-      return Sr(r);
+    var _r = Array.isArray;
+    function Ce(r) {
+      return _r(r);
     }
     function Tr(r) {
       {
-        var u = typeof Symbol == "function" && Symbol.toStringTag, m = u && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var o = typeof Symbol == "function" && Symbol.toStringTag, m = o && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return m;
       }
     }
     function wr(r) {
       try {
-        return Be(r), !1;
+        return He(r), !1;
       } catch {
         return !0;
       }
     }
-    function Be(r) {
+    function He(r) {
       return "" + r;
     }
-    function ze(r) {
+    function We(r) {
       if (wr(r))
-        return O("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);
+        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)), He(r);
     }
-    var He = E.ReactCurrentOwner, jr = {
+    var Ue = p.ReactCurrentOwner, jr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ue, We;
+    }, Ye, Ge;
     function Or(r) {
-      if (ge.call(r, "ref")) {
-        var u = Object.getOwnPropertyDescriptor(r, "ref").get;
-        if (u && u.isReactWarning)
+      if (Ee.call(r, "ref")) {
+        var o = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return r.ref !== void 0;
     }
     function Rr(r) {
-      if (ge.call(r, "key")) {
-        var u = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (u && u.isReactWarning)
+      if (Ee.call(r, "key")) {
+        var o = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return r.key !== void 0;
     }
-    function Pr(r, u) {
-      typeof r.ref == "string" && He.current;
+    function Lr(r, o) {
+      typeof r.ref == "string" && Ue.current;
     }
-    function Lr(r, u) {
+    function Pr(r, o) {
       {
         var m = function() {
-          Ue || (Ue = !0, O("%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));
+          Ye || (Ye = !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)", o));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: m,
@@ -401,10 +401,10 @@ function zr() {
         });
       }
     }
-    function $r(r, u) {
+    function $r(r, o) {
       {
         var m = function() {
-          We || (We = !0, O("%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));
+          Ge || (Ge = !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)", o));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: m,
@@ -412,70 +412,70 @@ function zr() {
         });
       }
     }
-    var Cr = function(r, u, m, x, R, P, w) {
-      var S = {
+    var Cr = function(r, o, m, x, O, P, w) {
+      var _ = {
         // 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,
+        key: o,
         ref: m,
         props: w,
         // Record the component responsible for creating this element.
         _owner: P
       };
-      return S._store = {}, Object.defineProperty(S._store, "validated", {
+      return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(S, "_self", {
+      }), Object.defineProperty(_, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: x
-      }), Object.defineProperty(S, "_source", {
+      }), Object.defineProperty(_, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+        value: O
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
-    function Ar(r, u, m, x, R) {
+    function Ar(r, o, m, x, O) {
       {
-        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, R));
-        for (P in u)
-          ge.call(u, P) && !jr.hasOwnProperty(P) && (w[P] = u[P]);
+        var P, w = {}, _ = null, M = null;
+        m !== void 0 && (We(m), _ = "" + m), Rr(o) && (We(o.key), _ = "" + o.key), Or(o) && (M = o.ref, Lr(o, O));
+        for (P in o)
+          Ee.call(o, P) && !jr.hasOwnProperty(P) && (w[P] = o[P]);
         if (r && r.defaultProps) {
           var C = r.defaultProps;
           for (P in C)
             w[P] === void 0 && (w[P] = C[P]);
         }
-        if (S || M) {
+        if (_ || M) {
           var N = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          S && Lr(w, N), M && $r(w, N);
+          _ && Pr(w, N), M && $r(w, N);
         }
-        return Cr(r, S, M, R, x, He.current, w);
+        return Cr(r, _, M, O, x, Ue.current, w);
       }
     }
-    var $e = E.ReactCurrentOwner, Ye = E.ReactDebugCurrentFrame;
-    function Q(r) {
+    var Ae = p.ReactCurrentOwner, Ke = p.ReactDebugCurrentFrame;
+    function Z(r) {
       if (r) {
-        var u = r._owner, m = be(r.type, r._source, u ? u.type : null);
-        Ye.setExtraStackFrame(m);
+        var o = r._owner, m = ge(r.type, r._source, o ? o.type : null);
+        Ke.setExtraStackFrame(m);
       } else
-        Ye.setExtraStackFrame(null);
+        Ke.setExtraStackFrame(null);
     }
-    var Ce;
-    Ce = !1;
-    function Ae(r) {
+    var Ne;
+    Ne = !1;
+    function qe(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
-    function Ge() {
+    function Je() {
       {
-        if ($e.current) {
-          var r = F($e.current.type);
+        if (Ae.current) {
+          var r = F(Ae.current.type);
           if (r)
             return `
 
@@ -487,134 +487,134 @@ Check the render method of \`` + r + "`.";
     function Nr(r) {
       return "";
     }
-    var Ke = {};
+    var Xe = {};
     function qr(r) {
       {
-        var u = Ge();
-        if (!u) {
+        var o = Je();
+        if (!o) {
           var m = typeof r == "string" ? r : r.displayName || r.name;
-          m && (u = `
+          m && (o = `
 
 Check the top-level render call using <` + m + ">.");
         }
-        return u;
+        return o;
       }
     }
-    function Je(r, u) {
+    function Qe(r, o) {
       {
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var m = qr(u);
-        if (Ke[m])
+        var m = qr(o);
+        if (Xe[m])
           return;
-        Ke[m] = !0;
+        Xe[m] = !0;
         var x = "";
-        r && r._owner && r._owner !== $e.current && (x = " It was passed a child from " + F(r._owner.type) + "."), Q(r), O('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), Q(null);
+        r && r._owner && r._owner !== Ae.current && (x = " It was passed a child from " + F(r._owner.type) + "."), Z(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), Z(null);
       }
     }
-    function Xe(r, u) {
+    function Ze(r, o) {
       {
         if (typeof r != "object")
           return;
-        if (Le(r))
+        if (Ce(r))
           for (var m = 0; m < r.length; m++) {
             var x = r[m];
-            Ae(x) && Je(x, u);
+            qe(x) && Qe(x, o);
           }
-        else if (Ae(r))
+        else if (qe(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var R = y(r);
-          if (typeof R == "function" && R !== r.entries)
-            for (var P = R.call(r), w; !(w = P.next()).done; )
-              Ae(w.value) && Je(w.value, u);
+          var O = h(r);
+          if (typeof O == "function" && O !== r.entries)
+            for (var P = O.call(r), w; !(w = P.next()).done; )
+              qe(w.value) && Qe(w.value, o);
         }
       }
     }
     function Mr(r) {
       {
-        var u = r.type;
-        if (u == null || typeof u == "string")
+        var o = r.type;
+        if (o == null || typeof o == "string")
           return;
         var m;
-        if (typeof u == "function")
-          m = u.propTypes;
-        else if (typeof u == "object" && (u.$$typeof === s || // Note: Memo only checks outer props here.
+        if (typeof o == "function")
+          m = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === s || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        u.$$typeof === p))
-          m = u.propTypes;
+        o.$$typeof === b))
+          m = o.propTypes;
         else
           return;
         if (m) {
-          var x = F(u);
-          _r(m, r.props, "prop", x, r);
-        } else if (u.PropTypes !== void 0 && !Ce) {
-          Ce = !0;
-          var R = F(u);
-          O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+          var x = F(o);
+          Sr(m, r.props, "prop", x, r);
+        } else if (o.PropTypes !== void 0 && !Ne) {
+          Ne = !0;
+          var O = F(o);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
-        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function kr(r) {
       {
-        for (var u = Object.keys(r.props), m = 0; m < u.length; m++) {
-          var x = u[m];
+        for (var o = Object.keys(r.props), m = 0; m < o.length; m++) {
+          var x = o[m];
           if (x !== "children" && x !== "key") {
-            Q(r), O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Q(null);
+            Z(r), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Z(null);
             break;
           }
         }
-        r.ref !== null && (Q(r), O("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
+        r.ref !== null && (Z(r), j("Invalid attribute `ref` supplied to `React.Fragment`."), Z(null));
       }
     }
-    function Qe(r, u, m, x, R, P) {
+    function er(r, o, m, x, O, P) {
       {
-        var w = ve(r);
+        var w = he(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 _ = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (_ += " 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 ? S += M : S += Ge();
+          M ? _ += M : _ += Je();
           var C;
-          r === null ? C = "null" : Le(r) ? C = "array" : r !== void 0 && r.$$typeof === t ? (C = "<" + (F(r.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : C = typeof r, O("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);
+          r === null ? C = "null" : Ce(r) ? C = "array" : r !== void 0 && r.$$typeof === t ? (C = "<" + (F(r.type) || "Unknown") + " />", _ = " 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, _);
         }
-        var N = Ar(r, u, m, R, P);
+        var N = Ar(r, o, m, O, P);
         if (N == null)
           return N;
         if (w) {
-          var k = u.children;
+          var k = o.children;
           if (k !== void 0)
             if (x)
-              if (Le(k)) {
-                for (var Z = 0; Z < k.length; Z++)
-                  Xe(k[Z], r);
+              if (Ce(k)) {
+                for (var ee = 0; ee < k.length; ee++)
+                  Ze(k[ee], r);
                 Object.freeze && Object.freeze(k);
               } else
-                O("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(k, r);
+              Ze(k, r);
         }
         return r === a ? kr(N) : Mr(N), N;
       }
     }
-    function Dr(r, u, m) {
-      return Qe(r, u, m, !0);
+    function Dr(r, o, m) {
+      return er(r, o, m, !0);
     }
-    function Vr(r, u, m) {
-      return Qe(r, u, m, !1);
+    function Ir(r, o, m) {
+      return er(r, o, m, !1);
     }
-    var Ir = Vr, Fr = Dr;
-    se.Fragment = a, se.jsx = Ir, se.jsxs = Fr;
-  }()), se;
+    var Vr = Ir, Fr = Dr;
+    le.Fragment = a, le.jsx = Vr, le.jsxs = Fr;
+  }()), le;
 }
-var tr;
+var ar;
 function Hr() {
-  return tr || (tr = 1, process.env.NODE_ENV === "production" ? xe.exports = Br() : xe.exports = zr()), xe.exports;
+  return ar || (ar = 1, process.env.NODE_ENV === "production" ? Se.exports = Br() : Se.exports = zr()), Se.exports;
 }
-var v = Hr(), _e = (e) => `--${e}`, nr = (e) => `var(--${e})`, ar = (e, t) => `--${e}: ${t};`;
-function Ur(e, t) {
+var v = Hr(), _e = (e) => `--${e}`, ir = (e) => `var(--${e})`, or = (e, t) => `--${e}: ${t};`;
+function Wr(e, t) {
   const n = (a) => t;
   return {
     b: () => `${n()}-${e}`,
@@ -631,56 +631,56 @@ function Ur(e, t) {
     cns: (a) => `.${n()}-${a}`,
     cv: (a) => _e(`${n()}-${e}-${a}`),
     cvm: (a, i = {}) => {
-      const c = n();
-      for (const h of Object.keys(a))
-        i[_e(`${c}-${e}-${h}`)] = a[h];
+      const l = n();
+      for (const y of Object.keys(a))
+        i[_e(`${l}-${e}-${y}`)] = a[y];
       return i;
     },
-    gcv: (a) => nr(`${n()}-${e}-${a}`),
-    scv: (a, i) => ar(`${n()}-${e}-${a}`, i),
+    gcv: (a) => ir(`${n()}-${e}-${a}`),
+    scv: (a, i) => or(`${n()}-${e}-${a}`, i),
     nv: (a) => _e(`${n()}-${a}`),
     nvm: (a, i = {}) => {
-      const c = n();
-      for (const h of Object.keys(a))
-        i[_e(`${c}-${h}`)] = a[h];
+      const l = n();
+      for (const y of Object.keys(a))
+        i[_e(`${l}-${y}`)] = a[y];
       return i;
     },
-    gnv: (a) => nr(`${n()}-${a}`),
-    snv: (a, i) => ar(`${n()}-${a}`, i)
+    gnv: (a) => ir(`${n()}-${a}`),
+    snv: (a, i) => or(`${n()}-${a}`, i)
   };
 }
-function U(e) {
-  return K(() => Ur(e, "twist"), [e]);
+function W(e) {
+  return J(() => Wr(e, "twist"), [e]);
 }
-function Ne(e, t) {
+function Me(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 qe(e, t) {
+function ke(e, t) {
   if (!t.current) return 0;
   let n = 1 - (e.clientY - t.current.getBoundingClientRect().top) / t.current.clientHeight;
   return n = Math.max(n, 0), n = Math.min(n, 1), n = Math.floor(n * 100) / 100, n;
 }
-var dr = {
+var mr = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attrs: void 0
-}, De = /* @__PURE__ */ re.createContext(dr);
-De.Provider;
-function le(e) {
+}, Ve = /* @__PURE__ */ te.createContext(mr);
+Ve.Provider;
+function fe(e) {
   "@babel/helpers - typeof";
-  return le = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return fe = 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;
-  }, le(e);
+  }, fe(e);
 }
-var Wr = ["attrs", "size", "title", "spin", "rotate", "color"];
+var Ur = ["attrs", "size", "title", "spin", "rotate", "color"];
 function Yr(e, t) {
-  return Jr(e) || Kr(e, t) || vr(e, t) || Gr();
+  return Jr(e) || Kr(e, t) || hr(e, t) || Gr();
 }
 function Gr() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
@@ -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, c, h, b = [], s = !0, d = !1;
+    var a, i, l, y, g = [], s = !0, d = !1;
     try {
-      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;
+      if (l = (n = n.call(e)).next, t !== 0) for (; !(s = (a = l.call(n)).done) && (g.push(a.value), g.length !== t); s = !0) ;
+    } catch (E) {
+      d = !0, i = E;
     } finally {
       try {
-        if (!s && n.return != null && (h = n.return(), Object(h) !== h)) return;
+        if (!s && n.return != null && (y = n.return(), Object(y) !== y)) return;
       } finally {
         if (d) throw i;
       }
     }
-    return b;
+    return g;
   }
 }
 function Jr(e) {
@@ -710,7 +710,7 @@ function Jr(e) {
 function Xr(e, t) {
   var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (!n) {
-    if (Array.isArray(e) || (n = vr(e)) || t) {
+    if (Array.isArray(e) || (n = hr(e)) || t) {
       n && (e = n);
       var a = 0, i = function() {
       };
@@ -723,44 +723,44 @@ 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 c, h = !0, b = !1;
+  var l, y = !0, g = !1;
   return { s: function() {
     n = n.call(e);
   }, n: function() {
     var d = n.next();
-    return h = d.done, d;
+    return y = d.done, d;
   }, e: function(d) {
-    b = !0, c = d;
+    g = !0, l = d;
   }, f: function() {
     try {
-      h || n.return == null || n.return();
+      y || n.return == null || n.return();
     } finally {
-      if (b) throw c;
+      if (g) throw l;
     }
   } };
 }
-function vr(e, t) {
+function hr(e, t) {
   if (e) {
-    if (typeof e == "string") return ir(e, t);
+    if (typeof e == "string") return ur(e, t);
     var n = {}.toString.call(e).slice(8, -1);
-    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ir(e, t) : void 0;
+    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ur(e, t) : void 0;
   }
 }
-function ir(e, t) {
+function ur(e, t) {
   (t == null || t > e.length) && (t = e.length);
   for (var n = 0, a = Array(t); n < t; n++) a[n] = e[n];
   return a;
 }
-function Te() {
-  return Te = Object.assign ? Object.assign.bind() : function(e) {
+function we() {
+  return we = 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;
-  }, Te.apply(null, arguments);
+  }, we.apply(null, arguments);
 }
-function or(e, t) {
+function sr(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -770,12 +770,12 @@ function or(e, t) {
   }
   return n;
 }
-function ce(e) {
+function de(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) {
+    t % 2 ? sr(Object(n), !0).forEach(function(a) {
       Qr(e, a, n[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : or(Object(n)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : sr(Object(n)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
@@ -786,14 +786,14 @@ function Qr(e, t, n) {
 }
 function Zr(e) {
   var t = et(e, "string");
-  return le(t) == "symbol" ? t : t + "";
+  return fe(t) == "symbol" ? t : t + "";
 }
 function et(e, t) {
-  if (le(e) != "object" || !e) return e;
+  if (fe(e) != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
     var a = n.call(e, t);
-    if (le(a) != "object") return a;
+    if (fe(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 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]);
+    var l = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < l.length; a++) n = l[a], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
   }
   return i;
 }
@@ -817,57 +817,57 @@ function tt(e, t) {
   return n;
 }
 function nt(e) {
-  var t = e.attrs, n = e.size, a = e.title, i = e.spin, c = e.rotate, h = e.color, b = rt(e, Wr), 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__ */ re.createElement("svg", Te({
+  var t = e.attrs, n = e.size, a = e.title, i = e.spin, l = e.rotate, y = e.color, g = rt(e, Ur), s = function(E) {
+    var b = n || E.size || "1em", f, c = "", S = "";
+    return E.className && (f = E.className), e.className && (f = f ? "".concat(f, " ").concat(e.className) : e.className), i && (f ? f += " twist-icon-loading" : f = "twist-icon-loading"), l && (c = "rotate(".concat(l, "deg)"), S = "rotate(".concat(l, "deg)")), /* @__PURE__ */ te.createElement("svg", we({
       xmlns: "http://www.w3.org/2000/svg"
-    }, g.attrs, t, b, {
+    }, E.attrs, t, g, {
       className: f,
-      style: ce(ce({
-        color: h || g.color,
-        msTransform: l,
-        transform: _
-      }, g.style), e.style),
-      width: p,
-      height: p
-    }), a && /* @__PURE__ */ re.createElement("title", null, a), e.children);
+      style: de(de({
+        color: y || E.color,
+        msTransform: c,
+        transform: S
+      }, E.style), e.style),
+      width: b,
+      height: b
+    }), a && /* @__PURE__ */ te.createElement("title", null, a), e.children);
   };
-  return De !== void 0 ? /* @__PURE__ */ re.createElement(De.Consumer, null, function(d) {
+  return Ve !== void 0 ? /* @__PURE__ */ te.createElement(Ve.Consumer, null, function(d) {
     return s(d);
-  }) : s(dr);
+  }) : s(mr);
 }
 function at(e) {
   var t = {}, n = e.split(";"), a = Xr(n), i;
   try {
     for (a.s(); !(i = a.n()).done; ) {
-      var c = i.value, h = c.split(":"), b = Yr(h, 2), s = b[0], d = b[1];
+      var l = i.value, y = l.split(":"), g = Yr(y, 2), s = g[0], d = g[1];
       if (s && d) {
-        var g = s.trim().replace(/-./g, function(p) {
-          return p.charAt(1).toUpperCase();
+        var E = s.trim().replace(/-./g, function(b) {
+          return b.charAt(1).toUpperCase();
         });
-        t[g] = d.trim();
+        t[E] = d.trim();
       }
     }
-  } catch (p) {
-    a.e(p);
+  } catch (b) {
+    a.e(b);
   } finally {
     a.f();
   }
   return t;
 }
-function mr(e) {
+function pr(e) {
   return e && e.map(function(t, n) {
-    return /* @__PURE__ */ re.createElement(t.tag, ce(ce({}, t.attrs), {}, {
+    return /* @__PURE__ */ te.createElement(t.tag, de(de({}, t.attrs), {}, {
       key: n,
       style: t.attrs.style ? at(t.attrs.style) : null
-    }), mr(t.children));
+    }), pr(t.children));
   });
 }
 function q(e) {
   return function(t) {
-    return /* @__PURE__ */ re.createElement(nt, Te({
-      attrs: ce({}, e.attrs)
-    }, t), mr(e.children));
+    return /* @__PURE__ */ te.createElement(nt, we({
+      attrs: de({}, e.attrs)
+    }, t), pr(e.children));
   };
 }
 function it(e) {
@@ -876,17 +876,17 @@ function it(e) {
 function ot(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) {
+function yr(e) {
   var t, n, a = "";
   if (typeof e == "string" || typeof e == "number") a += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (t = 0; t < i; t++) e[t] && (n = hr(e[t])) && (a && (a += " "), a += n);
+    for (t = 0; t < i; t++) e[t] && (n = yr(e[t])) && (a && (a += " "), a += n);
   } else for (n in e) e[n] && (a && (a += " "), a += n);
   return a;
 }
 function $() {
-  for (var e, t, n = 0, a = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = hr(e)) && (a && (a += " "), a += t);
+  for (var e, t, n = 0, a = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = yr(e)) && (a && (a += " "), a += t);
   return a;
 }
 function ut({
@@ -894,36 +894,36 @@ function ut({
   playedPercentage: t,
   onSeek: n
 }) {
-  const a = U("aplayer-bar"), i = U("aplayer-icon"), c = I(null), [h, b] = H(t), s = I(!1);
+  const a = W("aplayer-bar"), i = W("aplayer-icon"), l = V(null), [y, g] = H(t), s = V(!1);
   D(() => {
-    s.current || b(t);
+    s.current || g(t);
   }, [t]);
   const d = L(
-    (g) => {
+    (E) => {
       s.current = !0;
-      const p = Ne(g, c);
-      b(p);
-      const f = (_) => {
-        const o = Ne(_, c);
-        b(o);
-      }, l = (_) => {
-        document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", l);
-        const o = Ne(_, c);
-        b(o), n == null || n(o), s.current = !1;
+      const b = Me(E, l);
+      g(b);
+      const f = (S) => {
+        const u = Me(S, l);
+        g(u);
+      }, c = (S) => {
+        document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", c);
+        const u = Me(S, l);
+        g(u), n == null || n(u), s.current = !1;
       };
-      document.addEventListener("mousemove", f), document.addEventListener("mouseup", l);
+      document.addEventListener("mousemove", f), document.addEventListener("mouseup", c);
     },
     [n]
   );
   return /* @__PURE__ */ v.jsx(
     "div",
     {
-      ref: c,
+      ref: l,
       className: $(a.b(), a.bs("vars")),
       onMouseDown: d,
       role: "slider",
       "aria-label": "Audio progress",
-      "aria-valuenow": h ? h * 100 : 0,
+      "aria-valuenow": y ? y * 100 : 0,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-live": "polite",
@@ -935,12 +935,12 @@ function ut({
             style: { width: `${e * 100}%` }
           }
         ) : null,
-        typeof h < "u" ? /* @__PURE__ */ v.jsx(
+        typeof y < "u" ? /* @__PURE__ */ v.jsx(
           "div",
           {
             className: a.be("played"),
             style: {
-              width: `${h * 100}%`
+              width: `${y * 100}%`
             },
             children: /* @__PURE__ */ v.jsx(
               "span",
@@ -958,10 +958,10 @@ function ut({
 function st(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) {
+function ct(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) {
+function lt(e) {
   return q({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14 19V5h4v14zm-8 0V5h4v14z" } }] })(e);
 }
 function ft(e) {
@@ -979,24 +979,24 @@ function mt(e) {
 function ht(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) {
+function pt(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({
+function yt({
   volume: e,
   muted: t,
   onToggleMuted: n,
   onChangeVolume: a
 }) {
-  const i = U("aplayer-volumn"), c = U("aplayer-icon"), h = I(null), [b, s] = H(!1), d = L(
-    (g) => {
-      a(qe(g, h)), s(!0);
-      const p = (l) => {
-        a(qe(l, h));
-      }, f = (l) => {
-        document.removeEventListener("mouseup", f), document.removeEventListener("mousemove", p), s(!1), a(qe(l, h));
+  const i = W("aplayer-volumn"), l = W("aplayer-icon"), y = V(null), [g, s] = H(!1), d = L(
+    (E) => {
+      a(ke(E, y)), s(!0);
+      const b = (c) => {
+        a(ke(c, y));
+      }, f = (c) => {
+        document.removeEventListener("mouseup", f), document.removeEventListener("mousemove", b), s(!1), a(ke(c, y));
       };
-      document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
+      document.addEventListener("mousemove", b), document.addEventListener("mouseup", f);
     },
     [a]
   );
@@ -1005,19 +1005,19 @@ function pt({
       "button",
       {
         type: "button",
-        className: $(c.b(), c.bs("volume-down")),
+        className: $(l.b(), l.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, {})
+        children: t || !e ? /* @__PURE__ */ v.jsx(ht, {}) : e >= 1 ? /* @__PURE__ */ v.jsx(pt, {}) : /* @__PURE__ */ v.jsx(mt, {})
       }
     ),
     /* @__PURE__ */ v.jsx(
       "div",
       {
         className: $(i.be("bar-wrap"), {
-          [i.bem("bar-wrap", "active")]: b
+          [i.bem("bar-wrap", "active")]: g
         }),
-        ref: h,
+        ref: y,
         onMouseDown: d,
         children: /* @__PURE__ */ v.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ v.jsx(
           "div",
@@ -1032,15 +1032,15 @@ function pt({
     )
   ] });
 }
-function ur(e) {
+function cr(e) {
   if (typeof e > "u")
     return "--:--";
   if (Number.isNaN(e))
     return "00:00";
-  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(
+  const t = (y) => y < 10 ? `0${y}` : `${y}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), l = Math.trunc(
     e / 60 - 60 * Math.trunc(e / 60 / 60)
   );
-  return e >= 3600 ? `${t(i)}:${t(c)}:${t(a)}` : `${t(n)}:${t(a)}`;
+  return e >= 3600 ? `${t(i)}:${t(l)}:${t(a)}` : `${t(n)}:${t(a)}`;
 }
 function bt(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);
@@ -1054,44 +1054,44 @@ function Et(e) {
 function xt(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) {
+function St(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({
+function _t({
   volume: e,
   onChangeVolume: t,
   muted: n,
   currentTime: a,
   audioDurationSeconds: i,
-  bufferedSeconds: c,
-  onToggleMenu: h,
-  onToggleMuted: b,
+  bufferedSeconds: l,
+  onToggleMenu: y,
+  onToggleMuted: g,
   order: s,
   onOrderChange: d,
-  loop: g,
-  onLoopChange: p,
+  loop: E,
+  onLoopChange: b,
   onSeek: f,
-  isPlaying: l,
-  onTogglePlay: _,
-  onSkipForward: o,
-  onSkipBack: y,
-  showLyrics: E = !0,
-  onToggleLyrics: O
+  isPlaying: c,
+  onTogglePlay: S,
+  onSkipForward: u,
+  onSkipBack: h,
+  showLyrics: p = !0,
+  onToggleLyrics: j
 }) {
-  const T = U("aplayer-controller"), A = U("aplayer-icon"), te = L(() => {
+  const T = W("aplayer-controller"), A = W("aplayer-icon"), ne = L(() => {
     const B = {
       list: "random",
       random: "list"
     }[s];
     d(B);
-  }, [s, d]), W = L(() => {
+  }, [s, d]), U = L(() => {
     const B = {
       all: "one",
       one: "none",
       none: "all"
-    }[g];
-    p(B);
-  }, [g, p]);
+    }[E];
+    b(B);
+  }, [E, b]);
   return /* @__PURE__ */ v.jsxs(
     "div",
     {
@@ -1103,21 +1103,21 @@ function St({
           ut,
           {
             playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
-            bufferedPercentage: typeof c > "u" || typeof i > "u" ? void 0 : c / i,
+            bufferedPercentage: typeof l > "u" || typeof i > "u" ? void 0 : l / i,
             onSeek: (B) => f == null ? void 0 : f(B * 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("ptime"), children: cr(a) }),
             " / ",
-            /* @__PURE__ */ v.jsx("span", { className: T.be("dtime"), children: ur(i) })
+            /* @__PURE__ */ v.jsx("span", { className: T.be("dtime"), children: cr(i) })
           ] }),
           /* @__PURE__ */ v.jsx(
             "button",
             {
               className: $(A.b(), A.bs("back")),
-              onClick: y,
+              onClick: h,
               type: "button",
               "aria-label": "Previous track",
               children: /* @__PURE__ */ v.jsx(bt, {})
@@ -1127,28 +1127,28 @@ function St({
             "button",
             {
               className: $(A.b(), A.bs("play")),
-              onClick: _,
+              onClick: S,
               type: "button",
-              "aria-label": l ? "Pause audio" : "Play audio",
-              children: l ? /* @__PURE__ */ v.jsx(ct, {}) : /* @__PURE__ */ v.jsx(ft, {})
+              "aria-label": c ? "Pause audio" : "Play audio",
+              children: c ? /* @__PURE__ */ v.jsx(lt, {}) : /* @__PURE__ */ v.jsx(ft, {})
             }
           ),
           /* @__PURE__ */ v.jsx(
             "button",
             {
               className: $(A.b(), A.bs("forward")),
-              onClick: o,
+              onClick: u,
               type: "button",
               "aria-label": "Next track",
               children: /* @__PURE__ */ v.jsx(gt, {})
             }
           ),
           /* @__PURE__ */ v.jsx(
-            pt,
+            yt,
             {
               volume: e,
               muted: n,
-              onToggleMuted: b,
+              onToggleMuted: g,
               onChangeVolume: t
             }
           ),
@@ -1156,24 +1156,24 @@ function St({
             "button",
             {
               className: $(A.b(), A.bs("order")),
-              onClick: te,
+              onClick: ne,
               type: "button",
               "aria-label": `Playback order: ${s}`,
-              children: { list: /* @__PURE__ */ v.jsx(st, {}), random: /* @__PURE__ */ v.jsx(_t, {}) }[s]
+              children: { list: /* @__PURE__ */ v.jsx(st, {}), random: /* @__PURE__ */ v.jsx(St, {}) }[s]
             }
           ),
           /* @__PURE__ */ v.jsx(
             "button",
             {
               className: $(A.b(), A.bs("order")),
-              onClick: W,
+              onClick: U,
               type: "button",
-              "aria-label": `Loop mode: ${g}`,
+              "aria-label": `Loop mode: ${E}`,
               children: {
                 all: /* @__PURE__ */ v.jsx(vt, {}),
                 one: /* @__PURE__ */ v.jsx(dt, {}),
                 none: /* @__PURE__ */ v.jsx(xt, {})
-              }[g]
+              }[E]
             }
           ),
           /* @__PURE__ */ v.jsx(
@@ -1181,7 +1181,7 @@ function St({
             {
               type: "button",
               className: $(A.b(), A.bs("menu")),
-              onClick: () => h == null ? void 0 : h(),
+              onClick: () => y == null ? void 0 : y(),
               "aria-label": "Toggle playlist menu",
               children: /* @__PURE__ */ v.jsx(Et, {})
             }
@@ -1191,12 +1191,12 @@ function St({
             {
               type: "button",
               className: $(A.b(), A.bs("lrc"), {
-                [A.ns("lrc-inactivity")]: !E
+                [A.ns("lrc-inactivity")]: !p
               }),
-              onClick: O,
-              "aria-label": E ? "Hide lyrics" : "Show lyrics",
-              "aria-pressed": E,
-              children: /* @__PURE__ */ v.jsx(lt, {})
+              onClick: j,
+              "aria-label": p ? "Hide lyrics" : "Show lyrics",
+              "aria-pressed": p,
+              children: /* @__PURE__ */ v.jsx(ct, {})
             }
           )
         ] })
@@ -1211,7 +1211,7 @@ function Tt({
   onPlayAudio: a,
   listMaxHeight: i
 }) {
-  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 = I(null);
+  const l = W("aplayer-list"), y = i ? { maxHeight: i } : void 0, g = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = V(null);
   return D(() => {
     if (s.current) {
       const d = s.current;
@@ -1226,59 +1226,59 @@ function Tt({
     "div",
     {
       ref: s,
-      className: $(c.b(), {
-        [c.bm("hide")]: !e
+      className: $(l.b(), {
+        [l.bm("hide")]: !e
       }),
       "aria-label": "Audio playlist",
       "aria-live": "polite",
-      children: /* @__PURE__ */ v.jsx("ol", { style: h, children: t.map((d, g) => /* @__PURE__ */ v.jsxs(
+      children: /* @__PURE__ */ v.jsx("ol", { style: y, children: t.map((d, E) => /* @__PURE__ */ v.jsxs(
         "li",
         {
           className: $({
-            [c.bm("active")]: d.url === n
+            [l.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)}}`,
+          "aria-label": `${d.name ?? "Audio name"} by ${g(d.artist)}}`,
           children: [
-            /* @__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) })
+            /* @__PURE__ */ v.jsx("span", { className: l.be("cur") }),
+            /* @__PURE__ */ v.jsx("span", { className: l.be("index"), children: E + 1 }),
+            /* @__PURE__ */ v.jsx("span", { className: l.be("title"), children: d.name ?? "Audio name" }),
+            /* @__PURE__ */ v.jsx("span", { className: l.be("author"), children: g(d.artist) })
           ]
         },
-        d.name || g
+        d.name || E
       )) })
     }
   );
 }
-function sr({ show: e, lrcText: t, currentTime: n }) {
-  const a = U("aplayer-lrc"), i = K(() => wt(t), [t]), c = K(() => {
-    for (let b = 0; b < i.length; b++) {
-      const s = i[b], d = i[b + 1];
+function lr({ show: e, lrcText: t, currentTime: n }) {
+  const a = W("aplayer-lrc"), i = J(() => wt(t), [t]), l = J(() => {
+    for (let g = 0; g < i.length; g++) {
+      const s = i[g], d = i[g + 1];
       if (n >= s[0] && (!d || n < d[0]))
-        return b;
+        return g;
     }
     return 0;
-  }, [n, i]), h = K(() => ({
-    transform: `translateY(${-c * 16}px)`,
-    WebkitTransform: `translateY(${-c * 16}px)`
-  }), [c]);
+  }, [n, i]), y = J(() => ({
+    transform: `translateY(${-l * 16}px)`,
+    WebkitTransform: `translateY(${-l * 16}px)`
+  }), [l]);
   return /* @__PURE__ */ v.jsx(
     "div",
     {
       className: $(a.b(), {
         [a.bm("hide")]: !e
       }),
-      children: t ? /* @__PURE__ */ v.jsx("div", { className: a.be("contents"), style: h, children: i.map(([, b], s) => /* @__PURE__ */ v.jsx(
+      children: t ? /* @__PURE__ */ v.jsx("div", { className: a.be("contents"), style: y, children: i.map(([, g], s) => /* @__PURE__ */ v.jsx(
         "p",
         {
           className: $({
-            [a.be("current")]: s === c
+            [a.be("current")]: s === l
           }),
-          children: b
+          children: g
         },
         s
       )) }) : null
@@ -1287,25 +1287,25 @@ function sr({ show: e, lrcText: t, currentTime: n }) {
 }
 function wt(e) {
   if (e) {
-    e = e.replace(/([^\]^\n])\[/g, (i, c) => `${c}
+    e = e.replace(/([^\]^\n])\[/g, (i, l) => `${l}
 [`);
     const t = e.split(`
 `), n = [], a = t.length;
     for (let i = 0; i < a; i++) {
-      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]);
+      const l = 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 (l) {
+        const g = l.length;
+        for (let s = 0; s < g; s++) {
+          const d = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(l[s]), E = d[1] * 60, b = Number.parseInt(d[2]), f = d[4] ? Number.parseInt(d[4]) / (`${d[4]}`.length === 2 ? 100 : 1e3) : 0, c = E + b + f;
+          n.push([c, y]);
         }
       }
     }
-    return n.sort((i, c) => i[0] - c[0]), n;
+    return n.sort((i, l) => i[0] - l[0]), n;
   } else
     return [];
 }
-var Se = { exports: {} }, Me = {};
+var Te = { exports: {} }, De = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1315,48 +1315,48 @@ var Se = { exports: {} }, Me = {};
  * 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 fr;
 function jt() {
-  if (lr) return Me;
-  lr = 1;
-  var e = we;
-  function t(p, f) {
-    return p === f && (p !== 0 || 1 / p === 1 / f) || p !== p && f !== f;
+  if (fr) return De;
+  fr = 1;
+  var e = je;
+  function t(b, f) {
+    return b === f && (b !== 0 || 1 / b === 1 / f) || b !== b && f !== 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(
+  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, l = e.useLayoutEffect, y = e.useDebugValue;
+  function g(b, f) {
+    var c = f(), S = a({ inst: { value: c, getSnapshot: f } }), u = S[0].inst, h = S[1];
+    return l(
       function() {
-        o.value = l, o.getSnapshot = f, s(o) && y({ inst: o });
+        u.value = c, u.getSnapshot = f, s(u) && h({ inst: u });
       },
-      [p, l, f]
+      [b, c, f]
     ), i(
       function() {
-        return s(o) && y({ inst: o }), p(function() {
-          s(o) && y({ inst: o });
+        return s(u) && h({ inst: u }), b(function() {
+          s(u) && h({ inst: u });
         });
       },
-      [p]
-    ), h(l), l;
+      [b]
+    ), y(c), c;
   }
-  function s(p) {
-    var f = p.getSnapshot;
-    p = p.value;
+  function s(b) {
+    var f = b.getSnapshot;
+    b = b.value;
     try {
-      var l = f();
-      return !n(p, l);
+      var c = f();
+      return !n(b, c);
     } catch {
       return !0;
     }
   }
-  function d(p, f) {
+  function d(b, f) {
     return f();
   }
-  var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : b;
-  return Me.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : g, Me;
+  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : g;
+  return De.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : E, De;
 }
-var ke = {};
+var Ie = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1366,71 +1366,71 @@ var ke = {};
  * 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 dr;
 function Ot() {
-  return cr || (cr = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(l, _) {
-      return l === _ && (l !== 0 || 1 / l === 1 / _) || l !== l && _ !== _;
+  return dr || (dr = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(c, S) {
+      return c === S && (c !== 0 || 1 / c === 1 / S) || c !== c && S !== S;
     }
-    function t(l, _) {
-      g || i.startTransition === void 0 || (g = !0, console.error(
+    function t(c, S) {
+      E || i.startTransition === void 0 || (E = !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 = _();
-      if (!p) {
-        var y = _();
-        c(o, y) || (console.error(
+      var u = S();
+      if (!b) {
+        var h = S();
+        l(u, h) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), p = !0);
+        ), b = !0);
       }
-      y = h({
-        inst: { value: o, getSnapshot: _ }
+      h = y({
+        inst: { value: u, getSnapshot: S }
       });
-      var E = y[0].inst, O = y[1];
+      var p = h[0].inst, j = h[1];
       return s(
         function() {
-          E.value = o, E.getSnapshot = _, n(E) && O({ inst: E });
+          p.value = u, p.getSnapshot = S, n(p) && j({ inst: p });
         },
-        [l, o, _]
-      ), b(
+        [c, u, S]
+      ), g(
         function() {
-          return n(E) && O({ inst: E }), l(function() {
-            n(E) && O({ inst: E });
+          return n(p) && j({ inst: p }), c(function() {
+            n(p) && j({ inst: p });
           });
         },
-        [l]
-      ), d(o), o;
+        [c]
+      ), d(u), u;
     }
-    function n(l) {
-      var _ = l.getSnapshot;
-      l = l.value;
+    function n(c) {
+      var S = c.getSnapshot;
+      c = c.value;
       try {
-        var o = _();
-        return !c(l, o);
+        var u = S();
+        return !l(c, u);
       } catch {
         return !0;
       }
     }
-    function a(l, _) {
-      return _();
+    function a(c, S) {
+      return S();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var i = we, 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;
-    ke.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());
-  }()), ke;
+    var i = je, l = typeof Object.is == "function" ? Object.is : e, y = i.useState, g = i.useEffect, s = i.useLayoutEffect, d = i.useDebugValue, E = !1, b = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
+    Ie.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());
+  }()), Ie;
 }
-var fr;
+var vr;
 function Rt() {
-  return fr || (fr = 1, process.env.NODE_ENV === "production" ? Se.exports = jt() : Se.exports = Ot()), Se.exports;
+  return vr || (vr = 1, process.env.NODE_ENV === "production" ? Te.exports = jt() : Te.exports = Ot()), Te.exports;
 }
-var G = Rt();
-const ee = [];
-function Pt(e) {
-  const t = I();
+var K = Rt();
+const re = [];
+function Lt(e) {
+  const t = V();
   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), ee.includes(n) || ee.push(n);
+      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), re.includes(n) || re.push(n);
     }
   }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), D(() => {
     if (typeof window > "u") return;
@@ -1450,104 +1450,104 @@ function Pt(e) {
     const n = t.current;
     if (n) {
       n.pause(), n.currentTime = 0;
-      const a = ee.indexOf(n);
-      a !== -1 && ee.splice(a, 1);
+      const a = re.indexOf(n);
+      a !== -1 && re.splice(a, 1);
     }
     t.current = void 0;
   }, []), t;
 }
-function Lt(e) {
-  const t = Pt(e), n = L((o) => {
-    for (let y = 0; y < ee.length; y++) {
-      const E = ee[y];
-      E !== o && !E.paused && E.pause();
+function Pt(e) {
+  const t = Lt(e), n = L((u) => {
+    for (let h = 0; h < re.length; h++) {
+      const p = re[h];
+      p !== u && !p.paused && p.pause();
     }
   }, []), a = L(
-    async (o) => {
-      var E;
-      const y = t.current;
-      if (y) {
-        e.mutex && n(y), y.src !== o && (y.pause(), y.currentTime = 0, y.src = o);
+    async (u) => {
+      var p;
+      const h = t.current;
+      if (h) {
+        e.mutex && n(h), h.src !== u && (h.pause(), h.currentTime = 0, h.src = u);
         try {
-          await ((E = t.current) == null ? void 0 : E.play());
+          await ((p = t.current) == null ? void 0 : p.play());
         } catch {
         }
       }
     },
     [t, e.mutex, n]
   ), i = L(
-    (o) => {
-      const y = t.current;
-      y && (y.paused ? a(o) : y.pause());
+    (u) => {
+      const h = t.current;
+      h && (h.paused ? a(u) : h.pause());
     },
     [t, a]
-  ), c = L(
-    (o) => {
-      t.current.currentTime = o;
+  ), l = L(
+    (u) => {
+      t.current.currentTime = u;
     },
     [t]
-  ), h = L(() => {
+  ), y = L(() => {
     t.current && (t.current.muted = !t.current.muted);
-  }, [t]), b = L(
-    (o) => {
-      t.current && (t.current.volume = o);
+  }, [t]), g = L(
+    (u) => {
+      t.current && (t.current.volume = u);
     },
     [t]
-  ), s = G.useSyncExternalStore(
+  ), s = K.useSyncExternalStore(
     L(
-      (o) => {
-        var y;
-        return (y = t.current) == null || y.addEventListener(
+      (u) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener(
           "volumechange",
-          o
+          u
         ), () => {
-          var E;
-          (E = t.current) == null || E.removeEventListener(
+          var p;
+          (p = t.current) == null || p.removeEventListener(
             "volumechange",
-            o
+            u
           );
         };
       },
       [t]
     ),
     () => {
-      var o;
-      return (o = t.current) == null ? void 0 : o.volume;
+      var u;
+      return (u = t.current) == null ? void 0 : u.volume;
     },
     () => {
     }
-  ), d = G.useSyncExternalStore(
+  ), d = K.useSyncExternalStore(
     L(
-      (o) => {
-        var y;
-        return (y = t.current) == null || y.addEventListener(
+      (u) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener(
           "volumechange",
-          o
+          u
         ), () => {
-          var E;
-          (E = t.current) == null || E.removeEventListener(
+          var p;
+          (p = t.current) == null || p.removeEventListener(
             "volumechange",
-            o
+            u
           );
         };
       },
       [t]
     ),
     () => {
-      var o;
-      return (o = t.current) == null ? void 0 : o.muted;
+      var u;
+      return (u = t.current) == null ? void 0 : u.muted;
     },
     () => {
     }
-  ), g = G.useSyncExternalStore(
+  ), E = K.useSyncExternalStore(
     L(
-      (o) => {
-        var y;
-        return (y = t.current) == null || y.addEventListener("timeupdate", o), () => {
-          var E;
-          (E = t.current) == null || E.removeEventListener(
+      (u) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener("timeupdate", u), () => {
+          var p;
+          (p = t.current) == null || p.removeEventListener(
             "timeupdate",
-            o
+            u
           );
         };
       },
@@ -1559,107 +1559,108 @@ function Lt(e) {
     },
     () => {
     }
-  ), p = G.useSyncExternalStore(
+  ), b = K.useSyncExternalStore(
     L(
-      (o) => {
-        var y;
-        return (y = t.current) == null || y.addEventListener(
+      (u) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener(
           "durationchange",
-          o
+          u
         ), () => {
-          var E;
-          (E = t.current) == null || E.removeEventListener(
+          var p;
+          (p = t.current) == null || p.removeEventListener(
             "durationchange",
-            o
+            u
           );
         };
       },
       [t]
     ),
     () => {
-      var o;
-      return (o = t.current) == null ? void 0 : o.duration;
+      var u;
+      return (u = t.current) == null ? void 0 : u.duration;
     },
     () => {
     }
-  ), f = G.useSyncExternalStore(
+  ), f = K.useSyncExternalStore(
     L(
-      (o) => {
-        var y;
-        return (y = t.current) == null || y.addEventListener("progress", o), () => {
-          var E;
-          (E = t.current) == null || E.removeEventListener(
+      (u) => {
+        var h;
+        return (h = t.current) == null || h.addEventListener("progress", u), () => {
+          var p;
+          (p = t.current) == null || p.removeEventListener(
             "progress",
-            o
+            u
           );
         };
       },
       [t]
     ),
     () => {
-      const o = t.current;
-      return o && o.buffered.length > 0 ? o.buffered.end(o.buffered.length - 1) : 0;
+      const u = t.current;
+      return u && u.buffered.length > 0 ? u.buffered.end(u.buffered.length - 1) : 0;
     },
     () => {
     }
-  ), l = G.useSyncExternalStore(
+  ), c = K.useSyncExternalStore(
     L(
-      (o) => {
-        var y, E;
-        return (y = t.current) == null || y.addEventListener("play", o), (E = t.current) == null || E.addEventListener("pause", o), () => {
-          var O, T;
-          (O = t.current) == null || O.removeEventListener("play", o), (T = t.current) == null || T.removeEventListener("pause", o);
+      (u) => {
+        var h, p;
+        return (h = t.current) == null || h.addEventListener("play", u), (p = t.current) == null || p.addEventListener("pause", u), () => {
+          var j, T;
+          (j = t.current) == null || j.removeEventListener("play", u), (T = t.current) == null || T.removeEventListener("pause", u);
         };
       },
       [t]
     ),
     () => {
-      const o = t.current;
-      return o ? !o.paused : !1;
+      const u = t.current;
+      return u ? !u.paused : !1;
     },
     () => {
     }
-  ), _ = G.useSyncExternalStore(
+  ), S = K.useSyncExternalStore(
     L(
-      (o) => {
-        var y, E;
-        return (y = t.current) == null || y.addEventListener("playing", o), (E = t.current) == null || E.addEventListener("waiting", o), () => {
-          var O, T;
-          (O = t.current) == null || O.removeEventListener(
+      (u) => {
+        var h, p;
+        return (h = t.current) == null || h.addEventListener("playing", u), (p = t.current) == null || p.addEventListener("waiting", u), () => {
+          var j, T;
+          (j = t.current) == null || j.removeEventListener(
             "playing",
-            o
+            u
           ), (T = t.current) == null || T.removeEventListener(
             "waiting",
-            o
+            u
           );
         };
       },
       [t]
     ),
     () => {
-      const o = t.current;
-      return o ? o.networkState === o.NETWORK_LOADING : !1;
+      const u = t.current;
+      return u ? u.networkState === u.NETWORK_LOADING : !1;
     },
     () => {
     }
   );
   return {
+    audio: t.current,
     playAudio: a,
     togglePlay: i,
-    seek: c,
-    toggleMuted: h,
-    setVolume: b,
+    seek: l,
+    toggleMuted: y,
+    setVolume: g,
     volume: s,
     muted: d,
-    currentTime: g,
-    duration: p,
+    currentTime: E,
+    duration: b,
     bufferedSeconds: f,
-    isPlaying: l,
-    isLoading: _
+    isPlaying: c,
+    isLoading: S
   };
 }
-function yr() {
-  const e = I([]);
+function br() {
+  const e = V([]);
   return D(() => {
     const n = e.current;
     return () => {
@@ -1672,11 +1673,11 @@ function yr() {
   }, []);
 }
 function $t() {
-  const e = I(), [t, n] = H({ 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);
+  const e = V(), [t, n] = H({ text: "", style: { opacity: 0 } }), a = br(), i = L(
+    (l, y = 2e3) => {
+      e.current && clearTimeout(e.current), n({ text: l, style: { opacity: 1 } }), e.current = a(() => {
+        n({ text: l, style: { opacity: 0 } });
+      }, y);
     },
     [a]
   );
@@ -1694,45 +1695,35 @@ function At(e) {
     ];
   return e;
 }
-function Nt(e, {
-  initialLoop: t = "all",
-  initialOrder: n = "list",
-  getSongId: a
-}) {
-  const [i, c] = H(t), [h, b] = H(n), s = K(() => h === "list" ? e : Ct(e), [e, h]), [d, g] = H(s[0]);
-  D(() => {
-    const o = s.find(
-      (y) => a(y) === a(d)
-    );
-    g(o || s[0]);
-  }, [s, a, d]);
-  const p = K(() => {
-    if (i === "one")
-      return { ...d };
-    const o = s.indexOf(d);
-    if (o < s.length - 1)
-      return s[o + 1];
-    if (i !== "none") return s[0];
-  }, [s, d, i]), f = L(() => {
-    p && g(p);
-  }, [p]), l = L(() => {
-    g((o) => {
-      const y = s.indexOf(o);
-      return y > 0 ? s[y - 1] : o;
+function Nt(e, t) {
+  const { initialLoop: n = "all", initialOrder: a = "list" } = t, [i, l] = H(n), [y, g] = H(a), s = J(() => y === "list" ? e : Ct(e), [e, y]), [d, E] = H(s[0]), b = L((h) => h.url, []), f = J(() => s.findIndex((p) => b(p) === b(d)) < s.length - 1 || i !== "none", [s, d, i, b]), c = L(() => {
+    E((h) => {
+      const p = s.findIndex((j) => b(j) === b(h));
+      return p < s.length - 1 ? s[p + 1] : { ...s[0] };
+    });
+  }, [i, s, b]), S = L(() => {
+    E((h) => {
+      const p = s.indexOf(h);
+      return p > 0 ? s[p - 1] : h;
     });
-  }, [s]), _ = L((o) => {
-    g(o);
+  }, [s]), u = L((h) => {
+    E(h);
   }, []);
-  return {
+  return D(() => {
+    const h = s.find(
+      (p) => b(p) === b(d)
+    );
+    E(h || s[0]);
+  }, [s, b, d]), {
     currentSong: d,
-    hasNextSong: typeof p < "u",
-    next: f,
-    previous: l,
-    prioritize: _,
-    order: h,
-    setOrder: b,
+    hasNextSong: f,
+    next: c,
+    previous: S,
+    prioritize: u,
+    order: y,
+    setOrder: g,
     loop: i,
-    setLoop: c,
+    setLoop: l,
     length: s.length
   };
 }
@@ -1748,82 +1739,89 @@ function Dt({
   volume: n = 0.7,
   initialLoop: a,
   initialOrder: i,
-  autoPlay: c = !1,
-  listMaxHeight: h = 250,
-  mini: b = !1,
+  autoPlay: l = !1,
+  listMaxHeight: y = 250,
+  mini: g = !1,
   mutex: s = !0,
   listFolded: d = !1,
-  theme: g = "light",
-  border: p = !1
+  theme: E = "light",
+  border: b = !1
 }) {
-  var ae, ie, oe;
-  const f = U("aplayer"), l = Nt(Array.isArray(e) ? e : [e], {
+  var oe, ue, se;
+  const f = W("aplayer"), c = Nt(Array.isArray(e) ? e : [e], {
     initialLoop: a,
-    initialOrder: i,
-    getSongId: (j) => j.url
-  }), [_, o] = $t(), y = yr(), E = I(), O = L(() => {
-    E.current && (clearTimeout(E.current), E.current = void 0);
-  }, []), T = Lt({
-    src: l.currentSong.url,
+    initialOrder: i
+  }), [S, u] = $t(), h = br(), p = V(), j = L(() => {
+    p.current && (clearTimeout(p.current), p.current = void 0);
+  }, []), T = Pt({
+    src: c.currentSong.url,
     initialVolume: n,
-    autoPlay: c,
+    autoPlay: l,
     mutex: s,
-    onError(j) {
-      const { error: he } = j.target;
-      he && o(
+    onError(R) {
+      const { error: G } = R.target;
+      G && u(
         "An audio error has occurred, player will skip forward in 2 seconds."
-      ), l.hasNextSong && (E.current = y(() => {
-        l.next();
+      ), c.hasNextSong && (p.current = h(() => {
+        c.next();
       }, 2e3));
     },
     onEnded() {
-      l.hasNextSong && l.next();
+      const { currentSong: R, loop: G, prioritize: Re, hasNextSong: Le } = c;
+      if (G === "one") {
+        Re({ ...R });
+        return;
+      }
+      if (!Le && G === "none") {
+        const { audio: Q } = T;
+        Q.currentTime = 0, Q.pause();
+        return;
+      }
+      c.next();
     }
   }), A = L(() => {
-    O(), T.togglePlay(l.currentSong.url);
-  }, [T, O, l.currentSong.url]), te = L((j) => j ? typeof j == "string" ? j : j.url ? /* @__PURE__ */ v.jsx("a", { href: j.url, target: "_blank", rel: "noreferrer", children: j.name ?? "Audio artist" }) : j.name ?? "Audio artist" : "Audio artist", []), W = l.length > 1, B = K(
+    j(), T.togglePlay(c.currentSong.url);
+  }, [T, j, c.currentSong.url]), ne = 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", []), U = c.length > 1, B = J(
     () => Array.isArray(e) ? e : [e],
     [e]
-  ), { prioritize: fe } = l, de = L(
-    (j) => {
-      O(), fe(j);
+  ), { prioritize: ve } = c, me = L(
+    (R) => {
+      j(), ve(R);
     },
-    [O, fe]
-  ), [ve, je] = H(() => W && !d), [me, F] = H(b), [V, Y] = H(!0), J = I(null);
+    [j, ve]
+  ), [he, Oe] = H(() => U && !d), [pe, F] = H(g), [I, Y] = H(!0), X = V(null);
   D(() => {
-    F(b);
-  }, [b]), D(() => {
-    c && T.playAudio(l.currentSong.url);
+    F(g);
+  }, [g]), D(() => {
+    l && T.playAudio(c.currentSong.url);
   }, []);
-  const X = I(null), ne = I(!0);
+  const ae = V(!0), ie = V(c.currentSong);
   return D(() => {
-    if (!l.currentSong) return;
-    const j = l.currentSong.url;
-    if (ne.current) {
-      ne.current = !1, X.current = j;
+    if (ae.current) {
+      ae.current = !1;
       return;
     }
-    (l.loop === "one" || j !== X.current) && (T.playAudio(j), X.current = j);
-  }, [l.currentSong, l.loop]), D(() => {
-    if (t === "fixed" && J.current) {
-      const j = J.current;
-      return j.style.width = `${j.offsetWidth - 18}px`, () => {
-        j.removeAttribute("style");
+    c.currentSong && (c.loop === "one" || c.currentSong !== ie.current) && (ie.current = c.currentSong, T.playAudio(c.currentSong.url));
+  }, [c.currentSong]), D(() => {
+    if (t === "fixed" && X.current) {
+      const R = X.current;
+      return R.style.width = `${R.offsetWidth - 18}px`, () => {
+        R.removeAttribute("style");
       };
     }
   }, [t]), /* @__PURE__ */ v.jsxs(
     "div",
     {
       className: $(f.b(), {
-        [f.bs(g)]: !0,
+        [f.bs(E)]: !0,
         [f.bs("vars")]: !0,
         [f.bm(t)]: !0,
         [f.bm("loading")]: T.isLoading,
-        [f.bm("withlist")]: W,
-        [f.bm("list-folded")]: !ve,
-        [f.bm("withlrc")]: !!l.currentSong.lrc && t !== "fixed",
-        [f.bm("narrow")]: me,
-        [f.bm("border")]: p
+        [f.bm("withlist")]: U,
+        [f.bm("list-folded")]: !he,
+        [f.bm("withlrc")]: !!c.currentSong.lrc && t !== "fixed",
+        [f.bm("narrow")]: pe,
+        [f.bm("border")]: b
       }),
       role: "region",
       "aria-label": "Audio Player",
@@ -1831,7 +1829,7 @@ function Dt({
         /* @__PURE__ */ v.jsxs(
           "div",
           {
-            ref: J,
+            ref: X,
             className: f.be("body"),
             children: [
               /* @__PURE__ */ v.jsx(
@@ -1840,7 +1838,7 @@ function Dt({
                   className: f.be("pic"),
                   onClick: A,
                   style: {
-                    backgroundImage: `url("${(ae = l.currentSong) == null ? void 0 : ae.cover}")`
+                    backgroundImage: `url("${(oe = c.currentSong) == null ? void 0 : oe.cover}")`
                   },
                   role: "button",
                   "aria-label": T.isPlaying ? "Pause audio" : "Play audio",
@@ -1859,24 +1857,24 @@ function Dt({
               ),
               /* @__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: ((ie = l.currentSong) == null ? void 0 : ie.name) ?? "Audio name" }),
+                  /* @__PURE__ */ v.jsx("span", { className: $(f.be("title")), children: ((ue = c.currentSong) == null ? void 0 : ue.name) ?? "Audio name" }),
                   /* @__PURE__ */ v.jsxs("span", { className: $(f.be("author")), children: [
                     " ",
                     "-",
                     " ",
-                    te((oe = l.currentSong) == null ? void 0 : oe.artist)
+                    ne((se = c.currentSong) == null ? void 0 : se.artist)
                   ] })
                 ] }),
                 t === "fixed" ? null : /* @__PURE__ */ v.jsx(
-                  sr,
+                  lr,
                   {
-                    show: V,
-                    lrcText: l.currentSong.lrc,
+                    show: I,
+                    lrcText: c.currentSong.lrc,
                     currentTime: T.currentTime ?? 0
                   }
                 ),
                 /* @__PURE__ */ v.jsx(
-                  St,
+                  _t,
                   {
                     volume: T.volume ?? n,
                     onChangeVolume: T.setVolume,
@@ -1885,54 +1883,54 @@ function Dt({
                     currentTime: T.currentTime,
                     audioDurationSeconds: T.duration,
                     bufferedSeconds: T.bufferedSeconds,
-                    onSeek: (j) => T.seek(j),
-                    onToggleMenu: () => je((j) => !j),
-                    order: l.order,
-                    onOrderChange: l.setOrder,
-                    loop: l.loop,
-                    onLoopChange: l.setLoop,
+                    onSeek: (R) => T.seek(R),
+                    onToggleMenu: () => Oe((R) => !R),
+                    order: c.order,
+                    onOrderChange: c.setOrder,
+                    loop: c.loop,
+                    onLoopChange: c.setLoop,
                     isPlaying: T.isPlaying ?? !1,
                     onTogglePlay: A,
                     onSkipForward: () => {
-                      l.hasNextSong && l.next();
+                      c.hasNextSong && c.next();
                     },
                     onSkipBack: () => {
-                      l.previous();
+                      c.previous();
                     },
-                    showLyrics: V,
+                    showLyrics: I,
                     onToggleLyrics: () => {
-                      Y((j) => !j);
+                      Y((R) => !R);
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ v.jsx("div", { className: f.be("notice"), style: _.style, children: _.text }),
+              /* @__PURE__ */ v.jsx("div", { className: f.be("notice"), style: S.style, children: S.text }),
               /* @__PURE__ */ v.jsx(
                 "div",
                 {
                   className: f.be("miniswitcher"),
-                  onClick: () => F((j) => !j),
+                  onClick: () => F((R) => !R),
                   children: /* @__PURE__ */ v.jsx("button", { className: $(f.bs("icon"), f.bs("icon-right")), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
                 }
               )
             ]
           }
         ),
-        W ? /* @__PURE__ */ v.jsx(
+        U ? /* @__PURE__ */ v.jsx(
           Tt,
           {
-            open: ve,
+            open: he,
             audio: B,
-            playingAudioUrl: l.currentSong.url,
-            onPlayAudio: de,
-            listMaxHeight: h
+            playingAudioUrl: c.currentSong.url,
+            onPlayAudio: me,
+            listMaxHeight: y
           }
         ) : null,
         t === "fixed" && /* @__PURE__ */ v.jsx(
-          sr,
+          lr,
           {
-            show: V,
-            lrcText: l.currentSong.lrc,
+            show: I,
+            lrcText: c.currentSong.lrc,
             currentTime: T.currentTime ?? 0
           }
         )