ostbay-player 1.0.2 → 1.0.4

package/dist/ostbay-player.es.js

@@ -1,4 +1,4 @@
-import G, { useContext as Re, useState as pe, useRef as ge, useEffect as fe, useImperativeHandle as ro, useMemo as Ue, createContext as At, useLayoutEffect as Ke, useReducer as no, useDebugValue as $n, createElement as ao, forwardRef as at, useCallback as Me, cloneElement as io, useId as oo } from "react";
+import G, { useContext as Re, useState as pe, useRef as Ae, useEffect as fe, useImperativeHandle as ro, useMemo as Ue, createContext as gt, useLayoutEffect as Ke, useReducer as no, useDebugValue as $n, createElement as ao, forwardRef as at, useCallback as Me, cloneElement as io, useId as oo } from "react";
 import so from "react-dom";
 import './index.css';function lo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -19,11 +19,11 @@ function uo() {
   _n = 1;
   var e = G, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(s, f, y) {
-    var A, g = {}, x = null, k = null;
+    var g, A = {}, x = null, k = null;
     y !== void 0 && (x = "" + y), f.key !== void 0 && (x = "" + f.key), f.ref !== void 0 && (k = f.ref);
-    for (A in f) n.call(f, A) && !d.hasOwnProperty(A) && (g[A] = f[A]);
-    if (s && s.defaultProps) for (A in f = s.defaultProps, f) g[A] === void 0 && (g[A] = f[A]);
-    return { $$typeof: t, type: s, key: x, ref: k, props: g, _owner: i.current };
+    for (g in f) n.call(f, g) && !d.hasOwnProperty(g) && (A[g] = f[g]);
+    if (s && s.defaultProps) for (g in f = s.defaultProps, f) A[g] === void 0 && (A[g] = f[g]);
+    return { $$typeof: t, type: s, key: x, ref: k, props: A, _owner: i.current };
   }
   return Ct.Fragment = r, Ct.jsx = u, Ct.jsxs = u, Ct;
 }
@@ -40,7 +40,7 @@ var xt = {};
 var ea;
 function co() {
   return ea || (ea = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = G, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), s = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), B = Symbol.iterator, j = "@@iterator";
+    var e = G, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), s = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), B = Symbol.iterator, j = "@@iterator";
     function O(h) {
       if (h === null || typeof h != "object")
         return null;
@@ -68,7 +68,7 @@ function co() {
     var W = !1, D = !1, T = !1, M = !1, V = !1, I;
     I = Symbol.for("react.module.reference");
     function N(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === n || h === d || V || h === i || h === y || h === A || M || h === k || W || D || T || typeof h == "object" && h !== null && (h.$$typeof === x || h.$$typeof === g || h.$$typeof === u || h.$$typeof === s || h.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === n || h === d || V || h === i || h === y || h === g || M || h === k || W || D || T || typeof h == "object" && h !== null && (h.$$typeof === x || h.$$typeof === A || h.$$typeof === u || h.$$typeof === s || h.$$typeof === f || // 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.
@@ -102,7 +102,7 @@ function co() {
           return "StrictMode";
         case y:
           return "Suspense";
-        case A:
+        case g:
           return "SuspenseList";
       }
       if (typeof h == "object")
@@ -115,7 +115,7 @@ function co() {
             return c(U._context) + ".Provider";
           case f:
             return S(h, h.render, "ForwardRef");
-          case g:
+          case A:
             var K = h.displayName || null;
             return K !== null ? K : m(h.type) || "Memo";
           case x: {
@@ -284,7 +284,7 @@ function co() {
     function yr(h, F, U) {
       return ue(h, !1);
     }
-    function Ar(h) {
+    function gr(h) {
       var F = h.prototype;
       return !!(F && F.isReactComponent);
     }
@@ -292,20 +292,20 @@ function co() {
       if (h == null)
         return "";
       if (typeof h == "function")
-        return ue(h, Ar(h));
+        return ue(h, gr(h));
       if (typeof h == "string")
         return se(h);
       switch (h) {
         case y:
           return se("Suspense");
-        case A:
+        case g:
           return se("SuspenseList");
       }
       if (typeof h == "object")
         switch (h.$$typeof) {
           case f:
             return yr(h.render);
-          case g:
+          case A:
             return We(h.type, F, U);
           case x: {
             var K = h, ne = K._payload, oe = K._init;
@@ -345,7 +345,7 @@ function co() {
       }
     }
     var Wi = Array.isArray;
-    function gr(h) {
+    function Ar(h) {
       return Wi(h);
     }
     function Ni(h) {
@@ -520,7 +520,7 @@ Check the top-level render call using <` + U + ">.");
       {
         if (typeof h != "object")
           return;
-        if (gr(h))
+        if (Ar(h))
           for (var U = 0; U < h.length; U++) {
             var K = h[U];
             Cr(K) && Qn(K, F);
@@ -545,7 +545,7 @@ Check the top-level render call using <` + U + ">.");
           U = F.propTypes;
         else if (typeof F == "object" && (F.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        F.$$typeof === g))
+        F.$$typeof === A))
           U = F.propTypes;
         else
           return;
@@ -582,7 +582,7 @@ Check the top-level render call using <` + U + ">.");
           var Ce = Zi();
           Ce ? _ += Ce : _ += Zn();
           var de;
-          h === null ? de = "null" : gr(h) ? de = "array" : h !== void 0 && h.$$typeof === t ? (de = "<" + (m(h.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : de = typeof h, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", de, _);
+          h === null ? de = "null" : Ar(h) ? de = "array" : h !== void 0 && h.$$typeof === t ? (de = "<" + (m(h.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : de = typeof h, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", de, _);
         }
         var he = Gi(h, F, U, ne, oe);
         if (he == null)
@@ -591,7 +591,7 @@ Check the top-level render call using <` + U + ">.");
           var Ie = F.children;
           if (Ie !== void 0)
             if (K)
-              if (gr(Ie)) {
+              if (Ar(Ie)) {
                 for (var ct = 0; ct < Ie.length; ct++)
                   Yn(Ie[ct], h);
                 Object.freeze && Object.freeze(Ie);
@@ -634,16 +634,16 @@ function fo() {
 var p = fo();
 const Zt = G.createContext(null);
 Zt.displayName = "ProviderContext";
-function gt(e, t, r, n) {
+function At(e, t, r, n) {
   Object.defineProperty(e, t, { get: r, set: n, enumerable: !0, configurable: !0 });
 }
 var it = {};
-gt(it, "focus-ring", () => Vr, (e) => Vr = e);
-gt(it, "i18nFontFamily", () => Wr, (e) => Wr = e);
-gt(it, "spectrum", () => Nr, (e) => Nr = e);
-gt(it, "spectrum-FocusRing-ring", () => Kt, (e) => Kt = e);
-gt(it, "spectrum-FocusRing", () => Br, (e) => Br = e);
-gt(it, "spectrum-FocusRing--quiet", () => Dr, (e) => Dr = e);
+At(it, "focus-ring", () => Vr, (e) => Vr = e);
+At(it, "i18nFontFamily", () => Wr, (e) => Wr = e);
+At(it, "spectrum", () => Nr, (e) => Nr = e);
+At(it, "spectrum-FocusRing-ring", () => Kt, (e) => Kt = e);
+At(it, "spectrum-FocusRing", () => Br, (e) => Br = e);
+At(it, "spectrum-FocusRing--quiet", () => Dr, (e) => Dr = e);
 var Vr, Wr, Nr, Kt, Br, Dr;
 Vr = "_t8qIa_focus-ring";
 Wr = "_t8qIa_i18nFontFamily";
@@ -703,7 +703,7 @@ const Ht = {
 }, Oa = /* @__PURE__ */ G.createContext(Ht), ho = /* @__PURE__ */ G.createContext(!1);
 let mo = !!(typeof window < "u" && window.document && window.document.createElement), kr = /* @__PURE__ */ new WeakMap();
 function vo(e = !1) {
-  let t = Re(Oa), r = ge(null);
+  let t = Re(Oa), r = Ae(null);
   if (r.current === null && !e) {
     var n, i;
     let d = (i = G.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || i === void 0 || (n = i.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
@@ -724,12 +724,12 @@ function yo(e) {
   let r = vo(!!e), n = t === Ht && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
   return e || `${n}-${r}`;
 }
-function Ao(e) {
+function go(e) {
   let t = G.useId(), [r] = pe(or()), n = r || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${Ht.prefix}`;
   return e || `${n}-${t}`;
 }
 G.useId;
-function go() {
+function Ao() {
   return !1;
 }
 function bo() {
@@ -740,7 +740,7 @@ function wo(e) {
   };
 }
 function or() {
-  return typeof G.useSyncExternalStore == "function" ? G.useSyncExternalStore(wo, go, bo) : Re(ho);
+  return typeof G.useSyncExternalStore == "function" ? G.useSyncExternalStore(wo, Ao, bo) : Re(ho);
 }
 function Gr(e) {
   let t = typeof window < "u" && typeof window.matchMedia == "function", [r, n] = pe(() => t ? window.matchMedia(e).matches : !1);
@@ -765,7 +765,7 @@ function Co(e) {
   };
 }
 function sr(e) {
-  let t = ge(null);
+  let t = Ae(null);
   return ro(e, () => Co(t)), t;
 }
 const Cn = /* @__PURE__ */ G.createContext(null);
@@ -782,8 +782,8 @@ function ko(e) {
   let t = Object.entries(e).sort(([, f], [, y]) => y - f), r = t.map(([, f]) => `(min-width: ${f}px)`), n = typeof window < "u" && typeof window.matchMedia == "function", i = () => {
     let f = [];
     for (let y in r) {
-      let A = r[y];
-      window.matchMedia(A).matches && f.push(t[y][0]);
+      let g = r[y];
+      window.matchMedia(g).matches && f.push(t[y][0]);
     }
     return f.push("base"), f;
   }, [d, u] = pe(() => n ? i() : [
@@ -793,9 +793,9 @@ function ko(e) {
     if (!n) return;
     let f = () => {
       const y = i();
-      u((A) => A.length !== y.length || A.some((g, x) => g !== y[x]) ? [
+      u((g) => g.length !== y.length || g.some((A, x) => A !== y[x]) ? [
         ...y
-      ] : A);
+      ] : g);
     };
     return window.addEventListener("resize", f), () => {
       window.removeEventListener("resize", f);
@@ -1085,7 +1085,7 @@ Ge(function() {
 });
 const Zo = Ge(function() {
   return lr(/Firefox/i);
-}), Ko = /* @__PURE__ */ At({
+}), Ko = /* @__PURE__ */ gt({
   isNative: !0,
   open: Ho,
   useHref: (e) => e
@@ -1524,9 +1524,9 @@ function as(e, t, r, n) {
     if (!u || e[d] == null) continue;
     let [s, f] = u;
     typeof s == "function" && (s = s(r));
-    let y = En(e[d], n), A = f(y, e.colorVersion);
-    if (Array.isArray(s)) for (let g of s) i[g] = A;
-    else i[s] = A;
+    let y = En(e[d], n), g = f(y, e.colorVersion);
+    if (Array.isArray(s)) for (let A of s) i[A] = g;
+    else i[s] = g;
   }
   for (let d in ia) i[d] && (i[ia[d]] = "solid", i.boxSizing = "border-box");
   return i;
@@ -1534,17 +1534,17 @@ function as(e, t, r, n) {
 function ft(e, t = Pn, r = {}) {
   let { UNSAFE_className: n, UNSAFE_style: i, ...d } = e, u = ja(), { direction: s } = kn(), { matchedBreakpoints: f = u?.matchedBreakpoints || [
     "base"
-  ] } = r, y = as(e, t, s, f), A = {
+  ] } = r, y = as(e, t, s, f), g = {
     ...i,
     ...y
   };
   d.className && process.env.NODE_ENV !== "production" && console.warn("The className prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."), d.style && process.env.NODE_ENV !== "production" && console.warn("The style prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes.");
-  let g = {
-    style: A,
+  let A = {
+    style: g,
     className: n
   };
-  return En(e.isHidden, f) && (g.hidden = !0), {
-    styleProps: g
+  return En(e.isHidden, f) && (A.hidden = !0), {
+    styleProps: A
   };
 }
 function ye(e) {
@@ -1623,7 +1623,7 @@ const ds = {
 }, fs = /* @__PURE__ */ G.forwardRef(function(t, r) {
   let n = Re(Zt), i = n && n.colorScheme, d = n && n.breakpoints, { theme: u = n && n.theme, defaultColorScheme: s } = t;
   if (!u) throw new Error("theme not found, the parent provider must have a theme provided");
-  let f = ss(u, s || "light"), y = ls(u), { locale: A } = kn(), g = i ? !!u[i] : !1, { colorScheme: x = g ? i : f, scale: k = n ? n.scale : y, locale: B = n ? A : void 0, breakpoints: j = n ? d : ds, children: O, isQuiet: R, isEmphasized: C, isDisabled: P, isRequired: W, isReadOnly: D, validationState: T, router: M, ...V } = t, I = {
+  let f = ss(u, s || "light"), y = ls(u), { locale: g } = kn(), A = i ? !!u[i] : !1, { colorScheme: x = A ? i : f, scale: k = n ? n.scale : y, locale: B = n ? g : void 0, breakpoints: j = n ? d : ds, children: O, isQuiet: R, isEmphasized: C, isDisabled: P, isRequired: W, isReadOnly: D, validationState: T, router: M, ...V } = t, I = {
     version: La.version,
     theme: u,
     breakpoints: j,
@@ -1655,7 +1655,7 @@ const ds = {
     matchedBreakpoints: N
   }, /* @__PURE__ */ G.createElement(us, null, m))));
 }), ps = /* @__PURE__ */ G.forwardRef(function(t, r) {
-  let { children: n, ...i } = t, { locale: d, direction: u } = kn(), { theme: s, colorScheme: f, scale: y } = hs(), { modalProviderProps: A } = cs(), { styleProps: g } = ft(i), x = sr(r), k = Object.keys(s[f])[0], B = Object.keys(s[y])[0], j = wn(g.className, oa(it).spectrum, oa(qe).spectrum, Object.values(s[f]), Object.values(s[y]), s.global ? Object.values(s.global) : null, {
+  let { children: n, ...i } = t, { locale: d, direction: u } = kn(), { theme: s, colorScheme: f, scale: y } = hs(), { modalProviderProps: g } = cs(), { styleProps: A } = ft(i), x = sr(r), k = Object.keys(s[f])[0], B = Object.keys(s[y])[0], j = wn(A.className, oa(it).spectrum, oa(qe).spectrum, Object.values(s[f]), Object.values(s[y]), s.global ? Object.values(s.global) : null, {
     "react-spectrum-provider": Wt,
     spectrum: Wt,
     [k]: Wt,
@@ -1663,11 +1663,11 @@ const ds = {
   });
   var O, R;
   let C = {
-    ...g.style,
+    ...A.style,
     // This ensures that browser native UI like scrollbars are rendered in the right color scheme.
     // See https://web.dev/color-scheme/.
     colorScheme: (R = (O = t.colorScheme) !== null && O !== void 0 ? O : f) !== null && R !== void 0 ? R : Object.keys(s).filter((W) => W === "light" || W === "dark").join(" ")
-  }, P = ge(!1);
+  }, P = Ae(!1);
   return fe(() => {
     if (u && x.current) {
       var W, D;
@@ -1680,8 +1680,8 @@ const ds = {
     P
   ]), /* @__PURE__ */ G.createElement("div", {
     ...Mt(i),
-    ...g,
     ...A,
+    ...g,
     className: j,
     style: C,
     lang: d,
@@ -1734,17 +1734,17 @@ var qa = {};
 ys(qa, "spectrum--light", () => an, (e) => an = e);
 var an;
 an = "YqfL3a_spectrum--light";
-function As(e, t, r, n) {
+function gs(e, t, r, n) {
   Object.defineProperty(e, t, { get: r, set: n, enumerable: !0, configurable: !0 });
 }
 var Ga = {};
-As(Ga, "spectrum--medium", () => on, (e) => on = e);
+gs(Ga, "spectrum--medium", () => on, (e) => on = e);
 var on;
 on = "rfm_fq_spectrum--medium";
 function kt(e) {
   return e && e.__esModule ? e.default : e;
 }
-let gs = {
+let As = {
   global: kt(Xe),
   light: kt(qa),
   dark: kt(Ja),
@@ -1767,7 +1767,7 @@ const H = (e) => {
     playButton: "row1-8",
     playList: "row1-9"
   }
-}, ie = At(null), bs = ({
+}, ie = gt(null), bs = ({
   children: e,
   rootContainerProps: t
 }) => {
@@ -1796,7 +1796,7 @@ const H = (e) => {
   return /* @__PURE__ */ p.jsx(
     fs,
     {
-      theme: gs,
+      theme: As,
       width: "100%",
       position: r === "static" || !r ? "static" : "fixed",
       UNSAFE_className: u,
@@ -1805,7 +1805,7 @@ const H = (e) => {
       children: e
     }
   );
-}, je = At(null), sa = (e, t) => Math.round(Math.random() * (t - e) + e), ur = (e) => {
+}, je = gt(null), sa = (e, t) => Math.round(Math.random() * (t - e) + e), ur = (e) => {
   const t = `${Math.floor(e / 60)}`.padStart(2, "0"), r = `${Math.floor(e % 60)}`.padStart(2, "0");
   return `${t}:${r}`;
 }, Za = (e, t, r) => {
@@ -1995,7 +1995,7 @@ const H = (e) => {
       }
     },
     volumeSliderPlacement: d?.volumeSlider
-  }, [A, g] = no(
+  }, [g, A] = no(
     ws,
     {
       playList: r,
@@ -2009,7 +2009,7 @@ const H = (e) => {
       ...u
     }
   );
-  return /* @__PURE__ */ p.jsx(ie.Provider, { value: A, children: /* @__PURE__ */ p.jsx(je.Provider, { value: g, children: e }) });
+  return /* @__PURE__ */ p.jsx(ie.Provider, { value: g, children: /* @__PURE__ */ p.jsx(je.Provider, { value: A, children: e }) });
 };
 var we = function() {
   return we = Object.assign || function(t) {
@@ -2038,7 +2038,7 @@ var ks = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   /* Z+1 */
 ), le = "-ms-", Et = "-moz-", ae = "-webkit-", Ka = "comm", cr = "rule", Rn = "decl", Ps = "@import", Qa = "@keyframes", Es = "@layer", Ya = Math.abs, In = String.fromCharCode, sn = Object.assign;
 function Rs(e, t) {
-  return Ae(e, 0) ^ 45 ? (((t << 2 ^ Ae(e, 0)) << 2 ^ Ae(e, 1)) << 2 ^ Ae(e, 2)) << 2 ^ Ae(e, 3) : 0;
+  return ge(e, 0) ^ 45 ? (((t << 2 ^ ge(e, 0)) << 2 ^ ge(e, 1)) << 2 ^ ge(e, 2)) << 2 ^ ge(e, 3) : 0;
 }
 function Ha(e) {
   return e.trim();
@@ -2052,7 +2052,7 @@ function X(e, t, r) {
 function Lt(e, t, r) {
   return e.indexOf(t, r);
 }
-function Ae(e, t) {
+function ge(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function pt(e, t, r) {
@@ -2091,13 +2091,13 @@ function Ts() {
   return me;
 }
 function Ms() {
-  return me = Oe > 0 ? Ae(bt, --Oe) : 0, ht--, me === 10 && (ht = 1, dr--), me;
+  return me = Oe > 0 ? ge(bt, --Oe) : 0, ht--, me === 10 && (ht = 1, dr--), me;
 }
 function Ne() {
-  return me = Oe < $a ? Ae(bt, Oe++) : 0, ht++, me === 10 && (ht = 1, dr++), me;
+  return me = Oe < $a ? ge(bt, Oe++) : 0, ht++, me === 10 && (ht = 1, dr++), me;
 }
 function rt() {
-  return Ae(bt, Oe);
+  return ge(bt, Oe);
 }
 function Jt() {
   return Oe;
@@ -2199,11 +2199,11 @@ function Ds(e) {
   return js(Ut("", null, null, null, [""], e = Os(e), 0, [0], e));
 }
 function Ut(e, t, r, n, i, d, u, s, f) {
-  for (var y = 0, A = 0, g = u, x = 0, k = 0, B = 0, j = 1, O = 1, R = 1, C = 0, P = "", W = i, D = d, T = n, M = P; O; )
+  for (var y = 0, g = 0, A = u, x = 0, k = 0, B = 0, j = 1, O = 1, R = 1, C = 0, P = "", W = i, D = d, T = n, M = P; O; )
     switch (B = C, C = Ne()) {
       // (
       case 40:
-        if (B != 108 && Ae(M, g - 1) == 58) {
+        if (B != 108 && ge(M, A - 1) == 58) {
           Lt(M += X(Er(C), "&", "&\f"), "&\f", Ya(y ? s[y - 1] : 0)) != -1 && (R = -1);
           break;
         }
@@ -2248,35 +2248,35 @@ function Ut(e, t, r, n, i, d, u, s, f) {
           case 125:
             O = 0;
           // ;
-          case 59 + A:
-            R == -1 && (M = X(M, /\f/g, "")), k > 0 && Be(M) - g && Pt(k > 32 ? da(M + ";", n, r, g - 1, f) : da(X(M, " ", "") + ";", n, r, g - 2, f), f);
+          case 59 + g:
+            R == -1 && (M = X(M, /\f/g, "")), k > 0 && Be(M) - A && Pt(k > 32 ? da(M + ";", n, r, A - 1, f) : da(X(M, " ", "") + ";", n, r, A - 2, f), f);
             break;
           // @ ;
           case 59:
             M += ";";
           // { rule/at-rule
           default:
-            if (Pt(T = ca(M, t, r, y, A, i, s, P, W = [], D = [], g, d), d), C === 123)
-              if (A === 0)
-                Ut(M, t, T, T, W, d, g, s, D);
+            if (Pt(T = ca(M, t, r, y, g, i, s, P, W = [], D = [], A, d), d), C === 123)
+              if (g === 0)
+                Ut(M, t, T, T, W, d, A, s, D);
               else
-                switch (x === 99 && Ae(M, 3) === 110 ? 100 : x) {
+                switch (x === 99 && ge(M, 3) === 110 ? 100 : x) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ut(e, T, T, n && Pt(ca(e, T, T, 0, 0, i, s, P, i, W = [], g, D), D), i, D, g, s, n ? W : D);
+                    Ut(e, T, T, n && Pt(ca(e, T, T, 0, 0, i, s, P, i, W = [], A, D), D), i, D, A, s, n ? W : D);
                     break;
                   default:
                     Ut(M, T, T, T, [""], D, 0, s, D);
                 }
         }
-        y = A = k = 0, j = R = 1, P = M = "", g = u;
+        y = g = k = 0, j = R = 1, P = M = "", A = u;
         break;
       // :
       case 58:
-        g = 1 + Be(M), k = B;
+        A = 1 + Be(M), k = B;
       default:
         if (j < 1) {
           if (C == 123)
@@ -2287,7 +2287,7 @@ function Ut(e, t, r, n, i, d, u, s, f) {
         switch (M += In(C), C * j) {
           // &
           case 38:
-            R = A > 0 ? 1 : (M += "\f", -1);
+            R = g > 0 ? 1 : (M += "\f", -1);
             break;
           // ,
           case 44:
@@ -2295,7 +2295,7 @@ function Ut(e, t, r, n, i, d, u, s, f) {
             break;
           // @
           case 64:
-            rt() === 45 && (M += Er(Ne())), x = rt(), A = g = Be(P = M += Bs(Jt())), C++;
+            rt() === 45 && (M += Er(Ne())), x = rt(), g = A = Be(P = M += Bs(Jt())), C++;
             break;
           // -
           case 45:
@@ -2304,11 +2304,11 @@ function Ut(e, t, r, n, i, d, u, s, f) {
     }
   return d;
 }
-function ca(e, t, r, n, i, d, u, s, f, y, A, g) {
+function ca(e, t, r, n, i, d, u, s, f, y, g, A) {
   for (var x = i - 1, k = i === 0 ? d : [""], B = Xa(k), j = 0, O = 0, R = 0; j < n; ++j)
     for (var C = 0, P = pt(e, x + 1, x = Ya(O = u[j])), W = e; C < B; ++C)
       (W = Ha(O > 0 ? k[C] + " " + P : X(P, /&\f/g, k[C]))) && (f[R++] = W);
-  return fr(e, t, r, i === 0 ? cr : s, f, y, A, g);
+  return fr(e, t, r, i === 0 ? cr : s, f, y, g, A);
 }
 function Fs(e, t, r, n) {
   return fr(e, t, r, Ka, In(Ts()), pt(e, 2, -2), 0, n);
@@ -2363,7 +2363,7 @@ function _a(e, t, r) {
       return ae + e + Et + e + le + e + e;
     // writing-mode
     case 5936:
-      switch (Ae(e, t + 11)) {
+      switch (ge(e, t + 11)) {
         // vertical-l(r)
         case 114:
           return ae + e + le + X(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
@@ -2453,14 +2453,14 @@ function _a(e, t, r) {
     case 5021:
     case 4765:
       if (Be(e) - 1 - t > 6)
-        switch (Ae(e, t + 1)) {
+        switch (ge(e, t + 1)) {
           // (m)ax-content, (m)in-content
           case 109:
-            if (Ae(e, t + 4) !== 45)
+            if (ge(e, t + 4) !== 45)
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return X(e, /(.+:)(.+)-([^]+)/, "$1" + ae + "$2-$3$1" + Et + (Ae(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return X(e, /(.+:)(.+)-([^]+)/, "$1" + ae + "$2-$3$1" + Et + (ge(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           // (s)tretch
           case 115:
             return ~Lt(e, "stretch", 0) ? _a(X(e, "stretch", "fill-available"), t, r) + e : e;
@@ -2474,15 +2474,15 @@ function _a(e, t, r) {
       });
     // position: sticky
     case 4949:
-      if (Ae(e, t + 6) === 121)
+      if (ge(e, t + 6) === 121)
         return X(e, ":", ":" + ae) + e;
       break;
     // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
-      switch (Ae(e, Ae(e, 14) === 45 ? 18 : 11)) {
+      switch (ge(e, ge(e, 14) === 45 ? 18 : 11)) {
         // (inline-)?fle(x)
         case 120:
-          return X(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + ae + (Ae(e, 14) === 45 ? "inline-" : "") + "box$3$1" + ae + "$2$3$1" + le + "$2box$3") + e;
+          return X(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + ae + (ge(e, 14) === 45 ? "inline-" : "") + "box$3$1" + ae + "$2$3$1" + le + "$2box$3") + e;
         // (inline-)?gri(d)
         case 100:
           return X(e, ":", ":" + le) + e;
@@ -2619,7 +2619,7 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
       console.error = function(u) {
         for (var s = [], f = 1; f < arguments.length; f++) s[f - 1] = arguments[f];
         fa.test(u) ? (d = !1, Bt.delete(n)) : i.apply(void 0, Ye([u], s, !1));
-      }, ge(), d && !Bt.has(n) && (console.warn(n), Bt.add(n));
+      }, Ae(), d && !Bt.has(n) && (console.warn(n), Bt.add(n));
     } catch (u) {
       fa.test(u.message) && Bt.delete(n);
     } finally {
@@ -2805,12 +2805,12 @@ var ol = (function() {
     if (s) {
       var f = s.match(cl);
       if (f) {
-        var y = 0 | parseInt(f[1], 10), A = f[2];
-        y !== 0 && (ll(A, y), dl(e, A, f[3]), e.getTag().insertRules(y, i)), i.length = 0;
+        var y = 0 | parseInt(f[1], 10), g = f[2];
+        y !== 0 && (ll(g, y), dl(e, g, f[3]), e.getTag().insertRules(y, i)), i.length = 0;
       } else i.push(s);
     }
   }
-}, Aa = function(e) {
+}, ga = function(e) {
   for (var t = document.querySelectorAll(ul), r = 0, n = t.length; r < n; r++) {
     var i = t[r];
     i && i.getAttribute(nt) !== ei && (fl(e, i), i.parentNode && i.parentNode.removeChild(i));
@@ -2876,24 +2876,24 @@ var di = function(e) {
   }, e.prototype.getRule = function(t) {
     return t < this.length ? this.rules[t] : "";
   }, e;
-})(), ga = _t, yl = { isServer: !_t, useCSSOMInjection: !Gs }, rr = (function() {
+})(), Aa = _t, yl = { isServer: !_t, useCSSOMInjection: !Gs }, rr = (function() {
   function e(t, r, n) {
     t === void 0 && (t = mt), r === void 0 && (r = {});
     var i = this;
-    this.options = we(we({}, yl), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && _t && ga && (ga = !1, Aa(this)), jn(this, function() {
+    this.options = we(we({}, yl), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && _t && Aa && (Aa = !1, ga(this)), jn(this, function() {
       return (function(d) {
-        for (var u = d.getTag(), s = u.length, f = "", y = function(g) {
+        for (var u = d.getTag(), s = u.length, f = "", y = function(A) {
           var x = (function(R) {
             return tr.get(R);
-          })(g);
+          })(A);
           if (x === void 0) return "continue";
-          var k = d.names.get(x), B = u.getGroup(g);
+          var k = d.names.get(x), B = u.getGroup(A);
           if (k === void 0 || !k.size || B.length === 0) return "continue";
-          var j = "".concat(nt, ".g").concat(g, '[id="').concat(x, '"]'), O = "";
+          var j = "".concat(nt, ".g").concat(A, '[id="').concat(x, '"]'), O = "";
           k !== void 0 && k.forEach(function(R) {
             R.length > 0 && (O += "".concat(R, ","));
           }), f += "".concat(B).concat(j, '{content:"').concat(O, '"}').concat(Tn);
-        }, A = 0; A < s; A++) y(A);
+        }, g = 0; g < s; g++) y(g);
         return f;
       })(i);
     });
@@ -2901,7 +2901,7 @@ var di = function(e) {
   return e.registerId = function(t) {
     return Ft(t);
   }, e.prototype.rehydrate = function() {
-    !this.server && _t && Aa(this);
+    !this.server && _t && ga(this);
   }, e.prototype.reconstructWithOptions = function(t, r) {
     return r === void 0 && (r = !0), new e(we(we({}, this.options), t), this.gs, r && this.names || void 0);
   }, e.prototype.allocateGSInstance = function(t) {
@@ -2929,7 +2929,7 @@ var di = function(e) {
   }, e.prototype.clearTag = function() {
     this.tag = void 0;
   }, e;
-})(), Al = /&/g, gl = /^\s*\/\/.*$/gm;
+})(), gl = /&/g, Al = /^\s*\/\/.*$/gm;
 function fi(e, t) {
   return e.map(function(r) {
     return r.type === "rule" && (r.value = "".concat(t, " ").concat(r.value), r.value = r.value.replaceAll(",", ",".concat(t, " ")), r.props = r.props.map(function(n) {
@@ -2940,22 +2940,22 @@ function fi(e, t) {
 function bl(e) {
   var t, r, n, i = mt, d = i.options, u = d === void 0 ? mt : d, s = i.plugins, f = s === void 0 ? mr : s, y = function(x, k, B) {
     return B.startsWith(r) && B.endsWith(r) && B.replaceAll(r, "").length > 0 ? ".".concat(t) : x;
-  }, A = f.slice();
-  A.push(function(x) {
-    x.type === cr && x.value.includes("&") && (x.props[0] = x.props[0].replace(Al, r).replace(n, y));
-  }), u.prefix && A.push(Us), A.push(zs);
-  var g = function(x, k, B, j) {
+  }, g = f.slice();
+  g.push(function(x) {
+    x.type === cr && x.value.includes("&") && (x.props[0] = x.props[0].replace(gl, r).replace(n, y));
+  }), u.prefix && g.push(Us), g.push(zs);
+  var A = function(x, k, B, j) {
     k === void 0 && (k = ""), B === void 0 && (B = ""), j === void 0 && (j = "&"), t = j, r = k, n = new RegExp("\\".concat(r, "\\b"), "g");
-    var O = x.replace(gl, ""), R = Ds(B || k ? "".concat(B, " ").concat(k, " { ").concat(O, " }") : O);
+    var O = x.replace(Al, ""), R = Ds(B || k ? "".concat(B, " ").concat(k, " { ").concat(O, " }") : O);
     u.namespace && (R = fi(R, u.namespace));
     var C = [];
-    return $t(R, Ls(A.concat(Js(function(P) {
+    return $t(R, Ls(g.concat(Js(function(P) {
       return C.push(P);
     })))), C;
   };
-  return g.hash = f.length ? f.reduce(function(x, k) {
+  return A.hash = f.length ? f.reduce(function(x, k) {
     return k.name || wt(15), et(x, k.name);
-  }, ai).toString() : "", g;
+  }, ai).toString() : "", A;
 }
 var wl = new rr(), pn = bl(), pi = G.createContext({ shouldForwardProp: void 0, styleSheet: wl, stylis: pn });
 pi.Consumer;
@@ -3034,12 +3034,12 @@ var xl = ii(hr), kl = (function() {
       i = tt(i, u), this.staticRulesId = u;
     }
     else {
-      for (var f = et(this.baseHash, n.hash), y = "", A = 0; A < this.rules.length; A++) {
-        var g = this.rules[A];
-        if (typeof g == "string") y += g, process.env.NODE_ENV !== "production" && (f = et(f, g));
-        else if (g) {
-          var x = er(Qe(g, t, r, n));
-          f = et(f, x + A), y += x;
+      for (var f = et(this.baseHash, n.hash), y = "", g = 0; g < this.rules.length; g++) {
+        var A = this.rules[g];
+        if (typeof A == "string") y += A, process.env.NODE_ENV !== "production" && (f = et(f, A));
+        else if (A) {
+          var x = er(Qe(A, t, r, n));
+          f = et(f, x + g), y += x;
         }
       }
       if (y) {
@@ -3058,9 +3058,9 @@ function Sl(e, t, r) {
     Tr[T] = (Tr[T] || 0) + 1;
     var M = "".concat(T, "-").concat(Mn(hr + T + Tr[T]));
     return D ? "".concat(D, "-").concat(M) : M;
-  })(t.displayName, t.parentComponentId) : f, A = t.displayName, g = A === void 0 ? (function(W) {
+  })(t.displayName, t.parentComponentId) : f, g = t.displayName, A = g === void 0 ? (function(W) {
     return Ir(W) ? "styled.".concat(W) : "Styled(".concat(oi(W), ")");
-  })(e) : A, x = t.displayName && t.componentId ? "".concat(pa(t.displayName), "-").concat(t.componentId) : t.componentId || y, k = n && i.attrs ? i.attrs.concat(s).filter(Boolean) : s, B = t.shouldForwardProp;
+  })(e) : g, x = t.displayName && t.componentId ? "".concat(pa(t.displayName), "-").concat(t.componentId) : t.componentId || y, k = n && i.attrs ? i.attrs.concat(s).filter(Boolean) : s, B = t.shouldForwardProp;
   if (n && i.shouldForwardProp) {
     var j = i.shouldForwardProp;
     if (t.shouldForwardProp) {
@@ -3092,9 +3092,9 @@ function Sl(e, t, r) {
       return J && (Z += " " + J), a.className && (Z += " " + a.className), z[Ir(E) && !cn.has(E) ? "class" : "className"] = Z, V && (z.ref = V), ao(E, z);
     })(P, W, D);
   }
-  C.displayName = g;
+  C.displayName = A;
   var P = G.forwardRef(C);
-  return P.attrs = k, P.componentStyle = R, P.displayName = g, P.shouldForwardProp = B, P.foldedComponentIds = n ? tt(i.foldedComponentIds, i.styledComponentId) : "", P.styledComponentId = x, P.target = n ? i.target : e, Object.defineProperty(P, "defaultProps", { get: function() {
+  return P.attrs = k, P.componentStyle = R, P.displayName = A, P.shouldForwardProp = B, P.foldedComponentIds = n ? tt(i.foldedComponentIds, i.styledComponentId) : "", P.styledComponentId = x, P.target = n ? i.target : e, Object.defineProperty(P, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(W) {
     this._foldedDefaultProps = n ? (function(D) {
@@ -3102,7 +3102,7 @@ function Sl(e, t, r) {
       for (var V = 0, I = T; V < I.length; V++) fn(D, I[V], !0);
       return D;
     })({}, i.defaultProps, W) : W;
-  } }), process.env.NODE_ENV !== "production" && (ri(g, x), P.warnTooManyClasses = /* @__PURE__ */ (function(W, D) {
+  } }), process.env.NODE_ENV !== "production" && (ri(A, x), P.warnTooManyClasses = /* @__PURE__ */ (function(W, D) {
     var T = {}, M = !1;
     return function(V) {
       if (!M && (T[V] = !0, Object.keys(T).length >= 200)) {
@@ -3119,7 +3119,7 @@ Example:
   <Component />`), M = !0, T = {};
       }
     };
-  })(g, x)), jn(P, function() {
+  })(A, x)), jn(P, function() {
     return ".".concat(P.styledComponentId);
   }), d && ci(P, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), P;
 }
@@ -3172,25 +3172,25 @@ function El(e) {
   var n = be.apply(void 0, Ye([e], t, !1)), i = "sc-global-".concat(Mn(JSON.stringify(n))), d = new Pl(n, i);
   process.env.NODE_ENV !== "production" && ri(i);
   var u = function(f) {
-    var y = hn(), A = G.useContext(Vn), g = G.useRef(y.styleSheet.allocateGSInstance(i)).current;
+    var y = hn(), g = G.useContext(Vn), A = G.useRef(y.styleSheet.allocateGSInstance(i)).current;
     return process.env.NODE_ENV !== "production" && G.Children.count(f.children) && console.warn("The global style component ".concat(i, " was given child JSX. createGlobalStyle does not render children.")), process.env.NODE_ENV !== "production" && n.some(function(x) {
       return typeof x == "string" && x.indexOf("@import") !== -1;
-    }) && console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."), y.styleSheet.server && s(g, f, y.styleSheet, A, y.stylis), G.useLayoutEffect(function() {
-      if (!y.styleSheet.server) return s(g, f, y.styleSheet, A, y.stylis), function() {
-        return d.removeStyles(g, y.styleSheet);
+    }) && console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."), y.styleSheet.server && s(A, f, y.styleSheet, g, y.stylis), G.useLayoutEffect(function() {
+      if (!y.styleSheet.server) return s(A, f, y.styleSheet, g, y.stylis), function() {
+        return d.removeStyles(A, y.styleSheet);
       };
-    }, [g, f, y.styleSheet, A, y.stylis]), null;
+    }, [A, f, y.styleSheet, g, y.stylis]), null;
   };
-  function s(f, y, A, g, x) {
-    if (d.isStatic) d.renderStyles(f, Zs, A, x);
+  function s(f, y, g, A, x) {
+    if (d.isStatic) d.renderStyles(f, Zs, g, x);
     else {
-      var k = we(we({}, y), { theme: ni(y, g, u.defaultProps) });
-      d.renderStyles(f, k, A, x);
+      var k = we(we({}, y), { theme: ni(y, A, u.defaultProps) });
+      d.renderStyles(f, k, g, x);
     }
   }
   return G.memo(u);
 }
-function Ai(e) {
+function gi(e) {
   for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
   process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
   var n = er(be.apply(void 0, Ye([e], t, !1))), i = Mn(n);
@@ -3227,12 +3227,6 @@ const Rl = "data:font/woff2;base64,d09GMgABAAAAAYYYAA8AAAAIBwwAAYW0AAEAAAAAAAAAA
     font-family: Inter, sans-serif;
   }
 
-  ol,
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
   blockquote,
   q {
     quotes: none;
@@ -3255,7 +3249,7 @@ const Rl = "data:font/woff2;base64,d09GMgABAAAAAYYYAA8AAAAIBwwAAYW0AAEAAAAAAAAAA
     vertical-align: baseline;
     border: 0;
   }
-}`, gi = /* @__PURE__ */ at(function(t, r) {
+}`, Ai = /* @__PURE__ */ at(function(t, r) {
   t = is(t);
   let { elementType: n = "div", children: i, ...d } = t, { styleProps: u } = ft(t, Xo), s = sr(r);
   return /* @__PURE__ */ G.createElement(n, {
@@ -3271,13 +3265,13 @@ const Rl = "data:font/woff2;base64,d09GMgABAAAAAYYYAA8AAAAIBwwAAYW0AAEAAAAAAAAAA
       if (u.currentTarget.readyState === 0 || !t) return;
       const s = u.currentTarget.currentTime, f = u.currentTarget.duration, {
         trackCurTimeEl: y,
-        progressBarEl: A,
-        progressValueEl: g,
+        progressBarEl: g,
+        progressValueEl: A,
         progressHandleEl: x
       } = t;
-      if (y && (y.innerText = ur(s)), A && g && x) {
-        const k = A.clientWidth, B = s / f * k;
-        g.style.transform = `scaleX(${s / f})`, x.style.transform = `translateX(${B}px)`;
+      if (y && (y.innerText = ur(s)), g && A && x) {
+        const k = g.clientWidth, B = s / f * k;
+        A.style.transform = `scaleX(${s / f})`, x.style.transform = `translateX(${B}px)`;
       }
     },
     [t]
@@ -3307,12 +3301,12 @@ const Rl = "data:font/woff2;base64,d09GMgABAAAAAYYYAA8AAAAIBwwAAYW0AAEAAAAAAAAAA
     onLoadedMetadata: d
   };
 }, Ol = ({ audioRef: e }) => {
-  const t = ge(null), { additionalId: r, curAudioState: n, curPlayId: i, playList: d } = H(
+  const t = Ae(null), { additionalId: r, curAudioState: n, curPlayId: i, playList: d } = H(
     ie
   ), u = H(je), s = d.find(
-    (g) => g.id === i
+    (A) => A.id === i
   ), f = Object.fromEntries(
-    Object.entries(n).filter((g) => !(g[0] === "isPlaying" || g[0] === "repeatType" || g[0] === "curPlayId"))
+    Object.entries(n).filter((A) => !(A[0] === "isPlaying" || A[0] === "repeatType" || A[0] === "curPlayId"))
   ), y = Ml();
   fe(() => {
     t.current && (u({
@@ -3320,11 +3314,11 @@ const Rl = "data:font/woff2;base64,d09GMgABAAAAAYYYAA8AAAAIBwwAAYW0AAEAAAAAAAAAA
       elementRefs: { audioEl: t.current }
     }), e && (e.current = t.current));
   }, [u, e]);
-  const A = r ? `rm-audio-player-audio-${r}` : "rm-audio-player-audio";
+  const g = r ? `rm-audio-player-audio-${r}` : "rm-audio-player-audio";
   return /* @__PURE__ */ p.jsx(
     "audio",
     {
-      id: A,
+      id: g,
       autoPlay: n.isPlaying,
       ref: t,
       src: s?.src,
@@ -3341,6 +3335,7 @@ const Rl = "data:font/woff2;base64,d09GMgABAAAAAYYYAA8AAAAIBwwAAYW0AAEAAAAAAAAAA
     width: 100%;
     height: 100%;
     pointer-events: none;
+    vertical-align: initial !important;
   }
 
   &:focus {
@@ -3667,7 +3662,7 @@ const au = Q.div`
   &:hover {
     color: rgba(255, 255, 255, 0.9);
   }
-`, Wn = At(null), iu = ({ children: e }) => {
+`, Wn = gt(null), iu = ({ children: e }) => {
   const { isOpen: t, setIsOpen: r, onOpenChange: n } = H(Wn);
   return /* @__PURE__ */ p.jsx(
     lu,
@@ -3678,7 +3673,7 @@ const au = Q.div`
       children: e
     }
   );
-}, xi = Ai({
+}, xi = gi({
   "0%": {
     opacity: 0,
     transform: "scale(0.95)"
@@ -3691,7 +3686,7 @@ const au = Q.div`
     opacity: 1,
     transform: "scale(1)"
   }
-}), ki = Ai({
+}), ki = gi({
   "0%": {
     opacity: 1,
     transform: "scale(1)"
@@ -3710,21 +3705,21 @@ const au = Q.div`
   onEntered: u,
   children: s
 }) => {
-  const [f, y] = pe(""), [A, g] = pe(!1);
+  const [f, y] = pe(""), [g, A] = pe(!1);
   return Ke(() => {
     const x = e ? "enter" : "leave", k = e ? n : r;
-    e && !A && g(!0), y(`${t}-${x}`);
+    e && !g && A(!0), y(`${t}-${x}`);
     const B = setTimeout(() => {
       y(
         `${t}-${x} ${t}-${x}-active`
       ), x === "leave" ? d?.() : u?.(), clearTimeout(B);
     }, k), j = setTimeout(() => {
-      e || (y(t), g(!1)), clearTimeout(j);
+      e || (y(t), A(!1)), clearTimeout(j);
     }, k + i);
     return () => {
       clearTimeout(B), clearTimeout(j);
     };
-  }, [e, A]), A ? io(s, {
+  }, [e, g]), g ? io(s, {
     className: `${s.props.className} ${f}`
   }) : null;
 }, ou = ({
@@ -3763,7 +3758,7 @@ const au = Q.div`
   isOpen: n,
   onOpenChange: i
 }) => {
-  const d = ge(null), [u, s] = G.Children.toArray(r), [f, y] = pe(!1);
+  const d = Ae(null), [u, s] = G.Children.toArray(r), [f, y] = pe(!1);
   return Si(d, () => {
     e && (y(!1), i && i(!1));
   }), Ke(() => {
@@ -3875,12 +3870,12 @@ function Bn(e, t, r, n) {
 }
 var vr = {};
 Bn(vr, "flex", () => yn, (e) => yn = e);
-Bn(vr, "flex-container", () => An, (e) => An = e);
-Bn(vr, "flex-gap", () => gn, (e) => gn = e);
-var yn, An, gn;
+Bn(vr, "flex-container", () => gn, (e) => gn = e);
+Bn(vr, "flex-gap", () => An, (e) => An = e);
+var yn, gn, An;
 yn = "vi3c6W_flex";
-An = "vi3c6W_flex-container";
-gn = "vi3c6W_flex-gap";
+gn = "vi3c6W_flex-container";
+An = "vi3c6W_flex-gap";
 function pu(e) {
   return e && e.__esModule ? e.default : e;
 }
@@ -3908,14 +3903,14 @@ const hu = {
 }, Pi = /* @__PURE__ */ at(function(t, r) {
   let { children: n, ...i } = t, d = ja(), u = d?.matchedBreakpoints || [
     "base"
-  ], { styleProps: s } = ft(i), { styleProps: f } = ft(i, hu), y = sr(r), A = {
+  ], { styleProps: s } = ft(i), { styleProps: f } = ft(i, hu), y = sr(r), g = {
     ...s.style,
     ...f.style
   };
-  return t.gap != null && (A.gap = Sr(t.gap, u)), t.columnGap != null && (A.columnGap = Sr(t.columnGap, u)), t.rowGap != null && (A.rowGap = Sr(t.rowGap, u)), /* @__PURE__ */ G.createElement("div", {
+  return t.gap != null && (g.gap = Sr(t.gap, u)), t.columnGap != null && (g.columnGap = Sr(t.columnGap, u)), t.rowGap != null && (g.rowGap = Sr(t.rowGap, u)), /* @__PURE__ */ G.createElement("div", {
     ...Mt(i),
     className: po(pu(vr), "flex", s.className),
-    style: A,
+    style: g,
     ref: y
   }, n);
 });
@@ -3935,7 +3930,7 @@ const vu = ({
   onDrop: u,
   onClick: s
 }) => {
-  const [f, y] = pe(!1), [A, g] = pe(!1);
+  const [f, y] = pe(!1), [g, A] = pe(!1);
   return { eventProps: {
     draggable: n,
     onDragStart: (k) => {
@@ -3945,16 +3940,16 @@ const vu = ({
       k.stopPropagation(), y(!1);
     },
     onDragEnter: (k) => {
-      k.stopPropagation(), g(!0);
+      k.stopPropagation(), A(!0);
     },
     onDragLeave: (k) => {
-      k.stopPropagation(), g(!1);
+      k.stopPropagation(), A(!1);
     },
     onDragOver: (k) => {
       k.preventDefault(), k.stopPropagation(), d && d(k);
     },
     onDrop: (k) => {
-      k.stopPropagation(), g(!1);
+      k.stopPropagation(), A(!1);
       const B = [...r], j = r[t];
       B.splice(t, 1);
       const O = (t < e ? [
@@ -3971,11 +3966,11 @@ const vu = ({
     onClick: (k) => {
       k.stopPropagation(), s && s(k);
     }
-  }, isDragStarted: f, isDragOver: A };
+  }, isDragStarted: f, isDragOver: g };
 }, yu = (e) => {
   const { children: t, ...r } = e, { eventProps: n, isDragStarted: i, isDragOver: d } = vu(r);
   return /* @__PURE__ */ p.jsx(
-    Au,
+    gu,
     {
       $isDragStarted: i,
       $isDragOver: d,
@@ -3983,10 +3978,11 @@ const vu = ({
       children: /* @__PURE__ */ p.jsx(Pi, { alignItems: "center", children: t })
     }
   );
-}, Au = Q.li`
+}, gu = Q.li`
   border-top: 2px solid transparent;
   border-bottom: 2px solid transparent;
   transition: all 0.3s ease-in-out;
+  margin: 0 !important;
 
   & * {
     pointer-events: none;
@@ -4001,12 +3997,16 @@ const vu = ({
       backdrop-filter: blur(20px);
       box-shadow: 0 3.58195px 22.3872px -2.68646px rgb(0 0 0 / 20%);
     `}
-`, bn = ({ children: e }) => /* @__PURE__ */ p.jsx(gu, { children: e }), gu = Q.ul`
+`, bn = ({ children: e }) => /* @__PURE__ */ p.jsx(Au, { children: e }), Au = Q.ul`
+  cursor: pointer;
+  list-style: none;
+  margin: 0 !important;
+  padding: 0;
+
   ul,
   li {
     list-style-type: none;
   }
-  cursor: pointer;
 `;
 bn.Item = yu;
 const bu = ({ data: e }) => {
@@ -4098,7 +4098,7 @@ const bu = ({ data: e }) => {
       onClick: (s) => u(s)
     }
   };
-}, Ei = At({ current: null }), Iu = ({ isOpen: e, setIsOpen: t }) => {
+}, Ei = gt({ current: null }), Iu = ({ isOpen: e, setIsOpen: t }) => {
   const { playList: r } = H(ie), { cssTransitionEventProps: n, sortableItemEventProps: i } = Ru({
     setIsOpen: t
   }), {
@@ -4116,17 +4116,17 @@ const bu = ({ data: e }) => {
         leaveTime: 20,
         clearTime: 300,
         ...n,
-        children: /* @__PURE__ */ p.jsx(Tu, { children: /* @__PURE__ */ p.jsx(bn, { children: r.map((y, A) => /* @__PURE__ */ p.jsx(
+        children: /* @__PURE__ */ p.jsx(Tu, { children: /* @__PURE__ */ p.jsx(bn, { children: r.map((y, g) => /* @__PURE__ */ p.jsx(
           bn.Item,
           {
-            index: A,
+            index: g,
             listData: r,
-            onClick: () => d(A),
-            onDragStart: () => u(A),
+            onClick: () => d(g),
+            onDragStart: () => u(g),
             ...s,
             children: /* @__PURE__ */ p.jsx(bu, { data: y })
           },
-          `sortable-item-${A}`
+          `sortable-item-${g}`
         )) }) })
       }
     ),
@@ -4164,7 +4164,7 @@ const bu = ({ data: e }) => {
     /* @__PURE__ */ p.jsx(Rt.Content, { children: /* @__PURE__ */ p.jsx(Iu, { isOpen: e, setIsOpen: t }) })
   ] });
 }, Ou = (e, t) => {
-  const r = ge();
+  const r = Ae();
   return Ke(() => {
     const n = t ? `rm-audio-player-provider-${t}` : "rm-audio-player-provider", i = document.querySelector(`.${n}`);
     i && (r.current = Object.entries(
@@ -4195,8 +4195,8 @@ const bu = ({ data: e }) => {
   const { elementRefs: e } = H(ie), [t, r] = pe(!1), n = Me(
     (d) => {
       if (!e?.audioEl) return;
-      const { clientX: u } = d, { clientWidth: s } = d.currentTarget, f = d.currentTarget.getBoundingClientRect(), A = (u - f.x) / s;
-      e.audioEl.currentTime = A * e.audioEl.duration;
+      const { clientX: u } = d, { clientWidth: s } = d.currentTarget, f = d.currentTarget.getBoundingClientRect(), g = (u - f.x) / s;
+      e.audioEl.currentTime = g * e.audioEl.duration;
     },
     [e?.audioEl]
   ), i = Me(
@@ -4213,7 +4213,7 @@ const bu = ({ data: e }) => {
     onMouseOut: () => t && i(!0)
   };
 }, ju = ({ isActive: e }) => {
-  const t = ge(null), r = ge(null), n = ge(null);
+  const t = Ae(null), r = Ae(null), n = Ae(null);
   Fn(
     {
       refs: {
@@ -4300,14 +4300,14 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var y = g(f(
+              var y = A(f(
                 /*! ./util/style */
                 "./src/util/style.js"
-              )), A = g(f(
+              )), g = A(f(
                 /*! ./util/get-id */
                 "./src/util/get-id.js"
               ));
-              function g(O) {
+              function A(O) {
                 return O && O.__esModule ? O : { default: O };
               }
               function x(O, R) {
@@ -4325,7 +4325,7 @@ function Bu() {
               }
               var j = /* @__PURE__ */ (function() {
                 function O() {
-                  x(this, O), this.wave = null, this.waveCtx = null, this.progress = null, this.progressCtx = null, this.start = 0, this.end = 1, this.id = (0, A.default)(typeof this.constructor.name < "u" ? this.constructor.name.toLowerCase() + "_" : "canvasentry_"), this.canvasContextAttributes = {};
+                  x(this, O), this.wave = null, this.waveCtx = null, this.progress = null, this.progressCtx = null, this.start = 0, this.end = 1, this.id = (0, g.default)(typeof this.constructor.name < "u" ? this.constructor.name.toLowerCase() + "_" : "canvasentry_"), this.canvasContextAttributes = {};
                 }
                 return B(O, [{
                   key: "initWave",
@@ -4562,14 +4562,14 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var A = x(f(
+              var g = x(f(
                 /*! ./util */
                 "./src/util/index.js"
               ));
-              function g(V) {
+              function A(V) {
                 if (typeof WeakMap != "function") return null;
                 var I = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-                return (g = function(c) {
+                return (A = function(c) {
                   return c ? N : I;
                 })(V);
               }
@@ -4578,7 +4578,7 @@ function Bu() {
                   return V;
                 if (V === null || y(V) !== "object" && typeof V != "function")
                   return { default: V };
-                var N = g(I);
+                var N = A(I);
                 if (N && N.has(V))
                   return N.get(V);
                 var S = {}, c = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -4656,12 +4656,12 @@ function Bu() {
                 var I = C(N);
                 function N(S, c) {
                   var m;
-                  return k(this, N), m = I.call(this), m.container = A.withOrientation(S, c.vertical), m.params = c, m.width = 0, m.height = c.height * m.params.pixelRatio, m.lastPos = 0, m.wrapper = null, m;
+                  return k(this, N), m = I.call(this), m.container = g.withOrientation(S, c.vertical), m.params = c, m.width = 0, m.height = c.height * m.params.pixelRatio, m.lastPos = 0, m.wrapper = null, m;
                 }
                 return j(N, [{
                   key: "style",
                   value: function(c, m) {
-                    return A.style(c, m);
+                    return g.style(c, m);
                   }
                   /**
                    * Create the wrapper `<wave>` element, style it and set up the events for
@@ -4670,7 +4670,7 @@ function Bu() {
                 }, {
                   key: "createWrapper",
                   value: function() {
-                    this.wrapper = A.withOrientation(this.container.appendChild(document.createElement("wave")), this.params.vertical), this.style(this.wrapper, {
+                    this.wrapper = g.withOrientation(this.container.appendChild(document.createElement("wave")), this.params.vertical), this.style(this.wrapper, {
                       display: "block",
                       position: "relative",
                       userSelect: "none",
@@ -4694,8 +4694,8 @@ function Bu() {
                   key: "handleEvent",
                   value: function(c, m) {
                     !m && c.preventDefault();
-                    var w = A.withOrientation(c.targetTouches ? c.targetTouches[0] : c, this.params.vertical).clientX, l = this.wrapper.getBoundingClientRect(), o = this.width, b = this.getWidth(), v = this.getProgressPixels(l, w), a;
-                    return !this.params.fillParent && o < b ? a = v * (this.params.pixelRatio / o) || 0 : a = (v + this.wrapper.scrollLeft) / this.wrapper.scrollWidth || 0, A.clamp(a, 0, 1);
+                    var w = g.withOrientation(c.targetTouches ? c.targetTouches[0] : c, this.params.vertical).clientX, l = this.wrapper.getBoundingClientRect(), o = this.width, b = this.getWidth(), v = this.getProgressPixels(l, w), a;
+                    return !this.params.fillParent && o < b ? a = v * (this.params.pixelRatio / o) || 0 : a = (v + this.wrapper.scrollLeft) / this.wrapper.scrollWidth || 0, g.clamp(a, 0, 1);
                   }
                 }, {
                   key: "getProgressPixels",
@@ -4707,7 +4707,7 @@ function Bu() {
                   value: function() {
                     var c = this;
                     this.wrapper.addEventListener("click", function(m) {
-                      var w = A.withOrientation(m, c.params.vertical), l = c.wrapper.offsetHeight - c.wrapper.clientHeight;
+                      var w = g.withOrientation(m, c.params.vertical), l = c.wrapper.offsetHeight - c.wrapper.clientHeight;
                       if (l !== 0) {
                         var o = c.wrapper.getBoundingClientRect();
                         if (w.clientY >= o.bottom - l)
@@ -4936,7 +4936,7 @@ function Bu() {
                   value: function(c) {
                   }
                 }]), N;
-              })(A.Observer);
+              })(g.Observer);
               s.default = M, u.exports = s.default;
             })
           ),
@@ -4958,10 +4958,10 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var A = j(f(
+              var g = j(f(
                 /*! ./drawer */
                 "./src/drawer.js"
-              )), g = B(f(
+              )), A = B(f(
                 /*! ./util */
                 "./src/util/index.js"
               )), x = j(f(
@@ -5075,7 +5075,7 @@ function Bu() {
                 }, {
                   key: "createElements",
                   value: function() {
-                    this.progressWave = g.withOrientation(this.wrapper.appendChild(document.createElement("wave")), this.params.vertical), this.style(this.progressWave, {
+                    this.progressWave = A.withOrientation(this.wrapper.appendChild(document.createElement("wave")), this.params.vertical), this.style(this.progressWave, {
                       position: "absolute",
                       zIndex: 3,
                       left: 0,
@@ -5124,7 +5124,7 @@ function Bu() {
                   value: function() {
                     var l = new this.EntryClass();
                     l.canvasContextAttributes = this.canvasContextAttributes, l.hasProgressCanvas = this.hasProgressCanvas, l.halfPixel = this.halfPixel;
-                    var o = this.maxCanvasElementWidth * this.canvases.length, b = g.withOrientation(this.wrapper.appendChild(document.createElement("canvas")), this.params.vertical);
+                    var o = this.maxCanvasElementWidth * this.canvases.length, b = A.withOrientation(this.wrapper.appendChild(document.createElement("canvas")), this.params.vertical);
                     if (this.style(b, {
                       position: "absolute",
                       zIndex: 2,
@@ -5134,7 +5134,7 @@ function Bu() {
                       height: "100%",
                       pointerEvents: "none"
                     }), l.initWave(b), this.hasProgressCanvas) {
-                      var v = g.withOrientation(this.progressWave.appendChild(document.createElement("canvas")), this.params.vertical);
+                      var v = A.withOrientation(this.progressWave.appendChild(document.createElement("canvas")), this.params.vertical);
                       this.style(v, {
                         position: "absolute",
                         left: o + "px",
@@ -5177,7 +5177,7 @@ function Bu() {
                   key: "clearWave",
                   value: function() {
                     var l = this;
-                    g.frame(function() {
+                    A.frame(function() {
                       l.canvases.forEach(function(o) {
                         return o.clearWave();
                       });
@@ -5205,8 +5205,8 @@ function Bu() {
                       E.height;
                       var J = E.offsetY, Z = E.halfH, Y = E.peaks, q = E.channelIndex;
                       if (b !== void 0) {
-                        var re = L ? 2 : 1, se = Y.length / re, $ = a.params.barWidth * a.params.pixelRatio, ve = a.params.barGap === null ? Math.max(a.params.pixelRatio, ~~($ / 2)) : Math.max(a.params.pixelRatio, a.params.barGap * a.params.pixelRatio), ce = $ + ve, ue = se / a.width, yr = b, Ar = v, We = yr;
-                        for (We; We < Ar; We += ce) {
+                        var re = L ? 2 : 1, se = Y.length / re, $ = a.params.barWidth * a.params.pixelRatio, ve = a.params.barGap === null ? Math.max(a.params.pixelRatio, ~~($ / 2)) : Math.max(a.params.pixelRatio, a.params.barGap * a.params.pixelRatio), ce = $ + ve, ue = se / a.width, yr = b, gr = v, We = yr;
+                        for (We; We < gr; We += ce) {
                           var De = 0, st = Math.floor(We * ue) * re, jt = Math.floor((We + ce) * ue) * re;
                           do {
                             var $e = Math.abs(Y[st]);
@@ -5328,7 +5328,7 @@ function Bu() {
                   key: "prepareDraw",
                   value: function(l, o, b, v, a, E, z) {
                     var L = this;
-                    return g.frame(function() {
+                    return A.frame(function() {
                       if (l[0] instanceof Array) {
                         var J = l;
                         if (L.params.splitChannels) {
@@ -5337,8 +5337,8 @@ function Bu() {
                           });
                           L.params.splitChannelsOptions.overlay || L.setHeight(Math.max(Z.length, 1) * L.params.height * L.params.pixelRatio);
                           var Y;
-                          return L.params.splitChannelsOptions && L.params.splitChannelsOptions.relativeNormalization && (Y = g.max(J.map(function(ce) {
-                            return g.absMax(ce);
+                          return L.params.splitChannelsOptions && L.params.splitChannelsOptions.relativeNormalization && (Y = A.max(J.map(function(ce) {
+                            return A.absMax(ce);
                           }))), J.forEach(function(ce, ue) {
                             return L.prepareDraw(ce, ue, b, v, a, Z.indexOf(ce), Y);
                           });
@@ -5347,7 +5347,7 @@ function Bu() {
                       }
                       if (!L.hideChannel(o)) {
                         var q = 1 / L.params.barHeight;
-                        L.params.normalize && (q = z === void 0 ? g.absMax(l) : z);
+                        L.params.normalize && (q = z === void 0 ? A.absMax(l) : z);
                         var re = [].some.call(l, function(ce) {
                           return ce < 0;
                         }), se = L.params.height * L.params.pixelRatio, $ = se / 2, ve = se * E || 0;
@@ -5429,7 +5429,7 @@ function Bu() {
                     });
                   }
                 }]), m;
-              })(A.default);
+              })(g.default);
               s.default = N, u.exports = s.default;
             })
           ),
@@ -5451,11 +5451,11 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var A = g(f(
+              var g = A(f(
                 /*! ./mediaelement */
                 "./src/mediaelement.js"
               ));
-              function g(I) {
+              function A(I) {
                 return I && I.__esModule ? I : { default: I };
               }
               function x(I, N) {
@@ -5586,7 +5586,7 @@ function Bu() {
                     j(M(S.prototype), "destroy", this).call(this), this.destroyWebAudio();
                   }
                 }]), S;
-              })(A.default);
+              })(g.default);
               s.default = V, u.exports = s.default;
             })
           ),
@@ -5608,10 +5608,10 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var A = B(f(
+              var g = B(f(
                 /*! ./webaudio */
                 "./src/webaudio.js"
-              )), g = k(f(
+              )), A = k(f(
                 /*! ./util */
                 "./src/util/index.js"
               ));
@@ -5771,7 +5771,7 @@ function Bu() {
                   key: "createTimer",
                   value: function() {
                     var o = this, b = function v() {
-                      o.isPaused() || (o.fireEvent("audioprocess", o.getCurrentTime()), g.frame(v)());
+                      o.isPaused() || (o.fireEvent("audioprocess", o.getCurrentTime()), A.frame(v)());
                     };
                     this.on("play", b), this.on("pause", function() {
                       o.fireEvent("audioprocess", o.getCurrentTime());
@@ -6017,7 +6017,7 @@ function Bu() {
                     }), this.params.removeMediaElementOnDestroy && this.media && this.media.parentNode && this.media.parentNode.removeChild(this.media), this.media = null;
                   }
                 }]), w;
-              })(A.default);
+              })(g.default);
               s.default = S, u.exports = s.default;
             })
           ),
@@ -6041,14 +6041,14 @@ function Bu() {
                   j.enumerable = j.enumerable || !1, j.configurable = !0, "value" in j && (j.writable = !0), Object.defineProperty(x, j.key, j);
                 }
               }
-              function A(x, k, B) {
+              function g(x, k, B) {
                 return k && y(x.prototype, k), Object.defineProperty(x, "prototype", { writable: !1 }), x;
               }
-              var g = /* @__PURE__ */ (function() {
+              var A = /* @__PURE__ */ (function() {
                 function x() {
                   f(this, x), this.clearPeakCache();
                 }
-                return A(x, [{
+                return g(x, [{
                   key: "clearPeakCache",
                   value: function() {
                     this.peakCacheRanges = [], this.peakCacheLength = -1;
@@ -6096,7 +6096,7 @@ function Bu() {
                   }
                 }]), x;
               })();
-              s.default = g, u.exports = s.default;
+              s.default = A, u.exports = s.default;
             })
           ),
           /***/
@@ -6109,18 +6109,18 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = x;
-              var y = g(f(
+              var y = A(f(
                 /*! ./max */
                 "./src/util/max.js"
-              )), A = g(f(
+              )), g = A(f(
                 /*! ./min */
                 "./src/util/min.js"
               ));
-              function g(k) {
+              function A(k) {
                 return k && k.__esModule ? k : { default: k };
               }
               function x(k) {
-                var B = (0, y.default)(k), j = (0, A.default)(k);
+                var B = (0, y.default)(k), j = (0, g.default)(k);
                 return -j > B ? -j : B;
               }
               u.exports = s.default;
@@ -6136,8 +6136,8 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = f;
-              function f(y, A, g) {
-                return Math.min(Math.max(A, y), g);
+              function f(y, g, A) {
+                return Math.min(Math.max(g, y), A);
               }
               u.exports = s.default;
             })
@@ -6152,14 +6152,14 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = j;
-              var y = A(f(
+              var y = g(f(
                 /*! ./observer */
                 "./src/util/observer.js"
               ));
-              function A(O) {
+              function g(O) {
                 return O && O.__esModule ? O : { default: O };
               }
-              function g(O, R) {
+              function A(O, R) {
                 if (!(O instanceof R))
                   throw new TypeError("Cannot call a class as a function");
               }
@@ -6174,7 +6174,7 @@ function Bu() {
               }
               var B = /* @__PURE__ */ (function() {
                 function O(R, C, P) {
-                  g(this, O), this.instance = R, this.instance._reader = P.body.getReader(), this.total = parseInt(C, 10), this.loaded = 0;
+                  A(this, O), this.instance = R, this.instance._reader = P.body.getReader(), this.total = parseInt(C, 10), this.loaded = 0;
                 }
                 return k(O, [{
                   key: "start",
@@ -6265,15 +6265,15 @@ function Bu() {
             ((u, s, f) => {
               Object.defineProperty(s, "__esModule", {
                 value: !0
-              }), s.default = g;
-              var y = A(f(
+              }), s.default = A;
+              var y = g(f(
                 /*! ./request-animation-frame */
                 "./src/util/request-animation-frame.js"
               ));
-              function A(x) {
+              function g(x) {
                 return x && x.__esModule ? x : { default: x };
               }
-              function g(x) {
+              function A(x) {
                 return function() {
                   for (var k = arguments.length, B = new Array(k), j = 0; j < k; j++)
                     B[j] = arguments[j];
@@ -6353,12 +6353,12 @@ function Bu() {
               }), Object.defineProperty(s, "max", {
                 enumerable: !0,
                 get: function() {
-                  return A.default;
+                  return g.default;
                 }
               }), Object.defineProperty(s, "min", {
                 enumerable: !0,
                 get: function() {
-                  return g.default;
+                  return A.default;
                 }
               }), Object.defineProperty(s, "preventClick", {
                 enumerable: !0,
@@ -6384,10 +6384,10 @@ function Bu() {
               var y = M(f(
                 /*! ./get-id */
                 "./src/util/get-id.js"
-              )), A = M(f(
+              )), g = M(f(
                 /*! ./max */
                 "./src/util/max.js"
-              )), g = M(f(
+              )), A = M(f(
                 /*! ./min */
                 "./src/util/min.js"
               )), x = M(f(
@@ -6440,10 +6440,10 @@ function Bu() {
                 value: !0
               }), s.default = f;
               function f(y) {
-                var A = -1 / 0;
-                return Object.keys(y).forEach(function(g) {
-                  y[g] > A && (A = y[g]);
-                }), A;
+                var g = -1 / 0;
+                return Object.keys(y).forEach(function(A) {
+                  y[A] > g && (g = y[A]);
+                }), g;
               }
               u.exports = s.default;
             })
@@ -6459,10 +6459,10 @@ function Bu() {
                 value: !0
               }), s.default = f;
               function f(y) {
-                var A = 1 / 0;
-                return Object.keys(y).forEach(function(g) {
-                  y[g] < A && (A = y[g]);
-                }), A;
+                var g = 1 / 0;
+                return Object.keys(y).forEach(function(A) {
+                  y[A] < g && (g = y[A]);
+                }), g;
               }
               u.exports = s.default;
             })
@@ -6487,14 +6487,14 @@ function Bu() {
                   j.enumerable = j.enumerable || !1, j.configurable = !0, "value" in j && (j.writable = !0), Object.defineProperty(x, j.key, j);
                 }
               }
-              function A(x, k, B) {
+              function g(x, k, B) {
                 return k && y(x.prototype, k), Object.defineProperty(x, "prototype", { writable: !1 }), x;
               }
-              var g = /* @__PURE__ */ (function() {
+              var A = /* @__PURE__ */ (function() {
                 function x() {
                   f(this, x), this._disabledEventEmissions = [], this.handlers = null;
                 }
-                return A(x, [{
+                return g(x, [{
                   key: "on",
                   value: function(B, j) {
                     var O = this;
@@ -6600,7 +6600,7 @@ function Bu() {
                   }
                 }]), x;
               })();
-              s.default = g, u.exports = s.default;
+              s.default = A, u.exports = s.default;
             })
           ),
           /***/
@@ -6612,7 +6612,7 @@ function Bu() {
             ((u, s) => {
               Object.defineProperty(s, "__esModule", {
                 value: !0
-              }), s.default = g;
+              }), s.default = A;
               var f = {
                 width: "height",
                 height: "width",
@@ -6639,25 +6639,25 @@ function Bu() {
               function y(x, k) {
                 return Object.prototype.hasOwnProperty.call(f, x) && k ? f[x] : x;
               }
-              var A = Symbol("isProxy");
-              function g(x, k) {
-                return x[A] ? x : new Proxy(x, {
+              var g = Symbol("isProxy");
+              function A(x, k) {
+                return x[g] ? x : new Proxy(x, {
                   get: function(j, O, R) {
-                    if (O === A)
+                    if (O === g)
                       return !0;
                     if (O === "domElement")
                       return j;
                     if (O === "style")
-                      return g(j.style, k);
+                      return A(j.style, k);
                     if (O === "canvas")
-                      return g(j.canvas, k);
+                      return A(j.canvas, k);
                     if (O === "getBoundingClientRect")
                       return function() {
-                        return g(j.getBoundingClientRect.apply(j, arguments), k);
+                        return A(j.getBoundingClientRect.apply(j, arguments), k);
                       };
                     if (O === "getContext")
                       return function() {
-                        return g(j.getContext.apply(j, arguments), k);
+                        return A(j.getContext.apply(j, arguments), k);
                       };
                     var C = j[y(O, k)];
                     return typeof C == "function" ? C.bind(j) : C;
@@ -6680,10 +6680,10 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = y;
-              function f(A) {
-                A.stopPropagation(), document.body.removeEventListener("click", f, !0);
+              function f(g) {
+                g.stopPropagation(), document.body.removeEventListener("click", f, !0);
               }
-              function y(A) {
+              function y(g) {
                 document.body.addEventListener("click", f, !0);
               }
               u.exports = s.default;
@@ -6699,7 +6699,7 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var f = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(y, A) {
+              var f = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(y, g) {
                 return setTimeout(y, 1e3 / 60);
               }).bind(window);
               s.default = f, u.exports = s.default;
@@ -6716,10 +6716,10 @@ function Bu() {
                 value: !0
               }), s.default = f;
               function f() {
-                var y = "data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAA8AAAACAAACcQCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA//////////////////////////////////////////////////////////////////8AAABhTEFNRTMuMTAwA8MAAAAAAAAAABQgJAUHQQAB9AAAAnGMHkkIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//sQxAADgnABGiAAQBCqgCRMAAgEAH///////////////7+n/9FTuQsQH//////2NG0jWUGlio5gLQTOtIoeR2WX////X4s9Atb/JRVCbBUpeRUq//////////////////9RUi0f2jn/+xDECgPCjAEQAABN4AAANIAAAAQVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVQ==", A = document.createElement("div");
-                A.innerHTML = '<audio x-webkit-airplay="deny"></audio>';
-                var g = A.children.item(0);
-                g.src = y, g.preload = "auto", g.type = "audio/mpeg", g.disableRemotePlayback = !0, g.play(), g.remove(), A.remove();
+                var y = "data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAA8AAAACAAACcQCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA//////////////////////////////////////////////////////////////////8AAABhTEFNRTMuMTAwA8MAAAAAAAAAABQgJAUHQQAB9AAAAnGMHkkIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//sQxAADgnABGiAAQBCqgCRMAAgEAH///////////////7+n/9FTuQsQH//////2NG0jWUGlio5gLQTOtIoeR2WX////X4s9Atb/JRVCbBUpeRUq//////////////////9RUi0f2jn/+xDECgPCjAEQAABN4AAANIAAAAQVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVQ==", g = document.createElement("div");
+                g.innerHTML = '<audio x-webkit-airplay="deny"></audio>';
+                var A = g.children.item(0);
+                A.src = y, A.preload = "auto", A.type = "audio/mpeg", A.disableRemotePlayback = !0, A.play(), A.remove(), g.remove();
               }
               u.exports = s.default;
             })
@@ -6734,9 +6734,9 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = f;
-              function f(y, A) {
-                return Object.keys(A).forEach(function(g) {
-                  y.style[g] !== A[g] && (y.style[g] = A[g]);
+              function f(y, g) {
+                return Object.keys(g).forEach(function(A) {
+                  y.style[A] !== g[A] && (y.style[A] = g[A]);
                 }), y;
               }
               u.exports = s.default;
@@ -6760,10 +6760,10 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var A = C(f(
+              var g = C(f(
                 /*! ./util */
                 "./src/util/index.js"
-              )), g = O(f(
+              )), A = O(f(
                 /*! ./drawer.multicanvas */
                 "./src/drawer.multicanvas.js"
               )), x = O(f(
@@ -6918,7 +6918,7 @@ function Bu() {
                     plugins: [],
                     progressColor: "#555",
                     removeMediaElementOnDestroy: !0,
-                    renderer: g.default,
+                    renderer: A.default,
                     responsive: !1,
                     rtl: !1,
                     scrollParent: !1,
@@ -6937,7 +6937,7 @@ function Bu() {
                     MediaElement: k.default,
                     WebAudio: x.default,
                     MediaElementWebAudio: j.default
-                  }), N(M(a), "util", A), a.params = Object.assign({}, a.defaultParams, v), a.params.splitChannelsOptions = Object.assign({}, a.defaultParams.splitChannelsOptions, v.splitChannelsOptions), a.container = typeof v.container == "string" ? document.querySelector(a.params.container) : a.params.container, !a.container)
+                  }), N(M(a), "util", g), a.params = Object.assign({}, a.defaultParams, v), a.params.splitChannelsOptions = Object.assign({}, a.defaultParams.splitChannelsOptions, v.splitChannelsOptions), a.container = typeof v.container == "string" ? document.querySelector(a.params.container) : a.params.container, !a.container)
                     throw new Error("Container element not found");
                   if (a.params.mediaContainer == null ? a.mediaContainer = a.container : typeof a.params.mediaContainer == "string" ? a.mediaContainer = document.querySelector(a.params.mediaContainer) : a.mediaContainer = a.params.mediaContainer, !a.mediaContainer)
                     throw new Error("Media Container element not found");
@@ -6945,15 +6945,15 @@ function Bu() {
                     throw new Error("maxCanvasWidth must be greater than 1");
                   if (a.params.maxCanvasWidth % 2 == 1)
                     throw new Error("maxCanvasWidth must be an even number");
-                  if (a.params.rtl === !0 && (a.params.vertical === !0 ? A.style(a.container, {
+                  if (a.params.rtl === !0 && (a.params.vertical === !0 ? g.style(a.container, {
                     transform: "rotateX(180deg)"
-                  }) : A.style(a.container, {
+                  }) : g.style(a.container, {
                     transform: "rotateY(180deg)"
                   })), a.params.backgroundColor && a.setBackgroundColor(a.params.backgroundColor), a.savedVolume = 0, a.isMuted = !1, a.tmpEvents = [], a.currentRequest = null, a.arraybuffer = null, a.drawer = null, a.backend = null, a.peakCache = null, typeof a.params.renderer != "function")
                     throw new Error("Renderer parameter is invalid");
                   a.Drawer = a.params.renderer, a.params.backend == "AudioElement" && (a.params.backend = "MediaElement"), (a.params.backend == "WebAudio" || a.params.backend === "MediaElementWebAudio") && !x.default.prototype.supportsWebAudio.call(null) && (a.params.backend = "MediaElement"), a.Backend = a.backends[a.params.backend], a.initialisedPluginList = {}, a.isDestroyed = !1, a.isReady = !1;
                   var E = 0;
-                  return a._onResize = A.debounce(function() {
+                  return a._onResize = g.debounce(function() {
                     a.drawer.wrapper && E != a.drawer.wrapper.clientWidth && !a.params.scrollParent && (E = a.drawer.wrapper.clientWidth, E && a.drawer.fireEvent("redraw"));
                   }, typeof a.params.responsive == "number" ? a.params.responsive : 100), T(a, M(a));
                 }
@@ -7010,9 +7010,9 @@ function Bu() {
                     a.staticProps && Object.keys(a.staticProps).forEach(function(J) {
                       E[J] = a.staticProps[J];
                     });
-                    var z = a.instance, L = Object.getOwnPropertyNames(A.Observer.prototype);
+                    var z = a.instance, L = Object.getOwnPropertyNames(g.Observer.prototype);
                     return L.forEach(function(J) {
-                      z.prototype[J] = A.Observer.prototype[J];
+                      z.prototype[J] = g.Observer.prototype[J];
                     }), this[a.name] = new z(a.params || {}, this), this.fireEvent("plugin-added", a.name), this;
                   }
                   /**
@@ -7167,7 +7167,7 @@ function Bu() {
                   key: "play",
                   value: function(a, E) {
                     var z = this;
-                    return this.params.ignoreSilenceMode && A.ignoreSilenceMode(), this.fireEvent("interaction", function() {
+                    return this.params.ignoreSilenceMode && g.ignoreSilenceMode(), this.fireEvent("interaction", function() {
                       return z.play(a, E);
                     }), this.backend.play(a, E);
                   }
@@ -7504,7 +7504,7 @@ function Bu() {
                 }, {
                   key: "setBackgroundColor",
                   value: function(a) {
-                    this.params.backgroundColor = a, A.style(this.container, {
+                    this.params.backgroundColor = a, g.style(this.container, {
                       background: this.params.backgroundColor
                     });
                   }
@@ -7789,7 +7789,7 @@ function Bu() {
                     var z = this, L = Object.assign({
                       url: a,
                       responseType: "arraybuffer"
-                    }, this.params.xhr), J = A.fetchFile(L);
+                    }, this.params.xhr), J = g.fetchFile(L);
                     return this.currentRequest = J, this.tmpEvents.push(J.on("progress", function(Z) {
                       z.onProgress(Z);
                     }), J.on("success", function(Z) {
@@ -7928,8 +7928,8 @@ function Bu() {
                    * console.log('Using wavesurfer.js ' + WaveSurfer.VERSION);
                    */
                 }]), b;
-              })(A.Observer);
-              s.default = w, N(w, "VERSION", "6.2.0"), N(w, "util", A), u.exports = s.default;
+              })(g.Observer);
+              s.default = w, N(w, "VERSION", "6.2.0"), N(w, "util", g), u.exports = s.default;
             })
           ),
           /***/
@@ -7950,14 +7950,14 @@ function Bu() {
               Object.defineProperty(s, "__esModule", {
                 value: !0
               }), s.default = void 0;
-              var A = x(f(
+              var g = x(f(
                 /*! ./util */
                 "./src/util/index.js"
               ));
-              function g(c) {
+              function A(c) {
                 if (typeof WeakMap != "function") return null;
                 var m = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
-                return (g = function(o) {
+                return (A = function(o) {
                   return o ? w : m;
                 })(c);
               }
@@ -7966,7 +7966,7 @@ function Bu() {
                   return c;
                 if (c === null || y(c) !== "object" && typeof c != "function")
                   return { default: c };
-                var w = g(m);
+                var w = A(m);
                 if (w && w.has(c))
                   return w.get(c);
                 var l = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -8497,7 +8497,7 @@ function Bu() {
                     this.scheduledPause = o;
                   }
                 }]), w;
-              })(A.Observer);
+              })(g.Observer);
               s.default = S, M(S, "scriptBufferSize", 256), u.exports = s.default;
             })
           ),
@@ -8508,22 +8508,22 @@ function Bu() {
               \****************************************/
             /***/
             ((u) => {
-              function s(f, y, A) {
-                var g, x, k, B, j;
+              function s(f, y, g) {
+                var A, x, k, B, j;
                 y == null && (y = 100);
                 function O() {
                   var C = Date.now() - B;
-                  C < y && C >= 0 ? g = setTimeout(O, y - C) : (g = null, A || (j = f.apply(k, x), k = x = null));
+                  C < y && C >= 0 ? A = setTimeout(O, y - C) : (A = null, g || (j = f.apply(k, x), k = x = null));
                 }
                 var R = function() {
                   k = this, x = arguments, B = Date.now();
-                  var C = A && !g;
-                  return g || (g = setTimeout(O, y)), C && (j = f.apply(k, x), k = x = null), j;
+                  var C = g && !A;
+                  return A || (A = setTimeout(O, y)), C && (j = f.apply(k, x), k = x = null), j;
                 };
                 return R.clear = function() {
-                  g && (clearTimeout(g), g = null);
+                  A && (clearTimeout(A), A = null);
                 }, R.flush = function() {
-                  g && (j = f.apply(k, x), k = x = null, clearTimeout(g), g = null);
+                  A && (j = f.apply(k, x), k = x = null, clearTimeout(A), A = null);
                 }, R;
               }
               s.debounce = s, u.exports = s;
@@ -8617,7 +8617,7 @@ const Fu = /* @__PURE__ */ lo(Du), zu = {
     cursor: pointer !important;
   }
 `, qu = ({ isActive: e }) => {
-  const t = ge(null), { additionalId: r, elementRefs: n, curAudioState: i } = H(
+  const t = Ae(null), { additionalId: r, elementRefs: n, curAudioState: i } = H(
     ie
   );
   Lu(t), fe(() => {
@@ -8638,7 +8638,7 @@ const Fu = /* @__PURE__ */ lo(Du), zu = {
 }, Te = at(({ className: e, ...t }, r) => /* @__PURE__ */ p.jsx(du, { ...t, UNSAFE_className: e, ref: r }));
 Te.displayName = "CustomGrid";
 const Ti = at(({ children: e, visible: t = !0, ...r }, n) => /* @__PURE__ */ p.jsx(
-  gi,
+  Ai,
   {
     justifySelf: "center",
     padding: t ? "0 5px" : void 0,
@@ -8652,7 +8652,7 @@ Te.Item = Ti;
 const Ku = ({
   placement: e
 }) => {
-  const t = ge(null), { curAudioState: r } = H(ie), n = H(je), i = Me(
+  const t = Ae(null), { curAudioState: r } = H(ie), n = H(je), i = Me(
     (d) => {
       d.stopPropagation(), d.preventDefault(), r.muted && n({ type: "SET_MUTED", muted: !1 });
       const { value: u } = d.target, s = parseFloat(u);
@@ -8834,7 +8834,7 @@ const Ku = ({
       transform: rotateX(180deg);
       top: 5px;
     `}
-`, Mi = At(null), Xu = ({
+`, Mi = gt(null), Xu = ({
   children: e
 }) => /* @__PURE__ */ p.jsx(tc, { children: e }), Oi = ({
   clickArea: e,
@@ -8843,23 +8843,23 @@ const Ku = ({
   setIsOpen: n,
   onOpenChange: i
 }) => {
-  const d = ge(), u = (A) => {
-    const g = () => {
+  const d = Ae(), u = (g) => {
+    const A = () => {
       clearTimeout(d.current), d.current = void 0;
     }, x = (k) => {
-      n(k), i && i(k), g();
+      n(k), i && i(k), A();
     };
-    if (g(), A) {
+    if (A(), g) {
       d.current = window.setTimeout(() => x(!0), 100);
       return;
     }
     d.current = window.setTimeout(() => x(!1), 100);
-  }, s = (A) => {
-    t === "hover" && u(A);
+  }, s = (g) => {
+    t === "hover" && u(g);
   };
   return {
-    onClick: e === "content" ? (A) => {
-      A.stopPropagation(), A.nativeEvent.stopImmediatePropagation();
+    onClick: e === "content" ? (g) => {
+      g.stopPropagation(), g.nativeEvent.stopImmediatePropagation();
     } : () => {
       t === "click" && (n(!r), i && i(!r));
     },
@@ -8878,7 +8878,7 @@ const Ku = ({
     setIsOpen: u,
     isOpen: d,
     clickArea: "content"
-  }), A = () => u(!1), g = () => u(!0);
+  }), g = () => u(!1), A = () => u(!0);
   fe(() => {
     n.current && f({
       width: n.current.offsetWidth,
@@ -8906,8 +8906,8 @@ const Ku = ({
       enterTime: 20,
       leaveTime: 60,
       clearTime: 300,
-      onExited: A,
-      onEntered: g,
+      onExited: g,
+      onEntered: A,
       children: x
     }
   ) : d ? x : null;
@@ -8930,18 +8930,18 @@ const Ku = ({
   disabled: d = !1,
   onOpenChange: u
 }) => {
-  const s = ge(null), [f, y] = G.Children.toArray(r), [A, g] = pe(!1), x = Oi({
-    setIsOpen: g,
-    isOpen: A,
+  const s = Ae(null), [f, y] = G.Children.toArray(r), [g, A] = pe(!1), x = Oi({
+    setIsOpen: A,
+    isOpen: g,
     triggerType: e,
     clickArea: "root"
   });
-  return Si(s, () => t && g(!1)), Ke(() => {
-    n !== void 0 && g(n);
+  return Si(s, () => t && A(!1)), Ke(() => {
+    n !== void 0 && A(n);
   }, [n]), /* @__PURE__ */ p.jsx(
     Mi.Provider,
     {
-      value: { dropdownRef: s, placement: i, isOpen: A, setIsOpen: g, onOpenChange: u },
+      value: { dropdownRef: s, placement: i, isOpen: g, setIsOpen: A, onOpenChange: u },
       children: /* @__PURE__ */ p.jsx(ec, { ref: s, ...x, children: /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
         f,
         !d && y
@@ -8991,7 +8991,7 @@ const rc = ({
     }
   }, [r, e]), n;
 }, nc = () => {
-  const e = ge(null), {
+  const e = Ae(null), {
     activeUI: { volumeSlider: t },
     volumeSliderPlacement: r
   } = H(ie), n = rc({
@@ -9147,7 +9147,7 @@ const rc = ({
     `}
   `}
 `, dc = ({ position: e }) => {
-  const t = ge(null), { elementRefs: r } = H(ie);
+  const t = Ae(null), { elementRefs: r } = H(ie);
   return Fn(
     {
       refs: { trackCurTimeEl: t }
@@ -9163,7 +9163,7 @@ const rc = ({
   line-height: 20px;
   text-align: center;
 `, pc = Q(Vi)``, hc = ({ position: e }) => {
-  const t = ge(null), { elementRefs: r } = H(ie);
+  const t = Ae(null), { elementRefs: r } = H(ie);
   return Fn(
     {
       refs: { trackDurationEl: t }
@@ -9224,7 +9224,7 @@ const rc = ({
       }
     )
   ] });
-}, Ac = () => {
+}, gc = () => {
   const { interfacePlacement: e, logo: t, playList: r, curIdx: n, activeUI: i } = H(ie), d = !!(r[n]?.customTrackInfo ?? r[n]?.writer ?? r[n]?.name) && !!(i.trackInfo ?? i.all);
   return /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
     t,
@@ -9246,10 +9246,10 @@ const rc = ({
     ),
     /* @__PURE__ */ p.jsx(yc, {})
   ] });
-}, gc = (e, t) => {
+}, Ac = (e, t) => {
   const r = Me(
-    (g, x) => {
-      const k = g.all ? Object.keys(Pe.templateArea).filter((V) => (V === "trackTimeCurrent" || V === "trackTimeDuration") && g.trackTime === !1 ? !1 : g[V] !== void 0 ? g[V] : !0) : Object.entries(g).filter(([, V]) => V).map(([V]) => V);
+    (A, x) => {
+      const k = A.all ? Object.keys(Pe.templateArea).filter((V) => (V === "trackTimeCurrent" || V === "trackTimeDuration") && A.trackTime === !1 ? !1 : A[V] !== void 0 ? A[V] : !0) : Object.entries(A).filter(([, V]) => V).map(([V]) => V);
       (() => {
         k.find((V) => V === "trackTime") && (k.splice(k.indexOf("trackTime"), 1), k.push("trackTimeCurrent"), k.push("trackTimeDuration"));
       })();
@@ -9298,22 +9298,22 @@ const rc = ({
     []
   ), [n, i] = pe(e), [d, u] = pe(t), [s, f] = pe();
   if (!s) {
-    const { gridAreas: g, gridColumns: x } = r(
+    const { gridAreas: A, gridColumns: x } = r(
       n,
       d
     );
-    return f({ gridAreas: g, gridColumns: x }), [g, x];
+    return f({ gridAreas: A, gridColumns: x }), [A, x];
   }
   if (n !== e || d !== t) {
     i(e), u(t);
-    const { gridAreas: g, gridColumns: x } = r(
+    const { gridAreas: A, gridColumns: x } = r(
       e,
       t
     );
-    f({ gridAreas: g, gridColumns: x });
+    f({ gridAreas: A, gridColumns: x });
   }
-  const { gridAreas: y, gridColumns: A } = s;
-  return [y, A];
+  const { gridAreas: y, gridColumns: g } = s;
+  return [y, g];
 }, bc = Q.div``, wc = Q(Te)`
   background: var(--rm-audio-player-interface-container);
   padding: 16px 11px;
@@ -9324,10 +9324,10 @@ const rc = ({
   background: var(--rm-audio-player-sortable-list);
   box-shadow: -5px 2px 4px 0 rgb(0 0 0 / 4%) inset;
 `, Cc = () => {
-  const { interfacePlacement: e, activeUI: t, playListPlacement: r } = H(ie), [n, i] = gc(
+  const { interfacePlacement: e, activeUI: t, playListPlacement: r } = H(ie), [n, i] = Ac(
     t,
     e?.templateArea
-  ), d = ge(null);
+  ), d = Ae(null);
   return /* @__PURE__ */ p.jsx(Ei.Provider, { value: d, children: /* @__PURE__ */ p.jsxs(bc, { children: [
     r === "top" && /* @__PURE__ */ p.jsx(Ta, { ref: d }),
     /* @__PURE__ */ p.jsxs(
@@ -9339,7 +9339,7 @@ const rc = ({
         minHeight: "30px",
         columns: i,
         children: [
-          /* @__PURE__ */ p.jsx(Ac, {}),
+          /* @__PURE__ */ p.jsx(gc, {}),
           /* @__PURE__ */ p.jsx(ac, {})
         ]
       }
@@ -9359,15 +9359,15 @@ const rc = ({
     if (!u) return;
     const {
       player: y,
-      playList: A,
-      interface: g,
+      playList: g,
+      interface: A,
       volumeSlider: x
     } = e;
     f({
       type: "SET_PLACEMENTS",
       playerPlacement: y,
-      playListPlacement: A,
-      interfacePlacement: g,
+      playListPlacement: g,
+      interfacePlacement: A,
       volumeSliderPlacement: x
     });
   }, [f, e]), Ke(() => {
@@ -9394,7 +9394,7 @@ const rc = ({
   const { additionalId: r } = H(
     ie
   ), n = r ? `rm-audio-player-${r}` : "rm-audio-player";
-  return /* @__PURE__ */ p.jsxs(gi, { id: n, children: [
+  return /* @__PURE__ */ p.jsxs(Ai, { id: n, children: [
     /* @__PURE__ */ p.jsx(Ol, { audioRef: e }),
     /* @__PURE__ */ p.jsx(Cc, {})
   ] });
@@ -9404,7 +9404,7 @@ const rc = ({
 }) => /* @__PURE__ */ p.jsx(Cs, { ...t, children: /* @__PURE__ */ p.jsxs(bs, { rootContainerProps: e, children: [
   /* @__PURE__ */ p.jsx(kc, { ...t }),
   /* @__PURE__ */ p.jsx(Tl, {})
-] }) }), Pc = "_logoWithName_1dt12_1", Ec = "_logo_1dt12_1", Rc = "_companyName_1dt12_19", jr = {
+] }) }), Pc = "_logoWithName_sjoey_1", Ec = "_logo_sjoey_1", Rc = "_companyName_sjoey_24", jr = {
   logoWithName: Pc,
   logo: Ec,
   companyName: Rc
@@ -9713,9 +9713,9 @@ const rc = ({
   playList: r,
   style: n
 }, i) => {
-  const d = oo(), u = r.map((y, A) => ({
+  const d = oo(), u = r.map((y, g) => ({
     ...y,
-    id: A + 1
+    id: g + 1
   })), s = () => /* @__PURE__ */ p.jsxs("a", { href: "https://ostbay.ru/", className: jr.logoWithName, target: "_blank", children: [
     /* @__PURE__ */ p.jsx(ke, { className: jr.logo, name: "logo" }),
     /* @__PURE__ */ p.jsx(ke, { className: jr.companyName, name: "ostbay" })