twist-aplayer 1.1.0 → 1.2.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import * as ee from "react";
-import Se, { useMemo as G, useRef as F, useState as W, useEffect as D, useCallback as L } from "react";
-var ge = { exports: {} }, oe = {};
+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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,19 +12,19 @@ var ge = { exports: {} }, oe = {};
  */
 var er;
 function Br() {
-  if (er) return oe;
+  if (er) return ue;
   er = 1;
-  var e = Se, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(b, s, f) {
-    var g, p = {}, d = null, l = null;
-    f !== void 0 && (d = "" + f), s.key !== void 0 && (d = "" + s.key), s.ref !== void 0 && (l = s.ref);
+  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: d, ref: l, props: p, _owner: i.current };
+    return { $$typeof: t, type: b, key: f, ref: l, props: p, _owner: i.current };
   }
-  return oe.Fragment = n, oe.jsx = h, oe.jsxs = h, oe;
+  return ue.Fragment = n, ue.jsx = h, ue.jsxs = h, ue;
 }
-var ue = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,7 +37,7 @@ var ue = {};
 var rr;
 function zr() {
   return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Se, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), b = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), l = Symbol.for("react.offscreen"), _ = Symbol.iterator, o = "@@iterator";
+    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) {
       if (r === null || typeof r != "object")
         return null;
@@ -45,7 +45,7 @@ function zr() {
       return typeof u == "function" ? u : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function j(r) {
+    function O(r) {
       {
         for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), x = 1; x < u; x++)
           m[x - 1] = arguments[x];
@@ -54,37 +54,37 @@ function zr() {
     }
     function T(r, u, m) {
       {
-        var x = E.ReactDebugCurrentFrame, O = x.getStackAddendum();
-        O !== "" && (u += "%s", m = m.concat([O]));
+        var x = E.ReactDebugCurrentFrame, R = x.getStackAddendum();
+        R !== "" && (u += "%s", m = m.concat([R]));
         var P = m.map(function(w) {
           return String(w);
         });
         P.unshift("Warning: " + u), Function.prototype.apply.call(console[r], console, P);
       }
     }
-    var A = !1, K = !1, re = !1, V = !1, Te = !1, te;
-    te = Symbol.for("react.module.reference");
-    function we(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === a || r === c || Te || r === i || r === f || r === g || V || r === l || A || K || re || typeof r == "object" && r !== null && (r.$$typeof === d || r.$$typeof === p || r.$$typeof === h || r.$$typeof === b || r.$$typeof === s || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === te || r.getModuleId !== void 0));
+      r.$$typeof === de || r.getModuleId !== void 0));
     }
-    function ce(r, u, m) {
+    function je(r, u, m) {
       var x = r.displayName;
       if (x)
         return x;
-      var O = u.displayName || u.name || "";
-      return O !== "" ? m + "(" + O + ")" : m;
+      var R = u.displayName || u.name || "";
+      return R !== "" ? m + "(" + R + ")" : m;
     }
-    function fe(r) {
+    function me(r) {
       return r.displayName || "Context";
     }
-    function B(r) {
+    function F(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")
+      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")
         return r.displayName || r.name || null;
       if (typeof r == "string")
         return r;
@@ -97,7 +97,7 @@ function zr() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case f:
+        case d:
           return "Suspense";
         case g:
           return "SuspenseList";
@@ -106,19 +106,19 @@ function zr() {
         switch (r.$$typeof) {
           case b:
             var u = r;
-            return fe(u) + ".Consumer";
+            return me(u) + ".Consumer";
           case h:
             var m = r;
-            return fe(m._context) + ".Provider";
+            return me(m._context) + ".Provider";
           case s:
-            return ce(r, r.render, "ForwardRef");
+            return je(r, r.render, "ForwardRef");
           case p:
             var x = r.displayName || null;
-            return x !== null ? x : B(r.type) || "Memo";
-          case d: {
-            var O = r, P = O._payload, w = O._init;
+            return x !== null ? x : F(r.type) || "Memo";
+          case f: {
+            var R = r, P = R._payload, w = R._init;
             try {
-              return B(w(P));
+              return F(w(P));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function zr() {
         }
       return null;
     }
-    var I = Object.assign, z = 0, de, J, ne, ae, ie, R, ve;
-    function De() {
+    var V = Object.assign, Y = 0, J, X, ne, ae, ie, oe, j;
+    function he() {
     }
-    De.__reactDisabledLog = !0;
+    he.__reactDisabledLog = !0;
     function pr() {
       {
-        if (z === 0) {
-          de = console.log, J = console.info, ne = console.warn, ae = console.error, ie = console.group, R = console.groupCollapsed, ve = console.groupEnd;
+        if (Y === 0) {
+          J = console.log, X = console.info, ne = console.warn, ae = console.error, ie = console.group, oe = console.groupCollapsed, j = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: De,
+            value: he,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,77 +150,77 @@ function zr() {
             groupEnd: r
           });
         }
-        z++;
+        Y++;
       }
     }
     function br() {
       {
-        if (z--, z === 0) {
+        if (Y--, Y === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, r, {
-              value: de
-            }),
-            info: I({}, r, {
+            log: V({}, r, {
               value: J
             }),
-            warn: I({}, r, {
+            info: V({}, r, {
+              value: X
+            }),
+            warn: V({}, r, {
               value: ne
             }),
-            error: I({}, r, {
+            error: V({}, r, {
               value: ae
             }),
-            group: I({}, r, {
+            group: V({}, r, {
               value: ie
             }),
-            groupCollapsed: I({}, r, {
-              value: R
+            groupCollapsed: V({}, r, {
+              value: oe
             }),
-            groupEnd: I({}, r, {
-              value: ve
+            groupEnd: V({}, r, {
+              value: j
             })
           });
         }
-        z < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && O("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var je = E.ReactCurrentDispatcher, Oe;
-    function me(r, u, m) {
+    var Oe = E.ReactCurrentDispatcher, Re;
+    function ye(r, u, m) {
       {
-        if (Oe === void 0)
+        if (Re === void 0)
           try {
             throw Error();
-          } catch (O) {
-            var x = O.stack.trim().match(/\n( *(at )?)/);
-            Oe = x && x[1] || "";
+          } catch (R) {
+            var x = R.stack.trim().match(/\n( *(at )?)/);
+            Re = x && x[1] || "";
           }
         return `
-` + Oe + r;
+` + Re + r;
       }
     }
-    var Re = !1, he;
+    var Pe = !1, pe;
     {
       var gr = typeof WeakMap == "function" ? WeakMap : Map;
-      he = new gr();
+      pe = new gr();
     }
     function Ve(r, u) {
-      if (!r || Re)
+      if (!r || Pe)
         return "";
       {
-        var m = he.get(r);
+        var m = pe.get(r);
         if (m !== void 0)
           return m;
       }
       var x;
-      Re = !0;
-      var O = Error.prepareStackTrace;
+      Pe = !0;
+      var R = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var P;
-      P = je.current, je.current = null, pr();
+      P = Oe.current, Oe.current = null, pr();
       try {
         if (u) {
           var w = function() {
@@ -233,29 +233,29 @@ function zr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(w, []);
-            } catch (H) {
-              x = H;
+            } catch (z) {
+              x = z;
             }
             Reflect.construct(r, [], w);
           } else {
             try {
               w.call();
-            } catch (H) {
-              x = H;
+            } catch (z) {
+              x = z;
             }
             r.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (H) {
-            x = H;
+          } catch (z) {
+            x = z;
           }
           r();
         }
-      } catch (H) {
-        if (H && x && typeof H.stack == "string") {
-          for (var S = H.stack.split(`
+      } catch (z) {
+        if (z && x && typeof z.stack == "string") {
+          for (var S = z.stack.split(`
 `), M = x.stack.split(`
 `), C = S.length - 1, N = M.length - 1; C >= 1 && N >= 0 && S[C] !== M[N]; )
             N--;
@@ -266,17 +266,17 @@ function zr() {
                   if (C--, N--, N < 0 || S[C] !== M[N]) {
                     var k = `
 ` + S[C].replace(" at new ", " at ");
-                    return r.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", r.displayName)), typeof r == "function" && he.set(r, k), k;
+                    return r.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", r.displayName)), typeof r == "function" && pe.set(r, k), k;
                   }
                 while (C >= 1 && N >= 0);
               break;
             }
         }
       } finally {
-        Re = !1, je.current = P, br(), Error.prepareStackTrace = O;
+        Pe = !1, Oe.current = P, br(), Error.prepareStackTrace = R;
       }
-      var Q = r ? r.displayName || r.name : "", Ze = Q ? me(Q) : "";
-      return typeof r == "function" && he.set(r, Ze), Ze;
+      var Z = r ? r.displayName || r.name : "", Ze = Z ? ye(Z) : "";
+      return typeof r == "function" && pe.set(r, Ze), Ze;
     }
     function Er(r, u, m) {
       return Ve(r, !1);
@@ -285,46 +285,46 @@ function zr() {
       var u = r.prototype;
       return !!(u && u.isReactComponent);
     }
-    function ye(r, u, m) {
+    function be(r, u, m) {
       if (r == null)
         return "";
       if (typeof r == "function")
         return Ve(r, xr(r));
       if (typeof r == "string")
-        return me(r);
+        return ye(r);
       switch (r) {
-        case f:
-          return me("Suspense");
+        case d:
+          return ye("Suspense");
         case g:
-          return me("SuspenseList");
+          return ye("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
           case s:
             return Er(r.render);
           case p:
-            return ye(r.type, u, m);
-          case d: {
-            var x = r, O = x._payload, P = x._init;
+            return be(r.type, u, m);
+          case f: {
+            var x = r, R = x._payload, P = x._init;
             try {
-              return ye(P(O), u, m);
+              return be(P(R), u, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var pe = Object.prototype.hasOwnProperty, Ie = {}, Fe = E.ReactDebugCurrentFrame;
-    function be(r) {
+    var ge = Object.prototype.hasOwnProperty, Ie = {}, Fe = E.ReactDebugCurrentFrame;
+    function Ee(r) {
       if (r) {
-        var u = r._owner, m = ye(r.type, r._source, u ? u.type : null);
+        var u = r._owner, m = be(r.type, r._source, u ? u.type : null);
         Fe.setExtraStackFrame(m);
       } else
         Fe.setExtraStackFrame(null);
     }
-    function _r(r, u, m, x, O) {
+    function _r(r, u, m, x, R) {
       {
-        var P = Function.call.bind(pe);
+        var P = Function.call.bind(ge);
         for (var w in r)
           if (P(r, w)) {
             var S = void 0;
@@ -337,12 +337,12 @@ function zr() {
             } catch (C) {
               S = C;
             }
-            S && !(S instanceof Error) && (be(O), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", m, w, typeof S), be(null)), S instanceof Error && !(S.message in Ie) && (Ie[S.message] = !0, be(O), j("Failed %s type: %s", m, S.message), be(null));
+            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));
           }
       }
     }
     var Sr = Array.isArray;
-    function Pe(r) {
+    function Le(r) {
       return Sr(r);
     }
     function Tr(r) {
@@ -363,16 +363,16 @@ function zr() {
     }
     function ze(r) {
       if (wr(r))
-        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Tr(r)), Be(r);
+        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);
     }
     var He = E.ReactCurrentOwner, jr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, We, Ue;
+    }, Ue, We;
     function Or(r) {
-      if (pe.call(r, "ref")) {
+      if (ge.call(r, "ref")) {
         var u = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (u && u.isReactWarning)
           return !1;
@@ -380,7 +380,7 @@ function zr() {
       return r.ref !== void 0;
     }
     function Rr(r) {
-      if (pe.call(r, "key")) {
+      if (ge.call(r, "key")) {
         var u = Object.getOwnPropertyDescriptor(r, "key").get;
         if (u && u.isReactWarning)
           return !1;
@@ -393,7 +393,7 @@ function zr() {
     function Lr(r, u) {
       {
         var m = function() {
-          We || (We = !0, j("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+          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));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: m,
@@ -404,7 +404,7 @@ function zr() {
     function $r(r, u) {
       {
         var m = function() {
-          Ue || (Ue = !0, j("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+          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));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: m,
@@ -412,7 +412,7 @@ function zr() {
         });
       }
     }
-    var Cr = function(r, u, m, x, O, P, w) {
+    var Cr = function(r, u, m, x, R, P, w) {
       var S = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -438,15 +438,15 @@ function zr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
+        value: R
       }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function Ar(r, u, m, x, O) {
+    function Ar(r, u, m, x, R) {
       {
         var P, w = {}, S = null, M = null;
-        m !== void 0 && (ze(m), S = "" + m), Rr(u) && (ze(u.key), S = "" + u.key), Or(u) && (M = u.ref, Pr(u, O));
+        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)
-          pe.call(u, P) && !jr.hasOwnProperty(P) && (w[P] = u[P]);
+          ge.call(u, P) && !jr.hasOwnProperty(P) && (w[P] = u[P]);
         if (r && r.defaultProps) {
           var C = r.defaultProps;
           for (P in C)
@@ -456,26 +456,26 @@ function zr() {
           var N = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
           S && Lr(w, N), M && $r(w, N);
         }
-        return Cr(r, S, M, O, x, He.current, w);
+        return Cr(r, S, M, R, x, He.current, w);
       }
     }
-    var Le = E.ReactCurrentOwner, Ye = E.ReactDebugCurrentFrame;
-    function X(r) {
+    var $e = E.ReactCurrentOwner, Ye = E.ReactDebugCurrentFrame;
+    function Q(r) {
       if (r) {
-        var u = r._owner, m = ye(r.type, r._source, u ? u.type : null);
+        var u = r._owner, m = be(r.type, r._source, u ? u.type : null);
         Ye.setExtraStackFrame(m);
       } else
         Ye.setExtraStackFrame(null);
     }
-    var $e;
-    $e = !1;
-    function Ce(r) {
+    var Ce;
+    Ce = !1;
+    function Ae(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
     function Ge() {
       {
-        if (Le.current) {
-          var r = B(Le.current.type);
+        if ($e.current) {
+          var r = F($e.current.type);
           if (r)
             return `
 
@@ -510,25 +510,25 @@ Check the top-level render call using <` + m + ">.");
           return;
         Ke[m] = !0;
         var x = "";
-        r && r._owner && r._owner !== Le.current && (x = " It was passed a child from " + B(r._owner.type) + "."), X(r), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, x), X(null);
+        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);
       }
     }
     function Xe(r, u) {
       {
         if (typeof r != "object")
           return;
-        if (Pe(r))
+        if (Le(r))
           for (var m = 0; m < r.length; m++) {
             var x = r[m];
-            Ce(x) && Je(x, u);
+            Ae(x) && Je(x, u);
           }
-        else if (Ce(r))
+        else if (Ae(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var O = y(r);
-          if (typeof O == "function" && O !== r.entries)
-            for (var P = O.call(r), w; !(w = P.next()).done; )
-              Ce(w.value) && Je(w.value, u);
+          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);
         }
       }
     }
@@ -547,14 +547,14 @@ Check the top-level render call using <` + m + ">.");
         else
           return;
         if (m) {
-          var x = B(u);
+          var x = F(u);
           _r(m, r.props, "prop", x, r);
-        } else if (u.PropTypes !== void 0 && !$e) {
-          $e = !0;
-          var O = B(u);
-          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+        } 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");
         }
-        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function kr(r) {
@@ -562,37 +562,37 @@ Check the top-level render call using <` + m + ">.");
         for (var u = Object.keys(r.props), m = 0; m < u.length; m++) {
           var x = u[m];
           if (x !== "children" && x !== "key") {
-            X(r), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), X(null);
+            Q(r), O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Q(null);
             break;
           }
         }
-        r.ref !== null && (X(r), j("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
+        r.ref !== null && (Q(r), O("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
       }
     }
-    function Qe(r, u, m, x, O, P) {
+    function Qe(r, u, m, x, R, P) {
       {
-        var w = we(r);
+        var w = ve(r);
         if (!w) {
           var S = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (S += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var M = Nr();
           M ? S += M : S += Ge();
           var C;
-          r === null ? C = "null" : Pe(r) ? C = "array" : r !== void 0 && r.$$typeof === t ? (C = "<" + (B(r.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : C = typeof r, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C, S);
+          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);
         }
-        var N = Ar(r, u, m, O, P);
+        var N = Ar(r, u, m, R, P);
         if (N == null)
           return N;
         if (w) {
           var k = u.children;
           if (k !== void 0)
             if (x)
-              if (Pe(k)) {
-                for (var Q = 0; Q < k.length; Q++)
-                  Xe(k[Q], r);
+              if (Le(k)) {
+                for (var Z = 0; Z < k.length; Z++)
+                  Xe(k[Z], r);
                 Object.freeze && Object.freeze(k);
               } else
-                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.");
+                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.");
             else
               Xe(k, r);
         }
@@ -606,15 +606,15 @@ Check the top-level render call using <` + m + ">.");
       return Qe(r, u, m, !1);
     }
     var Ir = Vr, Fr = Dr;
-    ue.Fragment = a, ue.jsx = Ir, ue.jsxs = Fr;
-  }()), ue;
+    se.Fragment = a, se.jsx = Ir, se.jsxs = Fr;
+  }()), se;
 }
 var tr;
 function Hr() {
-  return tr || (tr = 1, process.env.NODE_ENV === "production" ? ge.exports = Br() : ge.exports = zr()), ge.exports;
+  return tr || (tr = 1, process.env.NODE_ENV === "production" ? xe.exports = Br() : xe.exports = zr()), xe.exports;
 }
-var v = Hr(), Ee = (e) => `--${e}`, nr = (e) => `var(--${e})`, ar = (e, t) => `--${e}: ${t};`;
-function Wr(e, t) {
+var v = Hr(), _e = (e) => `--${e}`, nr = (e) => `var(--${e})`, ar = (e, t) => `--${e}: ${t};`;
+function Ur(e, t) {
   const n = (a) => t;
   return {
     b: () => `${n()}-${e}`,
@@ -629,20 +629,20 @@ function Wr(e, t) {
     cbem: (a, i) => `.${n()}-${e}__${a}--${i}`,
     cbs: (a) => `.${n()}-${e}-${a}`,
     cns: (a) => `.${n()}-${a}`,
-    cv: (a) => Ee(`${n()}-${e}-${a}`),
+    cv: (a) => _e(`${n()}-${e}-${a}`),
     cvm: (a, i = {}) => {
       const c = n();
       for (const h of Object.keys(a))
-        i[Ee(`${c}-${e}-${h}`)] = a[h];
+        i[_e(`${c}-${e}-${h}`)] = a[h];
       return i;
     },
     gcv: (a) => nr(`${n()}-${e}-${a}`),
     scv: (a, i) => ar(`${n()}-${e}-${a}`, i),
-    nv: (a) => Ee(`${n()}-${a}`),
+    nv: (a) => _e(`${n()}-${a}`),
     nvm: (a, i = {}) => {
       const c = n();
       for (const h of Object.keys(a))
-        i[Ee(`${c}-${h}`)] = a[h];
+        i[_e(`${c}-${h}`)] = a[h];
       return i;
     },
     gnv: (a) => nr(`${n()}-${a}`),
@@ -650,14 +650,14 @@ function Wr(e, t) {
   };
 }
 function U(e) {
-  return G(() => Wr(e, "twist"), [e]);
+  return K(() => Ur(e, "twist"), [e]);
 }
-function Ae(e, t) {
+function Ne(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 Ne(e, t) {
+function qe(e, t) {
   if (!t.current) return 0;
   let n = 1 - (e.clientY - t.current.getBoundingClientRect().top) / t.current.clientHeight;
   return n = Math.max(n, 0), n = Math.min(n, 1), n = Math.floor(n * 100) / 100, n;
@@ -668,17 +668,17 @@ var dr = {
   className: void 0,
   style: void 0,
   attrs: void 0
-}, ke = /* @__PURE__ */ ee.createContext(dr);
-ke.Provider;
-function se(e) {
+}, De = /* @__PURE__ */ re.createContext(dr);
+De.Provider;
+function le(e) {
   "@babel/helpers - typeof";
-  return se = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return le = 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;
-  }, se(e);
+  }, le(e);
 }
-var Ur = ["attrs", "size", "title", "spin", "rotate", "color"];
+var Wr = ["attrs", "size", "title", "spin", "rotate", "color"];
 function Yr(e, t) {
   return Jr(e) || Kr(e, t) || vr(e, t) || Gr();
 }
@@ -689,16 +689,16 @@ 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, f = !1;
+    var a, i, c, h, b = [], 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) {
-      f = !0, i = g;
+      d = !0, i = g;
     } finally {
       try {
         if (!s && n.return != null && (h = n.return(), Object(h) !== h)) return;
       } finally {
-        if (f) throw i;
+        if (d) throw i;
       }
     }
     return b;
@@ -716,8 +716,8 @@ function Xr(e, t) {
       };
       return { s: i, n: function() {
         return a >= e.length ? { done: !0 } : { done: !1, value: e[a++] };
-      }, e: function(f) {
-        throw f;
+      }, e: function(d) {
+        throw d;
       }, f: i };
     }
     throw new TypeError(`Invalid attempt to iterate non-iterable instance.
@@ -727,10 +727,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   return { s: function() {
     n = n.call(e);
   }, n: function() {
-    var f = n.next();
-    return h = f.done, f;
-  }, e: function(f) {
-    b = !0, c = f;
+    var d = n.next();
+    return h = d.done, d;
+  }, e: function(d) {
+    b = !0, c = d;
   }, f: function() {
     try {
       h || n.return == null || n.return();
@@ -751,14 +751,14 @@ function ir(e, t) {
   for (var n = 0, a = Array(t); n < t; n++) a[n] = e[n];
   return a;
 }
-function _e() {
-  return _e = Object.assign ? Object.assign.bind() : function(e) {
+function Te() {
+  return Te = 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;
-  }, _e.apply(null, arguments);
+  }, Te.apply(null, arguments);
 }
 function or(e, t) {
   var n = Object.keys(e);
@@ -770,7 +770,7 @@ function or(e, t) {
   }
   return n;
 }
-function le(e) {
+function ce(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? or(Object(n), !0).forEach(function(a) {
@@ -786,14 +786,14 @@ function Qr(e, t, n) {
 }
 function Zr(e) {
   var t = et(e, "string");
-  return se(t) == "symbol" ? t : t + "";
+  return le(t) == "symbol" ? t : t + "";
 }
 function et(e, t) {
-  if (se(e) != "object" || !e) return e;
+  if (le(e) != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
     var a = n.call(e, t);
-    if (se(a) != "object") return a;
+    if (le(a) != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
@@ -817,35 +817,35 @@ 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, Ur), s = function(g) {
-    var p = n || g.size || "1em", d, l = "", _ = "";
-    return g.className && (d = g.className), e.className && (d = d ? "".concat(d, " ").concat(e.className) : e.className), i && (d ? d += " twist-icon-loading" : d = "twist-icon-loading"), c && (l = "rotate(".concat(c, "deg)"), _ = "rotate(".concat(c, "deg)")), /* @__PURE__ */ ee.createElement("svg", _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({
       xmlns: "http://www.w3.org/2000/svg"
     }, g.attrs, t, b, {
-      className: d,
-      style: le(le({
+      className: f,
+      style: ce(ce({
         color: h || g.color,
         msTransform: l,
         transform: _
       }, g.style), e.style),
       width: p,
       height: p
-    }), a && /* @__PURE__ */ ee.createElement("title", null, a), e.children);
+    }), a && /* @__PURE__ */ re.createElement("title", null, a), e.children);
   };
-  return ke !== void 0 ? /* @__PURE__ */ ee.createElement(ke.Consumer, null, function(f) {
-    return s(f);
+  return De !== void 0 ? /* @__PURE__ */ re.createElement(De.Consumer, null, function(d) {
+    return s(d);
   }) : s(dr);
 }
 function at(e) {
   var t = {}, n = e.split(";"), a = Xr(n), i;
   try {
     for (a.s(); !(i = a.n()).done; ) {
-      var c = i.value, h = c.split(":"), b = Yr(h, 2), s = b[0], f = b[1];
-      if (s && f) {
+      var c = i.value, h = c.split(":"), b = Yr(h, 2), s = b[0], d = b[1];
+      if (s && d) {
         var g = s.trim().replace(/-./g, function(p) {
           return p.charAt(1).toUpperCase();
         });
-        t[g] = f.trim();
+        t[g] = d.trim();
       }
     }
   } catch (p) {
@@ -857,7 +857,7 @@ function at(e) {
 }
 function mr(e) {
   return e && e.map(function(t, n) {
-    return /* @__PURE__ */ ee.createElement(t.tag, le(le({}, t.attrs), {}, {
+    return /* @__PURE__ */ re.createElement(t.tag, ce(ce({}, t.attrs), {}, {
       key: n,
       style: t.attrs.style ? at(t.attrs.style) : null
     }), mr(t.children));
@@ -865,8 +865,8 @@ function mr(e) {
 }
 function q(e) {
   return function(t) {
-    return /* @__PURE__ */ ee.createElement(nt, _e({
-      attrs: le({}, e.attrs)
+    return /* @__PURE__ */ re.createElement(nt, Te({
+      attrs: ce({}, e.attrs)
     }, t), mr(e.children));
   };
 }
@@ -894,24 +894,24 @@ function ut({
   playedPercentage: t,
   onSeek: n
 }) {
-  const a = U("aplayer-bar"), i = U("aplayer-icon"), c = F(null), [h, b] = W(t), s = F(!1);
+  const a = U("aplayer-bar"), i = U("aplayer-icon"), c = I(null), [h, b] = H(t), s = I(!1);
   D(() => {
     s.current || b(t);
   }, [t]);
-  const f = L(
+  const d = L(
     (g) => {
       s.current = !0;
-      const p = Ae(g, c);
+      const p = Ne(g, c);
       b(p);
-      const d = (_) => {
-        const o = Ae(_, c);
+      const f = (_) => {
+        const o = Ne(_, c);
         b(o);
       }, l = (_) => {
-        document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", l);
-        const o = Ae(_, c);
+        document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", l);
+        const o = Ne(_, c);
         b(o), n == null || n(o), s.current = !1;
       };
-      document.addEventListener("mousemove", d), document.addEventListener("mouseup", l);
+      document.addEventListener("mousemove", f), document.addEventListener("mouseup", l);
     },
     [n]
   );
@@ -920,7 +920,7 @@ function ut({
     {
       ref: c,
       className: $(a.b(), a.bs("vars")),
-      onMouseDown: f,
+      onMouseDown: d,
       role: "slider",
       "aria-label": "Audio progress",
       "aria-valuenow": h ? h * 100 : 0,
@@ -988,15 +988,15 @@ function pt({
   onToggleMuted: n,
   onChangeVolume: a
 }) {
-  const i = U("aplayer-volumn"), c = U("aplayer-icon"), h = F(null), [b, s] = W(!1), f = L(
+  const i = U("aplayer-volumn"), c = U("aplayer-icon"), h = I(null), [b, s] = H(!1), d = L(
     (g) => {
-      a(Ne(g, h)), s(!0);
+      a(qe(g, h)), s(!0);
       const p = (l) => {
-        a(Ne(l, h));
-      }, d = (l) => {
-        document.removeEventListener("mouseup", d), document.removeEventListener("mousemove", p), s(!1), a(Ne(l, h));
+        a(qe(l, h));
+      }, f = (l) => {
+        document.removeEventListener("mouseup", f), document.removeEventListener("mousemove", p), s(!1), a(qe(l, h));
       };
-      document.addEventListener("mousemove", p), document.addEventListener("mouseup", d);
+      document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
     },
     [a]
   );
@@ -1018,7 +1018,7 @@ function pt({
           [i.bem("bar-wrap", "active")]: b
         }),
         ref: h,
-        onMouseDown: f,
+        onMouseDown: d,
         children: /* @__PURE__ */ v.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ v.jsx(
           "div",
           {
@@ -1067,30 +1067,30 @@ function St({
   onToggleMenu: h,
   onToggleMuted: b,
   order: s,
-  onOrderChange: f,
+  onOrderChange: d,
   loop: g,
   onLoopChange: p,
-  onSeek: d,
+  onSeek: f,
   isPlaying: l,
   onTogglePlay: _,
   onSkipForward: o,
   onSkipBack: y,
   showLyrics: E = !0,
-  onToggleLyrics: j
+  onToggleLyrics: O
 }) {
-  const T = U("aplayer-controller"), A = U("aplayer-icon"), K = L(() => {
-    const V = {
+  const T = U("aplayer-controller"), A = U("aplayer-icon"), te = L(() => {
+    const B = {
       list: "random",
       random: "list"
     }[s];
-    f(V);
-  }, [s, f]), re = L(() => {
-    const V = {
+    d(B);
+  }, [s, d]), W = L(() => {
+    const B = {
       all: "one",
       one: "none",
       none: "all"
     }[g];
-    p(V);
+    p(B);
   }, [g, p]);
   return /* @__PURE__ */ v.jsxs(
     "div",
@@ -1104,7 +1104,7 @@ function St({
           {
             playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
             bufferedPercentage: typeof c > "u" || typeof i > "u" ? void 0 : c / i,
-            onSeek: (V) => d == null ? void 0 : d(V * i)
+            onSeek: (B) => f == null ? void 0 : f(B * i)
           }
         ),
         /* @__PURE__ */ v.jsxs("div", { className: T.be("time"), children: [
@@ -1156,7 +1156,7 @@ function St({
             "button",
             {
               className: $(A.b(), A.bs("order")),
-              onClick: K,
+              onClick: te,
               type: "button",
               "aria-label": `Playback order: ${s}`,
               children: { list: /* @__PURE__ */ v.jsx(st, {}), random: /* @__PURE__ */ v.jsx(_t, {}) }[s]
@@ -1166,7 +1166,7 @@ function St({
             "button",
             {
               className: $(A.b(), A.bs("order")),
-              onClick: re,
+              onClick: W,
               type: "button",
               "aria-label": `Loop mode: ${g}`,
               children: {
@@ -1193,7 +1193,7 @@ function St({
               className: $(A.b(), A.bs("lrc"), {
                 [A.ns("lrc-inactivity")]: !E
               }),
-              onClick: j,
+              onClick: O,
               "aria-label": E ? "Hide lyrics" : "Show lyrics",
               "aria-pressed": E,
               children: /* @__PURE__ */ v.jsx(lt, {})
@@ -1211,15 +1211,15 @@ function Tt({
   onPlayAudio: a,
   listMaxHeight: i
 }) {
-  const c = U("aplayer-list"), h = i ? { maxHeight: i } : void 0, b = L((f) => f ? typeof f == "string" ? f : f.name ?? "Audio artist" : "Audio artist", []), s = F(null);
+  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);
   return D(() => {
     if (s.current) {
-      const f = s.current;
-      return f.style.maxHeight = `${Math.min(
-        f.scrollHeight,
+      const d = s.current;
+      return d.style.maxHeight = `${Math.min(
+        d.scrollHeight,
         i ?? 1 / 0
       )}px`, () => {
-        f.removeAttribute("style");
+        d.removeAttribute("style");
       };
     }
   }, [i]), /* @__PURE__ */ v.jsx(
@@ -1231,38 +1231,38 @@ function Tt({
       }),
       "aria-label": "Audio playlist",
       "aria-live": "polite",
-      children: /* @__PURE__ */ v.jsx("ol", { style: h, children: t.map((f, g) => /* @__PURE__ */ v.jsxs(
+      children: /* @__PURE__ */ v.jsx("ol", { style: h, children: t.map((d, g) => /* @__PURE__ */ v.jsxs(
         "li",
         {
           className: $({
-            [c.bm("active")]: f.url === n
+            [c.bm("active")]: d.url === n
           }),
           onClick: () => {
-            f.url !== n && (a == null || a(f));
+            d.url !== n && (a == null || a(d));
           },
           role: "button",
-          "aria-label": `${f.name ?? "Audio name"} by ${b(f.artist)}}`,
+          "aria-label": `${d.name ?? "Audio name"} by ${b(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: f.name ?? "Audio name" }),
-            /* @__PURE__ */ v.jsx("span", { className: c.be("author"), children: b(f.artist) })
+            /* @__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) })
           ]
         },
-        f.name || g
+        d.name || g
       )) })
     }
   );
 }
 function sr({ show: e, lrcText: t, currentTime: n }) {
-  const a = U("aplayer-lrc"), i = G(() => wt(t), [t]), c = G(() => {
+  const a = U("aplayer-lrc"), i = K(() => wt(t), [t]), c = K(() => {
     for (let b = 0; b < i.length; b++) {
-      const s = i[b], f = i[b + 1];
-      if (n >= s[0] && (!f || n < f[0]))
+      const s = i[b], d = i[b + 1];
+      if (n >= s[0] && (!d || n < d[0]))
         return b;
     }
     return 0;
-  }, [n, i]), h = G(() => ({
+  }, [n, i]), h = K(() => ({
     transform: `translateY(${-c * 16}px)`,
     WebkitTransform: `translateY(${-c * 16}px)`
   }), [c]);
@@ -1296,7 +1296,7 @@ function wt(e) {
       if (c) {
         const b = c.length;
         for (let s = 0; s < b; s++) {
-          const f = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(c[s]), g = f[1] * 60, p = Number.parseInt(f[2]), d = f[4] ? Number.parseInt(f[4]) / (`${f[4]}`.length === 2 ? 100 : 1e3) : 0, l = g + p + d;
+          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]);
         }
       }
@@ -1305,7 +1305,7 @@ function wt(e) {
   } else
     return [];
 }
-var xe = { exports: {} }, qe = {};
+var Se = { exports: {} }, Me = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1317,20 +1317,20 @@ var xe = { exports: {} }, qe = {};
  */
 var lr;
 function jt() {
-  if (lr) return qe;
+  if (lr) return Me;
   lr = 1;
-  var e = Se;
-  function t(p, d) {
-    return p === d && (p !== 0 || 1 / p === 1 / d) || p !== p && d !== d;
+  var e = we;
+  function t(p, f) {
+    return p === f && (p !== 0 || 1 / p === 1 / f) || p !== p && f !== f;
   }
   var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, c = e.useLayoutEffect, h = e.useDebugValue;
-  function b(p, d) {
-    var l = d(), _ = a({ inst: { value: l, getSnapshot: d } }), o = _[0].inst, y = _[1];
+  function b(p, f) {
+    var l = f(), _ = a({ inst: { value: l, getSnapshot: f } }), o = _[0].inst, y = _[1];
     return c(
       function() {
-        o.value = l, o.getSnapshot = d, s(o) && y({ inst: o });
+        o.value = l, o.getSnapshot = f, s(o) && y({ inst: o });
       },
-      [p, l, d]
+      [p, l, f]
     ), i(
       function() {
         return s(o) && y({ inst: o }), p(function() {
@@ -1341,22 +1341,22 @@ function jt() {
     ), h(l), l;
   }
   function s(p) {
-    var d = p.getSnapshot;
+    var f = p.getSnapshot;
     p = p.value;
     try {
-      var l = d();
+      var l = f();
       return !n(p, l);
     } catch {
       return !0;
     }
   }
-  function f(p, d) {
-    return d();
+  function d(p, f) {
+    return f();
   }
-  var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? f : b;
-  return qe.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : g, qe;
+  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 Me = {};
+var ke = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1386,20 +1386,20 @@ function Ot() {
       y = h({
         inst: { value: o, getSnapshot: _ }
       });
-      var E = y[0].inst, j = y[1];
+      var E = y[0].inst, O = y[1];
       return s(
         function() {
-          E.value = o, E.getSnapshot = _, n(E) && j({ inst: E });
+          E.value = o, E.getSnapshot = _, n(E) && O({ inst: E });
         },
         [l, o, _]
       ), b(
         function() {
-          return n(E) && j({ inst: E }), l(function() {
-            n(E) && j({ inst: E });
+          return n(E) && O({ inst: E }), l(function() {
+            n(E) && O({ inst: E });
           });
         },
         [l]
-      ), f(o), o;
+      ), d(o), o;
     }
     function n(l) {
       var _ = l.getSnapshot;
@@ -1415,22 +1415,22 @@ function Ot() {
       return _();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var i = Se, c = typeof Object.is == "function" ? Object.is : e, h = i.useState, b = i.useEffect, s = i.useLayoutEffect, f = i.useDebugValue, g = !1, p = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
-    Me.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }()), Me;
+    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 fr;
 function Rt() {
-  return fr || (fr = 1, process.env.NODE_ENV === "production" ? xe.exports = jt() : xe.exports = Ot()), xe.exports;
+  return fr || (fr = 1, process.env.NODE_ENV === "production" ? Se.exports = jt() : Se.exports = Ot()), Se.exports;
 }
-var Y = Rt();
-const Z = [];
+var G = Rt();
+const ee = [];
 function Pt(e) {
-  const t = F();
+  const t = I();
   return D(() => {
     if (typeof window < "u" && !t.current) {
       const n = t.current = document.createElement("audio");
-      typeof (e == null ? void 0 : e.src) < "u" && (n.src = e.src), typeof (e == null ? void 0 : e.autoPlay) < "u" && (n.autoplay = e.autoPlay), typeof (e == null ? void 0 : e.initialVolume) < "u" && (n.volume = e.initialVolume), Z.includes(n) || Z.push(n);
+      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);
     }
   }, [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,16 +1450,16 @@ function Pt(e) {
     const n = t.current;
     if (n) {
       n.pause(), n.currentTime = 0;
-      const a = Z.indexOf(n);
-      a !== -1 && Z.splice(a, 1);
+      const a = ee.indexOf(n);
+      a !== -1 && ee.splice(a, 1);
     }
     t.current = void 0;
   }, []), t;
 }
 function Lt(e) {
   const t = Pt(e), n = L((o) => {
-    for (let y = 0; y < Z.length; y++) {
-      const E = Z[y];
+    for (let y = 0; y < ee.length; y++) {
+      const E = ee[y];
       E !== o && !E.paused && E.pause();
     }
   }, []), a = L(
@@ -1493,7 +1493,7 @@ function Lt(e) {
       t.current && (t.current.volume = o);
     },
     [t]
-  ), s = Y.useSyncExternalStore(
+  ), s = G.useSyncExternalStore(
     L(
       (o) => {
         var y;
@@ -1516,7 +1516,7 @@ function Lt(e) {
     },
     () => {
     }
-  ), f = Y.useSyncExternalStore(
+  ), d = G.useSyncExternalStore(
     L(
       (o) => {
         var y;
@@ -1539,7 +1539,7 @@ function Lt(e) {
     },
     () => {
     }
-  ), g = Y.useSyncExternalStore(
+  ), g = G.useSyncExternalStore(
     L(
       (o) => {
         var y;
@@ -1559,7 +1559,7 @@ function Lt(e) {
     },
     () => {
     }
-  ), p = Y.useSyncExternalStore(
+  ), p = G.useSyncExternalStore(
     L(
       (o) => {
         var y;
@@ -1582,7 +1582,7 @@ function Lt(e) {
     },
     () => {
     }
-  ), d = Y.useSyncExternalStore(
+  ), f = G.useSyncExternalStore(
     L(
       (o) => {
         var y;
@@ -1602,13 +1602,13 @@ function Lt(e) {
     },
     () => {
     }
-  ), l = Y.useSyncExternalStore(
+  ), l = G.useSyncExternalStore(
     L(
       (o) => {
         var y, E;
         return (y = t.current) == null || y.addEventListener("play", o), (E = t.current) == null || E.addEventListener("pause", o), () => {
-          var j, T;
-          (j = t.current) == null || j.removeEventListener("play", o), (T = t.current) == null || T.removeEventListener("pause", o);
+          var O, T;
+          (O = t.current) == null || O.removeEventListener("play", o), (T = t.current) == null || T.removeEventListener("pause", o);
         };
       },
       [t]
@@ -1619,13 +1619,13 @@ function Lt(e) {
     },
     () => {
     }
-  ), _ = Y.useSyncExternalStore(
+  ), _ = G.useSyncExternalStore(
     L(
       (o) => {
         var y, E;
         return (y = t.current) == null || y.addEventListener("playing", o), (E = t.current) == null || E.addEventListener("waiting", o), () => {
-          var j, T;
-          (j = t.current) == null || j.removeEventListener(
+          var O, T;
+          (O = t.current) == null || O.removeEventListener(
             "playing",
             o
           ), (T = t.current) == null || T.removeEventListener(
@@ -1650,16 +1650,16 @@ function Lt(e) {
     toggleMuted: h,
     setVolume: b,
     volume: s,
-    muted: f,
+    muted: d,
     currentTime: g,
     duration: p,
-    bufferedSeconds: d,
+    bufferedSeconds: f,
     isPlaying: l,
     isLoading: _
   };
 }
 function yr() {
-  const e = F([]);
+  const e = I([]);
   return D(() => {
     const n = e.current;
     return () => {
@@ -1672,7 +1672,7 @@ function yr() {
   }, []);
 }
 function $t() {
-  const e = F(), [t, n] = W({ text: "", style: { opacity: 0 } }), a = yr(), i = L(
+  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 } });
@@ -1699,23 +1699,23 @@ function Nt(e, {
   initialOrder: n = "list",
   getSongId: a
 }) {
-  const [i, c] = W(t), [h, b] = W(n), s = G(() => h === "list" ? e : Ct(e), [e, h]), [f, g] = W(s[0]);
+  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(f)
+      (y) => a(y) === a(d)
     );
     g(o || s[0]);
-  }, [s, a, f]);
-  const p = G(() => {
+  }, [s, a, d]);
+  const p = K(() => {
     if (i === "one")
-      return { ...f };
-    const o = s.indexOf(f);
+      return { ...d };
+    const o = s.indexOf(d);
     if (o < s.length - 1)
       return s[o + 1];
     if (i !== "none") return s[0];
-  }, [s, f, i]), d = L(() => {
+  }, [s, d, i]), f = L(() => {
     p && g(p);
-  }, [p, i]), l = L(() => {
+  }, [p]), l = L(() => {
     g((o) => {
       const y = s.indexOf(o);
       return y > 0 ? s[y - 1] : o;
@@ -1724,9 +1724,9 @@ function Nt(e, {
     g(o);
   }, []);
   return {
-    currentSong: f,
+    currentSong: d,
     hasNextSong: typeof p < "u",
-    next: d,
+    next: f,
     previous: l,
     prioritize: _,
     order: h,
@@ -1752,25 +1752,25 @@ function Dt({
   listMaxHeight: h = 250,
   mini: b = !1,
   mutex: s = !0,
-  listFolded: f = !1,
+  listFolded: d = !1,
   theme: g = "light",
   border: p = !1
 }) {
-  var ne, ae, ie;
-  const d = U("aplayer"), l = Nt(Array.isArray(e) ? e : [e], {
+  var ae, ie, oe;
+  const f = U("aplayer"), l = Nt(Array.isArray(e) ? e : [e], {
     initialLoop: a,
     initialOrder: i,
-    getSongId: (R) => R.url
-  }), [_, o] = $t(), y = yr(), E = F(), j = L(() => {
+    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,
     initialVolume: n,
     autoPlay: c,
     mutex: s,
-    onError(R) {
-      const { error: ve } = R.target;
-      ve && o(
+    onError(j) {
+      const { error: he } = j.target;
+      he && o(
         "An audio error has occurred, player will skip forward in 2 seconds."
       ), l.hasNextSong && (E.current = y(() => {
         l.next();
@@ -1779,47 +1779,51 @@ function Dt({
     onEnded() {
       l.hasNextSong && l.next();
     }
-  });
-  D(() => {
-    c && T.playAudio(l.currentSong.url);
-  }, []);
-  const A = F(!0);
-  D(() => {
-    A.current ? A.current = !1 : l.currentSong && T.playAudio(l.currentSong.url);
-  }, [l.currentSong, T.playAudio]);
-  const K = L(() => {
-    j(), T.togglePlay(l.currentSong.url);
-  }, [T, j, l.currentSong.url]), re = L((R) => R ? typeof R == "string" ? R : R.url ? /* @__PURE__ */ v.jsx("a", { href: R.url, target: "_blank", rel: "noreferrer", children: R.name ?? "Audio artist" }) : R.name ?? "Audio artist" : "Audio artist", []), V = l.length > 1, Te = G(
+  }), 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(
     () => Array.isArray(e) ? e : [e],
     [e]
-  ), { prioritize: te } = l, we = L(
-    (R) => {
-      j(), te(R);
+  ), { prioritize: fe } = l, de = L(
+    (j) => {
+      O(), fe(j);
     },
-    [j, te]
-  ), [ce, fe] = W(() => V && !f), [B, I] = W(b), [z, de] = W(!0), J = F(null);
-  return D(() => {
-    I(b);
+    [O, fe]
+  ), [ve, je] = H(() => W && !d), [me, F] = H(b), [V, Y] = H(!0), J = I(null);
+  D(() => {
+    F(b);
   }, [b]), D(() => {
+    c && T.playAudio(l.currentSong.url);
+  }, []);
+  const X = I(null), ne = I(!0);
+  return D(() => {
+    if (!l.currentSong) return;
+    const j = l.currentSong.url;
+    if (ne.current) {
+      ne.current = !1, X.current = j;
+      return;
+    }
+    (l.loop === "one" || j !== X.current) && (T.playAudio(j), X.current = j);
+  }, [l.currentSong, l.loop]), D(() => {
     if (t === "fixed" && J.current) {
-      const R = J.current;
-      return R.style.width = `${R.offsetWidth - 18}px`, () => {
-        R.removeAttribute("style");
+      const j = J.current;
+      return j.style.width = `${j.offsetWidth - 18}px`, () => {
+        j.removeAttribute("style");
       };
     }
   }, [t]), /* @__PURE__ */ v.jsxs(
     "div",
     {
-      className: $(d.b(), {
-        [d.bs(g)]: !0,
-        [d.bs("vars")]: !0,
-        [d.bm(t)]: !0,
-        [d.bm("loading")]: T.isLoading,
-        [d.bm("withlist")]: V,
-        [d.bm("list-folded")]: !ce,
-        [d.bm("withlrc")]: !!l.currentSong.lrc && t !== "fixed",
-        [d.bm("narrow")]: B,
-        [d.bm("border")]: p
+      className: $(f.b(), {
+        [f.bs(g)]: !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
       }),
       role: "region",
       "aria-label": "Audio Player",
@@ -1828,15 +1832,15 @@ function Dt({
           "div",
           {
             ref: J,
-            className: d.be("body"),
+            className: f.be("body"),
             children: [
               /* @__PURE__ */ v.jsx(
                 "div",
                 {
-                  className: d.be("pic"),
-                  onClick: K,
+                  className: f.be("pic"),
+                  onClick: A,
                   style: {
-                    backgroundImage: `url("${(ne = l.currentSong) == null ? void 0 : ne.cover}")`
+                    backgroundImage: `url("${(ae = l.currentSong) == null ? void 0 : ae.cover}")`
                   },
                   role: "button",
                   "aria-label": T.isPlaying ? "Pause audio" : "Play audio",
@@ -1844,8 +1848,8 @@ function Dt({
                     "div",
                     {
                       className: $(
-                        d.be("button"),
-                        T.isPlaying ? d.bm("pause") : d.bm("play")
+                        f.be("button"),
+                        T.isPlaying ? f.bm("pause") : f.bm("play")
                       ),
                       role: "presentation",
                       children: T.isPlaying ? /* @__PURE__ */ v.jsx(Mt, {}) : /* @__PURE__ */ v.jsx(ot, {})
@@ -1853,20 +1857,20 @@ function Dt({
                   )
                 }
               ),
-              /* @__PURE__ */ v.jsxs("div", { className: $(d.be("info")), children: [
-                /* @__PURE__ */ v.jsxs("div", { className: $(d.be("music")), children: [
-                  /* @__PURE__ */ v.jsx("span", { className: $(d.be("title")), children: ((ae = l.currentSong) == null ? void 0 : ae.name) ?? "Audio name" }),
-                  /* @__PURE__ */ v.jsxs("span", { className: $(d.be("author")), children: [
+              /* @__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.jsxs("span", { className: $(f.be("author")), children: [
                     " ",
                     "-",
                     " ",
-                    re((ie = l.currentSong) == null ? void 0 : ie.artist)
+                    te((oe = l.currentSong) == null ? void 0 : oe.artist)
                   ] })
                 ] }),
                 t === "fixed" ? null : /* @__PURE__ */ v.jsx(
                   sr,
                   {
-                    show: z,
+                    show: V,
                     lrcText: l.currentSong.lrc,
                     currentTime: T.currentTime ?? 0
                   }
@@ -1881,53 +1885,53 @@ function Dt({
                     currentTime: T.currentTime,
                     audioDurationSeconds: T.duration,
                     bufferedSeconds: T.bufferedSeconds,
-                    onSeek: (R) => T.seek(R),
-                    onToggleMenu: () => fe((R) => !R),
+                    onSeek: (j) => T.seek(j),
+                    onToggleMenu: () => je((j) => !j),
                     order: l.order,
                     onOrderChange: l.setOrder,
                     loop: l.loop,
                     onLoopChange: l.setLoop,
                     isPlaying: T.isPlaying ?? !1,
-                    onTogglePlay: K,
+                    onTogglePlay: A,
                     onSkipForward: () => {
                       l.hasNextSong && l.next();
                     },
                     onSkipBack: () => {
                       l.previous();
                     },
-                    showLyrics: z,
+                    showLyrics: V,
                     onToggleLyrics: () => {
-                      de((R) => !R);
+                      Y((j) => !j);
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ v.jsx("div", { className: d.be("notice"), style: _.style, children: _.text }),
+              /* @__PURE__ */ v.jsx("div", { className: f.be("notice"), style: _.style, children: _.text }),
               /* @__PURE__ */ v.jsx(
                 "div",
                 {
-                  className: d.be("miniswitcher"),
-                  onClick: () => I((R) => !R),
-                  children: /* @__PURE__ */ v.jsx("button", { className: d.bs("icon"), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
+                  className: f.be("miniswitcher"),
+                  onClick: () => F((j) => !j),
+                  children: /* @__PURE__ */ v.jsx("button", { className: $(f.bs("icon"), f.bs("icon-right")), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
                 }
               )
             ]
           }
         ),
-        V ? /* @__PURE__ */ v.jsx(
+        W ? /* @__PURE__ */ v.jsx(
           Tt,
           {
-            open: ce,
-            audio: Te,
+            open: ve,
+            audio: B,
             playingAudioUrl: l.currentSong.url,
-            onPlayAudio: we,
+            onPlayAudio: de,
             listMaxHeight: h
           }
         ) : null,
         t === "fixed" && /* @__PURE__ */ v.jsx(
           sr,
           {
-            show: z,
+            show: V,
             lrcText: l.currentSong.lrc,
             currentTime: T.currentTime ?? 0
           }