twist-aplayer 1.4.3 → 1.4.4

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import * as ae from "react";
-import je, { useMemo as K, useRef as V, useState as Y, useEffect as F, useCallback as R } from "react";
-var Se = { exports: {} }, ce = {};
+import * as ie from "react";
+import Oe, { useMemo as K, useRef as F, useState as Y, useEffect as B, useCallback as R } from "react";
+var _e = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var Se = { exports: {} }, ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rr;
-function Br() {
-  if (rr) return ce;
-  rr = 1;
-  var e = je, r = 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 h(g, s, c) {
-    var f, p = {}, x = null, E = null;
-    c !== void 0 && (x = "" + c), s.key !== void 0 && (x = "" + s.key), s.ref !== void 0 && (E = s.ref);
-    for (f in s) a.call(s, f) && !l.hasOwnProperty(f) && (p[f] = s[f]);
-    if (g && g.defaultProps) for (f in s = g.defaultProps, s) p[f] === void 0 && (p[f] = s[f]);
-    return { $$typeof: r, type: g, key: x, ref: E, props: p, _owner: i.current };
+var nr;
+function Ur() {
+  if (nr) return de;
+  nr = 1;
+  var e = Oe, r = 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, m = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(g, s, y) {
+    var l, h = {}, x = null, E = null;
+    y !== void 0 && (x = "" + y), s.key !== void 0 && (x = "" + s.key), s.ref !== void 0 && (E = s.ref);
+    for (l in s) a.call(s, l) && !m.hasOwnProperty(l) && (h[l] = s[l]);
+    if (g && g.defaultProps) for (l in s = g.defaultProps, s) h[l] === void 0 && (h[l] = s[l]);
+    return { $$typeof: r, type: g, key: x, ref: E, props: h, _owner: i.current };
   }
-  return ce.Fragment = n, ce.jsx = h, ce.jsxs = h, ce;
+  return de.Fragment = n, de.jsx = c, de.jsxs = c, de;
 }
-var fe = {};
+var ve = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,57 +34,57 @@ var fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
-function zr() {
-  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = je, r = 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"), h = Symbol.for("react.provider"), g = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), b = Symbol.iterator, u = "@@iterator";
-    function v(t) {
+var ar;
+function Yr() {
+  return ar || (ar = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = Oe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), g = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), b = Symbol.iterator, u = "@@iterator";
+    function d(t) {
       if (t === null || typeof t != "object")
         return null;
       var o = b && t[b] || t[u];
       return typeof o == "function" ? o : null;
     }
-    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(t) {
+    var p = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function T(t) {
       {
-        for (var o = arguments.length, m = new Array(o > 1 ? o - 1 : 0), S = 1; S < o; S++)
-          m[S - 1] = arguments[S];
-        j("error", t, m);
+        for (var o = arguments.length, v = new Array(o > 1 ? o - 1 : 0), S = 1; S < o; S++)
+          v[S - 1] = arguments[S];
+        j("error", t, v);
       }
     }
-    function j(t, o, m) {
+    function j(t, o, v) {
       {
-        var S = y.ReactDebugCurrentFrame, O = S.getStackAddendum();
-        O !== "" && (o += "%s", m = m.concat([O]));
-        var P = m.map(function(T) {
-          return String(T);
+        var S = p.ReactDebugCurrentFrame, O = S.getStackAddendum();
+        O !== "" && (o += "%s", v = v.concat([O]));
+        var P = v.map(function(w) {
+          return String(w);
         });
         P.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, P);
       }
     }
-    var L = !1, B = !1, z = !1, q = !1, J = !1, A;
+    var L = !1, z = !1, H = !1, q = !1, J = !1, A;
     A = Symbol.for("react.module.reference");
-    function me(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === a || t === l || J || t === i || t === c || t === f || q || t === E || L || B || z || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === p || t.$$typeof === h || t.$$typeof === g || t.$$typeof === s || // This needs to include all possible module reference object
+    function pe(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === m || J || t === i || t === y || t === l || q || t === E || L || z || H || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === h || t.$$typeof === c || t.$$typeof === g || t.$$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.
       t.$$typeof === A || t.getModuleId !== void 0));
     }
-    function Oe(t, o, m) {
+    function Re(t, o, v) {
       var S = t.displayName;
       if (S)
         return S;
       var O = o.displayName || o.name || "";
-      return O !== "" ? m + "(" + O + ")" : m;
+      return O !== "" ? v + "(" + O + ")" : v;
     }
-    function he(t) {
+    function ye(t) {
       return t.displayName || "Context";
     }
-    function H(t) {
+    function W(t) {
       if (t == null)
         return null;
-      if (typeof t.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+      if (typeof t.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
         return t.displayName || t.name || null;
       if (typeof t == "string")
         return t;
@@ -93,32 +93,32 @@ function zr() {
           return "Fragment";
         case n:
           return "Portal";
-        case l:
+        case m:
           return "Profiler";
         case i:
           return "StrictMode";
-        case c:
+        case y:
           return "Suspense";
-        case f:
+        case l:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case g:
             var o = t;
-            return he(o) + ".Consumer";
-          case h:
-            var m = t;
-            return he(m._context) + ".Provider";
+            return ye(o) + ".Consumer";
+          case c:
+            var v = t;
+            return ye(v._context) + ".Provider";
           case s:
-            return Oe(t, t.render, "ForwardRef");
-          case p:
+            return Re(t, t.render, "ForwardRef");
+          case h:
             var S = t.displayName || null;
-            return S !== null ? S : H(t.type) || "Memo";
+            return S !== null ? S : W(t.type) || "Memo";
           case x: {
-            var O = t, P = O._payload, T = O._init;
+            var O = t, P = O._payload, w = O._init;
             try {
-              return H(T(P));
+              return W(w(P));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function zr() {
         }
       return null;
     }
-    var W = Object.assign, X = 0, Z, ie, oe, D, ee, ue, se;
-    function pe() {
+    var U = Object.assign, X = 0, ee, oe, ue, I, re, se, le;
+    function be() {
     }
-    pe.__reactDisabledLog = !0;
-    function le() {
+    be.__reactDisabledLog = !0;
+    function ce() {
       {
         if (X === 0) {
-          Z = console.log, ie = console.info, oe = console.warn, D = console.error, ee = console.group, ue = console.groupCollapsed, se = console.groupEnd;
+          ee = console.log, oe = console.info, ue = console.warn, I = console.error, re = console.group, se = console.groupCollapsed, le = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: pe,
+            value: be,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,7 +153,7 @@ function zr() {
         X++;
       }
     }
-    function br() {
+    function Er() {
       {
         if (X--, X === 0) {
           var t = {
@@ -162,100 +162,100 @@ function zr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: W({}, t, {
-              value: Z
-            }),
-            info: W({}, t, {
-              value: ie
+            log: U({}, t, {
+              value: ee
             }),
-            warn: W({}, t, {
+            info: U({}, t, {
               value: oe
             }),
-            error: W({}, t, {
-              value: D
+            warn: U({}, t, {
+              value: ue
             }),
-            group: W({}, t, {
-              value: ee
+            error: U({}, t, {
+              value: I
             }),
-            groupCollapsed: W({}, t, {
-              value: ue
+            group: U({}, t, {
+              value: re
             }),
-            groupEnd: W({}, t, {
+            groupCollapsed: U({}, t, {
               value: se
+            }),
+            groupEnd: U({}, t, {
+              value: le
             })
           });
         }
-        X < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        X < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Re = y.ReactCurrentDispatcher, Pe;
-    function ye(t, o, m) {
+    var Pe = p.ReactCurrentDispatcher, Le;
+    function ge(t, o, v) {
       {
-        if (Pe === void 0)
+        if (Le === void 0)
           try {
             throw Error();
           } catch (O) {
             var S = O.stack.trim().match(/\n( *(at )?)/);
-            Pe = S && S[1] || "";
+            Le = S && S[1] || "";
           }
         return `
-` + Pe + t;
+` + Le + t;
       }
     }
-    var Le = !1, be;
+    var Ce = !1, Ee;
     {
-      var gr = typeof WeakMap == "function" ? WeakMap : Map;
-      be = new gr();
+      var xr = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new xr();
     }
-    function Ve(t, o) {
-      if (!t || Le)
+    function Be(t, o) {
+      if (!t || Ce)
         return "";
       {
-        var m = be.get(t);
-        if (m !== void 0)
-          return m;
+        var v = Ee.get(t);
+        if (v !== void 0)
+          return v;
       }
       var S;
-      Le = !0;
+      Ce = !0;
       var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var P;
-      P = Re.current, Re.current = null, le();
+      P = Pe.current, Pe.current = null, ce();
       try {
         if (o) {
-          var T = function() {
+          var w = function() {
             throw Error();
           };
-          if (Object.defineProperty(T.prototype, "props", {
+          if (Object.defineProperty(w.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(T, []);
-            } catch (U) {
-              S = U;
+              Reflect.construct(w, []);
+            } catch (D) {
+              S = D;
             }
-            Reflect.construct(t, [], T);
+            Reflect.construct(t, [], w);
           } else {
             try {
-              T.call();
-            } catch (U) {
-              S = U;
+              w.call();
+            } catch (D) {
+              S = D;
             }
-            t.call(T.prototype);
+            t.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (U) {
-            S = U;
+          } catch (D) {
+            S = D;
           }
           t();
         }
-      } catch (U) {
-        if (U && S && typeof U.stack == "string") {
-          for (var _ = U.stack.split(`
+      } catch (D) {
+        if (D && S && typeof D.stack == "string") {
+          for (var _ = D.stack.split(`
 `), k = S.stack.split(`
 `), $ = _.length - 1, M = k.length - 1; $ >= 1 && M >= 0 && _[$] !== k[M]; )
             M--;
@@ -264,163 +264,163 @@ function zr() {
               if ($ !== 1 || M !== 1)
                 do
                   if ($--, M--, M < 0 || _[$] !== k[M]) {
-                    var I = `
+                    var V = `
 ` + _[$].replace(" at new ", " at ");
-                    return t.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", t.displayName)), typeof t == "function" && be.set(t, I), I;
+                    return t.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", t.displayName)), typeof t == "function" && Ee.set(t, V), V;
                   }
                 while ($ >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        Le = !1, Re.current = P, br(), Error.prepareStackTrace = O;
+        Ce = !1, Pe.current = P, Er(), Error.prepareStackTrace = O;
       }
-      var te = t ? t.displayName || t.name : "", er = te ? ye(te) : "";
-      return typeof t == "function" && be.set(t, er), er;
+      var ne = t ? t.displayName || t.name : "", Q = ne ? ge(ne) : "";
+      return typeof t == "function" && Ee.set(t, Q), Q;
     }
-    function Er(t, o, m) {
-      return Ve(t, !1);
+    function Sr(t, o, v) {
+      return Be(t, !1);
     }
-    function xr(t) {
+    function _r(t) {
       var o = t.prototype;
       return !!(o && o.isReactComponent);
     }
-    function ge(t, o, m) {
+    function xe(t, o, v) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Ve(t, xr(t));
+        return Be(t, _r(t));
       if (typeof t == "string")
-        return ye(t);
+        return ge(t);
       switch (t) {
-        case c:
-          return ye("Suspense");
-        case f:
-          return ye("SuspenseList");
+        case y:
+          return ge("Suspense");
+        case l:
+          return ge("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case s:
-            return Er(t.render);
-          case p:
-            return ge(t.type, o, m);
+            return Sr(t.render);
+          case h:
+            return xe(t.type, o, v);
           case x: {
             var S = t, O = S._payload, P = S._init;
             try {
-              return ge(P(O), o, m);
+              return xe(P(O), o, v);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ee = Object.prototype.hasOwnProperty, Fe = {}, Be = y.ReactDebugCurrentFrame;
-    function xe(t) {
+    var fe = Object.prototype.hasOwnProperty, ze = {}, He = p.ReactDebugCurrentFrame;
+    function Se(t) {
       if (t) {
-        var o = t._owner, m = ge(t.type, t._source, o ? o.type : null);
-        Be.setExtraStackFrame(m);
+        var o = t._owner, v = xe(t.type, t._source, o ? o.type : null);
+        He.setExtraStackFrame(v);
       } else
-        Be.setExtraStackFrame(null);
+        He.setExtraStackFrame(null);
     }
-    function Sr(t, o, m, S, O) {
+    function wr(t, o, v, S, O) {
       {
-        var P = Function.call.bind(Ee);
-        for (var T in t)
-          if (P(t, T)) {
+        var P = Function.call.bind(fe);
+        for (var w in t)
+          if (P(t, w)) {
             var _ = void 0;
             try {
-              if (typeof t[T] != "function") {
-                var k = Error((S || "React class") + ": " + m + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof t[w] != "function") {
+                var k = Error((S || "React class") + ": " + v + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw k.name = "Invariant Violation", k;
               }
-              _ = t[T](o, T, S, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              _ = t[w](o, w, S, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch ($) {
               _ = $;
             }
-            _ && !(_ instanceof Error) && (xe(O), w("%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).", S || "React class", m, T, typeof _), xe(null)), _ instanceof Error && !(_.message in Fe) && (Fe[_.message] = !0, xe(O), w("Failed %s type: %s", m, _.message), xe(null));
+            _ && !(_ instanceof Error) && (Se(O), T("%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).", S || "React class", v, w, typeof _), Se(null)), _ instanceof Error && !(_.message in ze) && (ze[_.message] = !0, Se(O), T("Failed %s type: %s", v, _.message), Se(null));
           }
       }
     }
-    var _r = Array.isArray;
-    function Ce(t) {
-      return _r(t);
+    var Tr = Array.isArray;
+    function $e(t) {
+      return Tr(t);
     }
-    function Tr(t) {
+    function jr(t) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, m = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return m;
+        var o = typeof Symbol == "function" && Symbol.toStringTag, v = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return v;
       }
     }
-    function wr(t) {
+    function Or(t) {
       try {
-        return ze(t), !1;
+        return We(t), !1;
       } catch {
         return !0;
       }
     }
-    function ze(t) {
+    function We(t) {
       return "" + t;
     }
-    function He(t) {
-      if (wr(t))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Tr(t)), ze(t);
+    function Ue(t) {
+      if (Or(t))
+        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", jr(t)), We(t);
     }
-    var We = y.ReactCurrentOwner, jr = {
+    var Ye = p.ReactCurrentOwner, Rr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ue, Ye;
-    function Or(t) {
-      if (Ee.call(t, "ref")) {
+    }, Ge, Ke;
+    function Pr(t) {
+      if (fe.call(t, "ref")) {
         var o = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
-    function Rr(t) {
-      if (Ee.call(t, "key")) {
+    function Lr(t) {
+      if (fe.call(t, "key")) {
         var o = Object.getOwnPropertyDescriptor(t, "key").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function Pr(t, o) {
-      typeof t.ref == "string" && We.current;
+    function Cr(t, o) {
+      typeof t.ref == "string" && Ye.current;
     }
-    function Lr(t, o) {
+    function $r(t, o) {
       {
-        var m = function() {
-          Ue || (Ue = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var v = function() {
+          Ge || (Ge = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        m.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: m,
+        v.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: v,
           configurable: !0
         });
       }
     }
-    function Cr(t, o) {
+    function Ar(t, o) {
       {
-        var m = function() {
-          Ye || (Ye = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var v = function() {
+          Ke || (Ke = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        m.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: m,
+        v.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: v,
           configurable: !0
         });
       }
     }
-    var $r = function(t, o, m, S, O, P, T) {
+    var Mr = function(t, o, v, S, O, P, w) {
       var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: t,
         key: o,
-        ref: m,
-        props: T,
+        ref: v,
+        props: w,
         // Record the component responsible for creating this element.
         _owner: P
       };
@@ -441,41 +441,41 @@ function zr() {
         value: O
       }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
-    function Ar(t, o, m, S, O) {
+    function Nr(t, o, v, S, O) {
       {
-        var P, T = {}, _ = null, k = null;
-        m !== void 0 && (He(m), _ = "" + m), Rr(o) && (He(o.key), _ = "" + o.key), Or(o) && (k = o.ref, Pr(o, O));
+        var P, w = {}, _ = null, k = null;
+        v !== void 0 && (Ue(v), _ = "" + v), Lr(o) && (Ue(o.key), _ = "" + o.key), Pr(o) && (k = o.ref, Cr(o, O));
         for (P in o)
-          Ee.call(o, P) && !jr.hasOwnProperty(P) && (T[P] = o[P]);
+          fe.call(o, P) && !Rr.hasOwnProperty(P) && (w[P] = o[P]);
         if (t && t.defaultProps) {
           var $ = t.defaultProps;
           for (P in $)
-            T[P] === void 0 && (T[P] = $[P]);
+            w[P] === void 0 && (w[P] = $[P]);
         }
         if (_ || k) {
           var M = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          _ && Lr(T, M), k && Cr(T, M);
+          _ && $r(w, M), k && Ar(w, M);
         }
-        return $r(t, _, k, O, S, We.current, T);
+        return Mr(t, _, k, O, S, Ye.current, w);
       }
     }
-    var $e = y.ReactCurrentOwner, Ge = y.ReactDebugCurrentFrame;
-    function re(t) {
+    var Ae = p.ReactCurrentOwner, Je = p.ReactDebugCurrentFrame;
+    function te(t) {
       if (t) {
-        var o = t._owner, m = ge(t.type, t._source, o ? o.type : null);
-        Ge.setExtraStackFrame(m);
+        var o = t._owner, v = xe(t.type, t._source, o ? o.type : null);
+        Je.setExtraStackFrame(v);
       } else
-        Ge.setExtraStackFrame(null);
+        Je.setExtraStackFrame(null);
     }
-    var Ae;
-    Ae = !1;
-    function Me(t) {
+    var Me;
+    Me = !1;
+    function Ne(t) {
       return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function Ke() {
+    function Xe() {
       {
-        if ($e.current) {
-          var t = H($e.current.type);
+        if (Ae.current) {
+          var t = W(Ae.current.type);
           if (t)
             return `
 
@@ -484,137 +484,152 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function Mr(t) {
+    function qr(t) {
       return "";
     }
-    var Je = {};
-    function Nr(t) {
+    var Qe = {};
+    function kr(t) {
       {
-        var o = Ke();
+        var o = Xe();
         if (!o) {
-          var m = typeof t == "string" ? t : t.displayName || t.name;
-          m && (o = `
+          var v = typeof t == "string" ? t : t.displayName || t.name;
+          v && (o = `
 
-Check the top-level render call using <` + m + ">.");
+Check the top-level render call using <` + v + ">.");
         }
         return o;
       }
     }
-    function Xe(t, o) {
+    function Ze(t, o) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var m = Nr(o);
-        if (Je[m])
+        var v = kr(o);
+        if (Qe[v])
           return;
-        Je[m] = !0;
+        Qe[v] = !0;
         var S = "";
-        t && t._owner && t._owner !== $e.current && (S = " It was passed a child from " + H(t._owner.type) + "."), re(t), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, S), re(null);
+        t && t._owner && t._owner !== Ae.current && (S = " It was passed a child from " + W(t._owner.type) + "."), te(t), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, S), te(null);
       }
     }
-    function Qe(t, o) {
+    function er(t, o) {
       {
         if (typeof t != "object")
           return;
-        if (Ce(t))
-          for (var m = 0; m < t.length; m++) {
-            var S = t[m];
-            Me(S) && Xe(S, o);
+        if ($e(t))
+          for (var v = 0; v < t.length; v++) {
+            var S = t[v];
+            Ne(S) && Ze(S, o);
           }
-        else if (Me(t))
+        else if (Ne(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var O = v(t);
+          var O = d(t);
           if (typeof O == "function" && O !== t.entries)
-            for (var P = O.call(t), T; !(T = P.next()).done; )
-              Me(T.value) && Xe(T.value, o);
+            for (var P = O.call(t), w; !(w = P.next()).done; )
+              Ne(w.value) && Ze(w.value, o);
         }
       }
     }
-    function qr(t) {
+    function Dr(t) {
       {
         var o = t.type;
         if (o == null || typeof o == "string")
           return;
-        var m;
+        var v;
         if (typeof o == "function")
-          m = o.propTypes;
+          v = o.propTypes;
         else if (typeof o == "object" && (o.$$typeof === s || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === p))
-          m = o.propTypes;
+        o.$$typeof === h))
+          v = o.propTypes;
         else
           return;
-        if (m) {
-          var S = H(o);
-          Sr(m, t.props, "prop", S, t);
-        } else if (o.PropTypes !== void 0 && !Ae) {
-          Ae = !0;
-          var O = H(o);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+        if (v) {
+          var S = W(o);
+          wr(v, t.props, "prop", S, t);
+        } else if (o.PropTypes !== void 0 && !Me) {
+          Me = !0;
+          var O = W(o);
+          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function kr(t) {
+    function Ir(t) {
       {
-        for (var o = Object.keys(t.props), m = 0; m < o.length; m++) {
-          var S = o[m];
+        for (var o = Object.keys(t.props), v = 0; v < o.length; v++) {
+          var S = o[v];
           if (S !== "children" && S !== "key") {
-            re(t), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), re(null);
+            te(t), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), te(null);
             break;
           }
         }
-        t.ref !== null && (re(t), w("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
+        t.ref !== null && (te(t), T("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
       }
     }
-    function Ze(t, o, m, S, O, P) {
+    var rr = {};
+    function tr(t, o, v, S, O, P) {
       {
-        var T = me(t);
-        if (!T) {
+        var w = pe(t);
+        if (!w) {
           var _ = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).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 k = Mr();
-          k ? _ += k : _ += Ke();
+          var k = qr();
+          k ? _ += k : _ += Xe();
           var $;
-          t === null ? $ = "null" : Ce(t) ? $ = "array" : t !== void 0 && t.$$typeof === r ? ($ = "<" + (H(t.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof t, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, _);
+          t === null ? $ = "null" : $e(t) ? $ = "array" : t !== void 0 && t.$$typeof === r ? ($ = "<" + (W(t.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof t, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, _);
         }
-        var M = Ar(t, o, m, O, P);
+        var M = Nr(t, o, v, O, P);
         if (M == null)
           return M;
-        if (T) {
-          var I = o.children;
-          if (I !== void 0)
+        if (w) {
+          var V = o.children;
+          if (V !== void 0)
             if (S)
-              if (Ce(I)) {
-                for (var te = 0; te < I.length; te++)
-                  Qe(I[te], t);
-                Object.freeze && Object.freeze(I);
+              if ($e(V)) {
+                for (var ne = 0; ne < V.length; ne++)
+                  er(V[ne], t);
+                Object.freeze && Object.freeze(V);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                T("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
-              Qe(I, t);
+              er(V, t);
+        }
+        if (fe.call(o, "key")) {
+          var Q = W(t), D = Object.keys(o).filter(function(Wr) {
+            return Wr !== "key";
+          }), qe = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!rr[Q + qe]) {
+            var Hr = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
+            T(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, qe, Q, Hr, Q), rr[Q + qe] = !0;
+          }
         }
-        return t === a ? kr(M) : qr(M), M;
+        return t === a ? Ir(M) : Dr(M), M;
       }
     }
-    function Dr(t, o, m) {
-      return Ze(t, o, m, !0);
+    function Vr(t, o, v) {
+      return tr(t, o, v, !0);
     }
-    function Ir(t, o, m) {
-      return Ze(t, o, m, !1);
+    function Fr(t, o, v) {
+      return tr(t, o, v, !1);
     }
-    var Vr = Ir, Fr = Dr;
-    fe.Fragment = a, fe.jsx = Vr, fe.jsxs = Fr;
-  }()), fe;
+    var Br = Fr, zr = Vr;
+    ve.Fragment = a, ve.jsx = Br, ve.jsxs = zr;
+  }()), ve;
 }
-var nr;
-function Hr() {
-  return nr || (nr = 1, process.env.NODE_ENV === "production" ? Se.exports = Br() : Se.exports = zr()), Se.exports;
+var ir;
+function Gr() {
+  return ir || (ir = 1, process.env.NODE_ENV === "production" ? _e.exports = Ur() : _e.exports = Yr()), _e.exports;
 }
-var d = Hr(), _e = (e) => `--${e}`, ar = (e) => `var(--${e})`, ir = (e, r) => `--${e}: ${r};`;
-function Wr(e, r) {
+var f = Gr(), we = (e) => `--${e}`, or = (e) => `var(--${e})`, ur = (e, r) => `--${e}: ${r};`;
+function Kr(e, r) {
   const n = (a) => r;
   return {
     b: () => `${n()}-${e}`,
@@ -629,128 +644,128 @@ function Wr(e, r) {
     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 h of Object.keys(a))
-        i[_e(`${l}-${e}-${h}`)] = a[h];
+      const m = n();
+      for (const c of Object.keys(a))
+        i[we(`${m}-${e}-${c}`)] = a[c];
       return i;
     },
-    gcv: (a) => ar(`${n()}-${e}-${a}`),
-    scv: (a, i) => ir(`${n()}-${e}-${a}`, i),
-    nv: (a) => _e(`${n()}-${a}`),
+    gcv: (a) => or(`${n()}-${e}-${a}`),
+    scv: (a, i) => ur(`${n()}-${e}-${a}`, i),
+    nv: (a) => we(`${n()}-${a}`),
     nvm: (a, i = {}) => {
-      const l = n();
-      for (const h of Object.keys(a))
-        i[_e(`${l}-${h}`)] = a[h];
+      const m = n();
+      for (const c of Object.keys(a))
+        i[we(`${m}-${c}`)] = a[c];
       return i;
     },
-    gnv: (a) => ar(`${n()}-${a}`),
-    snv: (a, i) => ir(`${n()}-${a}`, i)
+    gnv: (a) => or(`${n()}-${a}`),
+    snv: (a, i) => ur(`${n()}-${a}`, i)
   };
 }
 function G(e) {
-  return K(() => Wr(e, "twist"), [e]);
+  return K(() => Kr(e, "twist"), [e]);
 }
-var vr = {
+var hr = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attrs: void 0
-}, Ie = /* @__PURE__ */ ae.createContext(vr);
-Ie.Provider;
-function de(e) {
+}, Fe = /* @__PURE__ */ ie.createContext(hr);
+Fe.Provider;
+function me(e) {
   "@babel/helpers - typeof";
-  return de = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return me = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
     return typeof r;
   } : function(r) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, de(e);
+  }, me(e);
 }
-var Ur = ["attrs", "size", "title", "spin", "rotate", "color"];
-function Yr(e, r) {
-  return Jr(e) || Kr(e, r) || mr(e, r) || Gr();
+var Jr = ["attrs", "size", "title", "spin", "rotate", "color"];
+function Xr(e, r) {
+  return et(e) || Zr(e, r) || pr(e, r) || Qr();
 }
-function Gr() {
+function Qr() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Kr(e, r) {
+function Zr(e, r) {
   var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (n != null) {
-    var a, i, l, h, g = [], s = !0, c = !1;
+    var a, i, m, c, g = [], s = !0, y = !1;
     try {
-      if (l = (n = n.call(e)).next, r !== 0) for (; !(s = (a = l.call(n)).done) && (g.push(a.value), g.length !== r); s = !0) ;
-    } catch (f) {
-      c = !0, i = f;
+      if (m = (n = n.call(e)).next, r !== 0) for (; !(s = (a = m.call(n)).done) && (g.push(a.value), g.length !== r); s = !0) ;
+    } catch (l) {
+      y = !0, i = l;
     } finally {
       try {
-        if (!s && n.return != null && (h = n.return(), Object(h) !== h)) return;
+        if (!s && n.return != null && (c = n.return(), Object(c) !== c)) return;
       } finally {
-        if (c) throw i;
+        if (y) throw i;
       }
     }
     return g;
   }
 }
-function Jr(e) {
+function et(e) {
   if (Array.isArray(e)) return e;
 }
-function Xr(e, r) {
+function rt(e, r) {
   var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (!n) {
-    if (Array.isArray(e) || (n = mr(e)) || r) {
+    if (Array.isArray(e) || (n = pr(e)) || r) {
       n && (e = n);
       var a = 0, i = function() {
       };
       return { s: i, n: function() {
         return a >= e.length ? { done: !0 } : { done: !1, value: e[a++] };
-      }, e: function(c) {
-        throw c;
+      }, e: function(y) {
+        throw y;
       }, f: i };
     }
     throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
   }
-  var l, h = !0, g = !1;
+  var m, c = !0, g = !1;
   return { s: function() {
     n = n.call(e);
   }, n: function() {
-    var c = n.next();
-    return h = c.done, c;
-  }, e: function(c) {
-    g = !0, l = c;
+    var y = n.next();
+    return c = y.done, y;
+  }, e: function(y) {
+    g = !0, m = y;
   }, f: function() {
     try {
-      h || n.return == null || n.return();
+      c || n.return == null || n.return();
     } finally {
-      if (g) throw l;
+      if (g) throw m;
     }
   } };
 }
-function mr(e, r) {
+function pr(e, r) {
   if (e) {
-    if (typeof e == "string") return or(e, r);
+    if (typeof e == "string") return sr(e, r);
     var n = {}.toString.call(e).slice(8, -1);
-    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? or(e, r) : void 0;
+    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? sr(e, r) : void 0;
   }
 }
-function or(e, r) {
+function sr(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var n = 0, a = Array(r); n < r; n++) a[n] = e[n];
   return a;
 }
-function we() {
-  return we = Object.assign ? Object.assign.bind() : function(e) {
+function je() {
+  return je = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var n = arguments[r];
       for (var a in n) ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
     }
     return e;
-  }, we.apply(null, arguments);
+  }, je.apply(null, arguments);
 }
-function ur(e, r) {
+function lr(e, r) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -760,44 +775,44 @@ function ur(e, r) {
   }
   return n;
 }
-function ve(e) {
+function he(e) {
   for (var r = 1; r < arguments.length; r++) {
     var n = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? ur(Object(n), !0).forEach(function(a) {
-      Qr(e, a, n[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ur(Object(n)).forEach(function(a) {
+    r % 2 ? lr(Object(n), !0).forEach(function(a) {
+      tt(e, a, n[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : lr(Object(n)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return e;
 }
-function Qr(e, r, n) {
-  return (r = Zr(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
+function tt(e, r, n) {
+  return (r = nt(r)) in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-function Zr(e) {
-  var r = et(e, "string");
-  return de(r) == "symbol" ? r : r + "";
+function nt(e) {
+  var r = at(e, "string");
+  return me(r) == "symbol" ? r : r + "";
 }
-function et(e, r) {
-  if (de(e) != "object" || !e) return e;
+function at(e, r) {
+  if (me(e) != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
     var a = n.call(e, r);
-    if (de(a) != "object") return a;
+    if (me(a) != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(e);
 }
-function rt(e, r) {
+function it(e, r) {
   if (e == null) return {};
-  var n, a, i = tt(e, r);
+  var n, a, i = ot(e, r);
   if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(e);
-    for (a = 0; a < l.length; a++) n = l[a], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+    var m = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < m.length; a++) n = m[a], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
   }
   return i;
 }
-function tt(e, r) {
+function ot(e, r) {
   if (e == null) return {};
   var n = {};
   for (var a in e) if ({}.hasOwnProperty.call(e, a)) {
@@ -806,195 +821,195 @@ function tt(e, r) {
   }
   return n;
 }
-function nt(e) {
-  var r = e.attrs, n = e.size, a = e.title, i = e.spin, l = e.rotate, h = e.color, g = rt(e, Ur), s = function(f) {
-    var p = n || f.size || "1em", x, E = "", b = "";
-    return f.className && (x = f.className), e.className && (x = x ? "".concat(x, " ").concat(e.className) : e.className), i && (x ? x += " twist-icon-loading" : x = "twist-icon-loading"), l && (E = "rotate(".concat(l, "deg)"), b = "rotate(".concat(l, "deg)")), /* @__PURE__ */ ae.createElement("svg", we({
+function ut(e) {
+  var r = e.attrs, n = e.size, a = e.title, i = e.spin, m = e.rotate, c = e.color, g = it(e, Jr), s = function(l) {
+    var h = n || l.size || "1em", x, E = "", b = "";
+    return l.className && (x = l.className), e.className && (x = x ? "".concat(x, " ").concat(e.className) : e.className), i && (x ? x += " twist-icon-loading" : x = "twist-icon-loading"), m && (E = "rotate(".concat(m, "deg)"), b = "rotate(".concat(m, "deg)")), /* @__PURE__ */ ie.createElement("svg", je({
       xmlns: "http://www.w3.org/2000/svg"
-    }, f.attrs, r, g, {
+    }, l.attrs, r, g, {
       className: x,
-      style: ve(ve({
-        color: h || f.color,
+      style: he(he({
+        color: c || l.color,
         msTransform: E,
         transform: b
-      }, f.style), e.style),
-      width: p,
-      height: p
-    }), a && /* @__PURE__ */ ae.createElement("title", null, a), e.children);
+      }, l.style), e.style),
+      width: h,
+      height: h
+    }), a && /* @__PURE__ */ ie.createElement("title", null, a), e.children);
   };
-  return Ie !== void 0 ? /* @__PURE__ */ ae.createElement(Ie.Consumer, null, function(c) {
-    return s(c);
-  }) : s(vr);
+  return Fe !== void 0 ? /* @__PURE__ */ ie.createElement(Fe.Consumer, null, function(y) {
+    return s(y);
+  }) : s(hr);
 }
-function at(e) {
-  var r = {}, n = e.split(";"), a = Xr(n), i;
+function st(e) {
+  var r = {}, n = e.split(";"), a = rt(n), i;
   try {
     for (a.s(); !(i = a.n()).done; ) {
-      var l = i.value, h = l.split(":"), g = Yr(h, 2), s = g[0], c = g[1];
-      if (s && c) {
-        var f = s.trim().replace(/-./g, function(p) {
-          return p.charAt(1).toUpperCase();
+      var m = i.value, c = m.split(":"), g = Xr(c, 2), s = g[0], y = g[1];
+      if (s && y) {
+        var l = s.trim().replace(/-./g, function(h) {
+          return h.charAt(1).toUpperCase();
         });
-        r[f] = c.trim();
+        r[l] = y.trim();
       }
     }
-  } catch (p) {
-    a.e(p);
+  } catch (h) {
+    a.e(h);
   } finally {
     a.f();
   }
   return r;
 }
-function hr(e) {
+function yr(e) {
   return e && e.map(function(r, n) {
-    return /* @__PURE__ */ ae.createElement(r.tag, ve(ve({}, r.attrs), {}, {
+    return /* @__PURE__ */ ie.createElement(r.tag, he(he({}, r.attrs), {}, {
       key: n,
-      style: r.attrs.style ? at(r.attrs.style) : null
-    }), hr(r.children));
+      style: r.attrs.style ? st(r.attrs.style) : null
+    }), yr(r.children));
   });
 }
 function N(e) {
   return function(r) {
-    return /* @__PURE__ */ ae.createElement(nt, we({
-      attrs: ve({}, e.attrs)
-    }, r), hr(e.children));
+    return /* @__PURE__ */ ie.createElement(ut, je({
+      attrs: he({}, e.attrs)
+    }, r), yr(e.children));
   };
 }
-function it(e) {
+function lt(e) {
   return N({ attrs: { viewBox: "0 0 1024 1024" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9" } }] })(e);
 }
-function ot(e) {
+function ct(e) {
   return N({ attrs: { viewBox: "0 0 1024 1024" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14" } }] })(e);
 }
-function ut(e) {
+function ft(e) {
   return N({ attrs: { viewBox: "0 0 1024 1024" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874S66 772.3 40.2 711.3C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3c22.2 52.4 53.9 99.5 94.3 139.9s87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952s117-11.6 171.3-34.6c52.4-22.2 99.5-53.9 139.9-94.3s72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512s-11.6-117-34.6-171.3a440.5 440.5 0 0 0-94.3-139.9a437.7 437.7 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150s83.9 101.8 109.7 162.7c26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874s-101.8 83.9-162.7 109.7c-63.1 26.8-130.2 40.3-199.3 40.3" } }] })(e);
 }
-function st(e) {
+function dt(e) {
   return N({ attrs: { viewBox: "0 0 512 512" }, children: [{ tag: "path", attrs: { d: "M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z", fill: "currentColor" } }] })(e);
 }
-function lt(e) {
+function vt(e) {
   return N({ attrs: { viewBox: "0 0 512 512" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16" } }] })(e);
 }
-function ct(e) {
+function mt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z" } }] })(e);
 }
-function ft(e) {
+function ht(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z" } }] })(e);
 }
-function dt(e) {
+function pt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z" } }] })(e);
 }
-function vt(e) {
+function yt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z" } }] })(e);
 }
-function mt(e) {
+function bt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z" } }] })(e);
 }
-function ht(e) {
+function gt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14 19V5h4v14zm-8 0V5h4v14z" } }] })(e);
 }
-function pt(e) {
+function Et(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712" } }] })(e);
 }
-function yt(e) {
+function xt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z" } }] })(e);
 }
-function bt(e) {
+function St(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z" } }] })(e);
 }
-function gt(e) {
+function _t(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2" } }] })(e);
 }
-function Et(e) {
+function wt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7 15V9h4l5-5v16l-5-5z" } }] })(e);
 }
-function xt(e) {
+function Tt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2" } }] })(e);
 }
-function St(e) {
+function jt(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M18.25 12L8.5 17.629V6.37z" } }] })(e);
 }
-function Ne(e, r) {
+function ke(e, r) {
   if (!r.current) return 0;
   let n = (e.clientX - r.current.getBoundingClientRect().left) / r.current.clientWidth;
   return n = Math.max(n, 0), n = Math.min(n, 1), n = Math.floor(n * 100) / 100, n;
 }
-function qe(e, r) {
+function De(e, r) {
   if (!r.current) return 0;
   let n = 1 - (e.clientY - r.current.getBoundingClientRect().top) / r.current.clientHeight;
   return n = Math.max(n, 0), n = Math.min(n, 1), n = Math.floor(n * 100) / 100, n;
 }
-function pr(e) {
+function br(e) {
   var r, n, a = "";
   if (typeof e == "string" || typeof e == "number") a += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (r = 0; r < i; r++) e[r] && (n = pr(e[r])) && (a && (a += " "), a += n);
+    for (r = 0; r < i; r++) e[r] && (n = br(e[r])) && (a && (a += " "), a += n);
   } else for (n in e) e[n] && (a && (a += " "), a += n);
   return a;
 }
 function C() {
-  for (var e, r, n = 0, a = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (r = pr(e)) && (a && (a += " "), a += r);
+  for (var e, r, n = 0, a = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (r = br(e)) && (a && (a += " "), a += r);
   return a;
 }
-function _t({
+function Ot({
   bufferedPercentage: e,
   playedPercentage: r,
   onSeek: n
 }) {
-  const a = G("aplayer-bar"), i = G("aplayer-icon"), l = V(null), [h, g] = Y(r), s = V(!1);
-  F(() => {
+  const a = G("aplayer-bar"), i = G("aplayer-icon"), m = F(null), [c, g] = Y(r), s = F(!1);
+  B(() => {
     s.current || g(r);
   }, [r]);
-  const c = R(
-    (f) => {
+  const y = R(
+    (l) => {
       s.current = !0;
-      const p = Ne(f, l);
-      g(p);
+      const h = ke(l, m);
+      g(h);
       const x = (b) => {
-        const u = Ne(b, l);
+        const u = ke(b, m);
         g(u);
       }, E = (b) => {
         document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", E);
-        const u = Ne(b, l);
+        const u = ke(b, m);
         g(u), n == null || n(u), s.current = !1;
       };
       document.addEventListener("mousemove", x), document.addEventListener("mouseup", E);
     },
     [n]
   );
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsx(
     "div",
     {
-      ref: l,
+      ref: m,
       className: C(a.b(), a.bs("vars")),
-      onMouseDown: c,
+      onMouseDown: y,
       role: "slider",
       "aria-label": "Audio progress",
-      "aria-valuenow": h ? h * 100 : 0,
+      "aria-valuenow": c ? c * 100 : 0,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-live": "polite",
-      children: /* @__PURE__ */ d.jsxs("div", { className: a.be("inner"), children: [
-        typeof e < "u" ? /* @__PURE__ */ d.jsx(
+      children: /* @__PURE__ */ f.jsxs("div", { className: a.be("inner"), children: [
+        typeof e < "u" ? /* @__PURE__ */ f.jsx(
           "div",
           {
             className: a.be("loaded"),
             style: { width: `${e * 100}%` }
           }
         ) : null,
-        typeof h < "u" ? /* @__PURE__ */ d.jsx(
+        typeof c < "u" ? /* @__PURE__ */ f.jsx(
           "div",
           {
             className: a.be("played"),
             style: {
-              width: `${h * 100}%`
+              width: `${c * 100}%`
             },
-            children: /* @__PURE__ */ d.jsx(
+            children: /* @__PURE__ */ f.jsx(
               "span",
               {
                 className: a.be("thumb"),
-                children: /* @__PURE__ */ d.jsx("span", { className: C(i.bs("loading")), children: /* @__PURE__ */ d.jsx(ut, {}) })
+                children: /* @__PURE__ */ f.jsx("span", { className: C(i.bs("loading")), children: /* @__PURE__ */ f.jsx(ft, {}) })
               }
             )
           }
@@ -1003,44 +1018,44 @@ function _t({
     }
   );
 }
-function Tt({
+function Rt({
   volume: e,
   muted: r,
   onToggleMuted: n,
   onChangeVolume: a
 }) {
-  const i = G("aplayer-volumn"), l = G("aplayer-icon"), h = V(null), [g, s] = Y(!1), c = R(
-    (f) => {
-      a(qe(f, h)), s(!0);
-      const p = (E) => {
-        a(qe(E, h));
+  const i = G("aplayer-volumn"), m = G("aplayer-icon"), c = F(null), [g, s] = Y(!1), y = R(
+    (l) => {
+      a(De(l, c)), s(!0);
+      const h = (E) => {
+        a(De(E, c));
       }, x = (E) => {
-        document.removeEventListener("mouseup", x), document.removeEventListener("mousemove", p), s(!1), a(qe(E, h));
+        document.removeEventListener("mouseup", x), document.removeEventListener("mousemove", h), s(!1), a(De(E, c));
       };
-      document.addEventListener("mousemove", p), document.addEventListener("mouseup", x);
+      document.addEventListener("mousemove", h), document.addEventListener("mouseup", x);
     },
     [a]
   );
-  return /* @__PURE__ */ d.jsxs("div", { className: C(i.b(), i.bs("vars")), children: [
-    /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsxs("div", { className: C(i.b(), i.bs("vars")), children: [
+    /* @__PURE__ */ f.jsx(
       "button",
       {
         type: "button",
-        className: C(l.b(), l.bs("volume-down")),
+        className: C(m.b(), m.bs("volume-down")),
         onClick: () => n(),
         "aria-label": r || !e ? "Muted" : "unMuted",
-        children: r || !e ? /* @__PURE__ */ d.jsx(Et, {}) : e >= 1 ? /* @__PURE__ */ d.jsx(xt, {}) : /* @__PURE__ */ d.jsx(gt, {})
+        children: r || !e ? /* @__PURE__ */ f.jsx(wt, {}) : e >= 1 ? /* @__PURE__ */ f.jsx(Tt, {}) : /* @__PURE__ */ f.jsx(_t, {})
       }
     ),
-    /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ f.jsx(
       "div",
       {
         className: C(i.be("bar-wrap"), {
           [i.bem("bar-wrap", "active")]: g
         }),
-        ref: h,
-        onMouseDown: c,
-        children: /* @__PURE__ */ d.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ d.jsx(
+        ref: c,
+        onMouseDown: y,
+        children: /* @__PURE__ */ f.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ f.jsx(
           "div",
           {
             className: i.be("thumb"),
@@ -1053,104 +1068,104 @@ function Tt({
     )
   ] });
 }
-function sr(e) {
+function cr(e) {
   if (typeof e > "u")
     return "--:--";
   if (Number.isNaN(e))
     return "00:00";
-  const r = (h) => h < 10 ? `0${h}` : `${h}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), l = Math.trunc(
+  const r = (c) => c < 10 ? `0${c}` : `${c}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), m = Math.trunc(
     e / 60 - 60 * Math.trunc(e / 60 / 60)
   );
-  return e >= 3600 ? `${r(i)}:${r(l)}:${r(a)}` : `${r(n)}:${r(a)}`;
+  return e >= 3600 ? `${r(i)}:${r(m)}:${r(a)}` : `${r(n)}:${r(a)}`;
 }
-function wt({
+function Pt({
   volume: e,
   onChangeVolume: r,
   muted: n,
   currentTime: a,
   audioDurationSeconds: i,
-  bufferedSeconds: l,
-  onToggleMenu: h,
+  bufferedSeconds: m,
+  onToggleMenu: c,
   onToggleMuted: g,
   order: s,
-  onOrderChange: c,
-  loop: f,
-  onLoopChange: p,
+  onOrderChange: y,
+  loop: l,
+  onLoopChange: h,
   onSeek: x,
   isPlaying: E,
   onTogglePlay: b,
   onSkipForward: u,
-  onSkipBack: v,
-  showLyrics: y = !0,
-  onToggleLyrics: w
+  onSkipBack: d,
+  showLyrics: p = !0,
+  onToggleLyrics: T
 }) {
-  const j = G("aplayer-controller"), L = G("aplayer-icon"), B = R(() => {
+  const j = G("aplayer-controller"), L = G("aplayer-icon"), z = R(() => {
     const q = {
       list: "random",
       random: "list"
     }[s];
-    c(q);
-  }, [s, c]), z = R(() => {
+    y(q);
+  }, [s, y]), H = R(() => {
     const q = {
       all: "one",
       one: "none",
       none: "all"
-    }[f];
-    p(q);
-  }, [f, p]);
-  return /* @__PURE__ */ d.jsxs(
+    }[l];
+    h(q);
+  }, [l, h]);
+  return /* @__PURE__ */ f.jsxs(
     "div",
     {
       className: C(j.b(), j.bs("vars")),
       role: "group",
       "aria-label": "Audio Controls",
       children: [
-        /* @__PURE__ */ d.jsx(
-          _t,
+        /* @__PURE__ */ f.jsx(
+          Ot,
           {
             playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
-            bufferedPercentage: typeof l > "u" || typeof i > "u" ? void 0 : l / i,
+            bufferedPercentage: typeof m > "u" || typeof i > "u" ? void 0 : m / i,
             onSeek: (q) => x == null ? void 0 : x(q * i)
           }
         ),
-        /* @__PURE__ */ d.jsxs("div", { className: j.be("time"), children: [
-          /* @__PURE__ */ d.jsxs("span", { className: j.be("time-inner"), "aria-live": "polite", children: [
-            /* @__PURE__ */ d.jsx("span", { className: j.be("ptime"), children: sr(a) }),
+        /* @__PURE__ */ f.jsxs("div", { className: j.be("time"), children: [
+          /* @__PURE__ */ f.jsxs("span", { className: j.be("time-inner"), "aria-live": "polite", children: [
+            /* @__PURE__ */ f.jsx("span", { className: j.be("ptime"), children: cr(a) }),
             " / ",
-            /* @__PURE__ */ d.jsx("span", { className: j.be("dtime"), children: sr(i) })
+            /* @__PURE__ */ f.jsx("span", { className: j.be("dtime"), children: cr(i) })
           ] }),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               className: C(L.b(), L.bs("back")),
-              onClick: v,
+              onClick: d,
               type: "button",
               "aria-label": "Previous track",
-              children: /* @__PURE__ */ d.jsx(it, {})
+              children: /* @__PURE__ */ f.jsx(lt, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               className: C(L.b(), L.bs("play")),
               onClick: b,
               type: "button",
               "aria-label": E ? "Pause audio" : "Play audio",
-              children: E ? /* @__PURE__ */ d.jsx(ht, {}) : /* @__PURE__ */ d.jsx(pt, {})
+              children: E ? /* @__PURE__ */ f.jsx(gt, {}) : /* @__PURE__ */ f.jsx(Et, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               className: C(L.b(), L.bs("forward")),
               onClick: u,
               type: "button",
               "aria-label": "Next track",
-              children: /* @__PURE__ */ d.jsx(ot, {})
+              children: /* @__PURE__ */ f.jsx(ct, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
-            Tt,
+          /* @__PURE__ */ f.jsx(
+            Rt,
             {
               volume: e,
               muted: n,
@@ -1158,51 +1173,51 @@ function wt({
               onChangeVolume: r
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               className: C(L.b(), L.bs("order")),
-              onClick: B,
+              onClick: z,
               type: "button",
               "aria-label": `Playback order: ${s}`,
-              children: { list: /* @__PURE__ */ d.jsx(vt, {}), random: /* @__PURE__ */ d.jsx(dt, {}) }[s]
+              children: { list: /* @__PURE__ */ f.jsx(yt, {}), random: /* @__PURE__ */ f.jsx(pt, {}) }[s]
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               className: C(L.b(), L.bs("order")),
-              onClick: z,
+              onClick: H,
               type: "button",
-              "aria-label": `Loop mode: ${f}`,
+              "aria-label": `Loop mode: ${l}`,
               children: {
-                all: /* @__PURE__ */ d.jsx(bt, {}),
-                one: /* @__PURE__ */ d.jsx(yt, {}),
-                none: /* @__PURE__ */ d.jsx(ft, {})
-              }[f]
+                all: /* @__PURE__ */ f.jsx(St, {}),
+                one: /* @__PURE__ */ f.jsx(xt, {}),
+                none: /* @__PURE__ */ f.jsx(ht, {})
+              }[l]
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               type: "button",
               className: C(L.b(), L.bs("menu")),
-              onClick: () => h == null ? void 0 : h(),
+              onClick: () => c == null ? void 0 : c(),
               "aria-label": "Toggle playlist menu",
-              children: /* @__PURE__ */ d.jsx(ct, {})
+              children: /* @__PURE__ */ f.jsx(mt, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             "button",
             {
               type: "button",
               className: C(L.b(), L.bs("lrc"), {
-                [L.ns("lrc-inactivity")]: !y
+                [L.ns("lrc-inactivity")]: !p
               }),
-              onClick: w,
-              "aria-label": y ? "Hide lyrics" : "Show lyrics",
-              "aria-pressed": y,
-              children: /* @__PURE__ */ d.jsx(mt, {})
+              onClick: T,
+              "aria-label": p ? "Hide lyrics" : "Show lyrics",
+              "aria-pressed": p,
+              children: /* @__PURE__ */ f.jsx(bt, {})
             }
           )
         ] })
@@ -1210,80 +1225,81 @@ function wt({
     }
   );
 }
-function jt({
+function Lt({
   open: e,
   audio: r,
   playingAudioUrl: n,
   onPlayAudio: a,
-  listMaxHeight: i
+  listMaxHeight: i,
+  mini: m
 }) {
-  const l = G("aplayer-list"), h = i ? { maxHeight: i } : void 0, g = R((c) => c ? typeof c == "string" ? c : c.name ?? "Audio artist" : "Audio artist", []), s = V(null);
-  return F(() => {
-    if (s.current) {
-      const c = s.current;
-      return c.style.maxHeight = `${Math.min(
-        c.scrollHeight,
+  const c = G("aplayer-list"), g = i ? { maxHeight: i } : void 0, s = R((l) => l ? typeof l == "string" ? l : l.name ?? "Audio artist" : "Audio artist", []), y = F(null);
+  return B(() => {
+    if (y.current) {
+      const l = y.current;
+      return l.style.maxHeight = `${Math.min(
+        l.scrollHeight,
         i ?? 1 / 0
       )}px`, () => {
-        c.removeAttribute("style");
+        l.removeAttribute("style");
       };
     }
-  }, [i]), /* @__PURE__ */ d.jsx(
+  }, [i, m]), /* @__PURE__ */ f.jsx(
     "div",
     {
-      ref: s,
-      className: C(l.b(), {
-        [l.bm("hide")]: !e,
-        [l.bs("vars")]: !0
+      ref: y,
+      className: C(c.b(), {
+        [c.bm("hide")]: !e,
+        [c.bs("vars")]: !0
       }),
       "aria-label": "Audio playlist",
       "aria-live": "polite",
-      children: /* @__PURE__ */ d.jsx("ol", { style: h, children: r.map((c, f) => /* @__PURE__ */ d.jsxs(
+      children: /* @__PURE__ */ f.jsx("ol", { style: g, children: r.map((l, h) => /* @__PURE__ */ f.jsxs(
         "li",
         {
           className: C({
-            [l.bm("active")]: c.url === n
+            [c.bm("active")]: l.url === n
           }),
           onClick: () => {
-            c.url !== n && (a == null || a(c));
+            l.url !== n && (a == null || a(l));
           },
           role: "button",
-          "aria-label": `${c.name ?? "Audio name"} by ${g(c.artist)}}`,
+          "aria-label": `${l.name ?? "Audio name"} by ${s(l.artist)}}`,
           children: [
-            /* @__PURE__ */ d.jsx("span", { className: l.be("cur") }),
-            /* @__PURE__ */ d.jsx("span", { className: l.be("index"), children: f + 1 }),
-            /* @__PURE__ */ d.jsx("span", { className: l.be("title"), children: c.name ?? "Audio name" }),
-            /* @__PURE__ */ d.jsx("span", { className: l.be("author"), children: g(c.artist) })
+            /* @__PURE__ */ f.jsx("span", { className: c.be("cur") }),
+            /* @__PURE__ */ f.jsx("span", { className: c.be("index"), children: h + 1 }),
+            /* @__PURE__ */ f.jsx("span", { className: c.be("title"), children: l.name ?? "Audio name" }),
+            /* @__PURE__ */ f.jsx("span", { className: c.be("author"), children: s(l.artist) })
           ]
         },
-        c.name || f
+        l.name || h
       )) })
     }
   );
 }
-function lr({ show: e, lrcText: r, currentTime: n }) {
-  const a = G("aplayer-lrc"), i = K(() => Ot(r), [r]), l = K(() => {
+function fr({ show: e, lrcText: r, currentTime: n }) {
+  const a = G("aplayer-lrc"), i = K(() => Ct(r), [r]), m = K(() => {
     for (let g = 0; g < i.length; g++) {
-      const s = i[g], c = i[g + 1];
-      if (n >= s[0] && (!c || n < c[0]))
+      const s = i[g], y = i[g + 1];
+      if (n >= s[0] && (!y || n < y[0]))
         return g;
     }
     return 0;
-  }, [n, i]), h = K(() => ({
-    transform: `translateY(${-l * 16}px)`,
-    WebkitTransform: `translateY(${-l * 16}px)`
-  }), [l]);
-  return /* @__PURE__ */ d.jsx(
+  }, [n, i]), c = K(() => ({
+    transform: `translateY(${-m * 16}px)`,
+    WebkitTransform: `translateY(${-m * 16}px)`
+  }), [m]);
+  return /* @__PURE__ */ f.jsx(
     "div",
     {
       className: C(a.b(), {
         [a.bm("hide")]: !e
       }),
-      children: r ? /* @__PURE__ */ d.jsx("div", { className: a.be("contents"), style: h, children: i.map(([, g], s) => /* @__PURE__ */ d.jsx(
+      children: r ? /* @__PURE__ */ f.jsx("div", { className: a.be("contents"), style: c, children: i.map(([, g], s) => /* @__PURE__ */ f.jsx(
         "p",
         {
           className: C({
-            [a.be("current")]: s === l
+            [a.be("current")]: s === m
           }),
           children: g
         },
@@ -1292,27 +1308,27 @@ function lr({ show: e, lrcText: r, currentTime: n }) {
     }
   );
 }
-function Ot(e) {
+function Ct(e) {
   if (e) {
-    e = e.replace(/([^\]^\n])\[/g, (i, l) => `${l}
+    e = e.replace(/([^\]^\n])\[/g, (i, m) => `${m}
 [`);
     const r = e.split(`
 `), n = [], a = r.length;
     for (let i = 0; i < a; i++) {
-      const l = r[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g), h = r[i].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g, "").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g, "").replace(/^\s+|\s+$/g, "");
-      if (l) {
-        const g = l.length;
+      const m = r[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g), c = r[i].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g, "").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g, "").replace(/^\s+|\s+$/g, "");
+      if (m) {
+        const g = m.length;
         for (let s = 0; s < g; s++) {
-          const c = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(l[s]), f = c[1] * 60, p = Number.parseInt(c[2]), x = c[4] ? Number.parseInt(c[4]) / (`${c[4]}`.length === 2 ? 100 : 1e3) : 0, E = f + p + x;
-          n.push([E, h]);
+          const y = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(m[s]), l = y[1] * 60, h = Number.parseInt(y[2]), x = y[4] ? Number.parseInt(y[4]) / (`${y[4]}`.length === 2 ? 100 : 1e3) : 0, E = l + h + x;
+          n.push([E, c]);
         }
       }
     }
-    return n.sort((i, l) => i[0] - l[0]), n;
+    return n.sort((i, m) => i[0] - m[0]), n;
   } else
     return [];
 }
-var Te = { exports: {} }, ke = {};
+var Te = { exports: {} }, Ie = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1322,48 +1338,48 @@ var Te = { exports: {} }, ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var cr;
-function Rt() {
-  if (cr) return ke;
-  cr = 1;
-  var e = je;
-  function r(p, x) {
-    return p === x && (p !== 0 || 1 / p === 1 / x) || p !== p && x !== x;
+var dr;
+function $t() {
+  if (dr) return Ie;
+  dr = 1;
+  var e = Oe;
+  function r(h, x) {
+    return h === x && (h !== 0 || 1 / h === 1 / x) || h !== h && x !== x;
   }
-  var n = typeof Object.is == "function" ? Object.is : r, a = e.useState, i = e.useEffect, l = e.useLayoutEffect, h = e.useDebugValue;
-  function g(p, x) {
-    var E = x(), b = a({ inst: { value: E, getSnapshot: x } }), u = b[0].inst, v = b[1];
-    return l(
+  var n = typeof Object.is == "function" ? Object.is : r, a = e.useState, i = e.useEffect, m = e.useLayoutEffect, c = e.useDebugValue;
+  function g(h, x) {
+    var E = x(), b = a({ inst: { value: E, getSnapshot: x } }), u = b[0].inst, d = b[1];
+    return m(
       function() {
-        u.value = E, u.getSnapshot = x, s(u) && v({ inst: u });
+        u.value = E, u.getSnapshot = x, s(u) && d({ inst: u });
       },
-      [p, E, x]
+      [h, E, x]
     ), i(
       function() {
-        return s(u) && v({ inst: u }), p(function() {
-          s(u) && v({ inst: u });
+        return s(u) && d({ inst: u }), h(function() {
+          s(u) && d({ inst: u });
         });
       },
-      [p]
-    ), h(E), E;
+      [h]
+    ), c(E), E;
   }
-  function s(p) {
-    var x = p.getSnapshot;
-    p = p.value;
+  function s(h) {
+    var x = h.getSnapshot;
+    h = h.value;
     try {
       var E = x();
-      return !n(p, E);
+      return !n(h, E);
     } catch {
       return !0;
     }
   }
-  function c(p, x) {
+  function y(h, x) {
     return x();
   }
-  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? c : g;
-  return ke.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : f, ke;
+  var l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : g;
+  return Ie.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : l, Ie;
 }
-var De = {};
+var Ve = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1373,47 +1389,47 @@ var De = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var fr;
-function Pt() {
-  return fr || (fr = 1, process.env.NODE_ENV !== "production" && function() {
+var vr;
+function At() {
+  return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
     function e(E, b) {
       return E === b && (E !== 0 || 1 / E === 1 / b) || E !== E && b !== b;
     }
     function r(E, b) {
-      f || i.startTransition === void 0 || (f = !0, console.error(
+      l || i.startTransition === void 0 || (l = !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 = b();
-      if (!p) {
-        var v = b();
-        l(u, v) || (console.error(
+      if (!h) {
+        var d = b();
+        m(u, d) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), p = !0);
+        ), h = !0);
       }
-      v = h({
+      d = c({
         inst: { value: u, getSnapshot: b }
       });
-      var y = v[0].inst, w = v[1];
+      var p = d[0].inst, T = d[1];
       return s(
         function() {
-          y.value = u, y.getSnapshot = b, n(y) && w({ inst: y });
+          p.value = u, p.getSnapshot = b, n(p) && T({ inst: p });
         },
         [E, u, b]
       ), g(
         function() {
-          return n(y) && w({ inst: y }), E(function() {
-            n(y) && w({ inst: y });
+          return n(p) && T({ inst: p }), E(function() {
+            n(p) && T({ inst: p });
           });
         },
         [E]
-      ), c(u), u;
+      ), y(u), u;
     }
     function n(E) {
       var b = E.getSnapshot;
       E = E.value;
       try {
         var u = b();
-        return !l(E, u);
+        return !m(E, u);
       } catch {
         return !0;
       }
@@ -1422,61 +1438,61 @@ function Pt() {
       return b();
     }
     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, h = i.useState, g = i.useEffect, s = i.useLayoutEffect, c = i.useDebugValue, f = !1, p = !1, x = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : r;
-    De.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : x, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }()), De;
-}
-var dr;
-function Lt() {
-  return dr || (dr = 1, process.env.NODE_ENV === "production" ? Te.exports = Rt() : Te.exports = Pt()), Te.exports;
-}
-var Q = Lt();
-const ne = [];
-function Ct(e) {
-  const r = V();
-  return F(() => {
+    var i = Oe, m = typeof Object.is == "function" ? Object.is : e, c = i.useState, g = i.useEffect, s = i.useLayoutEffect, y = i.useDebugValue, l = !1, h = !1, x = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : r;
+    Ve.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : x, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Ve;
+}
+var mr;
+function Mt() {
+  return mr || (mr = 1, process.env.NODE_ENV === "production" ? Te.exports = $t() : Te.exports = At()), Te.exports;
+}
+var Z = Mt();
+const ae = [];
+function Nt(e) {
+  const r = F(null);
+  return B(() => {
     if (typeof window < "u" && !r.current) {
       const n = r.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), ne.includes(n) || ne.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), ae.includes(n) || ae.push(n);
     }
-  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), F(() => {
+  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), B(() => {
     if (typeof window > "u") return;
     const n = r.current;
     if (n && (e != null && e.onError))
       return n.addEventListener("error", e.onError), () => {
         n.removeEventListener("error", e.onError);
       };
-  }, [e == null ? void 0 : e.onError]), F(() => {
+  }, [e == null ? void 0 : e.onError]), B(() => {
     if (typeof window > "u") return;
     const n = r.current;
     if (n && (e != null && e.onEnded))
       return n.addEventListener("ended", e.onEnded), () => {
         n.removeEventListener("ended", e.onEnded);
       };
-  }, [e == null ? void 0 : e.onEnded]), F(() => () => {
+  }, [e == null ? void 0 : e.onEnded]), B(() => () => {
     const n = r.current;
     if (n) {
       n.pause(), n.currentTime = 0;
-      const a = ne.indexOf(n);
-      a !== -1 && ne.splice(a, 1);
+      const a = ae.indexOf(n);
+      a !== -1 && ae.splice(a, 1);
     }
-    r.current = void 0;
+    r.current = null;
   }, []), r;
 }
-function $t(e) {
-  const r = Ct(e), n = R((u) => {
-    for (let v = 0; v < ne.length; v++) {
-      const y = ne[v];
-      y !== u && !y.paused && y.pause();
+function qt(e) {
+  const r = Nt(e), n = R((u) => {
+    for (let d = 0; d < ae.length; d++) {
+      const p = ae[d];
+      p !== u && !p.paused && p.pause();
     }
   }, []), a = R(
     async (u) => {
-      var y;
-      const v = r.current;
-      if (v) {
-        e.mutex && n(v), v.src !== u && (v.pause(), v.currentTime = 0, v.src = u);
+      var p;
+      const d = r.current;
+      if (d) {
+        e.mutex && n(d), d.src !== u && (d.pause(), d.currentTime = 0, d.src = u);
         try {
-          await ((y = r.current) == null ? void 0 : y.play());
+          await ((p = r.current) == null ? void 0 : p.play());
         } catch {
         }
       }
@@ -1484,32 +1500,32 @@ function $t(e) {
     [r, e.mutex, n]
   ), i = R(
     (u) => {
-      const v = r.current;
-      v && (v.paused ? a(u) : v.pause());
+      const d = r.current;
+      d && (d.paused ? a(u) : d.pause());
     },
     [r, a]
-  ), l = R(
+  ), m = R(
     (u) => {
       r.current.currentTime = u;
     },
     [r]
-  ), h = R(() => {
+  ), c = R(() => {
     r.current && (r.current.muted = !r.current.muted);
   }, [r]), g = R(
     (u) => {
       r.current && (r.current.volume = u);
     },
     [r]
-  ), s = Q.useSyncExternalStore(
+  ), s = Z.useSyncExternalStore(
     R(
       (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener(
+        var d;
+        return (d = r.current) == null || d.addEventListener(
           "volumechange",
           u
         ), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+          var p;
+          (p = r.current) == null || p.removeEventListener(
             "volumechange",
             u
           );
@@ -1523,16 +1539,16 @@ function $t(e) {
     },
     () => {
     }
-  ), c = Q.useSyncExternalStore(
+  ), y = Z.useSyncExternalStore(
     R(
       (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener(
+        var d;
+        return (d = r.current) == null || d.addEventListener(
           "volumechange",
           u
         ), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+          var p;
+          (p = r.current) == null || p.removeEventListener(
             "volumechange",
             u
           );
@@ -1546,13 +1562,13 @@ function $t(e) {
     },
     () => {
     }
-  ), f = Q.useSyncExternalStore(
+  ), l = Z.useSyncExternalStore(
     R(
       (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener("timeupdate", u), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+        var d;
+        return (d = r.current) == null || d.addEventListener("timeupdate", u), () => {
+          var p;
+          (p = r.current) == null || p.removeEventListener(
             "timeupdate",
             u
           );
@@ -1566,16 +1582,16 @@ function $t(e) {
     },
     () => {
     }
-  ), p = Q.useSyncExternalStore(
+  ), h = Z.useSyncExternalStore(
     R(
       (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener(
+        var d;
+        return (d = r.current) == null || d.addEventListener(
           "durationchange",
           u
         ), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+          var p;
+          (p = r.current) == null || p.removeEventListener(
             "durationchange",
             u
           );
@@ -1589,13 +1605,13 @@ function $t(e) {
     },
     () => {
     }
-  ), x = Q.useSyncExternalStore(
+  ), x = Z.useSyncExternalStore(
     R(
       (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener("progress", u), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+        var d;
+        return (d = r.current) == null || d.addEventListener("progress", u), () => {
+          var p;
+          (p = r.current) == null || p.removeEventListener(
             "progress",
             u
           );
@@ -1609,13 +1625,13 @@ function $t(e) {
     },
     () => {
     }
-  ), E = Q.useSyncExternalStore(
+  ), E = Z.useSyncExternalStore(
     R(
       (u) => {
-        var v, y;
-        return (v = r.current) == null || v.addEventListener("play", u), (y = r.current) == null || y.addEventListener("pause", u), () => {
-          var w, j;
-          (w = r.current) == null || w.removeEventListener("play", u), (j = r.current) == null || j.removeEventListener("pause", u);
+        var d, p;
+        return (d = r.current) == null || d.addEventListener("play", u), (p = r.current) == null || p.addEventListener("pause", u), () => {
+          var T, j;
+          (T = r.current) == null || T.removeEventListener("play", u), (j = r.current) == null || j.removeEventListener("pause", u);
         };
       },
       [r]
@@ -1626,13 +1642,13 @@ function $t(e) {
     },
     () => {
     }
-  ), b = Q.useSyncExternalStore(
+  ), b = Z.useSyncExternalStore(
     R(
       (u) => {
-        var v, y;
-        return (v = r.current) == null || v.addEventListener("playing", u), (y = r.current) == null || y.addEventListener("waiting", u), () => {
-          var w, j;
-          (w = r.current) == null || w.removeEventListener(
+        var d, p;
+        return (d = r.current) == null || d.addEventListener("playing", u), (p = r.current) == null || p.addEventListener("waiting", u), () => {
+          var T, j;
+          (T = r.current) == null || T.removeEventListener(
             "playing",
             u
           ), (j = r.current) == null || j.removeEventListener(
@@ -1654,19 +1670,19 @@ function $t(e) {
     audio: r.current,
     playAudio: a,
     togglePlay: i,
-    seek: l,
-    toggleMuted: h,
+    seek: m,
+    toggleMuted: c,
     setVolume: g,
     volume: s,
-    muted: c,
-    currentTime: f,
-    duration: p,
+    muted: y,
+    currentTime: l,
+    duration: h,
     bufferedSeconds: x,
     isPlaying: E,
     isLoading: b
   };
 }
-function At(e, r) {
+function kt(e, r) {
   return K(() => {
     const n = { ...r };
     for (const a in e)
@@ -1674,18 +1690,18 @@ function At(e, r) {
     return n;
   }, [e, r]);
 }
-function Mt(e) {
+function Dt(e) {
   const [r, n] = Y(e);
-  return F(() => {
+  return B(() => {
     n(e);
   }, [e]), {
     mini: r,
     setMini: n
   };
 }
-function yr() {
-  const e = V([]);
-  return F(() => {
+function gr() {
+  const e = F([]);
+  return B(() => {
     const n = e.current;
     return () => {
       for (const a of n)
@@ -1696,64 +1712,19 @@ function yr() {
     return e.current.push(i), i;
   }, []);
 }
-function Nt() {
-  const e = V(), [r, n] = Y({ text: "", style: { opacity: 0 } }), a = yr(), i = R(
-    (l, h = 2e3) => {
-      e.current && clearTimeout(e.current), n({ text: l, style: { opacity: 1 } }), e.current = a(() => {
-        n({ text: l, style: { opacity: 0 } });
-      }, h);
+function It() {
+  const e = F(null), [r, n] = Y({ text: "", style: { opacity: 0 } }), a = gr(), i = R(
+    (m, c = 2e3) => {
+      e.current && clearTimeout(e.current), n({ text: m, style: { opacity: 1 } }), e.current = a(() => {
+        n({ text: m, style: { opacity: 0 } });
+      }, c);
     },
     [a]
   );
   return [r, i];
 }
-function qt(e) {
-  return kt(e.slice());
-}
-function kt(e) {
-  let r = e.length, n;
-  for (; r !== 0; )
-    n = Math.floor(Math.random() * r), r--, [e[r], e[n]] = [
-      e[n],
-      e[r]
-    ];
-  return e;
-}
-function Dt(e, r) {
-  const { initialLoop: n = "all", initialOrder: a = "list" } = r, [i, l] = Y(n), [h, g] = Y(a), s = K(() => h === "list" ? e : qt(e), [e, h]), [c, f] = Y(s[0]), p = R((v) => v.url, []), x = K(() => s.findIndex((y) => p(y) === p(c)) < s.length - 1 || i !== "none", [s, c, i, p]), E = R(() => {
-    f((v) => {
-      const y = s.findIndex((w) => p(w) === p(v));
-      return y < s.length - 1 ? s[y + 1] : { ...s[0] };
-    });
-  }, [i, s, p]), b = R(() => {
-    f((v) => {
-      const y = s.indexOf(v);
-      return y > 0 ? s[y - 1] : v;
-    });
-  }, [s]), u = R((v) => {
-    f(v);
-  }, []);
-  return F(() => {
-    const v = s.find(
-      (y) => p(y) === p(c)
-    );
-    f(v || s[0]);
-  }, [s, p, c]), {
-    list: s,
-    currentSong: c,
-    hasNextSong: x,
-    next: E,
-    previous: b,
-    prioritize: u,
-    order: h,
-    setOrder: g,
-    loop: i,
-    setLoop: l,
-    length: s.length
-  };
-}
-function It(e) {
-  const r = At(e, {
+function Vt(e) {
+  const r = kt(e, {
     appearance: "normal",
     volume: 0.7,
     autoPlay: !1,
@@ -1767,129 +1738,174 @@ function It(e) {
     audio: n,
     appearance: a,
     initialLoop: i,
-    initialOrder: l,
-    volume: h,
+    initialOrder: m,
+    volume: c,
     autoPlay: g,
     listMaxHeight: s,
-    listFolded: c,
-    mutex: f,
-    theme: p,
+    listFolded: y,
+    mutex: l,
+    theme: h,
     border: x
   } = r, E = K(
     () => Array.isArray(n) ? n : [n],
     [n]
-  ), b = Dt(E, {
+  ), b = zt(E, {
     initialLoop: i,
-    initialOrder: l
-  }), [u, v] = Nt(), { mini: y, setMini: w } = Mt(r.mini), j = yr(), L = V(), B = R(() => {
-    L.current && (clearTimeout(L.current), L.current = void 0);
-  }, []), z = V(!1), q = $t({
+    initialOrder: m
+  }), [u, d] = It(), { mini: p, setMini: T } = Dt(r.mini), j = gr(), L = F(null), z = R(() => {
+    L.current && (clearTimeout(L.current), L.current = null);
+  }, []), H = F(!1), q = qt({
     src: b.currentSong.url,
-    initialVolume: h,
+    initialVolume: c,
     autoPlay: g,
-    mutex: f,
-    onError(D) {
-      const { error: ee } = D.target;
-      ee && v(
+    mutex: l,
+    onError(I) {
+      const { error: re } = I.target;
+      re && d(
         "An audio error has occurred, player will skip forward in 2 seconds."
       ), b.hasNextSong && (L.current = j(() => {
         b.next();
       }, 2e3));
     },
     onEnded() {
-      const { list: D, currentSong: ee, loop: ue, prioritize: se, hasNextSong: pe } = b, { audio: le } = q;
-      if (ue === "one") {
-        se({ ...ee });
+      const { list: I, currentSong: re, loop: se, prioritize: le, hasNextSong: be } = b, { audio: ce } = q;
+      if (se === "one") {
+        le({ ...re });
         return;
       }
-      if (!pe && ue === "none") {
-        z.current = !0, le.currentTime = 0, le.pause(), le.src = D[0].url, se(D[0]);
+      if (!be && se === "none") {
+        H.current = !0, ce.currentTime = 0, ce.pause(), ce.src = I[0].url, le(I[0]);
         return;
       }
       b.next();
     }
   }), J = b.length > 1, A = R(() => {
-    B(), q.togglePlay(b.currentSong.url);
-  }, [q, B, b.currentSong.url]), { prioritize: me } = b, Oe = R(
-    (D) => {
-      B(), me(D);
+    z(), q.togglePlay(b.currentSong.url);
+  }, [q, z, b.currentSong.url]), { prioritize: pe } = b, Re = R(
+    (I) => {
+      z(), pe(I);
     },
-    [B, me]
-  ), [he, H] = Y(() => J && !c), [W, X] = Y(!0), Z = V(null);
-  F(() => {
+    [z, pe]
+  ), [ye, W] = Y(() => J && !y), [U, X] = Y(!0), ee = F(null);
+  B(() => {
     g && q.playAudio(b.currentSong.url);
   }, []);
-  const ie = V(!0), oe = V(b.currentSong);
-  return F(() => {
-    if (ie.current) {
-      ie.current = !1;
+  const oe = F(!0), ue = F(b.currentSong);
+  return B(() => {
+    if (oe.current) {
+      oe.current = !1;
       return;
     }
-    if (z.current) {
-      z.current = !1;
+    if (H.current) {
+      H.current = !1;
       return;
     }
-    b.currentSong && (b.loop === "one" || b.currentSong !== oe.current) && (oe.current = b.currentSong, q.playAudio(b.currentSong.url));
-  }, [b.currentSong]), F(() => {
-    if (a === "fixed" && Z.current) {
-      const D = Z.current;
-      return D.style.width = `${D.offsetWidth - 18}px`, () => {
-        D.removeAttribute("style");
+    b.currentSong && (b.loop === "one" || b.currentSong !== ue.current) && (ue.current = b.currentSong, q.playAudio(b.currentSong.url));
+  }, [b.currentSong]), B(() => {
+    if (a === "fixed" && ee.current) {
+      const I = ee.current;
+      return I.style.width = "400px", () => {
+        I.removeAttribute("style");
       };
     }
   }, [a]), {
-    bodyRef: Z,
+    bodyRef: ee,
     appearance: a,
-    volume: h,
+    volume: c,
     listMaxHeight: s,
-    theme: p,
+    theme: h,
     border: x,
     notice: u,
     audioControl: q,
     audio: E,
     handlePlayButtonClick: A,
-    handlePlayAudioFromList: Oe,
-    isPlaylistOpen: he,
-    setPlaylistOpen: H,
-    mini: y,
-    displayLyrics: W,
+    handlePlayAudioFromList: Re,
+    isPlaylistOpen: ye,
+    setPlaylistOpen: W,
+    mini: p,
+    displayLyrics: U,
     setDisplayLyrics: X,
-    setMini: w,
+    setMini: T,
     playlist: b,
     hasPlaylist: J
   };
 }
 function Ft(e) {
-  var z, q, J;
+  return Bt(e.slice());
+}
+function Bt(e) {
+  let r = e.length, n;
+  for (; r !== 0; )
+    n = Math.floor(Math.random() * r), r--, [e[r], e[n]] = [
+      e[n],
+      e[r]
+    ];
+  return e;
+}
+function zt(e, r) {
+  const { initialLoop: n = "all", initialOrder: a = "list" } = r, [i, m] = Y(n), [c, g] = Y(a), s = K(() => c === "list" ? e : Ft(e), [e, c]), [y, l] = Y(s[0]), h = R((d) => d.url, []), x = K(() => s.findIndex((p) => h(p) === h(y)) < s.length - 1 || i !== "none", [s, y, i, h]), E = R(() => {
+    l((d) => {
+      const p = s.findIndex((T) => h(T) === h(d));
+      return p < s.length - 1 ? s[p + 1] : { ...s[0] };
+    });
+  }, [i, s, h]), b = R(() => {
+    l((d) => {
+      const p = s.indexOf(d);
+      return p > 0 ? s[p - 1] : d;
+    });
+  }, [s]), u = R((d) => {
+    l(d);
+  }, []);
+  return B(() => {
+    const d = s.find(
+      (p) => h(p) === h(y)
+    );
+    l(d || s[0]);
+  }, [s, h, y]), {
+    list: s,
+    currentSong: y,
+    hasNextSong: x,
+    next: E,
+    previous: b,
+    prioritize: u,
+    order: c,
+    setOrder: g,
+    loop: i,
+    setLoop: m,
+    length: s.length
+  };
+}
+function Wt(e) {
+  var H, q, J;
   const r = G("aplayer"), {
     bodyRef: n,
     appearance: a,
     volume: i,
-    listMaxHeight: l,
-    theme: h,
+    listMaxHeight: m,
+    theme: c,
     border: g,
     notice: s,
-    audio: c,
-    audioControl: f,
-    handlePlayButtonClick: p,
+    audio: y,
+    audioControl: l,
+    handlePlayButtonClick: h,
     handlePlayAudioFromList: x,
     isPlaylistOpen: E,
     setPlaylistOpen: b,
     mini: u,
-    displayLyrics: v,
-    setDisplayLyrics: y,
-    setMini: w,
+    displayLyrics: d,
+    setDisplayLyrics: p,
+    setMini: T,
     playlist: j,
     hasPlaylist: L
-  } = It(e), B = R((A) => A ? typeof A == "string" ? A : A.url ? /* @__PURE__ */ d.jsx("a", { href: A.url, target: "_blank", rel: "noreferrer", children: A.name ?? "Audio artist" }) : A.name ?? "Audio artist" : "Audio artist", []);
-  return /* @__PURE__ */ d.jsxs(
+  } = Vt(e), z = R((A) => A ? typeof A == "string" ? A : A.url ? /* @__PURE__ */ f.jsx("a", { href: A.url, target: "_blank", rel: "noreferrer", children: A.name ?? "Audio artist" }) : A.name ?? "Audio artist" : "Audio artist", []);
+  return /* @__PURE__ */ f.jsxs(
     "div",
     {
       className: C(r.b(), {
-        [r.bs(h)]: !0,
+        [r.bs(c)]: !0,
         [r.bs("vars")]: !0,
         [r.bm(a)]: !0,
-        [r.bm("loading")]: f.isLoading,
+        [r.bm("loading")]: l.isLoading,
         [r.bm("withlist")]: L,
         [r.bm("list-folded")]: !E,
         [r.bm("withlrc")]: !!j.currentSong.lrc && a !== "fixed",
@@ -1899,112 +1915,113 @@ function Ft(e) {
       role: "region",
       "aria-label": "Audio Player",
       children: [
-        /* @__PURE__ */ d.jsxs(
+        /* @__PURE__ */ f.jsxs(
           "div",
           {
             ref: n,
             className: r.be("body"),
             children: [
-              /* @__PURE__ */ d.jsx(
+              /* @__PURE__ */ f.jsx(
                 "div",
                 {
                   className: r.be("pic"),
-                  onClick: p,
+                  onClick: h,
                   style: {
-                    backgroundImage: `url("${(z = j.currentSong) == null ? void 0 : z.cover}")`
+                    backgroundImage: `url("${(H = j.currentSong) == null ? void 0 : H.cover}")`
                   },
                   role: "button",
-                  "aria-label": f.isPlaying ? "Pause audio" : "Play audio",
-                  children: /* @__PURE__ */ d.jsx(
+                  "aria-label": l.isPlaying ? "Pause audio" : "Play audio",
+                  children: /* @__PURE__ */ f.jsx(
                     "div",
                     {
                       className: C(
                         r.be("button"),
-                        f.isPlaying ? r.bm("pause") : r.bm("play")
+                        l.isPlaying ? r.bm("pause") : r.bm("play")
                       ),
                       role: "presentation",
-                      children: f.isPlaying ? /* @__PURE__ */ d.jsx(lt, {}) : /* @__PURE__ */ d.jsx(St, {})
+                      children: l.isPlaying ? /* @__PURE__ */ f.jsx(vt, {}) : /* @__PURE__ */ f.jsx(jt, {})
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ d.jsxs("div", { className: C(r.be("info")), children: [
-                /* @__PURE__ */ d.jsxs("div", { className: C(r.be("music")), children: [
-                  /* @__PURE__ */ d.jsx("span", { className: C(r.be("title")), children: ((q = j.currentSong) == null ? void 0 : q.name) ?? "Audio name" }),
-                  /* @__PURE__ */ d.jsxs("span", { className: C(r.be("author")), children: [
+              /* @__PURE__ */ f.jsxs("div", { className: C(r.be("info")), children: [
+                /* @__PURE__ */ f.jsxs("div", { className: C(r.be("music")), children: [
+                  /* @__PURE__ */ f.jsx("span", { className: C(r.be("title")), children: ((q = j.currentSong) == null ? void 0 : q.name) ?? "Audio name" }),
+                  /* @__PURE__ */ f.jsxs("span", { className: C(r.be("author")), children: [
                     " ",
                     "-",
                     " ",
-                    B((J = j.currentSong) == null ? void 0 : J.artist)
+                    z((J = j.currentSong) == null ? void 0 : J.artist)
                   ] })
                 ] }),
-                a === "fixed" ? null : /* @__PURE__ */ d.jsx(
-                  lr,
+                a === "fixed" ? null : /* @__PURE__ */ f.jsx(
+                  fr,
                   {
-                    show: v,
+                    show: d,
                     lrcText: j.currentSong.lrc,
-                    currentTime: f.currentTime ?? 0
+                    currentTime: l.currentTime ?? 0
                   }
                 ),
-                /* @__PURE__ */ d.jsx(
-                  wt,
+                /* @__PURE__ */ f.jsx(
+                  Pt,
                   {
-                    volume: f.volume ?? i,
-                    onChangeVolume: f.setVolume,
-                    muted: f.muted ?? !1,
-                    onToggleMuted: () => f.toggleMuted(),
-                    currentTime: f.currentTime,
-                    audioDurationSeconds: f.duration,
-                    bufferedSeconds: f.bufferedSeconds,
-                    onSeek: (A) => f.seek(A),
+                    volume: l.volume ?? i,
+                    onChangeVolume: l.setVolume,
+                    muted: l.muted ?? !1,
+                    onToggleMuted: () => l.toggleMuted(),
+                    currentTime: l.currentTime,
+                    audioDurationSeconds: l.duration,
+                    bufferedSeconds: l.bufferedSeconds,
+                    onSeek: (A) => l.seek(A),
                     onToggleMenu: () => b((A) => !A),
                     order: j.order,
                     onOrderChange: j.setOrder,
                     loop: j.loop,
                     onLoopChange: j.setLoop,
-                    isPlaying: f.isPlaying ?? !1,
-                    onTogglePlay: p,
+                    isPlaying: l.isPlaying ?? !1,
+                    onTogglePlay: h,
                     onSkipForward: () => {
                       j.hasNextSong && j.next();
                     },
                     onSkipBack: () => {
                       j.previous();
                     },
-                    showLyrics: v,
+                    showLyrics: d,
                     onToggleLyrics: () => {
-                      y((A) => !A);
+                      p((A) => !A);
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ d.jsx("div", { className: r.be("notice"), style: s.style, children: s.text }),
-              /* @__PURE__ */ d.jsx(
+              /* @__PURE__ */ f.jsx("div", { className: r.be("notice"), style: s.style, children: s.text }),
+              /* @__PURE__ */ f.jsx(
                 "div",
                 {
                   className: r.be("miniswitcher"),
-                  onClick: () => w((A) => !A),
-                  children: /* @__PURE__ */ d.jsx("button", { className: C(r.bs("icon"), r.bs("icon-right")), type: "button", children: /* @__PURE__ */ d.jsx(st, {}) })
+                  onClick: () => T((A) => !A),
+                  children: /* @__PURE__ */ f.jsx("button", { className: C(r.bs("icon"), r.bs("icon-right")), type: "button", children: /* @__PURE__ */ f.jsx(dt, {}) })
                 }
               )
             ]
           }
         ),
-        L ? /* @__PURE__ */ d.jsx(
-          jt,
+        L ? /* @__PURE__ */ f.jsx(
+          Lt,
           {
             open: E,
-            audio: c,
+            audio: y,
             playingAudioUrl: j.currentSong.url,
             onPlayAudio: x,
-            listMaxHeight: l
+            listMaxHeight: m,
+            mini: u
           }
         ) : null,
-        a === "fixed" && /* @__PURE__ */ d.jsx(
-          lr,
+        a === "fixed" && /* @__PURE__ */ f.jsx(
+          fr,
           {
-            show: v,
+            show: d,
             lrcText: j.currentSong.lrc,
-            currentTime: f.currentTime ?? 0
+            currentTime: l.currentTime ?? 0
           }
         )
       ]
@@ -2012,5 +2029,5 @@ function Ft(e) {
   );
 }
 export {
-  Ft as TwistAPlayer
+  Wt as TwistAPlayer
 };