twist-aplayer 1.3.1 → 1.3.2

package/dist/index.mjs

@@ -1,6 +1,6 @@
 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 = {};
+import Re, { useMemo as K, useRef as D, useState as W, useEffect as I, useCallback as L } from "react";
+var Te = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,9 +12,9 @@ var Se = { exports: {} }, ce = {};
  */
 var tr;
 function Br() {
-  if (tr) return ce;
+  if (tr) return de;
   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 };
+  var e = Re, 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);
@@ -22,9 +22,9 @@ function Br() {
     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 ce.Fragment = n, ce.jsx = y, ce.jsxs = y, ce;
+  return de.Fragment = n, de.jsx = y, de.jsxs = y, de;
 }
-var le = {};
+var ve = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,11 +37,11 @@ var le = {};
 var nr;
 function zr() {
   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";
+    var e = Re, 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"), _ = Symbol.iterator, u = "@@iterator";
     function h(r) {
       if (r === null || typeof r != "object")
         return null;
-      var o = S && r[S] || r[u];
+      var o = _ && r[_] || r[u];
       return typeof o == "function" ? o : null;
     }
     var p = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -49,10 +49,10 @@ function zr() {
       {
         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);
+        N("error", r, m);
       }
     }
-    function T(r, o, m) {
+    function N(r, o, m) {
       {
         var x = p.ReactDebugCurrentFrame, O = x.getStackAddendum();
         O !== "" && (o += "%s", m = m.concat([O]));
@@ -62,26 +62,26 @@ function zr() {
         P.unshift("Warning: " + o), Function.prototype.apply.call(console[r], console, P);
       }
     }
-    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
+    var S = !1, J = !1, ne = !1, V = !1, Le = !1, ae;
+    ae = Symbol.for("react.module.reference");
+    function Pe(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === a || r === l || Le || r === i || r === d || r === E || V || r === c || S || J || ne || 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 === me || r.getModuleId !== void 0));
+      r.$$typeof === ae || r.getModuleId !== void 0));
     }
-    function Oe(r, o, m) {
+    function pe(r, o, m) {
       var x = r.displayName;
       if (x)
         return x;
       var O = o.displayName || o.name || "";
       return O !== "" ? m + "(" + O + ")" : m;
     }
-    function pe(r) {
+    function ye(r) {
       return r.displayName || "Context";
     }
-    function F(r) {
+    function B(r) {
       if (r == null)
         return null;
       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")
@@ -106,19 +106,19 @@ function zr() {
         switch (r.$$typeof) {
           case g:
             var o = r;
-            return pe(o) + ".Consumer";
+            return ye(o) + ".Consumer";
           case y:
             var m = r;
-            return pe(m._context) + ".Provider";
+            return ye(m._context) + ".Provider";
           case s:
-            return Oe(r, r.render, "ForwardRef");
+            return pe(r, r.render, "ForwardRef");
           case b:
             var x = r.displayName || null;
-            return x !== null ? x : F(r.type) || "Memo";
+            return x !== null ? x : B(r.type) || "Memo";
           case f: {
             var O = r, P = O._payload, w = O._init;
             try {
-              return F(w(P));
+              return B(w(P));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function zr() {
         }
       return null;
     }
-    var I = Object.assign, Y = 0, X, ae, ie, oe, ue, se, R;
-    function G() {
+    var F = Object.assign, z = 0, be, X, ie, oe, ue, se, ce;
+    function R() {
     }
-    G.__reactDisabledLog = !0;
-    function Re() {
+    R.__reactDisabledLog = !0;
+    function le() {
       {
-        if (Y === 0) {
-          X = console.log, ae = console.info, ie = console.warn, oe = console.error, ue = console.group, se = console.groupCollapsed, R = console.groupEnd;
+        if (z === 0) {
+          be = console.log, X = console.info, ie = console.warn, oe = console.error, ue = console.group, se = console.groupCollapsed, ce = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: G,
+            value: R,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,68 +150,68 @@ function zr() {
             groupEnd: r
           });
         }
-        Y++;
+        z++;
       }
     }
-    function Le() {
+    function ge() {
       {
-        if (Y--, Y === 0) {
+        if (z--, z === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, r, {
-              value: X
+            log: F({}, r, {
+              value: be
             }),
-            info: I({}, r, {
-              value: ae
+            info: F({}, r, {
+              value: X
             }),
-            warn: I({}, r, {
+            warn: F({}, r, {
               value: ie
             }),
-            error: I({}, r, {
+            error: F({}, r, {
               value: oe
             }),
-            group: I({}, r, {
+            group: F({}, r, {
               value: ue
             }),
-            groupCollapsed: I({}, r, {
+            groupCollapsed: F({}, r, {
               value: se
             }),
-            groupEnd: I({}, r, {
-              value: R
+            groupEnd: F({}, r, {
+              value: ce
             })
           });
         }
-        Y < 0 && j("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 Q = p.ReactCurrentDispatcher, Pe;
-    function ye(r, o, m) {
+    var Q = p.ReactCurrentDispatcher, fe;
+    function Y(r, o, m) {
       {
-        if (Pe === void 0)
+        if (fe === void 0)
           try {
             throw Error();
           } catch (O) {
             var x = O.stack.trim().match(/\n( *(at )?)/);
-            Pe = x && x[1] || "";
+            fe = x && x[1] || "";
           }
         return `
-` + Pe + r;
+` + fe + r;
       }
     }
-    var $e = !1, be;
+    var $e = !1, Ee;
     {
       var gr = typeof WeakMap == "function" ? WeakMap : Map;
-      be = new gr();
+      Ee = new gr();
     }
     function Fe(r, o) {
       if (!r || $e)
         return "";
       {
-        var m = be.get(r);
+        var m = Ee.get(r);
         if (m !== void 0)
           return m;
       }
@@ -220,7 +220,7 @@ function zr() {
       var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var P;
-      P = Q.current, Q.current = null, Re();
+      P = Q.current, Q.current = null, le();
       try {
         if (o) {
           var w = function() {
@@ -233,50 +233,50 @@ function zr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(w, []);
-            } catch (z) {
-              x = z;
+            } catch (H) {
+              x = H;
             }
             Reflect.construct(r, [], w);
           } else {
             try {
               w.call();
-            } catch (z) {
-              x = z;
+            } catch (H) {
+              x = H;
             }
             r.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (z) {
-            x = z;
+          } catch (H) {
+            x = H;
           }
           r();
         }
-      } catch (z) {
-        if (z && x && typeof z.stack == "string") {
-          for (var _ = z.stack.split(`
+      } catch (H) {
+        if (H && x && typeof H.stack == "string") {
+          for (var T = H.stack.split(`
 `), M = x.stack.split(`
-`), C = _.length - 1, N = M.length - 1; C >= 1 && N >= 0 && _[C] !== M[N]; )
-            N--;
-          for (; C >= 1 && N >= 0; C--, N--)
-            if (_[C] !== M[N]) {
-              if (C !== 1 || N !== 1)
+`), C = T.length - 1, A = M.length - 1; C >= 1 && A >= 0 && T[C] !== M[A]; )
+            A--;
+          for (; C >= 1 && A >= 0; C--, A--)
+            if (T[C] !== M[A]) {
+              if (C !== 1 || A !== 1)
                 do
-                  if (C--, N--, N < 0 || _[C] !== M[N]) {
+                  if (C--, A--, A < 0 || T[C] !== M[A]) {
                     var 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;
+` + T[C].replace(" at new ", " at ");
+                    return r.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, k), k;
                   }
-                while (C >= 1 && N >= 0);
+                while (C >= 1 && A >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, Q.current = P, Le(), Error.prepareStackTrace = O;
+        $e = !1, Q.current = P, ge(), Error.prepareStackTrace = O;
       }
-      var ee = r ? r.displayName || r.name : "", rr = ee ? ye(ee) : "";
-      return typeof r == "function" && be.set(r, rr), rr;
+      var ee = r ? r.displayName || r.name : "", rr = ee ? Y(ee) : "";
+      return typeof r == "function" && Ee.set(r, rr), rr;
     }
     function Er(r, o, m) {
       return Fe(r, !1);
@@ -285,59 +285,59 @@ function zr() {
       var o = r.prototype;
       return !!(o && o.isReactComponent);
     }
-    function ge(r, o, m) {
+    function xe(r, o, m) {
       if (r == null)
         return "";
       if (typeof r == "function")
         return Fe(r, xr(r));
       if (typeof r == "string")
-        return ye(r);
+        return Y(r);
       switch (r) {
         case d:
-          return ye("Suspense");
+          return Y("Suspense");
         case E:
-          return ye("SuspenseList");
+          return Y("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
           case s:
             return Er(r.render);
           case b:
-            return ge(r.type, o, m);
+            return xe(r.type, o, m);
           case f: {
             var x = r, O = x._payload, P = x._init;
             try {
-              return ge(P(O), o, m);
+              return xe(P(O), o, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ee = Object.prototype.hasOwnProperty, Be = {}, ze = p.ReactDebugCurrentFrame;
-    function xe(r) {
+    var Se = Object.prototype.hasOwnProperty, Be = {}, ze = p.ReactDebugCurrentFrame;
+    function _e(r) {
       if (r) {
-        var o = r._owner, m = ge(r.type, r._source, o ? o.type : null);
+        var o = r._owner, m = xe(r.type, r._source, o ? o.type : null);
         ze.setExtraStackFrame(m);
       } else
         ze.setExtraStackFrame(null);
     }
     function Sr(r, o, m, x, O) {
       {
-        var P = Function.call.bind(Ee);
+        var P = Function.call.bind(Se);
         for (var w in r)
           if (P(r, w)) {
-            var _ = void 0;
+            var T = 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;
               }
-              _ = r[w](o, w, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              T = r[w](o, w, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (C) {
-              _ = C;
+              T = C;
             }
-            _ && !(_ 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));
+            T && !(T instanceof Error) && (_e(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 T), _e(null)), T instanceof Error && !(T.message in Be) && (Be[T.message] = !0, _e(O), j("Failed %s type: %s", m, T.message), _e(null));
           }
       }
     }
@@ -372,7 +372,7 @@ function zr() {
       __source: !0
     }, Ye, Ge;
     function Or(r) {
-      if (Ee.call(r, "ref")) {
+      if (Se.call(r, "ref")) {
         var o = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (o && o.isReactWarning)
           return !1;
@@ -380,7 +380,7 @@ function zr() {
       return r.ref !== void 0;
     }
     function Rr(r) {
-      if (Ee.call(r, "key")) {
+      if (Se.call(r, "key")) {
         var o = Object.getOwnPropertyDescriptor(r, "key").get;
         if (o && o.isReactWarning)
           return !1;
@@ -413,7 +413,7 @@ function zr() {
       }
     }
     var Cr = function(r, o, m, x, O, P, w) {
-      var _ = {
+      var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -424,45 +424,45 @@ function zr() {
         // Record the component responsible for creating this element.
         _owner: P
       };
-      return _._store = {}, Object.defineProperty(_._store, "validated", {
+      return T._store = {}, Object.defineProperty(T._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(_, "_self", {
+      }), Object.defineProperty(T, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: x
-      }), Object.defineProperty(_, "_source", {
+      }), Object.defineProperty(T, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: O
-      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
+      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
     function Ar(r, o, m, x, O) {
       {
-        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));
+        var P, w = {}, T = null, M = null;
+        m !== void 0 && (We(m), T = "" + m), Rr(o) && (We(o.key), T = "" + 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]);
+          Se.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 (_ || M) {
-          var N = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          _ && Pr(w, N), M && $r(w, N);
+        if (T || M) {
+          var A = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          T && Pr(w, A), M && $r(w, A);
         }
-        return Cr(r, _, M, O, x, Ue.current, w);
+        return Cr(r, T, M, O, x, Ue.current, w);
       }
     }
     var Ae = p.ReactCurrentOwner, Ke = p.ReactDebugCurrentFrame;
     function Z(r) {
       if (r) {
-        var o = r._owner, m = ge(r.type, r._source, o ? o.type : null);
+        var o = r._owner, m = xe(r.type, r._source, o ? o.type : null);
         Ke.setExtraStackFrame(m);
       } else
         Ke.setExtraStackFrame(null);
@@ -475,7 +475,7 @@ function zr() {
     function Je() {
       {
         if (Ae.current) {
-          var r = F(Ae.current.type);
+          var r = B(Ae.current.type);
           if (r)
             return `
 
@@ -510,7 +510,7 @@ Check the top-level render call using <` + m + ">.");
           return;
         Xe[m] = !0;
         var x = "";
-        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);
+        r && r._owner && r._owner !== Ae.current && (x = " It was passed a child from " + B(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 Ze(r, o) {
@@ -547,11 +547,11 @@ Check the top-level render call using <` + m + ">.");
         else
           return;
         if (m) {
-          var x = F(o);
+          var x = B(o);
           Sr(m, r.props, "prop", x, r);
         } else if (o.PropTypes !== void 0 && !Ne) {
           Ne = !0;
-          var O = F(o);
+          var O = B(o);
           j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
         typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -571,18 +571,18 @@ Check the top-level render call using <` + m + ">.");
     }
     function er(r, o, m, x, O, P) {
       {
-        var w = he(r);
+        var w = Pe(r);
         if (!w) {
-          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 T = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var M = Nr();
-          M ? _ += M : _ += Je();
+          M ? T += M : T += Je();
           var C;
-          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, _);
+          r === null ? C = "null" : Ce(r) ? C = "array" : r !== void 0 && r.$$typeof === t ? (C = "<" + (B(r.type) || "Unknown") + " />", T = " 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, T);
         }
-        var N = Ar(r, o, m, O, P);
-        if (N == null)
-          return N;
+        var A = Ar(r, o, m, O, P);
+        if (A == null)
+          return A;
         if (w) {
           var k = o.children;
           if (k !== void 0)
@@ -596,7 +596,7 @@ Check the top-level render call using <` + m + ">.");
             else
               Ze(k, r);
         }
-        return r === a ? kr(N) : Mr(N), N;
+        return r === a ? kr(A) : Mr(A), A;
       }
     }
     function Dr(r, o, m) {
@@ -606,14 +606,14 @@ Check the top-level render call using <` + m + ">.");
       return er(r, o, m, !1);
     }
     var Vr = Ir, Fr = Dr;
-    le.Fragment = a, le.jsx = Vr, le.jsxs = Fr;
-  }()), le;
+    ve.Fragment = a, ve.jsx = Vr, ve.jsxs = Fr;
+  }()), ve;
 }
 var ar;
 function Hr() {
-  return ar || (ar = 1, process.env.NODE_ENV === "production" ? Se.exports = Br() : Se.exports = zr()), Se.exports;
+  return ar || (ar = 1, process.env.NODE_ENV === "production" ? Te.exports = Br() : Te.exports = zr()), Te.exports;
 }
-var v = Hr(), _e = (e) => `--${e}`, ir = (e) => `var(--${e})`, or = (e, t) => `--${e}: ${t};`;
+var v = Hr(), we = (e) => `--${e}`, ir = (e) => `var(--${e})`, or = (e, t) => `--${e}: ${t};`;
 function Wr(e, t) {
   const n = (a) => t;
   return {
@@ -629,28 +629,28 @@ function Wr(e, t) {
     cbem: (a, i) => `.${n()}-${e}__${a}--${i}`,
     cbs: (a) => `.${n()}-${e}-${a}`,
     cns: (a) => `.${n()}-${a}`,
-    cv: (a) => _e(`${n()}-${e}-${a}`),
+    cv: (a) => we(`${n()}-${e}-${a}`),
     cvm: (a, i = {}) => {
       const l = n();
       for (const y of Object.keys(a))
-        i[_e(`${l}-${e}-${y}`)] = a[y];
+        i[we(`${l}-${e}-${y}`)] = a[y];
       return i;
     },
     gcv: (a) => ir(`${n()}-${e}-${a}`),
     scv: (a, i) => or(`${n()}-${e}-${a}`, i),
-    nv: (a) => _e(`${n()}-${a}`),
+    nv: (a) => we(`${n()}-${a}`),
     nvm: (a, i = {}) => {
       const l = n();
       for (const y of Object.keys(a))
-        i[_e(`${l}-${y}`)] = a[y];
+        i[we(`${l}-${y}`)] = a[y];
       return i;
     },
     gnv: (a) => ir(`${n()}-${a}`),
     snv: (a, i) => or(`${n()}-${a}`, i)
   };
 }
-function W(e) {
-  return J(() => Wr(e, "twist"), [e]);
+function U(e) {
+  return K(() => Wr(e, "twist"), [e]);
 }
 function Me(e, t) {
   if (!t.current) return 0;
@@ -670,13 +670,13 @@ var mr = {
   attrs: void 0
 }, Ve = /* @__PURE__ */ te.createContext(mr);
 Ve.Provider;
-function fe(e) {
+function me(e) {
   "@babel/helpers - typeof";
-  return fe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return me = 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;
-  }, fe(e);
+  }, me(e);
 }
 var Ur = ["attrs", "size", "title", "spin", "rotate", "color"];
 function Yr(e, t) {
@@ -751,14 +751,14 @@ function ur(e, t) {
   for (var n = 0, a = Array(t); n < t; n++) a[n] = e[n];
   return a;
 }
-function we() {
-  return we = Object.assign ? Object.assign.bind() : function(e) {
+function Oe() {
+  return Oe = 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;
-  }, we.apply(null, arguments);
+  }, Oe.apply(null, arguments);
 }
 function sr(e, t) {
   var n = Object.keys(e);
@@ -770,7 +770,7 @@ function sr(e, t) {
   }
   return n;
 }
-function de(e) {
+function he(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? sr(Object(n), !0).forEach(function(a) {
@@ -786,14 +786,14 @@ function Qr(e, t, n) {
 }
 function Zr(e) {
   var t = et(e, "string");
-  return fe(t) == "symbol" ? t : t + "";
+  return me(t) == "symbol" ? t : t + "";
 }
 function et(e, t) {
-  if (fe(e) != "object" || !e) return e;
+  if (me(e) != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
     var a = n.call(e, t);
-    if (fe(a) != "object") return a;
+    if (me(a) != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
@@ -818,15 +818,15 @@ function tt(e, t) {
 }
 function nt(e) {
   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({
+    var b = n || E.size || "1em", f, c = "", _ = "";
+    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)"), _ = "rotate(".concat(l, "deg)")), /* @__PURE__ */ te.createElement("svg", Oe({
       xmlns: "http://www.w3.org/2000/svg"
     }, E.attrs, t, g, {
       className: f,
-      style: de(de({
+      style: he(he({
         color: y || E.color,
         msTransform: c,
-        transform: S
+        transform: _
       }, E.style), e.style),
       width: b,
       height: b
@@ -857,7 +857,7 @@ function at(e) {
 }
 function pr(e) {
   return e && e.map(function(t, n) {
-    return /* @__PURE__ */ te.createElement(t.tag, de(de({}, t.attrs), {}, {
+    return /* @__PURE__ */ te.createElement(t.tag, he(he({}, t.attrs), {}, {
       key: n,
       style: t.attrs.style ? at(t.attrs.style) : null
     }), pr(t.children));
@@ -865,8 +865,8 @@ function pr(e) {
 }
 function q(e) {
   return function(t) {
-    return /* @__PURE__ */ te.createElement(nt, we({
-      attrs: de({}, e.attrs)
+    return /* @__PURE__ */ te.createElement(nt, Oe({
+      attrs: he({}, e.attrs)
     }, t), pr(e.children));
   };
 }
@@ -894,8 +894,8 @@ function ut({
   playedPercentage: t,
   onSeek: n
 }) {
-  const a = W("aplayer-bar"), i = W("aplayer-icon"), l = V(null), [y, g] = H(t), s = V(!1);
-  D(() => {
+  const a = U("aplayer-bar"), i = U("aplayer-icon"), l = D(null), [y, g] = W(t), s = D(!1);
+  I(() => {
     s.current || g(t);
   }, [t]);
   const d = L(
@@ -903,12 +903,12 @@ function ut({
       s.current = !0;
       const b = Me(E, l);
       g(b);
-      const f = (S) => {
-        const u = Me(S, l);
+      const f = (_) => {
+        const u = Me(_, l);
         g(u);
-      }, c = (S) => {
+      }, c = (_) => {
         document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", c);
-        const u = Me(S, l);
+        const u = Me(_, l);
         g(u), n == null || n(u), s.current = !1;
       };
       document.addEventListener("mousemove", f), document.addEventListener("mouseup", c);
@@ -988,7 +988,7 @@ function yt({
   onToggleMuted: n,
   onChangeVolume: a
 }) {
-  const i = W("aplayer-volumn"), l = W("aplayer-icon"), y = V(null), [g, s] = H(!1), d = L(
+  const i = U("aplayer-volumn"), l = U("aplayer-icon"), y = D(null), [g, s] = W(!1), d = L(
     (E) => {
       a(ke(E, y)), s(!0);
       const b = (c) => {
@@ -1072,30 +1072,30 @@ function _t({
   onLoopChange: b,
   onSeek: f,
   isPlaying: c,
-  onTogglePlay: S,
+  onTogglePlay: _,
   onSkipForward: u,
   onSkipBack: h,
   showLyrics: p = !0,
   onToggleLyrics: j
 }) {
-  const T = W("aplayer-controller"), A = W("aplayer-icon"), ne = L(() => {
-    const B = {
+  const N = U("aplayer-controller"), S = U("aplayer-icon"), J = L(() => {
+    const V = {
       list: "random",
       random: "list"
     }[s];
-    d(B);
-  }, [s, d]), U = L(() => {
-    const B = {
+    d(V);
+  }, [s, d]), ne = L(() => {
+    const V = {
       all: "one",
       one: "none",
       none: "all"
     }[E];
-    b(B);
+    b(V);
   }, [E, b]);
   return /* @__PURE__ */ v.jsxs(
     "div",
     {
-      className: $(T.b(), T.bs("vars")),
+      className: $(N.b(), N.bs("vars")),
       role: "group",
       "aria-label": "Audio Controls",
       children: [
@@ -1104,19 +1104,19 @@ function _t({
           {
             playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
             bufferedPercentage: typeof l > "u" || typeof i > "u" ? void 0 : l / i,
-            onSeek: (B) => f == null ? void 0 : f(B * 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: cr(a) }),
+        /* @__PURE__ */ v.jsxs("div", { className: N.be("time"), children: [
+          /* @__PURE__ */ v.jsxs("span", { className: N.be("time-inner"), "aria-live": "polite", children: [
+            /* @__PURE__ */ v.jsx("span", { className: N.be("ptime"), children: cr(a) }),
             " / ",
-            /* @__PURE__ */ v.jsx("span", { className: T.be("dtime"), children: cr(i) })
+            /* @__PURE__ */ v.jsx("span", { className: N.be("dtime"), children: cr(i) })
           ] }),
           /* @__PURE__ */ v.jsx(
             "button",
             {
-              className: $(A.b(), A.bs("back")),
+              className: $(S.b(), S.bs("back")),
               onClick: h,
               type: "button",
               "aria-label": "Previous track",
@@ -1126,8 +1126,8 @@ function _t({
           /* @__PURE__ */ v.jsx(
             "button",
             {
-              className: $(A.b(), A.bs("play")),
-              onClick: S,
+              className: $(S.b(), S.bs("play")),
+              onClick: _,
               type: "button",
               "aria-label": c ? "Pause audio" : "Play audio",
               children: c ? /* @__PURE__ */ v.jsx(lt, {}) : /* @__PURE__ */ v.jsx(ft, {})
@@ -1136,7 +1136,7 @@ function _t({
           /* @__PURE__ */ v.jsx(
             "button",
             {
-              className: $(A.b(), A.bs("forward")),
+              className: $(S.b(), S.bs("forward")),
               onClick: u,
               type: "button",
               "aria-label": "Next track",
@@ -1155,8 +1155,8 @@ function _t({
           /* @__PURE__ */ v.jsx(
             "button",
             {
-              className: $(A.b(), A.bs("order")),
-              onClick: ne,
+              className: $(S.b(), S.bs("order")),
+              onClick: J,
               type: "button",
               "aria-label": `Playback order: ${s}`,
               children: { list: /* @__PURE__ */ v.jsx(st, {}), random: /* @__PURE__ */ v.jsx(St, {}) }[s]
@@ -1165,8 +1165,8 @@ function _t({
           /* @__PURE__ */ v.jsx(
             "button",
             {
-              className: $(A.b(), A.bs("order")),
-              onClick: U,
+              className: $(S.b(), S.bs("order")),
+              onClick: ne,
               type: "button",
               "aria-label": `Loop mode: ${E}`,
               children: {
@@ -1180,7 +1180,7 @@ function _t({
             "button",
             {
               type: "button",
-              className: $(A.b(), A.bs("menu")),
+              className: $(S.b(), S.bs("menu")),
               onClick: () => y == null ? void 0 : y(),
               "aria-label": "Toggle playlist menu",
               children: /* @__PURE__ */ v.jsx(Et, {})
@@ -1190,8 +1190,8 @@ function _t({
             "button",
             {
               type: "button",
-              className: $(A.b(), A.bs("lrc"), {
-                [A.ns("lrc-inactivity")]: !p
+              className: $(S.b(), S.bs("lrc"), {
+                [S.ns("lrc-inactivity")]: !p
               }),
               onClick: j,
               "aria-label": p ? "Hide lyrics" : "Show lyrics",
@@ -1211,8 +1211,8 @@ function Tt({
   onPlayAudio: a,
   listMaxHeight: i
 }) {
-  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(() => {
+  const l = U("aplayer-list"), y = i ? { maxHeight: i } : void 0, g = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = D(null);
+  return I(() => {
     if (s.current) {
       const d = s.current;
       return d.style.maxHeight = `${Math.min(
@@ -1255,14 +1255,14 @@ function Tt({
   );
 }
 function lr({ show: e, lrcText: t, currentTime: n }) {
-  const a = W("aplayer-lrc"), i = J(() => wt(t), [t]), l = J(() => {
+  const a = U("aplayer-lrc"), i = K(() => wt(t), [t]), l = K(() => {
     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 g;
     }
     return 0;
-  }, [n, i]), y = J(() => ({
+  }, [n, i]), y = K(() => ({
     transform: `translateY(${-l * 16}px)`,
     WebkitTransform: `translateY(${-l * 16}px)`
   }), [l]);
@@ -1305,7 +1305,7 @@ function wt(e) {
   } else
     return [];
 }
-var Te = { exports: {} }, De = {};
+var je = { exports: {} }, De = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1319,13 +1319,13 @@ var fr;
 function jt() {
   if (fr) return De;
   fr = 1;
-  var e = je;
+  var e = Re;
   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, 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];
+    var c = f(), _ = a({ inst: { value: c, getSnapshot: f } }), u = _[0].inst, h = _[1];
     return l(
       function() {
         u.value = c, u.getSnapshot = f, s(u) && h({ inst: u });
@@ -1369,29 +1369,29 @@ var Ie = {};
 var dr;
 function Ot() {
   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 e(c, _) {
+      return c === _ && (c !== 0 || 1 / c === 1 / _) || c !== c && _ !== _;
     }
-    function t(c, S) {
+    function t(c, _) {
       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 u = S();
+      var u = _();
       if (!b) {
-        var h = S();
+        var h = _();
         l(u, h) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), b = !0);
       }
       h = y({
-        inst: { value: u, getSnapshot: S }
+        inst: { value: u, getSnapshot: _ }
       });
       var p = h[0].inst, j = h[1];
       return s(
         function() {
-          p.value = u, p.getSnapshot = S, n(p) && j({ inst: p });
+          p.value = u, p.getSnapshot = _, n(p) && j({ inst: p });
         },
-        [c, u, S]
+        [c, u, _]
       ), g(
         function() {
           return n(p) && j({ inst: p }), c(function() {
@@ -1402,51 +1402,51 @@ function Ot() {
       ), d(u), u;
     }
     function n(c) {
-      var S = c.getSnapshot;
+      var _ = c.getSnapshot;
       c = c.value;
       try {
-        var u = S();
+        var u = _();
         return !l(c, u);
       } catch {
         return !0;
       }
     }
-    function a(c, S) {
-      return S();
+    function a(c, _) {
+      return _();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    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;
+    var i = Re, 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 vr;
 function Rt() {
-  return vr || (vr = 1, process.env.NODE_ENV === "production" ? Te.exports = jt() : Te.exports = Ot()), Te.exports;
+  return vr || (vr = 1, process.env.NODE_ENV === "production" ? je.exports = jt() : je.exports = Ot()), je.exports;
 }
-var K = Rt();
+var G = Rt();
 const re = [];
 function Lt(e) {
-  const t = V();
-  return D(() => {
+  const t = D();
+  return I(() => {
     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), 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(() => {
+  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), I(() => {
     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]), D(() => {
+  }, [e == null ? void 0 : e.onError]), I(() => {
     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]), D(() => () => {
+  }, [e == null ? void 0 : e.onEnded]), I(() => () => {
     const n = t.current;
     if (n) {
       n.pause(), n.currentTime = 0;
@@ -1493,7 +1493,7 @@ function Pt(e) {
       t.current && (t.current.volume = u);
     },
     [t]
-  ), s = K.useSyncExternalStore(
+  ), s = G.useSyncExternalStore(
     L(
       (u) => {
         var h;
@@ -1516,7 +1516,7 @@ function Pt(e) {
     },
     () => {
     }
-  ), d = K.useSyncExternalStore(
+  ), d = G.useSyncExternalStore(
     L(
       (u) => {
         var h;
@@ -1539,7 +1539,7 @@ function Pt(e) {
     },
     () => {
     }
-  ), E = K.useSyncExternalStore(
+  ), E = G.useSyncExternalStore(
     L(
       (u) => {
         var h;
@@ -1559,7 +1559,7 @@ function Pt(e) {
     },
     () => {
     }
-  ), b = K.useSyncExternalStore(
+  ), b = G.useSyncExternalStore(
     L(
       (u) => {
         var h;
@@ -1582,7 +1582,7 @@ function Pt(e) {
     },
     () => {
     }
-  ), f = K.useSyncExternalStore(
+  ), f = G.useSyncExternalStore(
     L(
       (u) => {
         var h;
@@ -1602,13 +1602,13 @@ function Pt(e) {
     },
     () => {
     }
-  ), c = K.useSyncExternalStore(
+  ), c = G.useSyncExternalStore(
     L(
       (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);
+          var j, N;
+          (j = t.current) == null || j.removeEventListener("play", u), (N = t.current) == null || N.removeEventListener("pause", u);
         };
       },
       [t]
@@ -1619,16 +1619,16 @@ function Pt(e) {
     },
     () => {
     }
-  ), S = K.useSyncExternalStore(
+  ), _ = G.useSyncExternalStore(
     L(
       (u) => {
         var h, p;
         return (h = t.current) == null || h.addEventListener("playing", u), (p = t.current) == null || p.addEventListener("waiting", u), () => {
-          var j, T;
+          var j, N;
           (j = t.current) == null || j.removeEventListener(
             "playing",
             u
-          ), (T = t.current) == null || T.removeEventListener(
+          ), (N = t.current) == null || N.removeEventListener(
             "waiting",
             u
           );
@@ -1656,12 +1656,12 @@ function Pt(e) {
     duration: b,
     bufferedSeconds: f,
     isPlaying: c,
-    isLoading: S
+    isLoading: _
   };
 }
 function br() {
-  const e = V([]);
-  return D(() => {
+  const e = D([]);
+  return I(() => {
     const n = e.current;
     return () => {
       for (const a of n)
@@ -1673,7 +1673,7 @@ function br() {
   }, []);
 }
 function $t() {
-  const e = V(), [t, n] = H({ text: "", style: { opacity: 0 } }), a = br(), i = L(
+  const e = D(), [t, n] = W({ 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 } });
@@ -1696,12 +1696,12 @@ function At(e) {
   return e;
 }
 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(() => {
+  const { initialLoop: n = "all", initialOrder: a = "list" } = t, [i, l] = W(n), [y, g] = W(a), s = K(() => y === "list" ? e : Ct(e), [e, y]), [d, E] = W(s[0]), b = L((h) => h.url, []), f = K(() => 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(() => {
+  }, [i, s, b]), _ = L(() => {
     E((h) => {
       const p = s.indexOf(h);
       return p > 0 ? s[p - 1] : h;
@@ -1709,16 +1709,17 @@ function Nt(e, t) {
   }, [s]), u = L((h) => {
     E(h);
   }, []);
-  return D(() => {
+  return I(() => {
     const h = s.find(
       (p) => b(p) === b(d)
     );
     E(h || s[0]);
   }, [s, b, d]), {
+    list: s,
     currentSong: d,
     hasNextSong: f,
     next: c,
-    previous: S,
+    previous: _,
     prioritize: u,
     order: y,
     setOrder: g,
@@ -1747,62 +1748,65 @@ function Dt({
   theme: E = "light",
   border: b = !1
 }) {
-  var oe, ue, se;
-  const f = W("aplayer"), c = Nt(Array.isArray(e) ? e : [e], {
+  var ue, se, ce;
+  const f = U("aplayer"), c = Nt(Array.isArray(e) ? e : [e], {
     initialLoop: a,
     initialOrder: i
-  }), [S, u] = $t(), h = br(), p = V(), j = L(() => {
+  }), [_, u] = $t(), h = br(), p = D(), j = L(() => {
     p.current && (clearTimeout(p.current), p.current = void 0);
-  }, []), T = Pt({
+  }, []), N = D(!1), S = Pt({
     src: c.currentSong.url,
     initialVolume: n,
     autoPlay: l,
     mutex: s,
     onError(R) {
-      const { error: G } = R.target;
-      G && u(
+      const { error: le } = R.target;
+      le && u(
         "An audio error has occurred, player will skip forward in 2 seconds."
       ), c.hasNextSong && (p.current = h(() => {
         c.next();
       }, 2e3));
     },
     onEnded() {
-      const { currentSong: R, loop: G, prioritize: Re, hasNextSong: Le } = c;
-      if (G === "one") {
-        Re({ ...R });
+      const { list: R, currentSong: le, loop: ge, prioritize: Q, hasNextSong: fe } = c, { audio: Y } = S;
+      if (ge === "one") {
+        Q({ ...le });
         return;
       }
-      if (!Le && G === "none") {
-        const { audio: Q } = T;
-        Q.currentTime = 0, Q.pause();
+      if (!fe && ge === "none") {
+        N.current = !0, Y.currentTime = 0, Y.pause(), Y.src = R[0].url, Q(R[0]);
         return;
       }
       c.next();
     }
-  }), A = L(() => {
-    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(
+  }), J = L(() => {
+    j(), S.togglePlay(c.currentSong.url);
+  }, [S, 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", []), V = c.length > 1, Le = K(
     () => Array.isArray(e) ? e : [e],
     [e]
-  ), { prioritize: ve } = c, me = L(
+  ), { prioritize: ae } = c, Pe = L(
     (R) => {
-      j(), ve(R);
+      j(), ae(R);
     },
-    [j, ve]
-  ), [he, Oe] = H(() => U && !d), [pe, F] = H(g), [I, Y] = H(!0), X = V(null);
-  D(() => {
+    [j, ae]
+  ), [pe, ye] = W(() => V && !d), [B, F] = W(g), [z, be] = W(!0), X = D(null);
+  I(() => {
     F(g);
-  }, [g]), D(() => {
-    l && T.playAudio(c.currentSong.url);
+  }, [g]), I(() => {
+    l && S.playAudio(c.currentSong.url);
   }, []);
-  const ae = V(!0), ie = V(c.currentSong);
-  return D(() => {
-    if (ae.current) {
-      ae.current = !1;
+  const ie = D(!0), oe = D(c.currentSong);
+  return I(() => {
+    if (ie.current) {
+      ie.current = !1;
+      return;
+    }
+    if (N.current) {
+      N.current = !1;
       return;
     }
-    c.currentSong && (c.loop === "one" || c.currentSong !== ie.current) && (ie.current = c.currentSong, T.playAudio(c.currentSong.url));
-  }, [c.currentSong]), D(() => {
+    c.currentSong && (c.loop === "one" || c.currentSong !== oe.current) && (oe.current = c.currentSong, S.playAudio(c.currentSong.url));
+  }, [c.currentSong]), I(() => {
     if (t === "fixed" && X.current) {
       const R = X.current;
       return R.style.width = `${R.offsetWidth - 18}px`, () => {
@@ -1816,11 +1820,11 @@ function Dt({
         [f.bs(E)]: !0,
         [f.bs("vars")]: !0,
         [f.bm(t)]: !0,
-        [f.bm("loading")]: T.isLoading,
-        [f.bm("withlist")]: U,
-        [f.bm("list-folded")]: !he,
+        [f.bm("loading")]: S.isLoading,
+        [f.bm("withlist")]: V,
+        [f.bm("list-folded")]: !pe,
         [f.bm("withlrc")]: !!c.currentSong.lrc && t !== "fixed",
-        [f.bm("narrow")]: pe,
+        [f.bm("narrow")]: B,
         [f.bm("border")]: b
       }),
       role: "region",
@@ -1836,75 +1840,75 @@ function Dt({
                 "div",
                 {
                   className: f.be("pic"),
-                  onClick: A,
+                  onClick: J,
                   style: {
-                    backgroundImage: `url("${(oe = c.currentSong) == null ? void 0 : oe.cover}")`
+                    backgroundImage: `url("${(ue = c.currentSong) == null ? void 0 : ue.cover}")`
                   },
                   role: "button",
-                  "aria-label": T.isPlaying ? "Pause audio" : "Play audio",
+                  "aria-label": S.isPlaying ? "Pause audio" : "Play audio",
                   children: /* @__PURE__ */ v.jsx(
                     "div",
                     {
                       className: $(
                         f.be("button"),
-                        T.isPlaying ? f.bm("pause") : f.bm("play")
+                        S.isPlaying ? f.bm("pause") : f.bm("play")
                       ),
                       role: "presentation",
-                      children: T.isPlaying ? /* @__PURE__ */ v.jsx(Mt, {}) : /* @__PURE__ */ v.jsx(ot, {})
+                      children: S.isPlaying ? /* @__PURE__ */ v.jsx(Mt, {}) : /* @__PURE__ */ v.jsx(ot, {})
                     }
                   )
                 }
               ),
               /* @__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: ((ue = c.currentSong) == null ? void 0 : ue.name) ?? "Audio name" }),
+                  /* @__PURE__ */ v.jsx("span", { className: $(f.be("title")), children: ((se = c.currentSong) == null ? void 0 : se.name) ?? "Audio name" }),
                   /* @__PURE__ */ v.jsxs("span", { className: $(f.be("author")), children: [
                     " ",
                     "-",
                     " ",
-                    ne((se = c.currentSong) == null ? void 0 : se.artist)
+                    ne((ce = c.currentSong) == null ? void 0 : ce.artist)
                   ] })
                 ] }),
                 t === "fixed" ? null : /* @__PURE__ */ v.jsx(
                   lr,
                   {
-                    show: I,
+                    show: z,
                     lrcText: c.currentSong.lrc,
-                    currentTime: T.currentTime ?? 0
+                    currentTime: S.currentTime ?? 0
                   }
                 ),
                 /* @__PURE__ */ v.jsx(
                   _t,
                   {
-                    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: () => Oe((R) => !R),
+                    volume: S.volume ?? n,
+                    onChangeVolume: S.setVolume,
+                    muted: S.muted ?? !1,
+                    onToggleMuted: () => S.toggleMuted(),
+                    currentTime: S.currentTime,
+                    audioDurationSeconds: S.duration,
+                    bufferedSeconds: S.bufferedSeconds,
+                    onSeek: (R) => S.seek(R),
+                    onToggleMenu: () => ye((R) => !R),
                     order: c.order,
                     onOrderChange: c.setOrder,
                     loop: c.loop,
                     onLoopChange: c.setLoop,
-                    isPlaying: T.isPlaying ?? !1,
-                    onTogglePlay: A,
+                    isPlaying: S.isPlaying ?? !1,
+                    onTogglePlay: J,
                     onSkipForward: () => {
                       c.hasNextSong && c.next();
                     },
                     onSkipBack: () => {
                       c.previous();
                     },
-                    showLyrics: I,
+                    showLyrics: z,
                     onToggleLyrics: () => {
-                      Y((R) => !R);
+                      be((R) => !R);
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ v.jsx("div", { className: f.be("notice"), style: S.style, children: S.text }),
+              /* @__PURE__ */ v.jsx("div", { className: f.be("notice"), style: _.style, children: _.text }),
               /* @__PURE__ */ v.jsx(
                 "div",
                 {
@@ -1916,22 +1920,22 @@ function Dt({
             ]
           }
         ),
-        U ? /* @__PURE__ */ v.jsx(
+        V ? /* @__PURE__ */ v.jsx(
           Tt,
           {
-            open: he,
-            audio: B,
+            open: pe,
+            audio: Le,
             playingAudioUrl: c.currentSong.url,
-            onPlayAudio: me,
+            onPlayAudio: Pe,
             listMaxHeight: y
           }
         ) : null,
         t === "fixed" && /* @__PURE__ */ v.jsx(
           lr,
           {
-            show: I,
+            show: z,
             lrcText: c.currentSong.lrc,
-            currentTime: T.currentTime ?? 0
+            currentTime: S.currentTime ?? 0
           }
         )
       ]