twist-aplayer 1.0.2 → 1.0.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as ee from "react";
-import _e, { useMemo as K, useRef as F, useState as H, useEffect as I, useCallback as L } from "react";
+import _e, { useMemo as K, useRef as F, useState as H, useEffect as k, useCallback as L } from "react";
 var be = { exports: {} }, ie = {};
 /**
  * @license React
@@ -15,14 +15,14 @@ function Br() {
   if (er) return ie;
   er = 1;
   var e = _e, 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, f = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(y, s, d) {
+  function y(p, s, d) {
     var b, l = {}, c = null, E = null;
     d !== void 0 && (c = "" + d), s.key !== void 0 && (c = "" + s.key), s.ref !== void 0 && (E = s.ref);
     for (b in s) a.call(s, b) && !f.hasOwnProperty(b) && (l[b] = s[b]);
-    if (y && y.defaultProps) for (b in s = y.defaultProps, s) l[b] === void 0 && (l[b] = s[b]);
-    return { $$typeof: t, type: y, key: c, ref: E, props: l, _owner: i.current };
+    if (p && p.defaultProps) for (b in s = p.defaultProps, s) l[b] === void 0 && (l[b] = s[b]);
+    return { $$typeof: t, type: p, key: c, ref: E, props: l, _owner: i.current };
   }
-  return ie.Fragment = n, ie.jsx = p, ie.jsxs = p, ie;
+  return ie.Fragment = n, ie.jsx = y, ie.jsxs = y, ie;
 }
 var oe = {};
 /**
@@ -37,7 +37,7 @@ var oe = {};
 var rr;
 function zr() {
   return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = _e, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), y = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), S = Symbol.iterator, o = "@@iterator";
+    var e = _e, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), p = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), S = Symbol.iterator, o = "@@iterator";
     function h(r) {
       if (r === null || typeof r != "object")
         return null;
@@ -65,7 +65,7 @@ function zr() {
     var C = !1, re = !1, U = !1, B = !1, ce = !1, le;
     le = Symbol.for("react.module.reference");
     function Se(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === a || r === f || ce || r === i || r === d || r === b || B || r === E || C || re || U || typeof r == "object" && r !== null && (r.$$typeof === c || r.$$typeof === l || r.$$typeof === p || r.$$typeof === y || r.$$typeof === s || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === a || r === f || ce || r === i || r === d || r === b || B || r === E || C || re || U || typeof r == "object" && r !== null && (r.$$typeof === c || r.$$typeof === l || r.$$typeof === y || r.$$typeof === p || r.$$typeof === s || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -81,7 +81,7 @@ function zr() {
     function fe(r) {
       return r.displayName || "Context";
     }
-    function V(r) {
+    function I(r) {
       if (r == null)
         return null;
       if (typeof r.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
@@ -104,21 +104,21 @@ function zr() {
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case y:
+          case p:
             var u = r;
             return fe(u) + ".Consumer";
-          case p:
+          case y:
             var m = r;
             return fe(m._context) + ".Provider";
           case s:
             return we(r, r.render, "ForwardRef");
           case l:
             var _ = r.displayName || null;
-            return _ !== null ? _ : V(r.type) || "Memo";
+            return _ !== null ? _ : I(r.type) || "Memo";
           case c: {
             var j = r, R = j._payload, T = j._init;
             try {
-              return V(T(R));
+              return I(T(R));
             } catch {
               return null;
             }
@@ -126,11 +126,11 @@ function zr() {
         }
       return null;
     }
-    var k = Object.assign, Y = 0, J, te, ne, ae, O, de, De;
+    var V = Object.assign, Y = 0, J, te, ne, ae, O, de, De;
     function ke() {
     }
     ke.__reactDisabledLog = !0;
-    function yr() {
+    function pr() {
       {
         if (Y === 0) {
           J = console.log, te = console.info, ne = console.warn, ae = console.error, O = console.group, de = console.groupCollapsed, De = console.groupEnd;
@@ -162,25 +162,25 @@ function zr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: k({}, r, {
+            log: V({}, r, {
               value: J
             }),
-            info: k({}, r, {
+            info: V({}, r, {
               value: te
             }),
-            warn: k({}, r, {
+            warn: V({}, r, {
               value: ne
             }),
-            error: k({}, r, {
+            error: V({}, r, {
               value: ae
             }),
-            group: k({}, r, {
+            group: V({}, r, {
               value: O
             }),
-            groupCollapsed: k({}, r, {
+            groupCollapsed: V({}, r, {
               value: de
             }),
-            groupEnd: k({}, r, {
+            groupEnd: V({}, r, {
               value: De
             })
           });
@@ -207,7 +207,7 @@ function zr() {
       var gr = typeof WeakMap == "function" ? WeakMap : Map;
       me = new gr();
     }
-    function Ie(r, u) {
+    function Ve(r, u) {
       if (!r || Oe)
         return "";
       {
@@ -220,7 +220,7 @@ function zr() {
       var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var R;
-      R = Te.current, Te.current = null, yr();
+      R = Te.current, Te.current = null, pr();
       try {
         if (u) {
           var T = function() {
@@ -279,7 +279,7 @@ function zr() {
       return typeof r == "function" && me.set(r, Ze), Ze;
     }
     function Er(r, u, m) {
-      return Ie(r, !1);
+      return Ve(r, !1);
     }
     function xr(r) {
       var u = r.prototype;
@@ -289,7 +289,7 @@ function zr() {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return Ie(r, xr(r));
+        return Ve(r, xr(r));
       if (typeof r == "string")
         return ve(r);
       switch (r) {
@@ -314,8 +314,8 @@ function zr() {
         }
       return "";
     }
-    var pe = Object.prototype.hasOwnProperty, Ve = {}, Fe = g.ReactDebugCurrentFrame;
-    function ye(r) {
+    var ye = Object.prototype.hasOwnProperty, Ie = {}, Fe = g.ReactDebugCurrentFrame;
+    function pe(r) {
       if (r) {
         var u = r._owner, m = he(r.type, r._source, u ? u.type : null);
         Fe.setExtraStackFrame(m);
@@ -324,7 +324,7 @@ function zr() {
     }
     function _r(r, u, m, _, j) {
       {
-        var R = Function.call.bind(pe);
+        var R = Function.call.bind(ye);
         for (var T in r)
           if (R(r, T)) {
             var w = void 0;
@@ -337,7 +337,7 @@ function zr() {
             } catch ($) {
               w = $;
             }
-            w && !(w instanceof Error) && (ye(j), x("%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).", _ || "React class", m, T, typeof w), ye(null)), w instanceof Error && !(w.message in Ve) && (Ve[w.message] = !0, ye(j), x("Failed %s type: %s", m, w.message), ye(null));
+            w && !(w instanceof Error) && (pe(j), x("%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).", _ || "React class", m, T, typeof w), pe(null)), w instanceof Error && !(w.message in Ie) && (Ie[w.message] = !0, pe(j), x("Failed %s type: %s", m, w.message), pe(null));
           }
       }
     }
@@ -372,7 +372,7 @@ function zr() {
       __source: !0
     }, We, Ue;
     function Or(r) {
-      if (pe.call(r, "ref")) {
+      if (ye.call(r, "ref")) {
         var u = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (u && u.isReactWarning)
           return !1;
@@ -380,7 +380,7 @@ function zr() {
       return r.ref !== void 0;
     }
     function Rr(r) {
-      if (pe.call(r, "key")) {
+      if (ye.call(r, "key")) {
         var u = Object.getOwnPropertyDescriptor(r, "key").get;
         if (u && u.isReactWarning)
           return !1;
@@ -446,7 +446,7 @@ function zr() {
         var R, T = {}, w = null, M = null;
         m !== void 0 && (ze(m), w = "" + m), Rr(u) && (ze(u.key), w = "" + u.key), Or(u) && (M = u.ref, Lr(u, j));
         for (R in u)
-          pe.call(u, R) && !jr.hasOwnProperty(R) && (T[R] = u[R]);
+          ye.call(u, R) && !jr.hasOwnProperty(R) && (T[R] = u[R]);
         if (r && r.defaultProps) {
           var $ = r.defaultProps;
           for (R in $)
@@ -475,7 +475,7 @@ function zr() {
     function Ge() {
       {
         if (Le.current) {
-          var r = V(Le.current.type);
+          var r = I(Le.current.type);
           if (r)
             return `
 
@@ -510,7 +510,7 @@ Check the top-level render call using <` + m + ">.");
           return;
         Ke[m] = !0;
         var _ = "";
-        r && r._owner && r._owner !== Le.current && (_ = " It was passed a child from " + V(r._owner.type) + "."), X(r), x('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(null);
+        r && r._owner && r._owner !== Le.current && (_ = " It was passed a child from " + I(r._owner.type) + "."), X(r), x('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(null);
       }
     }
     function Xe(r, u) {
@@ -547,11 +547,11 @@ Check the top-level render call using <` + m + ">.");
         else
           return;
         if (m) {
-          var _ = V(u);
+          var _ = I(u);
           _r(m, r.props, "prop", _, r);
         } else if (u.PropTypes !== void 0 && !Pe) {
           Pe = !0;
-          var j = V(u);
+          var j = I(u);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
         }
         typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -578,7 +578,7 @@ Check the top-level render call using <` + m + ">.");
           var M = Nr();
           M ? w += M : w += Ge();
           var $;
-          r === null ? $ = "null" : Re(r) ? $ = "array" : r !== void 0 && r.$$typeof === t ? ($ = "<" + (V(r.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof r, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
+          r === null ? $ = "null" : Re(r) ? $ = "array" : r !== void 0 && r.$$typeof === t ? ($ = "<" + (I(r.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof r, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
         }
         var A = Ar(r, u, m, j, R);
         if (A == null)
@@ -602,11 +602,11 @@ Check the top-level render call using <` + m + ">.");
     function kr(r, u, m) {
       return Qe(r, u, m, !0);
     }
-    function Ir(r, u, m) {
+    function Vr(r, u, m) {
       return Qe(r, u, m, !1);
     }
-    var Vr = Ir, Fr = kr;
-    oe.Fragment = a, oe.jsx = Vr, oe.jsxs = Fr;
+    var Ir = Vr, Fr = kr;
+    oe.Fragment = a, oe.jsx = Ir, oe.jsxs = Fr;
   }()), oe;
 }
 var tr;
@@ -632,8 +632,8 @@ function Wr(e, t) {
     cv: (a) => ge(`${n()}-${e}-${a}`),
     cvm: (a, i = {}) => {
       const f = n();
-      for (const p of Object.keys(a))
-        i[ge(`${f}-${e}-${p}`)] = a[p];
+      for (const y of Object.keys(a))
+        i[ge(`${f}-${e}-${y}`)] = a[y];
       return i;
     },
     gcv: (a) => nr(`${n()}-${e}-${a}`),
@@ -641,8 +641,8 @@ function Wr(e, t) {
     nv: (a) => ge(`${n()}-${a}`),
     nvm: (a, i = {}) => {
       const f = n();
-      for (const p of Object.keys(a))
-        i[ge(`${f}-${p}`)] = a[p];
+      for (const y of Object.keys(a))
+        i[ge(`${f}-${y}`)] = a[y];
       return i;
     },
     gnv: (a) => nr(`${n()}-${a}`),
@@ -689,19 +689,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 function Kr(e, t) {
   var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (n != null) {
-    var a, i, f, p, y = [], s = !0, d = !1;
+    var a, i, f, y, p = [], s = !0, d = !1;
     try {
-      if (f = (n = n.call(e)).next, t !== 0) for (; !(s = (a = f.call(n)).done) && (y.push(a.value), y.length !== t); s = !0) ;
+      if (f = (n = n.call(e)).next, t !== 0) for (; !(s = (a = f.call(n)).done) && (p.push(a.value), p.length !== t); s = !0) ;
     } catch (b) {
       d = !0, i = b;
     } finally {
       try {
-        if (!s && n.return != null && (p = n.return(), Object(p) !== p)) return;
+        if (!s && n.return != null && (y = n.return(), Object(y) !== y)) return;
       } finally {
         if (d) throw i;
       }
     }
-    return y;
+    return p;
   }
 }
 function Jr(e) {
@@ -723,19 +723,19 @@ function Xr(e, t) {
     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 f, p = !0, y = !1;
+  var f, y = !0, p = !1;
   return { s: function() {
     n = n.call(e);
   }, n: function() {
     var d = n.next();
-    return p = d.done, d;
+    return y = d.done, d;
   }, e: function(d) {
-    y = !0, f = d;
+    p = !0, f = d;
   }, f: function() {
     try {
-      p || n.return == null || n.return();
+      y || n.return == null || n.return();
     } finally {
-      if (y) throw f;
+      if (p) throw f;
     }
   } };
 }
@@ -817,14 +817,14 @@ function tt(e, t) {
   return n;
 }
 function nt(e) {
-  var t = e.attrs, n = e.size, a = e.title, i = e.spin, f = e.rotate, p = e.color, y = rt(e, Ur), s = function(b) {
+  var t = e.attrs, n = e.size, a = e.title, i = e.spin, f = e.rotate, y = e.color, p = rt(e, Ur), s = function(b) {
     var l = n || b.size || "1em", c, E = "", S = "";
     return b.className && (c = b.className), e.className && (c = c ? "".concat(c, " ").concat(e.className) : e.className), i && (c ? c += " twist-icon-loading" : c = "twist-icon-loading"), f && (E = "rotate(".concat(f, "deg)"), S = "rotate(".concat(f, "deg)")), /* @__PURE__ */ ee.createElement("svg", xe({
       xmlns: "http://www.w3.org/2000/svg"
-    }, b.attrs, t, y, {
+    }, b.attrs, t, p, {
       className: c,
       style: se(se({
-        color: p || b.color,
+        color: y || b.color,
         msTransform: E,
         transform: S
       }, b.style), e.style),
@@ -840,7 +840,7 @@ function at(e) {
   var t = {}, n = e.split(";"), a = Xr(n), i;
   try {
     for (a.s(); !(i = a.n()).done; ) {
-      var f = i.value, p = f.split(":"), y = Yr(p, 2), s = y[0], d = y[1];
+      var f = i.value, y = f.split(":"), p = Yr(y, 2), s = p[0], d = p[1];
       if (s && d) {
         var b = s.trim().replace(/-./g, function(l) {
           return l.charAt(1).toUpperCase();
@@ -894,22 +894,22 @@ function ut({
   playedPercentage: t,
   onSeek: n
 }) {
-  const a = W("aplayer-bar"), i = W("aplayer-icon"), f = F(null), [p, y] = H(t), s = F(!1);
-  I(() => {
-    s.current || y(t);
+  const a = W("aplayer-bar"), i = W("aplayer-icon"), f = F(null), [y, p] = H(t), s = F(!1);
+  k(() => {
+    s.current || p(t);
   }, [t]);
   const d = L(
     (b) => {
       s.current = !0;
       const l = Ce(b, f);
-      y(l);
+      p(l);
       const c = (S) => {
         const o = Ce(S, f);
-        y(o);
+        p(o);
       }, E = (S) => {
         document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", E);
         const o = Ce(S, f);
-        y(o), n == null || n(o), s.current = !1;
+        p(o), n == null || n(o), s.current = !1;
       };
       document.addEventListener("mousemove", c), document.addEventListener("mouseup", E);
     },
@@ -929,12 +929,12 @@ function ut({
             style: { width: `${e * 100}%` }
           }
         ) : null,
-        typeof p < "u" ? /* @__PURE__ */ v.jsx(
+        typeof y < "u" ? /* @__PURE__ */ v.jsx(
           "div",
           {
             className: a.be("played"),
             style: {
-              width: `${p * 100}%`
+              width: `${y * 100}%`
             },
             children: /* @__PURE__ */ v.jsx(
               "span",
@@ -973,22 +973,22 @@ function mt(e) {
 function ht(e) {
   return N({ attrs: { viewBox: "0 0 24 24" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7 15V9h4l5-5v16l-5-5z" } }] })(e);
 }
-function pt(e) {
+function yt(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 yt({
+function pt({
   volume: e,
   muted: t,
   onToggleMuted: n,
   onChangeVolume: a
 }) {
-  const i = W("aplayer-volumn"), f = W("aplayer-icon"), p = F(null), [y, s] = H(!1), d = L(
+  const i = W("aplayer-volumn"), f = W("aplayer-icon"), y = F(null), [p, s] = H(!1), d = L(
     (b) => {
-      a(Ae(b, p)), s(!0);
+      a(Ae(b, y)), s(!0);
       const l = (E) => {
-        a(Ae(E, p));
+        a(Ae(E, y));
       }, c = (E) => {
-        document.removeEventListener("mouseup", c), document.removeEventListener("mousemove", l), s(!1), a(Ae(E, p));
+        document.removeEventListener("mouseup", c), document.removeEventListener("mousemove", l), s(!1), a(Ae(E, y));
       };
       document.addEventListener("mousemove", l), document.addEventListener("mouseup", c);
     },
@@ -1001,16 +1001,16 @@ function yt({
         type: "button",
         className: P(f.b(), f.bs("volume-down")),
         onClick: () => n(),
-        children: t || !e ? /* @__PURE__ */ v.jsx(ht, {}) : e >= 1 ? /* @__PURE__ */ v.jsx(pt, {}) : /* @__PURE__ */ v.jsx(mt, {})
+        children: t || !e ? /* @__PURE__ */ v.jsx(ht, {}) : e >= 1 ? /* @__PURE__ */ v.jsx(yt, {}) : /* @__PURE__ */ v.jsx(mt, {})
       }
     ),
     /* @__PURE__ */ v.jsx(
       "div",
       {
         className: P(i.be("bar-wrap"), {
-          [i.bem("bar-wrap", "active")]: y
+          [i.bem("bar-wrap", "active")]: p
         }),
-        ref: p,
+        ref: y,
         onMouseDown: d,
         children: /* @__PURE__ */ v.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ v.jsx(
           "div",
@@ -1030,7 +1030,7 @@ function ur(e) {
     return "--:--";
   if (Number.isNaN(e))
     return "00:00";
-  const t = (p) => p < 10 ? `0${p}` : `${p}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), f = Math.trunc(
+  const t = (y) => y < 10 ? `0${y}` : `${y}`, n = Math.trunc(e / 60), a = Math.trunc(e - n * 60), i = Math.trunc(n / 60), f = Math.trunc(
     e / 60 - 60 * Math.trunc(e / 60 / 60)
   );
   return e >= 3600 ? `${t(i)}:${t(f)}:${t(a)}` : `${t(n)}:${t(a)}`;
@@ -1057,8 +1057,8 @@ function St({
   currentTime: a,
   audioDurationSeconds: i,
   bufferedSeconds: f,
-  onToggleMenu: p,
-  onToggleMuted: y,
+  onToggleMenu: y,
+  onToggleMuted: p,
   order: s,
   onOrderChange: d,
   loop: b,
@@ -1111,11 +1111,11 @@ function St({
         }
       ),
       /* @__PURE__ */ v.jsx(
-        yt,
+        pt,
         {
           volume: e,
           muted: n,
-          onToggleMuted: y,
+          onToggleMuted: p,
           onChangeVolume: t
         }
       ),
@@ -1146,7 +1146,7 @@ function St({
         {
           type: "button",
           className: P(C.b(), C.bs("menu")),
-          onClick: () => p == null ? void 0 : p(),
+          onClick: () => y == null ? void 0 : y(),
           children: /* @__PURE__ */ v.jsx(Et, {})
         }
       ),
@@ -1171,8 +1171,8 @@ function wt({
   onPlayAudio: a,
   listMaxHeight: i
 }) {
-  const f = W("aplayer-list"), p = i ? { maxHeight: i } : void 0, y = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = F(null);
-  return I(() => {
+  const f = W("aplayer-list"), y = i ? { maxHeight: i } : void 0, p = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = F(null);
+  return k(() => {
     if (s.current) {
       const d = s.current;
       return d.style.maxHeight = `${Math.min(
@@ -1189,7 +1189,7 @@ function wt({
       className: P(f.b(), {
         [f.bm("hide")]: !e
       }),
-      children: /* @__PURE__ */ v.jsx("ol", { style: p, children: t.map((d, b) => /* @__PURE__ */ v.jsxs(
+      children: /* @__PURE__ */ v.jsx("ol", { style: y, children: t.map((d, b) => /* @__PURE__ */ v.jsxs(
         "li",
         {
           className: P({
@@ -1202,7 +1202,7 @@ function wt({
             /* @__PURE__ */ v.jsx("span", { className: f.be("cur") }),
             /* @__PURE__ */ v.jsx("span", { className: f.be("index"), children: b + 1 }),
             /* @__PURE__ */ v.jsx("span", { className: f.be("title"), children: d.name ?? "Audio name" }),
-            /* @__PURE__ */ v.jsx("span", { className: f.be("author"), children: y(d.artist) })
+            /* @__PURE__ */ v.jsx("span", { className: f.be("author"), children: p(d.artist) })
           ]
         },
         d.name || b
@@ -1212,13 +1212,13 @@ function wt({
 }
 function sr({ show: e, lrcText: t, currentTime: n }) {
   const a = W("aplayer-lrc"), i = K(() => Tt(t), [t]), f = K(() => {
-    for (let y = 0; y < i.length; y++) {
-      const s = i[y], d = i[y + 1];
+    for (let p = 0; p < i.length; p++) {
+      const s = i[p], d = i[p + 1];
       if (n >= s[0] && (!d || n < d[0]))
-        return y;
+        return p;
     }
     return 0;
-  }, [n, i]), p = K(() => ({
+  }, [n, i]), y = K(() => ({
     transform: `translateY(${-f * 16}px)`,
     WebkitTransform: `translateY(${-f * 16}px)`
   }), [f]);
@@ -1228,13 +1228,13 @@ function sr({ show: e, lrcText: t, currentTime: n }) {
       className: P(a.b(), {
         [a.bm("hide")]: !e
       }),
-      children: t ? /* @__PURE__ */ v.jsx("div", { className: a.be("contents"), style: p, children: i.map(([, y], s) => /* @__PURE__ */ v.jsx(
+      children: t ? /* @__PURE__ */ v.jsx("div", { className: a.be("contents"), style: y, children: i.map(([, p], s) => /* @__PURE__ */ v.jsx(
         "p",
         {
           className: P({
             [a.be("current")]: s === f
           }),
-          children: y
+          children: p
         },
         s
       )) }) : null
@@ -1248,12 +1248,12 @@ function Tt(e) {
     const t = e.split(`
 `), n = [], a = t.length;
     for (let i = 0; i < a; i++) {
-      const f = t[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g), p = 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 f = 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, "");
       if (f) {
-        const y = f.length;
-        for (let s = 0; s < y; s++) {
+        const p = f.length;
+        for (let s = 0; s < p; s++) {
           const d = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(f[s]), b = d[1] * 60, l = Number.parseInt(d[2]), c = d[4] ? Number.parseInt(d[4]) / (`${d[4]}`.length === 2 ? 100 : 1e3) : 0, E = b + l + c;
-          n.push([E, p]);
+          n.push([E, y]);
         }
       }
     }
@@ -1279,8 +1279,8 @@ function jt() {
   function t(l, c) {
     return l === c && (l !== 0 || 1 / l === 1 / c) || l !== l && c !== c;
   }
-  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, f = e.useLayoutEffect, p = e.useDebugValue;
-  function y(l, c) {
+  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, f = e.useLayoutEffect, y = e.useDebugValue;
+  function p(l, c) {
     var E = c(), S = a({ inst: { value: E, getSnapshot: c } }), o = S[0].inst, h = S[1];
     return f(
       function() {
@@ -1294,7 +1294,7 @@ function jt() {
         });
       },
       [l]
-    ), p(E), E;
+    ), y(E), E;
   }
   function s(l) {
     var c = l.getSnapshot;
@@ -1309,7 +1309,7 @@ function jt() {
   function d(l, c) {
     return c();
   }
-  var b = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : y;
+  var b = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : p;
   return Ne.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : b, Ne;
 }
 var qe = {};
@@ -1339,7 +1339,7 @@ function Ot() {
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), l = !0);
       }
-      h = p({
+      h = y({
         inst: { value: o, getSnapshot: S }
       });
       var g = h[0].inst, x = h[1];
@@ -1348,7 +1348,7 @@ function Ot() {
           g.value = o, g.getSnapshot = S, n(g) && x({ inst: g });
         },
         [E, o, S]
-      ), y(
+      ), p(
         function() {
           return n(g) && x({ inst: g }), E(function() {
             n(g) && x({ inst: g });
@@ -1371,7 +1371,7 @@ function Ot() {
       return S();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var i = _e, f = typeof Object.is == "function" ? Object.is : e, p = i.useState, y = i.useEffect, s = i.useLayoutEffect, d = i.useDebugValue, b = !1, l = !1, c = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
+    var i = _e, f = typeof Object.is == "function" ? Object.is : e, y = i.useState, p = i.useEffect, s = i.useLayoutEffect, d = i.useDebugValue, b = !1, l = !1, c = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
     qe.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : c, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }()), qe;
 }
@@ -1383,25 +1383,26 @@ var G = Rt();
 const Z = [];
 function Lt(e) {
   const t = F();
-  if (typeof window < "u" && !t.current) {
-    const n = t.current = document.createElement("audio");
-    typeof (e == null ? void 0 : e.src) < "u" && (n.src = e.src), typeof (e == null ? void 0 : e.autoPlay) < "u" && (n.autoplay = e.autoPlay), typeof (e == null ? void 0 : e.initialVolume) < "u" && (n.volume = e.initialVolume), Z.includes(n) || Z.push(n);
-  }
-  return I(() => {
+  return k(() => {
+    if (typeof window < "u" && !t.current) {
+      const n = t.current = document.createElement("audio");
+      typeof (e == null ? void 0 : e.src) < "u" && (n.src = e.src), typeof (e == null ? void 0 : e.autoPlay) < "u" && (n.autoplay = e.autoPlay), typeof (e == null ? void 0 : e.initialVolume) < "u" && (n.volume = e.initialVolume), Z.includes(n) || Z.push(n);
+    }
+  }, [e == null ? void 0 : e.autoPlay, e == null ? void 0 : e.initialVolume, e == null ? void 0 : e.src]), k(() => {
     if (typeof window > "u") return;
     const n = t.current;
     if (n && (e != null && e.onError))
       return n.addEventListener("error", e.onError), () => {
         n.removeEventListener("error", e.onError);
       };
-  }, [e == null ? void 0 : e.onError]), I(() => {
+  }, [e == null ? void 0 : e.onError]), k(() => {
     if (typeof window > "u") return;
     const n = t.current;
     if (n && (e != null && e.onEnded))
       return n.addEventListener("ended", e.onEnded), () => {
         n.removeEventListener("ended", e.onEnded);
       };
-  }, [e == null ? void 0 : e.onEnded]), I(() => () => {
+  }, [e == null ? void 0 : e.onEnded]), k(() => () => {
     const n = t.current;
     if (n) {
       n.pause(), n.currentTime = 0;
@@ -1441,9 +1442,9 @@ function Pt(e) {
       t.current.currentTime = o;
     },
     [t]
-  ), p = L(() => {
+  ), y = L(() => {
     t.current && (t.current.muted = !t.current.muted);
-  }, [t]), y = L(
+  }, [t]), p = L(
     (o) => {
       t.current && (t.current.volume = o);
     },
@@ -1602,8 +1603,8 @@ function Pt(e) {
     playAudio: a,
     togglePlay: i,
     seek: f,
-    toggleMuted: p,
-    setVolume: y,
+    toggleMuted: y,
+    setVolume: p,
     volume: s,
     muted: d,
     currentTime: b,
@@ -1613,9 +1614,9 @@ function Pt(e) {
     isLoading: S
   };
 }
-function pr() {
+function yr() {
   const e = F([]);
-  return I(() => {
+  return k(() => {
     const n = e.current;
     return () => {
       for (const a of n)
@@ -1627,11 +1628,11 @@ function pr() {
   }, []);
 }
 function $t() {
-  const e = F(), [t, n] = H({ text: "", style: { opacity: 0 } }), a = pr(), i = L(
-    (f, p = 2e3) => {
+  const e = F(), [t, n] = H({ text: "", style: { opacity: 0 } }), a = yr(), i = L(
+    (f, y = 2e3) => {
       e.current && clearTimeout(e.current), n({ text: f, style: { opacity: 1 } }), e.current = a(() => {
         n({ text: f, style: { opacity: 0 } });
-      }, p);
+      }, y);
     },
     [a]
   );
@@ -1654,8 +1655,8 @@ function Nt(e, {
   initialOrder: n = "list",
   getSongId: a
 }) {
-  const [i, f] = H(t), [p, y] = H(n), s = K(() => p === "list" ? e : Ct(e), [e, p]), [d, b] = H(s[0]);
-  I(() => {
+  const [i, f] = H(t), [y, p] = H(n), s = K(() => y === "list" ? e : Ct(e), [e, y]), [d, b] = H(s[0]);
+  k(() => {
     const o = s.find(
       (h) => a(h) === a(d)
     );
@@ -1684,8 +1685,8 @@ function Nt(e, {
     next: c,
     previous: E,
     prioritize: S,
-    order: p,
-    setOrder: y,
+    order: y,
+    setOrder: p,
     loop: i,
     setLoop: f,
     length: s.length
@@ -1704,8 +1705,8 @@ function kt({
   initialLoop: a,
   initialOrder: i,
   autoPlay: f = !1,
-  listMaxHeight: p = 250,
-  mini: y = !1,
+  listMaxHeight: y = 250,
+  mini: p = !1,
   mutex: s = !0,
   listFolded: d = !1,
   theme: b = "light"
@@ -1715,7 +1716,7 @@ function kt({
     initialLoop: a,
     initialOrder: i,
     getSongId: (O) => O.url
-  }), [E, S] = $t(), o = pr(), h = F(), g = L(() => {
+  }), [E, S] = $t(), o = yr(), h = F(), g = L(() => {
     h.current && (clearTimeout(h.current), h.current = void 0);
   }, []), x = Pt({
     src: c.currentSong.url,
@@ -1734,11 +1735,11 @@ function kt({
       c.hasNextSong && c.next();
     }
   });
-  I(() => {
+  k(() => {
     f && x.playAudio(c.currentSong.url);
   }, []);
   const q = F(!0);
-  I(() => {
+  k(() => {
     q.current ? q.current = !1 : c.currentSong && x.playAudio(c.currentSong.url);
   }, [c.currentSong, x.playAudio]);
   const C = L(() => {
@@ -1751,10 +1752,10 @@ function kt({
       g(), ce(O);
     },
     [g, ce]
-  ), [Se, we] = H(() => U && !d), [fe, V] = H(y), [k, Y] = H(!0), J = F(null);
-  return I(() => {
-    V(y);
-  }, [y]), I(() => {
+  ), [Se, we] = H(() => U && !d), [fe, I] = H(p), [V, Y] = H(!0), J = F(null);
+  return k(() => {
+    I(p);
+  }, [p]), k(() => {
     if (t === "fixed" && J.current) {
       const O = J.current;
       return O.style.width = `${O.offsetWidth - 18}px`, () => {
@@ -1808,7 +1809,7 @@ function kt({
             t === "fixed" ? null : /* @__PURE__ */ v.jsx(
               sr,
               {
-                show: k,
+                show: V,
                 lrcText: c.currentSong.lrc,
                 currentTime: x.currentTime ?? 0
               }
@@ -1837,7 +1838,7 @@ function kt({
                 onSkipBack: () => {
                   c.previous();
                 },
-                showLyrics: k,
+                showLyrics: V,
                 onToggleLyrics: () => {
                   Y((O) => !O);
                 }
@@ -1849,7 +1850,7 @@ function kt({
             "div",
             {
               className: l.be("miniswitcher"),
-              onClick: () => V((O) => !O),
+              onClick: () => I((O) => !O),
               children: /* @__PURE__ */ v.jsx("button", { className: l.bs("icon"), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
             }
           )
@@ -1861,13 +1862,13 @@ function kt({
             audio: B,
             playingAudioUrl: c.currentSong.url,
             onPlayAudio: le,
-            listMaxHeight: p
+            listMaxHeight: y
           }
         ) : null,
         t === "fixed" && /* @__PURE__ */ v.jsx(
           sr,
           {
-            show: k,
+            show: V,
             lrcText: c.currentSong.lrc,
             currentTime: x.currentTime ?? 0
           }