twist-aplayer 1.4.2 → 1.5.0

package/dist/index.mjs

@@ -1,1000 +1,666 @@
-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 W from "react";
+import pe, { useMemo as B, useRef as M, useState as V, useEffect as q, useCallback as S } from "react";
+var oe = { exports: {} }, Q = {};
 /**
  * @license React
- * react-jsx-runtime.production.min.js
+ * react-jsx-runtime.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * 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 ge;
+function ke() {
+  if (ge) return Q;
+  ge = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function r(n, a, u) {
+    var f = null;
+    if (u !== void 0 && (f = "" + u), a.key !== void 0 && (f = "" + a.key), "key" in a) {
+      u = {};
+      for (var b in a)
+        b !== "key" && (u[b] = a[b]);
+    } else u = a;
+    return a = u.ref, {
+      $$typeof: e,
+      type: n,
+      key: f,
+      ref: a !== void 0 ? a : null,
+      props: u
+    };
   }
-  return ce.Fragment = n, ce.jsx = h, ce.jsxs = h, ce;
+  return Q.Fragment = t, Q.jsx = r, Q.jsxs = r, Q;
 }
-var fe = {};
+var Z = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * 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) {
-      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) {
-      {
-        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);
-      }
-    }
-    function j(t, o, m) {
-      {
-        var S = y.ReactDebugCurrentFrame, O = S.getStackAddendum();
-        O !== "" && (o += "%s", m = m.concat([O]));
-        var P = m.map(function(T) {
-          return String(T);
-        });
-        P.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, P);
-      }
-    }
-    var L = !1, B = !1, z = !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
-      // 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) {
-      var S = t.displayName;
-      if (S)
-        return S;
-      var O = o.displayName || o.name || "";
-      return O !== "" ? m + "(" + O + ")" : m;
-    }
-    function he(t) {
-      return t.displayName || "Context";
-    }
-    function H(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")
-        return t.displayName || t.name || null;
-      if (typeof t == "string")
-        return t;
-      switch (t) {
-        case a:
+var xe;
+function Ie() {
+  return xe || (xe = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === re ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case i:
           return "Fragment";
-        case n:
-          return "Portal";
-        case l:
+        case v:
           return "Profiler";
-        case i:
+        case l:
           return "StrictMode";
-        case c:
+        case C:
           return "Suspense";
-        case f:
+        case k:
           return "SuspenseList";
+        case O:
+          return "Activity";
       }
-      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";
-          case s:
-            return Oe(t, t.render, "ForwardRef");
-          case p:
-            var S = t.displayName || null;
-            return S !== null ? S : H(t.type) || "Memo";
-          case x: {
-            var O = t, P = O._payload, T = O._init;
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), o.$$typeof) {
+          case y:
+            return "Portal";
+          case E:
+            return (o.displayName || "Context") + ".Provider";
+          case _:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case j:
+            var x = o.render;
+            return o = o.displayName, o || (o = x.displayName || x.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case A:
+            return x = o.displayName || null, x !== null ? x : e(o.type) || "Memo";
+          case D:
+            x = o._payload, o = o._init;
             try {
-              return H(T(P));
+              return e(o(x));
             } catch {
-              return null;
             }
-          }
         }
       return null;
     }
-    var W = Object.assign, X = 0, Z, ie, oe, D, ee, ue, se;
-    function pe() {
+    function t(o) {
+      return "" + o;
     }
-    pe.__reactDisabledLog = !0;
-    function le() {
-      {
-        if (X === 0) {
-          Z = console.log, ie = console.info, oe = console.warn, D = console.error, ee = console.group, ue = console.groupCollapsed, se = console.groupEnd;
-          var t = {
-            configurable: !0,
-            enumerable: !0,
-            value: pe,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: t,
-            log: t,
-            warn: t,
-            error: t,
-            group: t,
-            groupCollapsed: t,
-            groupEnd: t
-          });
-        }
-        X++;
-      }
-    }
-    function br() {
-      {
-        if (X--, X === 0) {
-          var t = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: W({}, t, {
-              value: Z
-            }),
-            info: W({}, t, {
-              value: ie
-            }),
-            warn: W({}, t, {
-              value: oe
-            }),
-            error: W({}, t, {
-              value: D
-            }),
-            group: W({}, t, {
-              value: ee
-            }),
-            groupCollapsed: W({}, t, {
-              value: ue
-            }),
-            groupEnd: W({}, t, {
-              value: se
-            })
-          });
-        }
-        X < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var Re = y.ReactCurrentDispatcher, Pe;
-    function ye(t, o, m) {
-      {
-        if (Pe === void 0)
-          try {
-            throw Error();
-          } catch (O) {
-            var S = O.stack.trim().match(/\n( *(at )?)/);
-            Pe = S && S[1] || "";
-          }
-        return `
-` + Pe + t;
-      }
-    }
-    var Le = !1, be;
-    {
-      var gr = typeof WeakMap == "function" ? WeakMap : Map;
-      be = new gr();
-    }
-    function Ve(t, o) {
-      if (!t || Le)
-        return "";
-      {
-        var m = be.get(t);
-        if (m !== void 0)
-          return m;
-      }
-      var S;
-      Le = !0;
-      var O = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var P;
-      P = Re.current, Re.current = null, le();
+    function r(o) {
       try {
-        if (o) {
-          var T = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(T.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(T, []);
-            } catch (U) {
-              S = U;
-            }
-            Reflect.construct(t, [], T);
-          } else {
-            try {
-              T.call();
-            } catch (U) {
-              S = U;
-            }
-            t.call(T.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (U) {
-            S = U;
-          }
-          t();
-        }
-      } catch (U) {
-        if (U && S && typeof U.stack == "string") {
-          for (var _ = U.stack.split(`
-`), k = S.stack.split(`
-`), $ = _.length - 1, M = k.length - 1; $ >= 1 && M >= 0 && _[$] !== k[M]; )
-            M--;
-          for (; $ >= 1 && M >= 0; $--, M--)
-            if (_[$] !== k[M]) {
-              if ($ !== 1 || M !== 1)
-                do
-                  if ($--, M--, M < 0 || _[$] !== k[M]) {
-                    var I = `
-` + _[$].replace(" at new ", " at ");
-                    return t.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", t.displayName)), typeof t == "function" && be.set(t, I), I;
-                  }
-                while ($ >= 1 && M >= 0);
-              break;
-            }
-        }
-      } finally {
-        Le = !1, Re.current = P, br(), Error.prepareStackTrace = O;
-      }
-      var te = t ? t.displayName || t.name : "", er = te ? ye(te) : "";
-      return typeof t == "function" && be.set(t, er), er;
-    }
-    function Er(t, o, m) {
-      return Ve(t, !1);
-    }
-    function xr(t) {
-      var o = t.prototype;
-      return !!(o && o.isReactComponent);
-    }
-    function ge(t, o, m) {
-      if (t == null)
-        return "";
-      if (typeof t == "function")
-        return Ve(t, xr(t));
-      if (typeof t == "string")
-        return ye(t);
-      switch (t) {
-        case c:
-          return ye("Suspense");
-        case f:
-          return ye("SuspenseList");
-      }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case s:
-            return Er(t.render);
-          case p:
-            return ge(t.type, o, m);
-          case x: {
-            var S = t, O = S._payload, P = S._init;
-            try {
-              return ge(P(O), o, m);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var Ee = Object.prototype.hasOwnProperty, Fe = {}, Be = y.ReactDebugCurrentFrame;
-    function xe(t) {
-      if (t) {
-        var o = t._owner, m = ge(t.type, t._source, o ? o.type : null);
-        Be.setExtraStackFrame(m);
-      } else
-        Be.setExtraStackFrame(null);
-    }
-    function Sr(t, o, m, S, O) {
-      {
-        var P = Function.call.bind(Ee);
-        for (var T in t)
-          if (P(t, T)) {
-            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`.");
-                throw k.name = "Invariant Violation", k;
-              }
-              _ = t[T](o, T, S, m, 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));
-          }
+        t(o);
+        var x = !1;
+      } catch {
+        x = !0;
       }
-    }
-    var _r = Array.isArray;
-    function Ce(t) {
-      return _r(t);
-    }
-    function Tr(t) {
-      {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, m = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return m;
+      if (x) {
+        x = console;
+        var T = x.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return T.call(
+          x,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          L
+        ), t(o);
       }
     }
-    function wr(t) {
+    function n(o) {
+      if (o === i) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === D)
+        return "<...>";
       try {
-        return ze(t), !1;
+        var x = e(o);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
-        return !0;
+        return "<...>";
       }
     }
-    function ze(t) {
-      return "" + t;
+    function a() {
+      var o = G.A;
+      return o === null ? null : o.getOwner();
     }
-    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 u() {
+      return Error("react-stack-top-frame");
     }
-    var We = y.ReactCurrentOwner, jr = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Ue, Ye;
-    function Or(t) {
-      if (Ee.call(t, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (o && o.isReactWarning)
-          return !1;
+    function f(o) {
+      if (ne.call(o, "key")) {
+        var x = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
-      return t.ref !== void 0;
-    }
-    function Rr(t) {
-      if (Ee.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 Lr(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));
-        };
-        m.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: m,
-          configurable: !0
-        });
-      }
-    }
-    function Cr(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));
-        };
-        m.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: m,
-          configurable: !0
-        });
+      return o.key !== void 0;
+    }
+    function b(o, x) {
+      function T() {
+        ae || (ae = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          x
+        ));
       }
+      T.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: T,
+        configurable: !0
+      });
     }
-    var $r = function(t, o, m, S, O, P, T) {
-      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,
-        // Record the component responsible for creating this element.
-        _owner: P
-      };
-      return _._store = {}, Object.defineProperty(_._store, "validated", {
+    function s() {
+      var o = e(this.type);
+      return Y[o] || (Y[o] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), o = this.props.ref, o !== void 0 ? o : null;
+    }
+    function d(o, x, T, L, $, I, le, de) {
+      return T = I.ref, o = {
+        $$typeof: p,
+        type: o,
+        key: x,
+        props: I,
+        _owner: $
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(o, "ref", {
+        enumerable: !1,
+        get: s
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: !1
-      }), Object.defineProperty(_, "_self", {
+        value: 0
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
-        writable: !1,
-        value: S
-      }), Object.defineProperty(_, "_source", {
+        writable: !0,
+        value: null
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
-        writable: !1,
-        value: O
-      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
-    };
-    function Ar(t, o, m, 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));
-        for (P in o)
-          Ee.call(o, P) && !jr.hasOwnProperty(P) && (T[P] = o[P]);
-        if (t && t.defaultProps) {
-          var $ = t.defaultProps;
-          for (P in $)
-            T[P] === void 0 && (T[P] = $[P]);
-        }
-        if (_ || k) {
-          var M = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          _ && Lr(T, M), k && Cr(T, M);
-        }
-        return $r(t, _, k, O, S, We.current, T);
-      }
-    }
-    var $e = y.ReactCurrentOwner, Ge = y.ReactDebugCurrentFrame;
-    function re(t) {
-      if (t) {
-        var o = t._owner, m = ge(t.type, t._source, o ? o.type : null);
-        Ge.setExtraStackFrame(m);
-      } else
-        Ge.setExtraStackFrame(null);
-    }
-    var Ae;
-    Ae = !1;
-    function Me(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === r;
-    }
-    function Ke() {
-      {
-        if ($e.current) {
-          var t = H($e.current.type);
-          if (t)
-            return `
-
-Check the render method of \`` + t + "`.";
-        }
-        return "";
-      }
-    }
-    function Mr(t) {
-      return "";
-    }
-    var Je = {};
-    function Nr(t) {
-      {
-        var o = Ke();
-        if (!o) {
-          var m = typeof t == "string" ? t : t.displayName || t.name;
-          m && (o = `
-
-Check the top-level render call using <` + m + ">.");
-        }
-        return o;
-      }
-    }
-    function Xe(t, o) {
-      {
-        if (!t._store || t._store.validated || t.key != null)
-          return;
-        t._store.validated = !0;
-        var m = Nr(o);
-        if (Je[m])
-          return;
-        Je[m] = !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);
-      }
-    }
-    function Qe(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);
-          }
-        else if (Me(t))
-          t._store && (t._store.validated = !0);
-        else if (t) {
-          var O = v(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);
-        }
-      }
-    }
-    function qr(t) {
-      {
-        var o = t.type;
-        if (o == null || typeof o == "string")
-          return;
-        var m;
-        if (typeof o == "function")
-          m = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === s || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        o.$$typeof === p))
-          m = 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");
-        }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function kr(t) {
-      {
-        for (var o = Object.keys(t.props), m = 0; m < o.length; m++) {
-          var S = o[m];
-          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);
-            break;
-          }
-        }
-        t.ref !== null && (re(t), w("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
+        writable: !0,
+        value: le
+      }), Object.defineProperty(o, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: de
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    }
+    function m(o, x, T, L, $, I, le, de) {
+      var N = x.children;
+      if (N !== void 0)
+        if (L)
+          if (ce(N)) {
+            for (L = 0; L < N.length; L++)
+              h(N[L]);
+            Object.freeze && Object.freeze(N);
+          } else
+            console.error(
+              "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 h(N);
+      if (ne.call(x, "key")) {
+        N = e(o);
+        var F = Object.keys(x).filter(function(Ce) {
+          return Ce !== "key";
+        });
+        L = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", P[N + L] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          L,
+          N,
+          F,
+          N
+        ), P[N + L] = !0);
       }
-    }
-    function Ze(t, o, m, S, O, P) {
-      {
-        var T = me(t);
-        if (!T) {
-          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 $;
-          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", $, _);
-        }
-        var M = Ar(t, o, m, O, P);
-        if (M == null)
-          return M;
-        if (T) {
-          var I = o.children;
-          if (I !== void 0)
-            if (S)
-              if (Ce(I)) {
-                for (var te = 0; te < I.length; te++)
-                  Qe(I[te], t);
-                Object.freeze && Object.freeze(I);
-              } 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.");
-            else
-              Qe(I, t);
-        }
-        return t === a ? kr(M) : qr(M), M;
+      if (N = null, T !== void 0 && (r(T), N = "" + T), f(x) && (r(x.key), N = "" + x.key), "key" in x) {
+        T = {};
+        for (var fe in x)
+          fe !== "key" && (T[fe] = x[fe]);
+      } else T = x;
+      return N && b(
+        T,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), d(
+        o,
+        N,
+        I,
+        $,
+        a(),
+        T,
+        le,
+        de
+      );
+    }
+    function h(o) {
+      typeof o == "object" && o !== null && o.$$typeof === p && o._store && (o._store.validated = 1);
+    }
+    var g = pe, p = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), E = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), G = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ne = Object.prototype.hasOwnProperty, ce = Array.isArray, J = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      "react-stack-bottom-frame": function(o) {
+        return o();
       }
-    }
-    function Dr(t, o, m) {
-      return Ze(t, o, m, !0);
-    }
-    function Ir(t, o, m) {
-      return Ze(t, o, m, !1);
-    }
-    var Vr = Ir, Fr = Dr;
-    fe.Fragment = a, fe.jsx = Vr, fe.jsxs = Fr;
-  }()), fe;
+    };
+    var ae, Y = {}, K = g["react-stack-bottom-frame"].bind(
+      g,
+      u
+    )(), X = J(n(u)), P = {};
+    Z.Fragment = i, Z.jsx = function(o, x, T, L, $) {
+      var I = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return m(
+        o,
+        x,
+        T,
+        !1,
+        L,
+        $,
+        I ? Error("react-stack-top-frame") : K,
+        I ? J(n(o)) : X
+      );
+    }, Z.jsxs = function(o, x, T, L, $) {
+      var I = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return m(
+        o,
+        x,
+        T,
+        !0,
+        L,
+        $,
+        I ? Error("react-stack-top-frame") : K,
+        I ? J(n(o)) : X
+      );
+    };
+  }()), Z;
 }
-var nr;
-function Hr() {
-  return nr || (nr = 1, process.env.NODE_ENV === "production" ? Se.exports = Br() : Se.exports = zr()), Se.exports;
+var Ee;
+function Ve() {
+  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? oe.exports = ke() : oe.exports = Ie()), oe.exports;
 }
-var d = Hr(), _e = (e) => `--${e}`, ar = (e) => `var(--${e})`, ir = (e, r) => `--${e}: ${r};`;
-function Wr(e, r) {
-  const n = (a) => r;
+var c = Ve(), ie = (e) => `--${e}`, Se = (e) => `var(--${e})`, Te = (e, t) => `--${e}: ${t};`;
+function ze(e, t) {
+  const r = (n) => t;
   return {
-    b: () => `${n()}-${e}`,
-    be: (a) => `${n()}-${e}__${a}`,
-    bm: (a) => `${n()}-${e}--${a}`,
-    bem: (a, i) => `${n()}-${e}__${a}--${i}`,
-    bs: (a) => `${n()}-${e}-${a}`,
-    ns: (a) => `${n()}-${a}`,
-    cb: () => `.${n()}-${e}`,
-    cbe: (a) => `.${n()}-${e}__${a}`,
-    cbm: (a) => `.${n()}-${e}--${a}`,
-    cbem: (a, i) => `.${n()}-${e}__${a}--${i}`,
-    cbs: (a) => `.${n()}-${e}-${a}`,
-    cns: (a) => `.${n()}-${a}`,
-    cv: (a) => _e(`${n()}-${e}-${a}`),
-    cvm: (a, i = {}) => {
-      const l = n();
-      for (const h of Object.keys(a))
-        i[_e(`${l}-${e}-${h}`)] = a[h];
-      return i;
+    b: () => `${r()}-${e}`,
+    be: (n) => `${r()}-${e}__${n}`,
+    bm: (n) => `${r()}-${e}--${n}`,
+    bem: (n, a) => `${r()}-${e}__${n}--${a}`,
+    bs: (n) => `${r()}-${e}-${n}`,
+    ns: (n) => `${r()}-${n}`,
+    cb: () => `.${r()}-${e}`,
+    cbe: (n) => `.${r()}-${e}__${n}`,
+    cbm: (n) => `.${r()}-${e}--${n}`,
+    cbem: (n, a) => `.${r()}-${e}__${n}--${a}`,
+    cbs: (n) => `.${r()}-${e}-${n}`,
+    cns: (n) => `.${r()}-${n}`,
+    cv: (n) => ie(`${r()}-${e}-${n}`),
+    cvm: (n, a = {}) => {
+      const u = r();
+      for (const f of Object.keys(n))
+        a[ie(`${u}-${e}-${f}`)] = n[f];
+      return a;
     },
-    gcv: (a) => ar(`${n()}-${e}-${a}`),
-    scv: (a, i) => ir(`${n()}-${e}-${a}`, i),
-    nv: (a) => _e(`${n()}-${a}`),
-    nvm: (a, i = {}) => {
-      const l = n();
-      for (const h of Object.keys(a))
-        i[_e(`${l}-${h}`)] = a[h];
-      return i;
+    gcv: (n) => Se(`${r()}-${e}-${n}`),
+    scv: (n, a) => Te(`${r()}-${e}-${n}`, a),
+    nv: (n) => ie(`${r()}-${n}`),
+    nvm: (n, a = {}) => {
+      const u = r();
+      for (const f of Object.keys(n))
+        a[ie(`${u}-${f}`)] = n[f];
+      return a;
     },
-    gnv: (a) => ar(`${n()}-${a}`),
-    snv: (a, i) => ir(`${n()}-${a}`, i)
+    gnv: (n) => Se(`${r()}-${n}`),
+    snv: (n, a) => Te(`${r()}-${n}`, a)
   };
 }
-function G(e) {
-  return K(() => Wr(e, "twist"), [e]);
+function z(e) {
+  return B(() => ze(e, "twist"), [e]);
 }
-var vr = {
+var Ne = {
   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) {
+}, be = /* @__PURE__ */ W.createContext(Ne);
+be.Provider;
+function ee(e) {
   "@babel/helpers - typeof";
-  return de = 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);
+  return ee = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, ee(e);
 }
-var Ur = ["attrs", "size", "title", "spin", "rotate", "color"];
-function Yr(e, r) {
-  return Jr(e) || Kr(e, r) || mr(e, r) || Gr();
+var De = ["attrs", "size", "title", "spin", "rotate", "color"];
+function Be(e, t) {
+  return Fe(e) || Ye(e, t) || Pe(e, t) || He();
 }
-function Gr() {
+function He() {
   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) {
-  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;
+function Ye(e, t) {
+  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r != null) {
+    var n, a, u, f, b = [], s = !0, d = !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 (u = (r = r.call(e)).next, t !== 0) for (; !(s = (n = u.call(r)).done) && (b.push(n.value), b.length !== t); s = !0) ;
+    } catch (m) {
+      d = !0, a = m;
     } finally {
       try {
-        if (!s && n.return != null && (h = n.return(), Object(h) !== h)) return;
+        if (!s && r.return != null && (f = r.return(), Object(f) !== f)) return;
       } finally {
-        if (c) throw i;
+        if (d) throw a;
       }
     }
-    return g;
+    return b;
   }
 }
-function Jr(e) {
+function Fe(e) {
   if (Array.isArray(e)) return e;
 }
-function Xr(e, r) {
-  var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (!n) {
-    if (Array.isArray(e) || (n = mr(e)) || r) {
-      n && (e = n);
-      var a = 0, i = function() {
+function Ue(e, t) {
+  var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (!r) {
+    if (Array.isArray(e) || (r = Pe(e)) || t) {
+      r && (e = r);
+      var n = 0, a = function() {
       };
-      return { s: i, n: function() {
-        return a >= e.length ? { done: !0 } : { done: !1, value: e[a++] };
-      }, e: function(c) {
-        throw c;
-      }, f: i };
+      return { s: a, n: function() {
+        return n >= e.length ? { done: !0 } : { done: !1, value: e[n++] };
+      }, e: function(d) {
+        throw d;
+      }, f: a };
     }
     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 u, f = !0, b = !1;
   return { s: function() {
-    n = n.call(e);
+    r = r.call(e);
   }, n: function() {
-    var c = n.next();
-    return h = c.done, c;
-  }, e: function(c) {
-    g = !0, l = c;
+    var d = r.next();
+    return f = d.done, d;
+  }, e: function(d) {
+    b = !0, u = d;
   }, f: function() {
     try {
-      h || n.return == null || n.return();
+      f || r.return == null || r.return();
     } finally {
-      if (g) throw l;
+      if (b) throw u;
     }
   } };
 }
-function mr(e, r) {
+function Pe(e, t) {
   if (e) {
-    if (typeof e == "string") return or(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;
+    if (typeof e == "string") return je(e, t);
+    var r = {}.toString.call(e).slice(8, -1);
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? je(e, t) : void 0;
   }
 }
-function or(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 je(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r];
+  return n;
 }
-function we() {
-  return we = 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]);
+function se() {
+  return se = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, we.apply(null, arguments);
+  }, se.apply(null, arguments);
 }
-function ur(e, r) {
-  var n = Object.keys(e);
+function we(e, t) {
+  var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    r && (a = a.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(e, i).enumerable;
-    })), n.push.apply(n, a);
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), r.push.apply(r, n);
   }
-  return n;
+  return r;
 }
-function ve(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) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
+function te(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? we(Object(r), !0).forEach(function(n) {
+      We(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : we(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   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 We(e, t, r) {
+  return (t = Ge(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Zr(e) {
-  var r = et(e, "string");
-  return de(r) == "symbol" ? r : r + "";
+function Ge(e) {
+  var t = Je(e, "string");
+  return ee(t) == "symbol" ? t : t + "";
 }
-function et(e, r) {
-  if (de(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;
+function Je(e, t) {
+  if (ee(e) != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (ee(n) != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (r === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(e);
 }
-function rt(e, r) {
+function Ke(e, t) {
   if (e == null) return {};
-  var n, a, i = tt(e, r);
+  var r, n, a = Xe(e, t);
   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 u = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < u.length; n++) r = u[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
   }
-  return i;
+  return a;
 }
-function tt(e, r) {
+function Xe(e, t) {
   if (e == null) return {};
-  var n = {};
-  for (var a in e) if ({}.hasOwnProperty.call(e, a)) {
-    if (r.includes(a)) continue;
-    n[a] = e[a];
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.includes(n)) continue;
+    r[n] = e[n];
   }
-  return n;
+  return r;
 }
-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 Qe(e) {
+  var t = e.attrs, r = e.size, n = e.title, a = e.spin, u = e.rotate, f = e.color, b = Ke(e, De), s = function(m) {
+    var h = r || m.size || "1em", g, p = "", y = "";
+    return m.className && (g = m.className), e.className && (g = g ? "".concat(g, " ").concat(e.className) : e.className), a && (g ? g += " twist-icon-loading" : g = "twist-icon-loading"), u && (p = "rotate(".concat(u, "deg)"), y = "rotate(".concat(u, "deg)")), /* @__PURE__ */ W.createElement("svg", se({
       xmlns: "http://www.w3.org/2000/svg"
-    }, f.attrs, r, g, {
-      className: x,
-      style: ve(ve({
-        color: h || f.color,
-        msTransform: E,
-        transform: b
-      }, f.style), e.style),
-      width: p,
-      height: p
-    }), a && /* @__PURE__ */ ae.createElement("title", null, a), e.children);
+    }, m.attrs, t, b, {
+      className: g,
+      style: te(te({
+        color: f || m.color,
+        msTransform: p,
+        transform: y
+      }, m.style), e.style),
+      width: h,
+      height: h
+    }), n && /* @__PURE__ */ W.createElement("title", null, n), e.children);
   };
-  return Ie !== void 0 ? /* @__PURE__ */ ae.createElement(Ie.Consumer, null, function(c) {
-    return s(c);
-  }) : s(vr);
+  return be !== void 0 ? /* @__PURE__ */ W.createElement(be.Consumer, null, function(d) {
+    return s(d);
+  }) : s(Ne);
 }
-function at(e) {
-  var r = {}, n = e.split(";"), a = Xr(n), i;
+function Ze(e) {
+  var t = {}, r = e.split(";"), n = Ue(r), a;
   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();
+    for (n.s(); !(a = n.n()).done; ) {
+      var u = a.value, f = u.split(":"), b = Be(f, 2), s = b[0], d = b[1];
+      if (s && d) {
+        var m = s.trim().replace(/-./g, function(h) {
+          return h.charAt(1).toUpperCase();
         });
-        r[f] = c.trim();
+        t[m] = d.trim();
       }
     }
-  } catch (p) {
-    a.e(p);
+  } catch (h) {
+    n.e(h);
   } finally {
-    a.f();
+    n.f();
   }
-  return r;
-}
-function hr(e) {
-  return e && e.map(function(r, n) {
-    return /* @__PURE__ */ ae.createElement(r.tag, ve(ve({}, r.attrs), {}, {
-      key: n,
-      style: r.attrs.style ? at(r.attrs.style) : null
-    }), hr(r.children));
+  return t;
+}
+function $e(e) {
+  return e && e.map(function(t, r) {
+    return /* @__PURE__ */ W.createElement(t.tag, te(te({}, t.attrs), {}, {
+      key: r,
+      style: t.attrs.style ? Ze(t.attrs.style) : null
+    }), $e(t.children));
   });
 }
-function N(e) {
-  return function(r) {
-    return /* @__PURE__ */ ae.createElement(nt, we({
-      attrs: ve({}, e.attrs)
-    }, r), hr(e.children));
+function R(e) {
+  return function(t) {
+    return /* @__PURE__ */ W.createElement(Qe, se({
+      attrs: te({}, e.attrs)
+    }, t), $e(e.children));
   };
 }
-function it(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 et(e) {
+  return R({ 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 tt(e) {
+  return R({ 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 rt(e) {
+  return R({ 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 nt(e) {
+  return R({ 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 at(e) {
+  return R({ 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 ot(e) {
-  return N({ attrs: { viewBox: "0 0 1024 1024" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14" } }] })(e);
+  return R({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z" } }] })(e);
+}
+function it(e) {
+  return R({ 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 ut(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);
+  return R({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z" } }] })(e);
 }
 function st(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) {
-  return N({ attrs: { viewBox: "0 0 512 512" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16" } }] })(e);
+  return R({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z" } }] })(e);
 }
 function ct(e) {
-  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z" } }] })(e);
+  return R({ 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 ft(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 lt(e) {
+  return R({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14 19V5h4v14zm-8 0V5h4v14z" } }] })(e);
 }
 function dt(e) {
-  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z" } }] })(e);
+  return R({ 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 vt(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 ft(e) {
+  return R({ 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 mt(e) {
-  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z" } }] })(e);
+  return R({ 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 ht(e) {
-  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14 19V5h4v14zm-8 0V5h4v14z" } }] })(e);
+function vt(e) {
+  return R({ 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 pt(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 ht(e) {
+  return R({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7 15V9h4l5-5v16l-5-5z" } }] })(e);
 }
 function yt(e) {
-  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z" } }] })(e);
+  return R({ 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 bt(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) {
-  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) {
-  return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7 15V9h4l5-5v16l-5-5z" } }] })(e);
+  return R({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M18.25 12L8.5 17.629V6.37z" } }] })(e);
 }
-function xt(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 me(e, t) {
+  if (!t.current) return 0;
+  let r = (e.clientX - t.current.getBoundingClientRect().left) / t.current.clientWidth;
+  return r = Math.max(r, 0), r = Math.min(r, 1), r = Math.floor(r * 100) / 100, r;
 }
-function St(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) {
-  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 ve(e, t) {
+  if (!t.current) return 0;
+  let r = 1 - (e.clientY - t.current.getBoundingClientRect().top) / t.current.clientHeight;
+  return r = Math.max(r, 0), r = Math.min(r, 1), r = Math.floor(r * 100) / 100, r;
 }
-function qe(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) {
-  var r, n, a = "";
-  if (typeof e == "string" || typeof e == "number") a += e;
+function Me(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += 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);
-  } else for (n in e) e[n] && (a && (a += " "), a += n);
-  return a;
+    var a = e.length;
+    for (t = 0; t < a; t++) e[t] && (r = Me(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
 }
-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);
-  return a;
+function w() {
+  for (var e, t, r = 0, n = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = Me(e)) && (n && (n += " "), n += t);
+  return n;
 }
-function _t({
+function pt({
   bufferedPercentage: e,
-  playedPercentage: r,
-  onSeek: n
+  playedPercentage: t,
+  onSeek: r
 }) {
-  const a = G("aplayer-bar"), i = G("aplayer-icon"), l = V(null), [h, g] = Y(r), s = V(!1);
-  F(() => {
-    s.current || g(r);
-  }, [r]);
-  const c = R(
-    (f) => {
+  const n = z("aplayer-bar"), a = z("aplayer-icon"), u = M(null), [f, b] = V(t), s = M(!1);
+  q(() => {
+    s.current || b(t);
+  }, [t]);
+  const d = S(
+    (m) => {
       s.current = !0;
-      const p = Ne(f, l);
-      g(p);
-      const x = (b) => {
-        const u = Ne(b, l);
-        g(u);
-      }, E = (b) => {
-        document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", E);
-        const u = Ne(b, l);
-        g(u), n == null || n(u), s.current = !1;
+      const h = me(m, u);
+      b(h);
+      const g = (y) => {
+        const i = me(y, u);
+        b(i);
+      }, p = (y) => {
+        document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", p);
+        const i = me(y, u);
+        b(i), r == null || r(i), s.current = !1;
       };
-      document.addEventListener("mousemove", x), document.addEventListener("mouseup", E);
+      document.addEventListener("mousemove", g), document.addEventListener("mouseup", p);
     },
-    [n]
+    [r]
   );
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ c.jsx(
     "div",
     {
-      ref: l,
-      className: C(a.b(), a.bs("vars")),
-      onMouseDown: c,
+      ref: u,
+      className: w(n.b(), n.bs("vars")),
+      onMouseDown: d,
       role: "slider",
       "aria-label": "Audio progress",
-      "aria-valuenow": h ? h * 100 : 0,
+      "aria-valuenow": f ? f * 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__ */ c.jsxs("div", { className: n.be("inner"), children: [
+        typeof e < "u" ? /* @__PURE__ */ c.jsx(
           "div",
           {
-            className: a.be("loaded"),
+            className: n.be("loaded"),
             style: { width: `${e * 100}%` }
           }
         ) : null,
-        typeof h < "u" ? /* @__PURE__ */ d.jsx(
+        typeof f < "u" ? /* @__PURE__ */ c.jsx(
           "div",
           {
-            className: a.be("played"),
+            className: n.be("played"),
             style: {
-              width: `${h * 100}%`
+              width: `${f * 100}%`
             },
-            children: /* @__PURE__ */ d.jsx(
+            children: /* @__PURE__ */ c.jsx(
               "span",
               {
-                className: a.be("thumb"),
-                children: /* @__PURE__ */ d.jsx("span", { className: C(i.bs("loading")), children: /* @__PURE__ */ d.jsx(ut, {}) })
+                className: n.be("thumb"),
+                children: /* @__PURE__ */ c.jsx("span", { className: w(a.bs("loading")), children: /* @__PURE__ */ c.jsx(rt, {}) })
               }
             )
           }
@@ -1003,49 +669,49 @@ function _t({
     }
   );
 }
-function Tt({
+function gt({
   volume: e,
-  muted: r,
-  onToggleMuted: n,
-  onChangeVolume: a
+  muted: t,
+  onToggleMuted: r,
+  onChangeVolume: n
 }) {
-  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));
-      }, x = (E) => {
-        document.removeEventListener("mouseup", x), document.removeEventListener("mousemove", p), s(!1), a(qe(E, h));
+  const a = z("aplayer-volumn"), u = z("aplayer-icon"), f = M(null), [b, s] = V(!1), d = S(
+    (m) => {
+      n(ve(m, f)), s(!0);
+      const h = (p) => {
+        n(ve(p, f));
+      }, g = (p) => {
+        document.removeEventListener("mouseup", g), document.removeEventListener("mousemove", h), s(!1), n(ve(p, f));
       };
-      document.addEventListener("mousemove", p), document.addEventListener("mouseup", x);
+      document.addEventListener("mousemove", h), document.addEventListener("mouseup", g);
     },
-    [a]
+    [n]
   );
-  return /* @__PURE__ */ d.jsxs("div", { className: C(i.b(), i.bs("vars")), children: [
-    /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ c.jsxs("div", { className: w(a.b(), a.bs("vars")), children: [
+    /* @__PURE__ */ c.jsx(
       "button",
       {
         type: "button",
-        className: C(l.b(), l.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, {})
+        className: w(u.b(), u.bs("volume-down")),
+        onClick: () => r(),
+        "aria-label": t || !e ? "Muted" : "unMuted",
+        children: t || !e ? /* @__PURE__ */ c.jsx(ht, {}) : e >= 1 ? /* @__PURE__ */ c.jsx(yt, {}) : /* @__PURE__ */ c.jsx(vt, {})
       }
     ),
-    /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: C(i.be("bar-wrap"), {
-          [i.bem("bar-wrap", "active")]: g
+        className: w(a.be("bar-wrap"), {
+          [a.bem("bar-wrap", "active")]: b
         }),
-        ref: h,
-        onMouseDown: c,
-        children: /* @__PURE__ */ d.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ d.jsx(
+        ref: f,
+        onMouseDown: d,
+        children: /* @__PURE__ */ c.jsx("div", { className: a.be("bar"), children: /* @__PURE__ */ c.jsx(
           "div",
           {
-            className: i.be("thumb"),
+            className: a.be("thumb"),
             style: {
-              height: r ? 0 : `${e * 100}%`
+              height: t ? 0 : `${e * 100}%`
             }
           }
         ) })
@@ -1053,156 +719,156 @@ function Tt({
     )
   ] });
 }
-function sr(e) {
+function _e(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 t = (f) => f < 10 ? `0${f}` : `${f}`, r = Math.trunc(e / 60), n = Math.trunc(e - r * 60), a = Math.trunc(r / 60), u = 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 ? `${t(a)}:${t(u)}:${t(n)}` : `${t(r)}:${t(n)}`;
 }
-function wt({
+function xt({
   volume: e,
-  onChangeVolume: r,
-  muted: n,
-  currentTime: a,
-  audioDurationSeconds: i,
-  bufferedSeconds: l,
-  onToggleMenu: h,
-  onToggleMuted: g,
+  onChangeVolume: t,
+  muted: r,
+  currentTime: n,
+  audioDurationSeconds: a,
+  bufferedSeconds: u,
+  onToggleMenu: f,
+  onToggleMuted: b,
   order: s,
-  onOrderChange: c,
-  loop: f,
-  onLoopChange: p,
-  onSeek: x,
-  isPlaying: E,
-  onTogglePlay: b,
-  onSkipForward: u,
-  onSkipBack: v,
-  showLyrics: y = !0,
-  onToggleLyrics: w
+  onOrderChange: d,
+  loop: m,
+  onLoopChange: h,
+  onSeek: g,
+  isPlaying: p,
+  onTogglePlay: y,
+  onSkipForward: i,
+  onSkipBack: l,
+  showLyrics: v = !0,
+  onToggleLyrics: _
 }) {
-  const j = G("aplayer-controller"), L = G("aplayer-icon"), B = R(() => {
-    const q = {
+  const E = z("aplayer-controller"), j = z("aplayer-icon"), C = S(() => {
+    const A = {
       list: "random",
       random: "list"
     }[s];
-    c(q);
-  }, [s, c]), z = R(() => {
-    const q = {
+    d(A);
+  }, [s, d]), k = S(() => {
+    const A = {
       all: "one",
       one: "none",
       none: "all"
-    }[f];
-    p(q);
-  }, [f, p]);
-  return /* @__PURE__ */ d.jsxs(
+    }[m];
+    h(A);
+  }, [m, h]);
+  return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: C(j.b(), j.bs("vars")),
+      className: w(E.b(), E.bs("vars")),
       role: "group",
       "aria-label": "Audio Controls",
       children: [
-        /* @__PURE__ */ d.jsx(
-          _t,
+        /* @__PURE__ */ c.jsx(
+          pt,
           {
-            playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
-            bufferedPercentage: typeof l > "u" || typeof i > "u" ? void 0 : l / i,
-            onSeek: (q) => x == null ? void 0 : x(q * i)
+            playedPercentage: typeof n > "u" || typeof a > "u" ? void 0 : n / a,
+            bufferedPercentage: typeof u > "u" || typeof a > "u" ? void 0 : u / a,
+            onSeek: (A) => g == null ? void 0 : g(A * a)
           }
         ),
-        /* @__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__ */ c.jsxs("div", { className: E.be("time"), children: [
+          /* @__PURE__ */ c.jsxs("span", { className: E.be("time-inner"), "aria-live": "polite", children: [
+            /* @__PURE__ */ c.jsx("span", { className: E.be("ptime"), children: _e(n) }),
             " / ",
-            /* @__PURE__ */ d.jsx("span", { className: j.be("dtime"), children: sr(i) })
+            /* @__PURE__ */ c.jsx("span", { className: E.be("dtime"), children: _e(a) })
           ] }),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              className: C(L.b(), L.bs("back")),
-              onClick: v,
+              className: w(j.b(), j.bs("back")),
+              onClick: l,
               type: "button",
               "aria-label": "Previous track",
-              children: /* @__PURE__ */ d.jsx(it, {})
+              children: /* @__PURE__ */ c.jsx(et, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              className: C(L.b(), L.bs("play")),
-              onClick: b,
+              className: w(j.b(), j.bs("play")),
+              onClick: y,
               type: "button",
-              "aria-label": E ? "Pause audio" : "Play audio",
-              children: E ? /* @__PURE__ */ d.jsx(ht, {}) : /* @__PURE__ */ d.jsx(pt, {})
+              "aria-label": p ? "Pause audio" : "Play audio",
+              children: p ? /* @__PURE__ */ c.jsx(lt, {}) : /* @__PURE__ */ c.jsx(dt, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              className: C(L.b(), L.bs("forward")),
-              onClick: u,
+              className: w(j.b(), j.bs("forward")),
+              onClick: i,
               type: "button",
               "aria-label": "Next track",
-              children: /* @__PURE__ */ d.jsx(ot, {})
+              children: /* @__PURE__ */ c.jsx(tt, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
-            Tt,
+          /* @__PURE__ */ c.jsx(
+            gt,
             {
               volume: e,
-              muted: n,
-              onToggleMuted: g,
-              onChangeVolume: r
+              muted: r,
+              onToggleMuted: b,
+              onChangeVolume: t
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              className: C(L.b(), L.bs("order")),
-              onClick: B,
+              className: w(j.b(), j.bs("order")),
+              onClick: C,
               type: "button",
               "aria-label": `Playback order: ${s}`,
-              children: { list: /* @__PURE__ */ d.jsx(vt, {}), random: /* @__PURE__ */ d.jsx(dt, {}) }[s]
+              children: { list: /* @__PURE__ */ c.jsx(st, {}), random: /* @__PURE__ */ c.jsx(ut, {}) }[s]
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              className: C(L.b(), L.bs("order")),
-              onClick: z,
+              className: w(j.b(), j.bs("order")),
+              onClick: k,
               type: "button",
-              "aria-label": `Loop mode: ${f}`,
+              "aria-label": `Loop mode: ${m}`,
               children: {
-                all: /* @__PURE__ */ d.jsx(bt, {}),
-                one: /* @__PURE__ */ d.jsx(yt, {}),
-                none: /* @__PURE__ */ d.jsx(ft, {})
-              }[f]
+                all: /* @__PURE__ */ c.jsx(mt, {}),
+                one: /* @__PURE__ */ c.jsx(ft, {}),
+                none: /* @__PURE__ */ c.jsx(it, {})
+              }[m]
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
               type: "button",
-              className: C(L.b(), L.bs("menu")),
-              onClick: () => h == null ? void 0 : h(),
+              className: w(j.b(), j.bs("menu")),
+              onClick: () => f == null ? void 0 : f(),
               "aria-label": "Toggle playlist menu",
-              children: /* @__PURE__ */ d.jsx(ct, {})
+              children: /* @__PURE__ */ c.jsx(ot, {})
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
               type: "button",
-              className: C(L.b(), L.bs("lrc"), {
-                [L.ns("lrc-inactivity")]: !y
+              className: w(j.b(), j.bs("lrc"), {
+                [j.ns("lrc-inactivity")]: !v
               }),
-              onClick: w,
-              "aria-label": y ? "Hide lyrics" : "Show lyrics",
-              "aria-pressed": y,
-              children: /* @__PURE__ */ d.jsx(mt, {})
+              onClick: _,
+              "aria-label": v ? "Hide lyrics" : "Show lyrics",
+              "aria-pressed": v,
+              children: /* @__PURE__ */ c.jsx(ct, {})
             }
           )
         ] })
@@ -1210,109 +876,109 @@ function wt({
     }
   );
 }
-function jt({
+function Et({
   open: e,
-  audio: r,
-  playingAudioUrl: n,
-  onPlayAudio: a,
-  listMaxHeight: i
+  audio: t,
+  playingAudioUrl: r,
+  onPlayAudio: n,
+  listMaxHeight: a
 }) {
-  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(() => {
+  const u = z("aplayer-list"), f = a ? { maxHeight: a } : void 0, b = S((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = M(null);
+  return q(() => {
     if (s.current) {
-      const c = s.current;
-      return c.style.maxHeight = `${Math.min(
-        c.scrollHeight,
-        i ?? 1 / 0
+      const d = s.current;
+      return d.style.maxHeight = `${Math.min(
+        d.scrollHeight,
+        a ?? 1 / 0
       )}px`, () => {
-        c.removeAttribute("style");
+        d.removeAttribute("style");
       };
     }
-  }, [i]), /* @__PURE__ */ d.jsx(
+  }, [a]), /* @__PURE__ */ c.jsx(
     "div",
     {
       ref: s,
-      className: C(l.b(), {
-        [l.bm("hide")]: !e,
-        [l.bs("vars")]: !0
+      className: w(u.b(), {
+        [u.bm("hide")]: !e,
+        [u.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__ */ c.jsx("ol", { style: f, children: t.map((d, m) => /* @__PURE__ */ c.jsxs(
         "li",
         {
-          className: C({
-            [l.bm("active")]: c.url === n
+          className: w({
+            [u.bm("active")]: d.url === r
           }),
           onClick: () => {
-            c.url !== n && (a == null || a(c));
+            d.url !== r && (n == null || n(d));
           },
           role: "button",
-          "aria-label": `${c.name ?? "Audio name"} by ${g(c.artist)}}`,
+          "aria-label": `${d.name ?? "Audio name"} by ${b(d.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__ */ c.jsx("span", { className: u.be("cur") }),
+            /* @__PURE__ */ c.jsx("span", { className: u.be("index"), children: m + 1 }),
+            /* @__PURE__ */ c.jsx("span", { className: u.be("title"), children: d.name ?? "Audio name" }),
+            /* @__PURE__ */ c.jsx("span", { className: u.be("author"), children: b(d.artist) })
           ]
         },
-        c.name || f
+        d.name || m
       )) })
     }
   );
 }
-function lr({ show: e, lrcText: r, currentTime: n }) {
-  const a = G("aplayer-lrc"), i = K(() => Ot(r), [r]), l = 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]))
-        return g;
+function Oe({ show: e, lrcText: t, currentTime: r }) {
+  const n = z("aplayer-lrc"), a = B(() => St(t), [t]), u = B(() => {
+    for (let b = 0; b < a.length; b++) {
+      const s = a[b], d = a[b + 1];
+      if (r >= s[0] && (!d || r < d[0]))
+        return b;
     }
     return 0;
-  }, [n, i]), h = K(() => ({
-    transform: `translateY(${-l * 16}px)`,
-    WebkitTransform: `translateY(${-l * 16}px)`
-  }), [l]);
-  return /* @__PURE__ */ d.jsx(
+  }, [r, a]), f = B(() => ({
+    transform: `translateY(${-u * 16}px)`,
+    WebkitTransform: `translateY(${-u * 16}px)`
+  }), [u]);
+  return /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: C(a.b(), {
-        [a.bm("hide")]: !e
+      className: w(n.b(), {
+        [n.bm("hide")]: !e
       }),
-      children: r ? /* @__PURE__ */ d.jsx("div", { className: a.be("contents"), style: h, children: i.map(([, g], s) => /* @__PURE__ */ d.jsx(
+      children: t ? /* @__PURE__ */ c.jsx("div", { className: n.be("contents"), style: f, children: a.map(([, b], s) => /* @__PURE__ */ c.jsx(
         "p",
         {
-          className: C({
-            [a.be("current")]: s === l
+          className: w({
+            [n.be("current")]: s === u
           }),
-          children: g
+          children: b
         },
         s
       )) }) : null
     }
   );
 }
-function Ot(e) {
+function St(e) {
   if (e) {
-    e = e.replace(/([^\]^\n])\[/g, (i, l) => `${l}
+    e = e.replace(/([^\]^\n])\[/g, (a, u) => `${u}
 [`);
-    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;
-        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 t = e.split(`
+`), r = [], n = t.length;
+    for (let a = 0; a < n; a++) {
+      const u = t[a].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g), f = t[a].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g, "").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g, "").replace(/^\s+|\s+$/g, "");
+      if (u) {
+        const b = u.length;
+        for (let s = 0; s < b; s++) {
+          const d = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(u[s]), m = d[1] * 60, h = Number.parseInt(d[2]), g = d[4] ? Number.parseInt(d[4]) / (`${d[4]}`.length === 2 ? 100 : 1e3) : 0, p = m + h + g;
+          r.push([p, f]);
         }
       }
     }
-    return n.sort((i, l) => i[0] - l[0]), n;
+    return r.sort((a, u) => a[0] - u[0]), r;
   } else
     return [];
 }
-var Te = { exports: {} }, ke = {};
+var ue = { exports: {} }, he = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1322,48 +988,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 Le;
+function Tt() {
+  if (Le) return he;
+  Le = 1;
+  var e = pe;
+  function t(h, g) {
+    return h === g && (h !== 0 || 1 / h === 1 / g) || h !== h && g !== g;
   }
-  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 r = typeof Object.is == "function" ? Object.is : t, n = e.useState, a = e.useEffect, u = e.useLayoutEffect, f = e.useDebugValue;
+  function b(h, g) {
+    var p = g(), y = n({ inst: { value: p, getSnapshot: g } }), i = y[0].inst, l = y[1];
+    return u(
       function() {
-        u.value = E, u.getSnapshot = x, s(u) && v({ inst: u });
+        i.value = p, i.getSnapshot = g, s(i) && l({ inst: i });
       },
-      [p, E, x]
-    ), i(
+      [h, p, g]
+    ), a(
       function() {
-        return s(u) && v({ inst: u }), p(function() {
-          s(u) && v({ inst: u });
+        return s(i) && l({ inst: i }), h(function() {
+          s(i) && l({ inst: i });
         });
       },
-      [p]
-    ), h(E), E;
+      [h]
+    ), f(p), p;
   }
-  function s(p) {
-    var x = p.getSnapshot;
-    p = p.value;
+  function s(h) {
+    var g = h.getSnapshot;
+    h = h.value;
     try {
-      var E = x();
-      return !n(p, E);
+      var p = g();
+      return !r(h, p);
     } catch {
       return !0;
     }
   }
-  function c(p, x) {
-    return x();
+  function d(h, g) {
+    return g();
   }
-  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 m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : b;
+  return he.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : m, he;
 }
-var De = {};
+var ye = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1373,387 +1039,387 @@ 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() {
-    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(
+var Re;
+function jt() {
+  return Re || (Re = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(p, y) {
+      return p === y && (p !== 0 || 1 / p === 1 / y) || p !== p && y !== y;
+    }
+    function t(p, y) {
+      m || a.startTransition === void 0 || (m = !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(
+      var i = y();
+      if (!h) {
+        var l = y();
+        u(i, l) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), p = !0);
+        ), h = !0);
       }
-      v = h({
-        inst: { value: u, getSnapshot: b }
+      l = f({
+        inst: { value: i, getSnapshot: y }
       });
-      var y = v[0].inst, w = v[1];
+      var v = l[0].inst, _ = l[1];
       return s(
         function() {
-          y.value = u, y.getSnapshot = b, n(y) && w({ inst: y });
+          v.value = i, v.getSnapshot = y, r(v) && _({ inst: v });
         },
-        [E, u, b]
-      ), g(
+        [p, i, y]
+      ), b(
         function() {
-          return n(y) && w({ inst: y }), E(function() {
-            n(y) && w({ inst: y });
+          return r(v) && _({ inst: v }), p(function() {
+            r(v) && _({ inst: v });
           });
         },
-        [E]
-      ), c(u), u;
+        [p]
+      ), d(i), i;
     }
-    function n(E) {
-      var b = E.getSnapshot;
-      E = E.value;
+    function r(p) {
+      var y = p.getSnapshot;
+      p = p.value;
       try {
-        var u = b();
-        return !l(E, u);
+        var i = y();
+        return !u(p, i);
       } catch {
         return !0;
       }
     }
-    function a(E, b) {
-      return b();
+    function n(p, y) {
+      return y();
     }
     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(() => {
-    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);
-    }
-  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), F(() => {
+    var a = pe, u = typeof Object.is == "function" ? Object.is : e, f = a.useState, b = a.useEffect, s = a.useLayoutEffect, d = a.useDebugValue, m = !1, h = !1, g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? n : t;
+    ye.useSyncExternalStore = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : g, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), ye;
+}
+var Ae;
+function wt() {
+  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? ue.exports = Tt() : ue.exports = jt()), ue.exports;
+}
+var H = wt();
+const U = [];
+function _t(e) {
+  const t = M(null);
+  return q(() => {
+    if (typeof window < "u" && !t.current) {
+      const r = t.current = document.createElement("audio");
+      typeof (e == null ? void 0 : e.src) < "u" && (r.src = e.src), typeof (e == null ? void 0 : e.autoPlay) < "u" && (r.autoplay = e.autoPlay), typeof (e == null ? void 0 : e.initialVolume) < "u" && (r.volume = e.initialVolume), U.includes(r) || U.push(r);
+    }
+  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), q(() => {
     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);
+    const r = t.current;
+    if (r && (e != null && e.onError))
+      return r.addEventListener("error", e.onError), () => {
+        r.removeEventListener("error", e.onError);
       };
-  }, [e == null ? void 0 : e.onError]), F(() => {
+  }, [e == null ? void 0 : e.onError]), q(() => {
     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);
+    const r = t.current;
+    if (r && (e != null && e.onEnded))
+      return r.addEventListener("ended", e.onEnded), () => {
+        r.removeEventListener("ended", e.onEnded);
       };
-  }, [e == null ? void 0 : e.onEnded]), F(() => () => {
-    const n = r.current;
-    if (n) {
-      n.pause(), n.currentTime = 0;
-      const a = ne.indexOf(n);
-      a !== -1 && ne.splice(a, 1);
+  }, [e == null ? void 0 : e.onEnded]), q(() => () => {
+    const r = t.current;
+    if (r) {
+      r.pause(), r.currentTime = 0;
+      const n = U.indexOf(r);
+      n !== -1 && U.splice(n, 1);
     }
-    r.current = void 0;
-  }, []), 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();
-    }
-  }, []), 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);
+    t.current = null;
+  }, []), t;
+}
+function Ot(e) {
+  const t = _t(e), r = S((i) => {
+    for (let l = 0; l < U.length; l++) {
+      const v = U[l];
+      v !== i && !v.paused && v.pause();
+    }
+  }, []), n = S(
+    async (i) => {
+      var v;
+      const l = t.current;
+      if (l) {
+        e.mutex && r(l), l.src !== i && (l.pause(), l.currentTime = 0, l.src = i);
         try {
-          await ((y = r.current) == null ? void 0 : y.play());
+          await ((v = t.current) == null ? void 0 : v.play());
         } catch {
         }
       }
     },
-    [r, e.mutex, n]
-  ), i = R(
-    (u) => {
-      const v = r.current;
-      v && (v.paused ? a(u) : v.pause());
+    [t, e.mutex, r]
+  ), a = S(
+    (i) => {
+      const l = t.current;
+      l && (l.paused ? n(i) : l.pause());
     },
-    [r, a]
-  ), l = R(
-    (u) => {
-      r.current.currentTime = u;
+    [t, n]
+  ), u = S(
+    (i) => {
+      t.current.currentTime = i;
     },
-    [r]
-  ), h = R(() => {
-    r.current && (r.current.muted = !r.current.muted);
-  }, [r]), g = R(
-    (u) => {
-      r.current && (r.current.volume = u);
+    [t]
+  ), f = S(() => {
+    t.current && (t.current.muted = !t.current.muted);
+  }, [t]), b = S(
+    (i) => {
+      t.current && (t.current.volume = i);
     },
-    [r]
-  ), s = Q.useSyncExternalStore(
-    R(
-      (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener(
+    [t]
+  ), s = H.useSyncExternalStore(
+    S(
+      (i) => {
+        var l;
+        return (l = t.current) == null || l.addEventListener(
           "volumechange",
-          u
+          i
         ), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+          var v;
+          (v = t.current) == null || v.removeEventListener(
             "volumechange",
-            u
+            i
           );
         };
       },
-      [r]
+      [t]
     ),
     () => {
-      var u;
-      return (u = r.current) == null ? void 0 : u.volume;
+      var i;
+      return (i = t.current) == null ? void 0 : i.volume;
     },
     () => {
     }
-  ), c = Q.useSyncExternalStore(
-    R(
-      (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener(
+  ), d = H.useSyncExternalStore(
+    S(
+      (i) => {
+        var l;
+        return (l = t.current) == null || l.addEventListener(
           "volumechange",
-          u
+          i
         ), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+          var v;
+          (v = t.current) == null || v.removeEventListener(
             "volumechange",
-            u
+            i
           );
         };
       },
-      [r]
+      [t]
     ),
     () => {
-      var u;
-      return (u = r.current) == null ? void 0 : u.muted;
+      var i;
+      return (i = t.current) == null ? void 0 : i.muted;
     },
     () => {
     }
-  ), f = Q.useSyncExternalStore(
-    R(
-      (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener("timeupdate", u), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+  ), m = H.useSyncExternalStore(
+    S(
+      (i) => {
+        var l;
+        return (l = t.current) == null || l.addEventListener("timeupdate", i), () => {
+          var v;
+          (v = t.current) == null || v.removeEventListener(
             "timeupdate",
-            u
+            i
           );
         };
       },
-      [r]
+      [t]
     ),
     () => {
-      if (r.current)
-        return Math.round(r.current.currentTime);
+      if (t.current)
+        return Math.round(t.current.currentTime);
     },
     () => {
     }
-  ), p = Q.useSyncExternalStore(
-    R(
-      (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener(
+  ), h = H.useSyncExternalStore(
+    S(
+      (i) => {
+        var l;
+        return (l = t.current) == null || l.addEventListener(
           "durationchange",
-          u
+          i
         ), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+          var v;
+          (v = t.current) == null || v.removeEventListener(
             "durationchange",
-            u
+            i
           );
         };
       },
-      [r]
+      [t]
     ),
     () => {
-      var u;
-      return (u = r.current) == null ? void 0 : u.duration;
+      var i;
+      return (i = t.current) == null ? void 0 : i.duration;
     },
     () => {
     }
-  ), x = Q.useSyncExternalStore(
-    R(
-      (u) => {
-        var v;
-        return (v = r.current) == null || v.addEventListener("progress", u), () => {
-          var y;
-          (y = r.current) == null || y.removeEventListener(
+  ), g = H.useSyncExternalStore(
+    S(
+      (i) => {
+        var l;
+        return (l = t.current) == null || l.addEventListener("progress", i), () => {
+          var v;
+          (v = t.current) == null || v.removeEventListener(
             "progress",
-            u
+            i
           );
         };
       },
-      [r]
+      [t]
     ),
     () => {
-      const u = r.current;
-      return u && u.buffered.length > 0 ? u.buffered.end(u.buffered.length - 1) : 0;
+      const i = t.current;
+      return i && i.buffered.length > 0 ? i.buffered.end(i.buffered.length - 1) : 0;
     },
     () => {
     }
-  ), E = Q.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);
+  ), p = H.useSyncExternalStore(
+    S(
+      (i) => {
+        var l, v;
+        return (l = t.current) == null || l.addEventListener("play", i), (v = t.current) == null || v.addEventListener("pause", i), () => {
+          var _, E;
+          (_ = t.current) == null || _.removeEventListener("play", i), (E = t.current) == null || E.removeEventListener("pause", i);
         };
       },
-      [r]
+      [t]
     ),
     () => {
-      const u = r.current;
-      return u ? !u.paused : !1;
+      const i = t.current;
+      return i ? !i.paused : !1;
     },
     () => {
     }
-  ), b = Q.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(
+  ), y = H.useSyncExternalStore(
+    S(
+      (i) => {
+        var l, v;
+        return (l = t.current) == null || l.addEventListener("playing", i), (v = t.current) == null || v.addEventListener("waiting", i), () => {
+          var _, E;
+          (_ = t.current) == null || _.removeEventListener(
             "playing",
-            u
-          ), (j = r.current) == null || j.removeEventListener(
+            i
+          ), (E = t.current) == null || E.removeEventListener(
             "waiting",
-            u
+            i
           );
         };
       },
-      [r]
+      [t]
     ),
     () => {
-      const u = r.current;
-      return u ? u.networkState === u.NETWORK_LOADING : !1;
+      const i = t.current;
+      return i ? i.networkState === i.NETWORK_LOADING : !1;
     },
     () => {
     }
   );
   return {
-    audio: r.current,
-    playAudio: a,
-    togglePlay: i,
-    seek: l,
-    toggleMuted: h,
-    setVolume: g,
+    audio: t.current,
+    playAudio: n,
+    togglePlay: a,
+    seek: u,
+    toggleMuted: f,
+    setVolume: b,
     volume: s,
-    muted: c,
-    currentTime: f,
-    duration: p,
-    bufferedSeconds: x,
-    isPlaying: E,
-    isLoading: b
+    muted: d,
+    currentTime: m,
+    duration: h,
+    bufferedSeconds: g,
+    isPlaying: p,
+    isLoading: y
   };
 }
-function At(e, r) {
-  return K(() => {
-    const n = { ...r };
-    for (const a in e)
-      e[a] !== void 0 && (n[a] = e[a]);
-    return n;
-  }, [e, r]);
-}
-function Mt(e) {
-  const [r, n] = Y(e);
-  return F(() => {
-    n(e);
+function Lt(e, t) {
+  return B(() => {
+    const r = { ...t };
+    for (const n in e)
+      e[n] !== void 0 && (r[n] = e[n]);
+    return r;
+  }, [e, t]);
+}
+function Rt(e) {
+  const [t, r] = V(e);
+  return q(() => {
+    r(e);
   }, [e]), {
-    mini: r,
-    setMini: n
+    mini: t,
+    setMini: r
   };
 }
-function yr() {
-  const e = V([]);
-  return F(() => {
-    const n = e.current;
+function qe() {
+  const e = M([]);
+  return q(() => {
+    const r = e.current;
     return () => {
-      for (const a of n)
-        clearTimeout(a);
+      for (const n of r)
+        clearTimeout(n);
     };
-  }, []), R((n, a) => {
-    const i = setTimeout(n, a);
-    return e.current.push(i), i;
+  }, []), S((r, n) => {
+    const a = setTimeout(r, n);
+    return e.current.push(a), a;
   }, []);
 }
-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 At() {
+  const e = M(null), [t, r] = V({ text: "", style: { opacity: 0 } }), n = qe(), a = S(
+    (u, f = 2e3) => {
+      e.current && clearTimeout(e.current), r({ text: u, style: { opacity: 1 } }), e.current = n(() => {
+        r({ text: u, style: { opacity: 0 } });
+      }, f);
     },
-    [a]
+    [n]
   );
-  return [r, i];
+  return [t, a];
 }
-function qt(e) {
-  return kt(e.slice());
+function Nt(e) {
+  return Pt(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]
+function Pt(e) {
+  let t = e.length, r;
+  for (; t !== 0; )
+    r = Math.floor(Math.random() * t), t--, [e[t], e[r]] = [
+      e[r],
+      e[t]
     ];
   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] };
+function $t(e, t) {
+  const { initialLoop: r = "all", initialOrder: n = "list" } = t, [a, u] = V(r), [f, b] = V(n), s = B(() => f === "list" ? e : Nt(e), [e, f]), [d, m] = V(s[0]), h = S((l) => l.url, []), g = B(() => s.findIndex((v) => h(v) === h(d)) < s.length - 1 || a !== "none", [s, d, a, h]), p = S(() => {
+    m((l) => {
+      const v = s.findIndex((_) => h(_) === h(l));
+      return v < s.length - 1 ? s[v + 1] : { ...s[0] };
     });
-  }, [i, s, p]), b = R(() => {
-    f((v) => {
-      const y = s.indexOf(v);
-      return y > 0 ? s[y - 1] : v;
+  }, [a, s, h]), y = S(() => {
+    m((l) => {
+      const v = s.indexOf(l);
+      return v > 0 ? s[v - 1] : l;
     });
-  }, [s]), u = R((v) => {
-    f(v);
+  }, [s]), i = S((l) => {
+    m(l);
   }, []);
-  return F(() => {
-    const v = s.find(
-      (y) => p(y) === p(c)
+  return q(() => {
+    const l = s.find(
+      (v) => h(v) === h(d)
     );
-    f(v || s[0]);
-  }, [s, p, c]), {
+    m(l || s[0]);
+  }, [s, h, d]), {
     list: s,
-    currentSong: c,
-    hasNextSong: x,
-    next: E,
-    previous: b,
-    prioritize: u,
-    order: h,
-    setOrder: g,
-    loop: i,
-    setLoop: l,
+    currentSong: d,
+    hasNextSong: g,
+    next: p,
+    previous: y,
+    prioritize: i,
+    order: f,
+    setOrder: b,
+    loop: a,
+    setLoop: u,
     length: s.length
   };
 }
-function It(e) {
-  const r = At(e, {
+function Mt(e) {
+  const t = Lt(e, {
     appearance: "normal",
     volume: 0.7,
     autoPlay: !1,
@@ -1764,247 +1430,247 @@ function It(e) {
     theme: "light",
     border: !1
   }), {
-    audio: n,
-    appearance: a,
-    initialLoop: i,
-    initialOrder: l,
-    volume: h,
-    autoPlay: g,
+    audio: r,
+    appearance: n,
+    initialLoop: a,
+    initialOrder: u,
+    volume: f,
+    autoPlay: b,
     listMaxHeight: s,
-    listFolded: c,
-    mutex: f,
-    theme: p,
-    border: x
-  } = r, E = K(
-    () => Array.isArray(n) ? n : [n],
-    [n]
-  ), b = Dt(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({
-    src: b.currentSong.url,
-    initialVolume: h,
-    autoPlay: g,
-    mutex: f,
-    onError(D) {
-      const { error: ee } = D.target;
-      ee && v(
+    listFolded: d,
+    mutex: m,
+    theme: h,
+    border: g
+  } = t, p = B(
+    () => Array.isArray(r) ? r : [r],
+    [r]
+  ), y = $t(p, {
+    initialLoop: a,
+    initialOrder: u
+  }), [i, l] = At(), { mini: v, setMini: _ } = Rt(t.mini), E = qe(), j = M(null), C = S(() => {
+    j.current && (clearTimeout(j.current), j.current = null);
+  }, []), k = M(!1), A = Ot({
+    src: y.currentSong.url,
+    initialVolume: f,
+    autoPlay: b,
+    mutex: m,
+    onError(P) {
+      const { error: o } = P.target;
+      o && l(
         "An audio error has occurred, player will skip forward in 2 seconds."
-      ), b.hasNextSong && (L.current = j(() => {
-        b.next();
+      ), y.hasNextSong && (j.current = E(() => {
+        y.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: P, currentSong: o, loop: x, prioritize: T, hasNextSong: L } = y, { audio: $ } = A;
+      if (x === "one") {
+        T({ ...o });
         return;
       }
-      if (!pe && ue === "none") {
-        z.current = !0, le.currentTime = 0, le.pause(), le.src = D[0].url, se(D[0]);
+      if (!L && x === "none") {
+        k.current = !0, $.currentTime = 0, $.pause(), $.src = P[0].url, T(P[0]);
         return;
       }
-      b.next();
+      y.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);
+  }), D = y.length > 1, O = S(() => {
+    C(), A.togglePlay(y.currentSong.url);
+  }, [A, C, y.currentSong.url]), { prioritize: re } = y, G = S(
+    (P) => {
+      C(), re(P);
     },
-    [B, me]
-  ), [he, H] = Y(() => J && !c), [W, X] = Y(!0), Z = V(null);
-  F(() => {
-    g && q.playAudio(b.currentSong.url);
+    [C, re]
+  ), [ne, ce] = V(() => D && !d), [J, ae] = V(!0), Y = M(null);
+  q(() => {
+    b && A.playAudio(y.currentSong.url);
   }, []);
-  const ie = V(!0), oe = V(b.currentSong);
-  return F(() => {
-    if (ie.current) {
-      ie.current = !1;
+  const K = M(!0), X = M(y.currentSong);
+  return q(() => {
+    if (K.current) {
+      K.current = !1;
       return;
     }
-    if (z.current) {
-      z.current = !1;
+    if (k.current) {
+      k.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");
+    y.currentSong && (y.loop === "one" || y.currentSong !== X.current) && (X.current = y.currentSong, A.playAudio(y.currentSong.url));
+  }, [y.currentSong]), q(() => {
+    if (n === "fixed" && Y.current) {
+      const P = Y.current;
+      return P.style.width = `${P.offsetWidth - 18}px`, () => {
+        P.removeAttribute("style");
       };
     }
-  }, [a]), {
-    bodyRef: Z,
-    appearance: a,
-    volume: h,
+  }, [n]), {
+    bodyRef: Y,
+    appearance: n,
+    volume: f,
     listMaxHeight: s,
-    theme: p,
-    border: x,
-    notice: u,
-    audioControl: q,
-    audio: E,
-    handlePlayButtonClick: A,
-    handlePlayAudioFromList: Oe,
-    isPlaylistOpen: he,
-    setPlaylistOpen: H,
-    mini: y,
-    displayLyrics: W,
-    setDisplayLyrics: X,
-    setMini: w,
-    playlist: b,
-    hasPlaylist: J
-  };
-}
-function Ft(e) {
-  var z, q, J;
-  const r = G("aplayer"), {
-    bodyRef: n,
-    appearance: a,
-    volume: i,
-    listMaxHeight: l,
     theme: h,
     border: g,
+    notice: i,
+    audioControl: A,
+    audio: p,
+    handlePlayButtonClick: O,
+    handlePlayAudioFromList: G,
+    isPlaylistOpen: ne,
+    setPlaylistOpen: ce,
+    mini: v,
+    displayLyrics: J,
+    setDisplayLyrics: ae,
+    setMini: _,
+    playlist: y,
+    hasPlaylist: D
+  };
+}
+function Ct(e) {
+  var k, A, D;
+  const t = z("aplayer"), {
+    bodyRef: r,
+    appearance: n,
+    volume: a,
+    listMaxHeight: u,
+    theme: f,
+    border: b,
     notice: s,
-    audio: c,
-    audioControl: f,
-    handlePlayButtonClick: p,
-    handlePlayAudioFromList: x,
-    isPlaylistOpen: E,
-    setPlaylistOpen: b,
-    mini: u,
-    displayLyrics: v,
-    setDisplayLyrics: y,
-    setMini: w,
-    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(
+    audio: d,
+    audioControl: m,
+    handlePlayButtonClick: h,
+    handlePlayAudioFromList: g,
+    isPlaylistOpen: p,
+    setPlaylistOpen: y,
+    mini: i,
+    displayLyrics: l,
+    setDisplayLyrics: v,
+    setMini: _,
+    playlist: E,
+    hasPlaylist: j
+  } = Mt(e), C = S((O) => O ? typeof O == "string" ? O : O.url ? /* @__PURE__ */ c.jsx("a", { href: O.url, target: "_blank", rel: "noreferrer", children: O.name ?? "Audio artist" }) : O.name ?? "Audio artist" : "Audio artist", []);
+  return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: C(r.b(), {
-        [r.bs(h)]: !0,
-        [r.bs("vars")]: !0,
-        [r.bm(a)]: !0,
-        [r.bm("loading")]: f.isLoading,
-        [r.bm("withlist")]: L,
-        [r.bm("list-folded")]: !E,
-        [r.bm("withlrc")]: !!j.currentSong.lrc && a !== "fixed",
-        [r.bm("narrow")]: u,
-        [r.bm("border")]: g
+      className: w(t.b(), {
+        [t.bs(f)]: !0,
+        [t.bs("vars")]: !0,
+        [t.bm(n)]: !0,
+        [t.bm("loading")]: m.isLoading,
+        [t.bm("withlist")]: j,
+        [t.bm("list-folded")]: !p,
+        [t.bm("withlrc")]: !!E.currentSong.lrc && n !== "fixed",
+        [t.bm("narrow")]: i,
+        [t.bm("border")]: b
       }),
       role: "region",
       "aria-label": "Audio Player",
       children: [
-        /* @__PURE__ */ d.jsxs(
+        /* @__PURE__ */ c.jsxs(
           "div",
           {
-            ref: n,
-            className: r.be("body"),
+            ref: r,
+            className: t.be("body"),
             children: [
-              /* @__PURE__ */ d.jsx(
+              /* @__PURE__ */ c.jsx(
                 "div",
                 {
-                  className: r.be("pic"),
-                  onClick: p,
+                  className: t.be("pic"),
+                  onClick: h,
                   style: {
-                    backgroundImage: `url("${(z = j.currentSong) == null ? void 0 : z.cover}")`
+                    backgroundImage: `url("${(k = E.currentSong) == null ? void 0 : k.cover}")`
                   },
                   role: "button",
-                  "aria-label": f.isPlaying ? "Pause audio" : "Play audio",
-                  children: /* @__PURE__ */ d.jsx(
+                  "aria-label": m.isPlaying ? "Pause audio" : "Play audio",
+                  children: /* @__PURE__ */ c.jsx(
                     "div",
                     {
-                      className: C(
-                        r.be("button"),
-                        f.isPlaying ? r.bm("pause") : r.bm("play")
+                      className: w(
+                        t.be("button"),
+                        m.isPlaying ? t.bm("pause") : t.bm("play")
                       ),
                       role: "presentation",
-                      children: f.isPlaying ? /* @__PURE__ */ d.jsx(lt, {}) : /* @__PURE__ */ d.jsx(St, {})
+                      children: m.isPlaying ? /* @__PURE__ */ c.jsx(at, {}) : /* @__PURE__ */ c.jsx(bt, {})
                     }
                   )
                 }
               ),
-              /* @__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__ */ c.jsxs("div", { className: w(t.be("info")), children: [
+                /* @__PURE__ */ c.jsxs("div", { className: w(t.be("music")), children: [
+                  /* @__PURE__ */ c.jsx("span", { className: w(t.be("title")), children: ((A = E.currentSong) == null ? void 0 : A.name) ?? "Audio name" }),
+                  /* @__PURE__ */ c.jsxs("span", { className: w(t.be("author")), children: [
                     " ",
                     "-",
                     " ",
-                    B((J = j.currentSong) == null ? void 0 : J.artist)
+                    C((D = E.currentSong) == null ? void 0 : D.artist)
                   ] })
                 ] }),
-                a === "fixed" ? null : /* @__PURE__ */ d.jsx(
-                  lr,
+                n === "fixed" ? null : /* @__PURE__ */ c.jsx(
+                  Oe,
                   {
-                    show: v,
-                    lrcText: j.currentSong.lrc,
-                    currentTime: f.currentTime ?? 0
+                    show: l,
+                    lrcText: E.currentSong.lrc,
+                    currentTime: m.currentTime ?? 0
                   }
                 ),
-                /* @__PURE__ */ d.jsx(
-                  wt,
+                /* @__PURE__ */ c.jsx(
+                  xt,
                   {
-                    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),
-                    onToggleMenu: () => b((A) => !A),
-                    order: j.order,
-                    onOrderChange: j.setOrder,
-                    loop: j.loop,
-                    onLoopChange: j.setLoop,
-                    isPlaying: f.isPlaying ?? !1,
-                    onTogglePlay: p,
+                    volume: m.volume ?? a,
+                    onChangeVolume: m.setVolume,
+                    muted: m.muted ?? !1,
+                    onToggleMuted: () => m.toggleMuted(),
+                    currentTime: m.currentTime,
+                    audioDurationSeconds: m.duration,
+                    bufferedSeconds: m.bufferedSeconds,
+                    onSeek: (O) => m.seek(O),
+                    onToggleMenu: () => y((O) => !O),
+                    order: E.order,
+                    onOrderChange: E.setOrder,
+                    loop: E.loop,
+                    onLoopChange: E.setLoop,
+                    isPlaying: m.isPlaying ?? !1,
+                    onTogglePlay: h,
                     onSkipForward: () => {
-                      j.hasNextSong && j.next();
+                      E.hasNextSong && E.next();
                     },
                     onSkipBack: () => {
-                      j.previous();
+                      E.previous();
                     },
-                    showLyrics: v,
+                    showLyrics: l,
                     onToggleLyrics: () => {
-                      y((A) => !A);
+                      v((O) => !O);
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ d.jsx("div", { className: r.be("notice"), style: s.style, children: s.text }),
-              /* @__PURE__ */ d.jsx(
+              /* @__PURE__ */ c.jsx("div", { className: t.be("notice"), style: s.style, children: s.text }),
+              /* @__PURE__ */ c.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, {}) })
+                  className: t.be("miniswitcher"),
+                  onClick: () => _((O) => !O),
+                  children: /* @__PURE__ */ c.jsx("button", { className: w(t.bs("icon"), t.bs("icon-right")), type: "button", children: /* @__PURE__ */ c.jsx(nt, {}) })
                 }
               )
             ]
           }
         ),
-        L ? /* @__PURE__ */ d.jsx(
-          jt,
+        j ? /* @__PURE__ */ c.jsx(
+          Et,
           {
-            open: E,
-            audio: c,
-            playingAudioUrl: j.currentSong.url,
-            onPlayAudio: x,
-            listMaxHeight: l
+            open: p,
+            audio: d,
+            playingAudioUrl: E.currentSong.url,
+            onPlayAudio: g,
+            listMaxHeight: u
           }
         ) : null,
-        a === "fixed" && /* @__PURE__ */ d.jsx(
-          lr,
+        n === "fixed" && /* @__PURE__ */ c.jsx(
+          Oe,
           {
-            show: v,
-            lrcText: j.currentSong.lrc,
-            currentTime: f.currentTime ?? 0
+            show: l,
+            lrcText: E.currentSong.lrc,
+            currentTime: m.currentTime ?? 0
           }
         )
       ]
@@ -2012,5 +1678,5 @@ function Ft(e) {
   );
 }
 export {
-  Ft as TwistAPlayer
+  Ct as TwistAPlayer
 };