twist-aplayer 1.3.2 → 1.4.0

package/dist/index.mjs

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