npm - @aigamo/hydrangean-diva - Versions diffs - 0.0.1-alpha.7 → 0.0.1-alpha.8 - Mend

@aigamo/hydrangean-diva 0.0.1-alpha.7 → 0.0.1-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,18 +1,18 @@
-var Tr = Object.defineProperty;
-var Cr = (t, e, n) => e in t ? Tr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var V = (t, e, n) => Cr(t, typeof e != "symbol" ? e + "" : e, n);
-import * as Z from "react";
-import Ft, { forwardRef as Sr, useContext as at, useCallback as $, memo as K, useState as Y, useLayoutEffect as Ir, useMemo as $t, createContext as jt, useEffect as Rr } from "react";
-import Pr from "@emotion/cache";
-import { useNostalgicDiva as te, findVideoService as wr, NostalgicDiva as _r } from "@aigamo/nostalgic-diva";
-import { EuiRange as Nt, EuiButtonIcon as G, EuiFlexGroup as de, EuiFlexItem as U, EuiBottomBar as Or, EuiFormRow as Ze, EuiPopover as st, EuiIcon as W, EuiContextMenu as Ar, EuiButton as ee, EuiModalHeaderTitle as kr, EuiModalHeader as Mr, EuiForm as Fr, EuiFieldText as St, EuiModalBody as $r, EuiModalFooter as jr, EuiButtonEmpty as Nr, EuiModal as Dr, useEuiTheme as Dt, EuiCheckbox as zt, EuiTableHeaderCellCheckbox as zr, EuiTableHeaderCell as Je, EuiTableHeader as Lr, EuiContextMenuItem as Vr, EuiHorizontalRule as It, EuiContextMenuPanel as Yr, EuiTableRowCell as Qe, EuiTableRowCellCheckbox as Br, EuiLink as Wr, EuiTableRow as Ur, EuiTable as qr, EuiCodeBlock as Hr, EuiFlyout as Gr, EuiSpacer as Lt, EuiPageTemplate as et } from "@elastic/eui";
-import { ArrowRepeat1Filled as Jr, ArrowRepeatAllFilled as Kr, ArrowRepeatAllOffFilled as Xr, ArrowShuffleFilled as Zr, ArrowShuffleOffFilled as Qr, PreviousFilled as en, PauseFilled as tn, PlayFilled as rn, NextFilled as nn, Speaker2Regular as Vt, MoreHorizontalFilled as Yt, TopSpeedRegular as on, SkipBack10Regular as an, SkipForward30Regular as sn, DismissRegular as lt, AddRegular as ct, ArrowUploadRegular as ln, ArrowDownloadRegular as cn, PlayRegular as un, DeleteRegular as dn } from "@fluentui/react-icons";
-import { observer as D } from "mobx-react-lite";
-import { ReactSortable as fn } from "react-sortablejs";
-import { makeObservable as mn, action as y, computed as w, observable as Q, reaction as hn } from "mobx";
+var Cr = Object.defineProperty;
+var Ir = (t, e, n) => e in t ? Cr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var U = (t, e, n) => Ir(t, typeof e != "symbol" ? e + "" : e, n);
+import * as te from "react";
+import Dt, { forwardRef as Pr, useContext as st, useCallback as $, memo as Z, useState as q, useLayoutEffect as Rr, useMemo as zt, createContext as Lt, useEffect as wr } from "react";
+import Or from "@emotion/cache";
+import { useNostalgicDiva as ie, findVideoService as _r, NostalgicDiva as Ar } from "@aigamo/nostalgic-diva";
+import { EuiRange as Vt, EuiButtonIcon as K, EuiFlexGroup as me, EuiFlexItem as G, EuiBottomBar as kr, EuiFormRow as tt, EuiPopover as lt, EuiIcon as H, EuiContextMenu as Mr, EuiButton as ne, EuiModalHeaderTitle as Fr, EuiModalHeader as jr, EuiForm as Nr, EuiFieldText as It, EuiModalBody as $r, EuiModalFooter as Dr, EuiButtonEmpty as zr, EuiModal as Lr, useEuiTheme as Yt, EuiCheckbox as Bt, EuiTableHeaderCellCheckbox as Vr, EuiTableHeaderCell as Xe, EuiTableHeader as Yr, EuiContextMenuItem as Br, EuiHorizontalRule as Pt, EuiContextMenuPanel as Wr, EuiTableRowCell as rt, EuiTableRowCellCheckbox as Ur, EuiLink as qr, EuiTableRow as Hr, EuiTable as Gr, EuiCodeBlock as Jr, EuiFlyout as Kr, EuiSpacer as Wt, EuiPageTemplate as nt } from "@elastic/eui";
+import { ArrowRepeat1Filled as Xr, ArrowRepeatAllFilled as Zr, ArrowRepeatAllOffFilled as Qr, ArrowShuffleFilled as en, ArrowShuffleOffFilled as tn, PreviousFilled as rn, PauseFilled as nn, PlayFilled as on, NextFilled as an, Speaker2Regular as Ut, MoreHorizontalFilled as qt, TopSpeedRegular as sn, SkipBack10Regular as ln, SkipForward30Regular as cn, DismissRegular as ct, AddRegular as ut, ArrowUploadRegular as un, ArrowDownloadRegular as fn, PlayRegular as dn, DeleteRegular as mn } from "@fluentui/react-icons";
+import { observer as Y } from "mobx-react-lite";
+import { ReactSortable as hn } from "react-sortablejs";
+import { makeObservable as vn, action as y, computed as _, observable as re, reaction as pn } from "mobx";
 import { pull as Rt } from "lodash-es";
-import vn from "ajv";
-var tt = { exports: {} }, xe = {};
+import yn from "ajv";
+var De = { exports: {} }, xe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -22,21 +22,21 @@ var tt = { exports: {} }, xe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Pt;
-function pn() {
-  if (Pt) return xe;
-  Pt = 1;
-  var t = Ft, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+var wt;
+function gn() {
+  if (wt) return xe;
+  wt = 1;
+  var t = Dt, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function f(m, h, p) {
-    var C, R = {}, B = null, j = null;
-    p !== void 0 && (B = "" + p), h.key !== void 0 && (B = "" + h.key), h.ref !== void 0 && (j = h.ref);
-    for (C in h) i.call(h, C) && !l.hasOwnProperty(C) && (R[C] = h[C]);
-    if (m && m.defaultProps) for (C in h = m.defaultProps, h) R[C] === void 0 && (R[C] = h[C]);
-    return { $$typeof: e, type: m, key: B, ref: j, props: R, _owner: a.current };
+    var E, P = {}, D = null, j = null;
+    p !== void 0 && (D = "" + p), h.key !== void 0 && (D = "" + h.key), h.ref !== void 0 && (j = h.ref);
+    for (E in h) i.call(h, E) && !l.hasOwnProperty(E) && (P[E] = h[E]);
+    if (m && m.defaultProps) for (E in h = m.defaultProps, h) P[E] === void 0 && (P[E] = h[E]);
+    return { $$typeof: e, type: m, key: D, ref: j, props: P, _owner: a.current };
   }
   return xe.Fragment = n, xe.jsx = f, xe.jsxs = f, xe;
 }
-var Te = {};
+var Se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -46,57 +46,57 @@ var Te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var wt;
-function yn() {
-  return wt || (wt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Ft, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), m = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), z = Symbol.iterator, fe = "@@iterator";
-    function me(r) {
+var Ot;
+function bn() {
+  return Ot || (Ot = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = Dt, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), m = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), A = Symbol.iterator, B = "@@iterator";
+    function Q(r) {
       if (r === null || typeof r != "object")
         return null;
-      var s = z && r[z] || r[fe];
+      var s = A && r[A] || r[B];
       return typeof s == "function" ? s : null;
     }
-    var q = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function A(r) {
+    var z = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function I(r) {
       {
-        for (var s = arguments.length, c = new Array(s > 1 ? s - 1 : 0), v = 1; v < s; v++)
-          c[v - 1] = arguments[v];
-        M("error", r, c);
+        for (var s = arguments.length, u = new Array(s > 1 ? s - 1 : 0), v = 1; v < s; v++)
+          u[v - 1] = arguments[v];
+        k("error", r, u);
       }
     }
-    function M(r, s, c) {
+    function k(r, s, u) {
       {
-        var v = q.ReactDebugCurrentFrame, E = v.getStackAddendum();
-        E !== "" && (s += "%s", c = c.concat([E]));
-        var S = c.map(function(b) {
+        var v = z.ReactDebugCurrentFrame, T = v.getStackAddendum();
+        T !== "" && (s += "%s", u = u.concat([T]));
+        var C = u.map(function(b) {
           return String(b);
         });
-        S.unshift("Warning: " + s), Function.prototype.apply.call(console[r], console, S);
+        C.unshift("Warning: " + s), Function.prototype.apply.call(console[r], console, C);
       }
     }
-    var k = !1, u = !1, re = !1, Ne = !1, De = !1, Pe;
-    Pe = Symbol.for("react.module.reference");
-    function ze(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === i || r === l || De || r === a || r === p || r === C || Ne || r === j || k || u || re || typeof r == "object" && r !== null && (r.$$typeof === B || r.$$typeof === R || r.$$typeof === f || r.$$typeof === m || r.$$typeof === h || // This needs to include all possible module reference object
+    var w = !1, c = !1, L = !1, he = !1, we = !1, Oe;
+    Oe = Symbol.for("react.module.reference");
+    function Ve(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === i || r === l || we || r === a || r === p || r === E || he || r === j || w || c || L || typeof r == "object" && r !== null && (r.$$typeof === D || r.$$typeof === P || r.$$typeof === f || r.$$typeof === m || r.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === Pe || r.getModuleId !== void 0));
+      r.$$typeof === Oe || r.getModuleId !== void 0));
     }
-    function Le(r, s, c) {
+    function Ye(r, s, u) {
       var v = r.displayName;
       if (v)
         return v;
-      var E = s.displayName || s.name || "";
-      return E !== "" ? c + "(" + E + ")" : c;
+      var T = s.displayName || s.name || "";
+      return T !== "" ? u + "(" + T + ")" : u;
     }
-    function we(r) {
+    function _e(r) {
       return r.displayName || "Context";
     }
-    function H(r) {
+    function J(r) {
       if (r == null)
         return null;
-      if (typeof r.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+      if (typeof r.tag == "number" && I("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
         return r.displayName || r.name || null;
       if (typeof r == "string")
         return r;
@@ -111,26 +111,26 @@ function yn() {
           return "StrictMode";
         case p:
           return "Suspense";
-        case C:
+        case E:
           return "SuspenseList";
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
           case m:
             var s = r;
-            return we(s) + ".Consumer";
+            return _e(s) + ".Consumer";
           case f:
-            var c = r;
-            return we(c._context) + ".Provider";
+            var u = r;
+            return _e(u._context) + ".Provider";
           case h:
-            return Le(r, r.render, "ForwardRef");
-          case R:
+            return Ye(r, r.render, "ForwardRef");
+          case P:
             var v = r.displayName || null;
-            return v !== null ? v : H(r.type) || "Memo";
-          case B: {
-            var E = r, S = E._payload, b = E._init;
+            return v !== null ? v : J(r.type) || "Memo";
+          case D: {
+            var T = r, C = T._payload, b = T._init;
             try {
-              return H(b(S));
+              return J(b(C));
             } catch {
               return null;
             }
@@ -138,18 +138,18 @@ function yn() {
         }
       return null;
     }
-    var X = Object.assign, ne = 0, _e, Oe, he, Ae, ve, ke, Me;
-    function Fe() {
+    var ee = Object.assign, oe = 0, Ae, ke, ve, Me, pe, Fe, je;
+    function Ne() {
     }
-    Fe.__reactDisabledLog = !0;
-    function Ve() {
+    Ne.__reactDisabledLog = !0;
+    function Be() {
       {
-        if (ne === 0) {
-          _e = console.log, Oe = console.info, he = console.warn, Ae = console.error, ve = console.group, ke = console.groupCollapsed, Me = console.groupEnd;
+        if (oe === 0) {
+          Ae = console.log, ke = console.info, ve = console.warn, Me = console.error, pe = console.group, Fe = console.groupCollapsed, je = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: Fe,
+            value: Ne,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -162,77 +162,77 @@ function yn() {
             groupEnd: r
           });
         }
-        ne++;
+        oe++;
       }
     }
-    function Ye() {
+    function We() {
       {
-        if (ne--, ne === 0) {
+        if (oe--, oe === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: X({}, r, {
-              value: _e
+            log: ee({}, r, {
+              value: Ae
             }),
-            info: X({}, r, {
-              value: Oe
+            info: ee({}, r, {
+              value: ke
             }),
-            warn: X({}, r, {
-              value: he
+            warn: ee({}, r, {
+              value: ve
             }),
-            error: X({}, r, {
-              value: Ae
+            error: ee({}, r, {
+              value: Me
             }),
-            group: X({}, r, {
-              value: ve
+            group: ee({}, r, {
+              value: pe
             }),
-            groupCollapsed: X({}, r, {
-              value: ke
+            groupCollapsed: ee({}, r, {
+              value: Fe
             }),
-            groupEnd: X({}, r, {
-              value: Me
+            groupEnd: ee({}, r, {
+              value: je
             })
           });
         }
-        ne < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var pe = q.ReactCurrentDispatcher, ye;
-    function ae(r, s, c) {
+    var ye = z.ReactCurrentDispatcher, ge;
+    function le(r, s, u) {
       {
-        if (ye === void 0)
+        if (ge === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var v = E.stack.trim().match(/\n( *(at )?)/);
-            ye = v && v[1] || "";
+          } catch (T) {
+            var v = T.stack.trim().match(/\n( *(at )?)/);
+            ge = v && v[1] || "";
           }
         return `
-` + ye + r;
+` + ge + r;
       }
     }
-    var ge = !1, se;
+    var be = !1, ce;
     {
-      var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      se = new Be();
+      var Ue = typeof WeakMap == "function" ? WeakMap : Map;
+      ce = new Ue();
     }
     function d(r, s) {
-      if (!r || ge)
+      if (!r || be)
         return "";
       {
-        var c = se.get(r);
-        if (c !== void 0)
-          return c;
+        var u = ce.get(r);
+        if (u !== void 0)
+          return u;
       }
       var v;
-      ge = !0;
-      var E = Error.prepareStackTrace;
+      be = !0;
+      var T = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var S;
-      S = pe.current, pe.current = null, Ve();
+      var C;
+      C = ye.current, ye.current = null, Be();
       try {
         if (s) {
           var b = function() {
@@ -245,196 +245,196 @@ function yn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(b, []);
-            } catch (N) {
-              v = N;
+            } catch (V) {
+              v = V;
             }
             Reflect.construct(r, [], b);
           } else {
             try {
               b.call();
-            } catch (N) {
-              v = N;
+            } catch (V) {
+              v = V;
             }
             r.call(b.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (N) {
-            v = N;
+          } catch (V) {
+            v = V;
           }
           r();
         }
-      } catch (N) {
-        if (N && v && typeof N.stack == "string") {
-          for (var g = N.stack.split(`
-`), F = v.stack.split(`
-`), P = g.length - 1, _ = F.length - 1; P >= 1 && _ >= 0 && g[P] !== F[_]; )
-            _--;
-          for (; P >= 1 && _ >= 0; P--, _--)
-            if (g[P] !== F[_]) {
-              if (P !== 1 || _ !== 1)
+      } catch (V) {
+        if (V && v && typeof V.stack == "string") {
+          for (var g = V.stack.split(`
+`), N = v.stack.split(`
+`), O = g.length - 1, M = N.length - 1; O >= 1 && M >= 0 && g[O] !== N[M]; )
+            M--;
+          for (; O >= 1 && M >= 0; O--, M--)
+            if (g[O] !== N[M]) {
+              if (O !== 1 || M !== 1)
                 do
-                  if (P--, _--, _ < 0 || g[P] !== F[_]) {
-                    var L = `
-` + g[P].replace(" at new ", " at ");
-                    return r.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", r.displayName)), typeof r == "function" && se.set(r, L), L;
+                  if (O--, M--, M < 0 || g[O] !== N[M]) {
+                    var W = `
+` + g[O].replace(" at new ", " at ");
+                    return r.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", r.displayName)), typeof r == "function" && ce.set(r, W), W;
                   }
-                while (P >= 1 && _ >= 0);
+                while (O >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        ge = !1, pe.current = S, Ye(), Error.prepareStackTrace = E;
+        be = !1, ye.current = C, We(), Error.prepareStackTrace = T;
       }
-      var ue = r ? r.displayName || r.name : "", oe = ue ? ae(ue) : "";
-      return typeof r == "function" && se.set(r, oe), oe;
+      var de = r ? r.displayName || r.name : "", se = de ? le(de) : "";
+      return typeof r == "function" && ce.set(r, se), se;
     }
-    function be(r, s, c) {
+    function Ee(r, s, u) {
       return d(r, !1);
     }
-    function le(r) {
+    function ue(r) {
       var s = r.prototype;
       return !!(s && s.isReactComponent);
     }
-    function ie(r, s, c) {
+    function ae(r, s, u) {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return d(r, le(r));
+        return d(r, ue(r));
       if (typeof r == "string")
-        return ae(r);
+        return le(r);
       switch (r) {
         case p:
-          return ae("Suspense");
-        case C:
-          return ae("SuspenseList");
+          return le("Suspense");
+        case E:
+          return le("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
           case h:
-            return be(r.render);
-          case R:
-            return ie(r.type, s, c);
-          case B: {
-            var v = r, E = v._payload, S = v._init;
+            return Ee(r.render);
+          case P:
+            return ae(r.type, s, u);
+          case D: {
+            var v = r, T = v._payload, C = v._init;
             try {
-              return ie(S(E), s, c);
+              return ae(C(T), s, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ee = Object.prototype.hasOwnProperty, ut = {}, dt = q.ReactDebugCurrentFrame;
+    var Te = Object.prototype.hasOwnProperty, ft = {}, dt = z.ReactDebugCurrentFrame;
     function $e(r) {
       if (r) {
-        var s = r._owner, c = ie(r.type, r._source, s ? s.type : null);
-        dt.setExtraStackFrame(c);
+        var s = r._owner, u = ae(r.type, r._source, s ? s.type : null);
+        dt.setExtraStackFrame(u);
       } else
         dt.setExtraStackFrame(null);
     }
-    function er(r, s, c, v, E) {
+    function rr(r, s, u, v, T) {
       {
-        var S = Function.call.bind(Ee);
+        var C = Function.call.bind(Te);
         for (var b in r)
-          if (S(r, b)) {
+          if (C(r, b)) {
             var g = void 0;
             try {
               if (typeof r[b] != "function") {
-                var F = Error((v || "React class") + ": " + c + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw F.name = "Invariant Violation", F;
+                var N = Error((v || "React class") + ": " + u + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw N.name = "Invariant Violation", N;
               }
-              g = r[b](s, b, v, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              g = P;
+              g = r[b](s, b, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (O) {
+              g = O;
             }
-            g && !(g instanceof Error) && ($e(E), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", c, b, typeof g), $e(null)), g instanceof Error && !(g.message in ut) && (ut[g.message] = !0, $e(E), A("Failed %s type: %s", c, g.message), $e(null));
+            g && !(g instanceof Error) && ($e(T), I("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", u, b, typeof g), $e(null)), g instanceof Error && !(g.message in ft) && (ft[g.message] = !0, $e(T), I("Failed %s type: %s", u, g.message), $e(null));
           }
       }
     }
-    var tr = Array.isArray;
-    function We(r) {
-      return tr(r);
+    var nr = Array.isArray;
+    function qe(r) {
+      return nr(r);
     }
-    function rr(r) {
+    function ir(r) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, c = s && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return c;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, u = s && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return u;
       }
     }
-    function nr(r) {
+    function or(r) {
       try {
-        return ft(r), !1;
+        return mt(r), !1;
       } catch {
         return !0;
       }
     }
-    function ft(r) {
+    function mt(r) {
       return "" + r;
     }
-    function mt(r) {
-      if (nr(r))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(r)), ft(r);
+    function ht(r) {
+      if (or(r))
+        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(r)), mt(r);
     }
-    var ht = q.ReactCurrentOwner, ir = {
+    var vt = z.ReactCurrentOwner, ar = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, vt, pt;
-    function or(r) {
-      if (Ee.call(r, "ref")) {
+    }, pt, yt;
+    function sr(r) {
+      if (Te.call(r, "ref")) {
         var s = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (s && s.isReactWarning)
           return !1;
       }
       return r.ref !== void 0;
     }
-    function ar(r) {
-      if (Ee.call(r, "key")) {
+    function lr(r) {
+      if (Te.call(r, "key")) {
         var s = Object.getOwnPropertyDescriptor(r, "key").get;
         if (s && s.isReactWarning)
           return !1;
       }
       return r.key !== void 0;
     }
-    function sr(r, s) {
-      typeof r.ref == "string" && ht.current;
+    function cr(r, s) {
+      typeof r.ref == "string" && vt.current;
     }
-    function lr(r, s) {
+    function ur(r, s) {
       {
-        var c = function() {
-          vt || (vt = !0, A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        var u = function() {
+          pt || (pt = !0, I("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        c.isReactWarning = !0, Object.defineProperty(r, "key", {
-          get: c,
+        u.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: u,
           configurable: !0
         });
       }
     }
-    function cr(r, s) {
+    function fr(r, s) {
       {
-        var c = function() {
-          pt || (pt = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        var u = function() {
+          yt || (yt = !0, I("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        c.isReactWarning = !0, Object.defineProperty(r, "ref", {
-          get: c,
+        u.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: u,
           configurable: !0
         });
       }
     }
-    var ur = function(r, s, c, v, E, S, b) {
+    var dr = function(r, s, u, v, T, C, b) {
       var g = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: r,
         key: s,
-        ref: c,
+        ref: u,
         props: b,
         // Record the component responsible for creating this element.
-        _owner: S
+        _owner: C
       };
       return g._store = {}, Object.defineProperty(g._store, "validated", {
         configurable: !1,
@@ -450,44 +450,44 @@ function yn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
+        value: T
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function dr(r, s, c, v, E) {
+    function mr(r, s, u, v, T) {
       {
-        var S, b = {}, g = null, F = null;
-        c !== void 0 && (mt(c), g = "" + c), ar(s) && (mt(s.key), g = "" + s.key), or(s) && (F = s.ref, sr(s, E));
-        for (S in s)
-          Ee.call(s, S) && !ir.hasOwnProperty(S) && (b[S] = s[S]);
+        var C, b = {}, g = null, N = null;
+        u !== void 0 && (ht(u), g = "" + u), lr(s) && (ht(s.key), g = "" + s.key), sr(s) && (N = s.ref, cr(s, T));
+        for (C in s)
+          Te.call(s, C) && !ar.hasOwnProperty(C) && (b[C] = s[C]);
         if (r && r.defaultProps) {
-          var P = r.defaultProps;
-          for (S in P)
-            b[S] === void 0 && (b[S] = P[S]);
+          var O = r.defaultProps;
+          for (C in O)
+            b[C] === void 0 && (b[C] = O[C]);
         }
-        if (g || F) {
-          var _ = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          g && lr(b, _), F && cr(b, _);
+        if (g || N) {
+          var M = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          g && ur(b, M), N && fr(b, M);
         }
-        return ur(r, g, F, E, v, ht.current, b);
+        return dr(r, g, N, T, v, vt.current, b);
       }
     }
-    var Ue = q.ReactCurrentOwner, yt = q.ReactDebugCurrentFrame;
-    function ce(r) {
+    var He = z.ReactCurrentOwner, gt = z.ReactDebugCurrentFrame;
+    function fe(r) {
       if (r) {
-        var s = r._owner, c = ie(r.type, r._source, s ? s.type : null);
-        yt.setExtraStackFrame(c);
+        var s = r._owner, u = ae(r.type, r._source, s ? s.type : null);
+        gt.setExtraStackFrame(u);
       } else
-        yt.setExtraStackFrame(null);
+        gt.setExtraStackFrame(null);
     }
-    var qe;
-    qe = !1;
-    function He(r) {
+    var Ge;
+    Ge = !1;
+    function Je(r) {
       return typeof r == "object" && r !== null && r.$$typeof === e;
     }
-    function gt() {
+    function bt() {
       {
-        if (Ue.current) {
-          var r = H(Ue.current.type);
+        if (He.current) {
+          var r = J(He.current.type);
           if (r)
             return `
@@ -496,148 +496,151 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function fr(r) {
+    function hr(r) {
       return "";
     }
-    var bt = {};
-    function mr(r) {
+    var Et = {};
+    function vr(r) {
       {
-        var s = gt();
+        var s = bt();
         if (!s) {
-          var c = typeof r == "string" ? r : r.displayName || r.name;
-          c && (s = `
+          var u = typeof r == "string" ? r : r.displayName || r.name;
+          u && (s = `
-Check the top-level render call using <` + c + ">.");
+Check the top-level render call using <` + u + ">.");
         }
         return s;
       }
     }
-    function Et(r, s) {
+    function Tt(r, s) {
       {
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var c = mr(s);
-        if (bt[c])
+        var u = vr(s);
+        if (Et[u])
           return;
-        bt[c] = !0;
+        Et[u] = !0;
         var v = "";
-        r && r._owner && r._owner !== Ue.current && (v = " It was passed a child from " + H(r._owner.type) + "."), ce(r), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, v), ce(null);
+        r && r._owner && r._owner !== He.current && (v = " It was passed a child from " + J(r._owner.type) + "."), fe(r), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), fe(null);
       }
     }
     function xt(r, s) {
       {
         if (typeof r != "object")
           return;
-        if (We(r))
-          for (var c = 0; c < r.length; c++) {
-            var v = r[c];
-            He(v) && Et(v, s);
+        if (qe(r))
+          for (var u = 0; u < r.length; u++) {
+            var v = r[u];
+            Je(v) && Tt(v, s);
           }
-        else if (He(r))
+        else if (Je(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var E = me(r);
-          if (typeof E == "function" && E !== r.entries)
-            for (var S = E.call(r), b; !(b = S.next()).done; )
-              He(b.value) && Et(b.value, s);
+          var T = Q(r);
+          if (typeof T == "function" && T !== r.entries)
+            for (var C = T.call(r), b; !(b = C.next()).done; )
+              Je(b.value) && Tt(b.value, s);
         }
       }
     }
-    function hr(r) {
+    function pr(r) {
       {
         var s = r.type;
         if (s == null || typeof s == "string")
           return;
-        var c;
+        var u;
         if (typeof s == "function")
-          c = s.propTypes;
+          u = s.propTypes;
         else if (typeof s == "object" && (s.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === R))
-          c = s.propTypes;
+        s.$$typeof === P))
+          u = s.propTypes;
         else
           return;
-        if (c) {
-          var v = H(s);
-          er(c, r.props, "prop", v, r);
-        } else if (s.PropTypes !== void 0 && !qe) {
-          qe = !0;
-          var E = H(s);
-          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        if (u) {
+          var v = J(s);
+          rr(u, r.props, "prop", v, r);
+        } else if (s.PropTypes !== void 0 && !Ge) {
+          Ge = !0;
+          var T = J(s);
+          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
         }
-        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function vr(r) {
+    function yr(r) {
       {
-        for (var s = Object.keys(r.props), c = 0; c < s.length; c++) {
-          var v = s[c];
+        for (var s = Object.keys(r.props), u = 0; u < s.length; u++) {
+          var v = s[u];
           if (v !== "children" && v !== "key") {
-            ce(r), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), ce(null);
+            fe(r), I("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), fe(null);
             break;
           }
         }
-        r.ref !== null && (ce(r), A("Invalid attribute `ref` supplied to `React.Fragment`."), ce(null));
+        r.ref !== null && (fe(r), I("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
       }
     }
-    var Tt = {};
-    function Ct(r, s, c, v, E, S) {
+    var St = {};
+    function Ct(r, s, u, v, T, C) {
       {
-        var b = ze(r);
+        var b = Ve(r);
         if (!b) {
           var g = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var F = fr();
-          F ? g += F : g += gt();
-          var P;
-          r === null ? P = "null" : We(r) ? P = "array" : r !== void 0 && r.$$typeof === e ? (P = "<" + (H(r.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : P = typeof r, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, g);
+          var N = hr();
+          N ? g += N : g += bt();
+          var O;
+          r === null ? O = "null" : qe(r) ? O = "array" : r !== void 0 && r.$$typeof === e ? (O = "<" + (J(r.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : O = typeof r, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, g);
         }
-        var _ = dr(r, s, c, E, S);
-        if (_ == null)
-          return _;
+        var M = mr(r, s, u, T, C);
+        if (M == null)
+          return M;
         if (b) {
-          var L = s.children;
-          if (L !== void 0)
+          var W = s.children;
+          if (W !== void 0)
             if (v)
-              if (We(L)) {
-                for (var ue = 0; ue < L.length; ue++)
-                  xt(L[ue], r);
-                Object.freeze && Object.freeze(L);
+              if (qe(W)) {
+                for (var de = 0; de < W.length; de++)
+                  xt(W[de], r);
+                Object.freeze && Object.freeze(W);
               } else
-                A("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                I("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              xt(L, r);
+              xt(W, r);
         }
-        if (Ee.call(s, "key")) {
-          var oe = H(r), N = Object.keys(s).filter(function(xr) {
-            return xr !== "key";
-          }), Ge = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Tt[oe + Ge]) {
-            var Er = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
-            A(`A props object containing a "key" prop is being spread into JSX:
+        if (Te.call(s, "key")) {
+          var se = J(r), V = Object.keys(s).filter(function(Sr) {
+            return Sr !== "key";
+          }), Ke = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!St[se + Ke]) {
+            var xr = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
+            I(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ge, oe, Er, oe), Tt[oe + Ge] = !0;
+  <%s key={someKey} {...props} />`, Ke, se, xr, se), St[se + Ke] = !0;
           }
         }
-        return r === i ? vr(_) : hr(_), _;
+        return r === i ? yr(M) : pr(M), M;
       }
     }
-    function pr(r, s, c) {
-      return Ct(r, s, c, !0);
+    function gr(r, s, u) {
+      return Ct(r, s, u, !0);
     }
-    function yr(r, s, c) {
-      return Ct(r, s, c, !1);
+    function br(r, s, u) {
+      return Ct(r, s, u, !1);
     }
-    var gr = yr, br = pr;
-    Te.Fragment = i, Te.jsx = gr, Te.jsxs = br;
-  }()), Te;
+    var Er = br, Tr = gr;
+    Se.Fragment = i, Se.jsx = Er, Se.jsxs = Tr;
+  }()), Se;
+}
+var _t;
+function En() {
+  return _t || (_t = 1, process.env.NODE_ENV === "production" ? De.exports = gn() : De.exports = bn()), De.exports;
 }
-process.env.NODE_ENV === "production" ? tt.exports = pn() : tt.exports = yn();
-var Se = tt.exports, rt = { exports: {} }, x = {};
+var Ie = En(), ze = { exports: {} }, x = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -646,73 +649,73 @@ var Se = tt.exports, rt = { exports: {} }, x = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _t;
-function gn() {
-  if (_t) return x;
-  _t = 1;
-  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, l = t ? Symbol.for("react.profiler") : 60114, f = t ? Symbol.for("react.provider") : 60109, m = t ? Symbol.for("react.context") : 60110, h = t ? Symbol.for("react.async_mode") : 60111, p = t ? Symbol.for("react.concurrent_mode") : 60111, C = t ? Symbol.for("react.forward_ref") : 60112, R = t ? Symbol.for("react.suspense") : 60113, B = t ? Symbol.for("react.suspense_list") : 60120, j = t ? Symbol.for("react.memo") : 60115, z = t ? Symbol.for("react.lazy") : 60116, fe = t ? Symbol.for("react.block") : 60121, me = t ? Symbol.for("react.fundamental") : 60117, q = t ? Symbol.for("react.responder") : 60118, A = t ? Symbol.for("react.scope") : 60119;
-  function M(u) {
-    if (typeof u == "object" && u !== null) {
-      var re = u.$$typeof;
-      switch (re) {
+var At;
+function Tn() {
+  if (At) return x;
+  At = 1;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, l = t ? Symbol.for("react.profiler") : 60114, f = t ? Symbol.for("react.provider") : 60109, m = t ? Symbol.for("react.context") : 60110, h = t ? Symbol.for("react.async_mode") : 60111, p = t ? Symbol.for("react.concurrent_mode") : 60111, E = t ? Symbol.for("react.forward_ref") : 60112, P = t ? Symbol.for("react.suspense") : 60113, D = t ? Symbol.for("react.suspense_list") : 60120, j = t ? Symbol.for("react.memo") : 60115, A = t ? Symbol.for("react.lazy") : 60116, B = t ? Symbol.for("react.block") : 60121, Q = t ? Symbol.for("react.fundamental") : 60117, z = t ? Symbol.for("react.responder") : 60118, I = t ? Symbol.for("react.scope") : 60119;
+  function k(c) {
+    if (typeof c == "object" && c !== null) {
+      var L = c.$$typeof;
+      switch (L) {
         case e:
-          switch (u = u.type, u) {
+          switch (c = c.type, c) {
             case h:
             case p:
             case i:
             case l:
             case a:
-            case R:
-              return u;
+            case P:
+              return c;
             default:
-              switch (u = u && u.$$typeof, u) {
+              switch (c = c && c.$$typeof, c) {
                 case m:
-                case C:
-                case z:
+                case E:
+                case A:
                 case j:
                 case f:
-                  return u;
+                  return c;
                 default:
-                  return re;
+                  return L;
               }
           }
         case n:
-          return re;
+          return L;
       }
     }
   }
-  function k(u) {
-    return M(u) === p;
-  }
-  return x.AsyncMode = h, x.ConcurrentMode = p, x.ContextConsumer = m, x.ContextProvider = f, x.Element = e, x.ForwardRef = C, x.Fragment = i, x.Lazy = z, x.Memo = j, x.Portal = n, x.Profiler = l, x.StrictMode = a, x.Suspense = R, x.isAsyncMode = function(u) {
-    return k(u) || M(u) === h;
-  }, x.isConcurrentMode = k, x.isContextConsumer = function(u) {
-    return M(u) === m;
-  }, x.isContextProvider = function(u) {
-    return M(u) === f;
-  }, x.isElement = function(u) {
-    return typeof u == "object" && u !== null && u.$$typeof === e;
-  }, x.isForwardRef = function(u) {
-    return M(u) === C;
-  }, x.isFragment = function(u) {
-    return M(u) === i;
-  }, x.isLazy = function(u) {
-    return M(u) === z;
-  }, x.isMemo = function(u) {
-    return M(u) === j;
-  }, x.isPortal = function(u) {
-    return M(u) === n;
-  }, x.isProfiler = function(u) {
-    return M(u) === l;
-  }, x.isStrictMode = function(u) {
-    return M(u) === a;
-  }, x.isSuspense = function(u) {
-    return M(u) === R;
-  }, x.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === i || u === p || u === l || u === a || u === R || u === B || typeof u == "object" && u !== null && (u.$$typeof === z || u.$$typeof === j || u.$$typeof === f || u.$$typeof === m || u.$$typeof === C || u.$$typeof === me || u.$$typeof === q || u.$$typeof === A || u.$$typeof === fe);
-  }, x.typeOf = M, x;
+  function w(c) {
+    return k(c) === p;
+  }
+  return x.AsyncMode = h, x.ConcurrentMode = p, x.ContextConsumer = m, x.ContextProvider = f, x.Element = e, x.ForwardRef = E, x.Fragment = i, x.Lazy = A, x.Memo = j, x.Portal = n, x.Profiler = l, x.StrictMode = a, x.Suspense = P, x.isAsyncMode = function(c) {
+    return w(c) || k(c) === h;
+  }, x.isConcurrentMode = w, x.isContextConsumer = function(c) {
+    return k(c) === m;
+  }, x.isContextProvider = function(c) {
+    return k(c) === f;
+  }, x.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, x.isForwardRef = function(c) {
+    return k(c) === E;
+  }, x.isFragment = function(c) {
+    return k(c) === i;
+  }, x.isLazy = function(c) {
+    return k(c) === A;
+  }, x.isMemo = function(c) {
+    return k(c) === j;
+  }, x.isPortal = function(c) {
+    return k(c) === n;
+  }, x.isProfiler = function(c) {
+    return k(c) === l;
+  }, x.isStrictMode = function(c) {
+    return k(c) === a;
+  }, x.isSuspense = function(c) {
+    return k(c) === P;
+  }, x.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === i || c === p || c === l || c === a || c === P || c === D || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === j || c.$$typeof === f || c.$$typeof === m || c.$$typeof === E || c.$$typeof === Q || c.$$typeof === z || c.$$typeof === I || c.$$typeof === B);
+  }, x.typeOf = k, x;
 }
-var T = {};
+var S = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -721,114 +724,168 @@ var T = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ot;
-function bn() {
-  return Ot || (Ot = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, l = t ? Symbol.for("react.profiler") : 60114, f = t ? Symbol.for("react.provider") : 60109, m = t ? Symbol.for("react.context") : 60110, h = t ? Symbol.for("react.async_mode") : 60111, p = t ? Symbol.for("react.concurrent_mode") : 60111, C = t ? Symbol.for("react.forward_ref") : 60112, R = t ? Symbol.for("react.suspense") : 60113, B = t ? Symbol.for("react.suspense_list") : 60120, j = t ? Symbol.for("react.memo") : 60115, z = t ? Symbol.for("react.lazy") : 60116, fe = t ? Symbol.for("react.block") : 60121, me = t ? Symbol.for("react.fundamental") : 60117, q = t ? Symbol.for("react.responder") : 60118, A = t ? Symbol.for("react.scope") : 60119;
-    function M(d) {
+var kt;
+function xn() {
+  return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, l = t ? Symbol.for("react.profiler") : 60114, f = t ? Symbol.for("react.provider") : 60109, m = t ? Symbol.for("react.context") : 60110, h = t ? Symbol.for("react.async_mode") : 60111, p = t ? Symbol.for("react.concurrent_mode") : 60111, E = t ? Symbol.for("react.forward_ref") : 60112, P = t ? Symbol.for("react.suspense") : 60113, D = t ? Symbol.for("react.suspense_list") : 60120, j = t ? Symbol.for("react.memo") : 60115, A = t ? Symbol.for("react.lazy") : 60116, B = t ? Symbol.for("react.block") : 60121, Q = t ? Symbol.for("react.fundamental") : 60117, z = t ? Symbol.for("react.responder") : 60118, I = t ? Symbol.for("react.scope") : 60119;
+    function k(d) {
       return typeof d == "string" || typeof d == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      d === i || d === p || d === l || d === a || d === R || d === B || typeof d == "object" && d !== null && (d.$$typeof === z || d.$$typeof === j || d.$$typeof === f || d.$$typeof === m || d.$$typeof === C || d.$$typeof === me || d.$$typeof === q || d.$$typeof === A || d.$$typeof === fe);
+      d === i || d === p || d === l || d === a || d === P || d === D || typeof d == "object" && d !== null && (d.$$typeof === A || d.$$typeof === j || d.$$typeof === f || d.$$typeof === m || d.$$typeof === E || d.$$typeof === Q || d.$$typeof === z || d.$$typeof === I || d.$$typeof === B);
     }
-    function k(d) {
+    function w(d) {
       if (typeof d == "object" && d !== null) {
-        var be = d.$$typeof;
-        switch (be) {
+        var Ee = d.$$typeof;
+        switch (Ee) {
           case e:
-            var le = d.type;
-            switch (le) {
+            var ue = d.type;
+            switch (ue) {
               case h:
               case p:
               case i:
               case l:
               case a:
-              case R:
-                return le;
+              case P:
+                return ue;
               default:
-                var ie = le && le.$$typeof;
-                switch (ie) {
+                var ae = ue && ue.$$typeof;
+                switch (ae) {
                   case m:
-                  case C:
-                  case z:
+                  case E:
+                  case A:
                   case j:
                   case f:
-                    return ie;
+                    return ae;
                   default:
-                    return be;
+                    return Ee;
                 }
             }
           case n:
-            return be;
+            return Ee;
         }
       }
     }
-    var u = h, re = p, Ne = m, De = f, Pe = e, ze = C, Le = i, we = z, H = j, X = n, ne = l, _e = a, Oe = R, he = !1;
-    function Ae(d) {
-      return he || (he = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ve(d) || k(d) === h;
+    var c = h, L = p, he = m, we = f, Oe = e, Ve = E, Ye = i, _e = A, J = j, ee = n, oe = l, Ae = a, ke = P, ve = !1;
+    function Me(d) {
+      return ve || (ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), pe(d) || w(d) === h;
     }
-    function ve(d) {
-      return k(d) === p;
+    function pe(d) {
+      return w(d) === p;
     }
-    function ke(d) {
-      return k(d) === m;
+    function Fe(d) {
+      return w(d) === m;
     }
-    function Me(d) {
-      return k(d) === f;
+    function je(d) {
+      return w(d) === f;
     }
-    function Fe(d) {
+    function Ne(d) {
       return typeof d == "object" && d !== null && d.$$typeof === e;
     }
-    function Ve(d) {
-      return k(d) === C;
-    }
-    function Ye(d) {
-      return k(d) === i;
+    function Be(d) {
+      return w(d) === E;
     }
-    function pe(d) {
-      return k(d) === z;
+    function We(d) {
+      return w(d) === i;
     }
     function ye(d) {
-      return k(d) === j;
-    }
-    function ae(d) {
-      return k(d) === n;
+      return w(d) === A;
     }
     function ge(d) {
-      return k(d) === l;
+      return w(d) === j;
     }
-    function se(d) {
-      return k(d) === a;
+    function le(d) {
+      return w(d) === n;
     }
-    function Be(d) {
-      return k(d) === R;
+    function be(d) {
+      return w(d) === l;
+    }
+    function ce(d) {
+      return w(d) === a;
+    }
+    function Ue(d) {
+      return w(d) === P;
+    }
+    S.AsyncMode = c, S.ConcurrentMode = L, S.ContextConsumer = he, S.ContextProvider = we, S.Element = Oe, S.ForwardRef = Ve, S.Fragment = Ye, S.Lazy = _e, S.Memo = J, S.Portal = ee, S.Profiler = oe, S.StrictMode = Ae, S.Suspense = ke, S.isAsyncMode = Me, S.isConcurrentMode = pe, S.isContextConsumer = Fe, S.isContextProvider = je, S.isElement = Ne, S.isForwardRef = Be, S.isFragment = We, S.isLazy = ye, S.isMemo = ge, S.isPortal = le, S.isProfiler = be, S.isStrictMode = ce, S.isSuspense = Ue, S.isValidElementType = k, S.typeOf = w;
+  }()), S;
+}
+var Mt;
+function Sn() {
+  return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? ze.exports = Tn() : ze.exports = xn()), ze.exports;
+}
+var Ze, Ft;
+function Cn() {
+  if (Ft) return Ze;
+  Ft = 1;
+  var t = Sn(), e = {
+    childContextTypes: !0,
+    contextType: !0,
+    contextTypes: !0,
+    defaultProps: !0,
+    displayName: !0,
+    getDefaultProps: !0,
+    getDerivedStateFromError: !0,
+    getDerivedStateFromProps: !0,
+    mixins: !0,
+    propTypes: !0,
+    type: !0
+  }, n = {
+    name: !0,
+    length: !0,
+    prototype: !0,
+    caller: !0,
+    callee: !0,
+    arguments: !0,
+    arity: !0
+  }, i = {
+    $$typeof: !0,
+    render: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0
+  }, a = {
+    $$typeof: !0,
+    compare: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0,
+    type: !0
+  }, l = {};
+  l[t.ForwardRef] = i, l[t.Memo] = a;
+  function f(A) {
+    return t.isMemo(A) ? a : l[A.$$typeof] || e;
+  }
+  var m = Object.defineProperty, h = Object.getOwnPropertyNames, p = Object.getOwnPropertySymbols, E = Object.getOwnPropertyDescriptor, P = Object.getPrototypeOf, D = Object.prototype;
+  function j(A, B, Q) {
+    if (typeof B != "string") {
+      if (D) {
+        var z = P(B);
+        z && z !== D && j(A, z, Q);
+      }
+      var I = h(B);
+      p && (I = I.concat(p(B)));
+      for (var k = f(A), w = f(B), c = 0; c < I.length; ++c) {
+        var L = I[c];
+        if (!n[L] && !(Q && Q[L]) && !(w && w[L]) && !(k && k[L])) {
+          var he = E(B, L);
+          try {
+            m(A, L, he);
+          } catch {
+          }
+        }
+      }
     }
-    T.AsyncMode = u, T.ConcurrentMode = re, T.ContextConsumer = Ne, T.ContextProvider = De, T.Element = Pe, T.ForwardRef = ze, T.Fragment = Le, T.Lazy = we, T.Memo = H, T.Portal = X, T.Profiler = ne, T.StrictMode = _e, T.Suspense = Oe, T.isAsyncMode = Ae, T.isConcurrentMode = ve, T.isContextConsumer = ke, T.isContextProvider = Me, T.isElement = Fe, T.isForwardRef = Ve, T.isFragment = Ye, T.isLazy = pe, T.isMemo = ye, T.isPortal = ae, T.isProfiler = ge, T.isStrictMode = se, T.isSuspense = Be, T.isValidElementType = M, T.typeOf = k;
-  }()), T;
+    return A;
+  }
+  return Ze = j, Ze;
 }
-process.env.NODE_ENV === "production" ? rt.exports = gn() : rt.exports = bn();
-var En = rt.exports, Bt = En, xn = {
-  $$typeof: !0,
-  render: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0
-}, Tn = {
-  $$typeof: !0,
-  compare: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0,
-  type: !0
-}, Wt = {};
-Wt[Bt.ForwardRef] = xn;
-Wt[Bt.Memo] = Tn;
-var Cn = !0;
-function Sn(t, e, n) {
+Cn();
+var In = !0;
+function Pn(t, e, n) {
   var i = "";
   return n.split(" ").forEach(function(a) {
     t[a] !== void 0 ? e.push(t[a] + ";") : a && (i += a + " ");
   }), i;
 }
-var Ut = function(e, n, i) {
+var Ht = function(e, n, i) {
   var a = e.key + "-" + n.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -839,9 +896,9 @@ var Ut = function(e, n, i) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Cn === !1) && e.registered[a] === void 0 && (e.registered[a] = n.styles);
-}, In = function(e, n, i) {
-  Ut(e, n, i);
+  In === !1) && e.registered[a] === void 0 && (e.registered[a] = n.styles);
+}, Rn = function(e, n, i) {
+  Ht(e, n, i);
   var a = e.key + "-" + n.name;
   if (e.inserted[n.name] === void 0) {
     var l = n;
@@ -850,7 +907,7 @@ var Ut = function(e, n, i) {
     while (l !== void 0);
   }
 };
-function Rn(t) {
+function wn(t) {
   for (var e = 0, n, i = 0, a = t.length; a >= 4; ++i, a -= 4)
     n = t.charCodeAt(i) & 255 | (t.charCodeAt(++i) & 255) << 8 | (t.charCodeAt(++i) & 255) << 16 | (t.charCodeAt(++i) & 255) << 24, n = /* Math.imul(k, m): */
     (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
@@ -869,7 +926,7 @@ function Rn(t) {
   return e ^= e >>> 13, e = /* Math.imul(h, m): */
   (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16), ((e ^ e >>> 15) >>> 0).toString(36);
 }
-var Pn = {
+var On = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -919,34 +976,34 @@ var Pn = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function wn(t) {
+function _n(t) {
   var e = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return e[n] === void 0 && (e[n] = t(n)), e[n];
   };
 }
-var _n = /[A-Z]|^ms/g, On = /_EMO_([^_]+?)_([^]*?)_EMO_/g, qt = function(e) {
+var An = /[A-Z]|^ms/g, kn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Gt = function(e) {
   return e.charCodeAt(1) === 45;
-}, At = function(e) {
+}, jt = function(e) {
   return e != null && typeof e != "boolean";
-}, Ke = /* @__PURE__ */ wn(function(t) {
-  return qt(t) ? t : t.replace(_n, "-$&").toLowerCase();
-}), kt = function(e, n) {
+}, Qe = /* @__PURE__ */ _n(function(t) {
+  return Gt(t) ? t : t.replace(An, "-$&").toLowerCase();
+}), Nt = function(e, n) {
   switch (e) {
     case "animation":
     case "animationName":
       if (typeof n == "string")
-        return n.replace(On, function(i, a, l) {
-          return J = {
+        return n.replace(kn, function(i, a, l) {
+          return X = {
             name: a,
             styles: l,
-            next: J
+            next: X
           }, a;
         });
   }
-  return Pn[e] !== 1 && !qt(e) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return On[e] !== 1 && !Gt(e) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
-function Ie(t, e, n) {
+function Pe(t, e, n) {
   if (n == null)
     return "";
   var i = n;
@@ -958,57 +1015,57 @@ function Ie(t, e, n) {
     case "object": {
       var a = n;
       if (a.anim === 1)
-        return J = {
+        return X = {
           name: a.name,
           styles: a.styles,
-          next: J
+          next: X
         }, a.name;
       var l = n;
       if (l.styles !== void 0) {
         var f = l.next;
         if (f !== void 0)
           for (; f !== void 0; )
-            J = {
+            X = {
               name: f.name,
               styles: f.styles,
-              next: J
+              next: X
             }, f = f.next;
         var m = l.styles + ";";
         return m;
       }
-      return An(t, e, n);
+      return Mn(t, e, n);
     }
     case "function": {
       if (t !== void 0) {
-        var h = J, p = n(t);
-        return J = h, Ie(t, e, p);
+        var h = X, p = n(t);
+        return X = h, Pe(t, e, p);
       }
       break;
     }
   }
-  var C = n;
-  return C;
+  var E = n;
+  return E;
 }
-function An(t, e, n) {
+function Mn(t, e, n) {
   var i = "";
   if (Array.isArray(n))
     for (var a = 0; a < n.length; a++)
-      i += Ie(t, e, n[a]) + ";";
+      i += Pe(t, e, n[a]) + ";";
   else
     for (var l in n) {
       var f = n[l];
       if (typeof f != "object") {
         var m = f;
-        At(m) && (i += Ke(l) + ":" + kt(l, m) + ";");
+        jt(m) && (i += Qe(l) + ":" + Nt(l, m) + ";");
       } else if (Array.isArray(f) && typeof f[0] == "string" && e == null)
         for (var h = 0; h < f.length; h++)
-          At(f[h]) && (i += Ke(l) + ":" + kt(l, f[h]) + ";");
+          jt(f[h]) && (i += Qe(l) + ":" + Nt(l, f[h]) + ";");
       else {
-        var p = Ie(t, e, f);
+        var p = Pe(t, e, f);
         switch (l) {
           case "animation":
           case "animationName": {
-            i += Ke(l) + ":" + p + ";";
+            i += Qe(l) + ":" + p + ";";
             break;
           }
           default:
@@ -1018,85 +1075,85 @@ function An(t, e, n) {
     }
   return i;
 }
-var Mt = /label:\s*([^\s;{]+)\s*(;|$)/g, J;
-function kn(t, e, n) {
+var $t = /label:\s*([^\s;{]+)\s*(;|$)/g, X;
+function Fn(t, e, n) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
   var i = !0, a = "";
-  J = void 0;
+  X = void 0;
   var l = t[0];
   if (l == null || l.raw === void 0)
-    i = !1, a += Ie(n, e, l);
+    i = !1, a += Pe(n, e, l);
   else {
     var f = l;
     a += f[0];
   }
   for (var m = 1; m < t.length; m++)
-    if (a += Ie(n, e, t[m]), i) {
+    if (a += Pe(n, e, t[m]), i) {
       var h = l;
       a += h[m];
     }
-  Mt.lastIndex = 0;
-  for (var p = "", C; (C = Mt.exec(a)) !== null; )
-    p += "-" + C[1];
-  var R = Rn(a) + p;
+  $t.lastIndex = 0;
+  for (var p = "", E; (E = $t.exec(a)) !== null; )
+    p += "-" + E[1];
+  var P = wn(a) + p;
   return {
-    name: R,
+    name: P,
     styles: a,
-    next: J
+    next: X
   };
 }
-var Mn = function(e) {
+var jn = function(e) {
   return e();
-}, Fn = Z.useInsertionEffect ? Z.useInsertionEffect : !1, $n = Fn || Mn, Ht = /* @__PURE__ */ Z.createContext(
+}, Nn = te.useInsertionEffect ? te.useInsertionEffect : !1, $n = Nn || jn, Jt = /* @__PURE__ */ te.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ Pr({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Or({
     key: "css"
   }) : null
 );
-Ht.Provider;
-var jn = function(e) {
-  return /* @__PURE__ */ Sr(function(n, i) {
-    var a = at(Ht);
+Jt.Provider;
+var Dn = function(e) {
+  return /* @__PURE__ */ Pr(function(n, i) {
+    var a = st(Jt);
     return e(n, a, i);
   });
-}, Nn = /* @__PURE__ */ Z.createContext({}), je = {}.hasOwnProperty, nt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Gt = function(e, n) {
+}, zn = /* @__PURE__ */ te.createContext({}), Le = {}.hasOwnProperty, it = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Kt = function(e, n) {
   var i = {};
   for (var a in n)
-    je.call(n, a) && (i[a] = n[a]);
-  return i[nt] = e, i;
-}, Dn = function(e) {
+    Le.call(n, a) && (i[a] = n[a]);
+  return i[it] = e, i;
+}, Ln = function(e) {
   var n = e.cache, i = e.serialized, a = e.isStringTag;
-  return Ut(n, i, a), $n(function() {
-    return In(n, i, a);
+  return Ht(n, i, a), $n(function() {
+    return Rn(n, i, a);
   }), null;
-}, zn = /* @__PURE__ */ jn(function(t, e, n) {
+}, Vn = /* @__PURE__ */ Dn(function(t, e, n) {
   var i = t.css;
   typeof i == "string" && e.registered[i] !== void 0 && (i = e.registered[i]);
-  var a = t[nt], l = [i], f = "";
-  typeof t.className == "string" ? f = Sn(e.registered, l, t.className) : t.className != null && (f = t.className + " ");
-  var m = kn(l, void 0, Z.useContext(Nn));
+  var a = t[it], l = [i], f = "";
+  typeof t.className == "string" ? f = Pn(e.registered, l, t.className) : t.className != null && (f = t.className + " ");
+  var m = Fn(l, void 0, te.useContext(zn));
   f += e.key + "-" + m.name;
   var h = {};
   for (var p in t)
-    je.call(t, p) && p !== "css" && p !== nt && (h[p] = t[p]);
-  return h.className = f, n && (h.ref = n), /* @__PURE__ */ Z.createElement(Z.Fragment, null, /* @__PURE__ */ Z.createElement(Dn, {
+    Le.call(t, p) && p !== "css" && p !== it && (h[p] = t[p]);
+  return h.className = f, n && (h.ref = n), /* @__PURE__ */ te.createElement(te.Fragment, null, /* @__PURE__ */ te.createElement(Ln, {
     cache: e,
     serialized: m,
     isStringTag: typeof a == "string"
-  }), /* @__PURE__ */ Z.createElement(a, h));
-}), Jt = zn, Re = Se.Fragment, o = function(e, n, i) {
-  return je.call(n, "css") ? Se.jsx(Jt, Gt(e, n), i) : Se.jsx(e, n, i);
-}, O = function(e, n, i) {
-  return je.call(n, "css") ? Se.jsxs(Jt, Gt(e, n), i) : Se.jsxs(e, n, i);
-}, I = /* @__PURE__ */ ((t) => (t.Off = "Off", t.All = "All", t.One = "One", t))(I || {});
-const Kt = 80, Ln = D(({ playerStore: t }) => {
-  const e = te(), n = $(
+  }), /* @__PURE__ */ te.createElement(a, h));
+}), Xt = Vn, Re = Ie.Fragment, o = function(e, n, i) {
+  return Le.call(n, "css") ? Ie.jsx(Xt, Kt(e, n), i) : Ie.jsx(e, n, i);
+}, F = function(e, n, i) {
+  return Le.call(n, "css") ? Ie.jsxs(Xt, Kt(e, n), i) : Ie.jsxs(e, n, i);
+}, R = /* @__PURE__ */ ((t) => (t.Off = "Off", t.All = "All", t.One = "One", t))(R || {});
+const Zt = 80, Yn = Y(({ playerStore: t }) => {
+  const e = ie(), n = $(
     (l) => {
       const f = Number(l.currentTarget.value) / 100;
       t.setPercent(f);
@@ -1119,7 +1176,7 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
     [t, e]
   );
   return /* @__PURE__ */ o(
-    Nt,
+    Vt,
     {
       min: 0,
       max: 100,
@@ -1133,10 +1190,10 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       css: { blockSize: 32 }
     }
   );
-}), Vn = K(
+}), Bn = Z(
   ({ button: t, isOpen: e, closePopover: n }) => {
-    const [i, a] = Y("0"), l = te();
-    Ir(() => {
+    const [i, a] = q("0"), l = ie();
+    Rr(() => {
       e && l.getVolume().then((m) => {
         m !== void 0 && a(Math.floor(m * 100).toString());
       });
@@ -1148,14 +1205,14 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       [l]
     );
     return /* @__PURE__ */ o(
-      st,
+      lt,
       {
         button: t,
         isOpen: e,
         closePopover: n,
         anchorPosition: "upRight",
-        children: /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ O(
-          de,
+        children: /* @__PURE__ */ o(tt, { children: /* @__PURE__ */ F(
+          me,
           {
             responsive: !1,
             gutterSize: "s",
@@ -1163,17 +1220,17 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
             alignItems: "center",
             children: [
               /* @__PURE__ */ o(
-                G,
+                K,
                 {
                   title: "Mute",
                   "aria-label": "Mute",
-                  iconType: Vt,
+                  iconType: Ut,
                   size: "s",
                   iconSize: "l"
                 }
               ),
               /* @__PURE__ */ o(
-                Nt,
+                Vt,
                 {
                   min: 0,
                   max: 100,
@@ -1189,12 +1246,12 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       }
     );
   }
-), Yn = K(
+), Wn = Z(
   ({
     playQueueStore: t,
     closePopover: e
   }) => {
-    const n = te(), i = $(async () => {
+    const n = ie(), i = $(async () => {
       const p = await n.getCurrentTime();
       p !== void 0 && await n.setCurrentTime(p - 10), e();
     }, [n, e]), a = $(async () => {
@@ -1209,25 +1266,25 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       t.currentItem !== void 0 && await t.removeItems([
         t.currentItem
       ]), e();
-    }, [t, e]), [m] = Y(), h = $t(
+    }, [t, e]), [m] = q(), h = zt(
       () => [
         {
           id: 0,
           items: [
             {
               name: "Speed",
-              icon: /* @__PURE__ */ o(W, { type: on, size: "m" }),
+              icon: /* @__PURE__ */ o(H, { type: sn, size: "m" }),
               panel: 1
             },
             {
               name: "Skip back 10 seconds",
-              icon: /* @__PURE__ */ o(W, { type: an, size: "m" }),
+              icon: /* @__PURE__ */ o(H, { type: ln, size: "m" }),
               onClick: i,
               disabled: t.isEmpty
             },
             {
               name: "Skip forward 30 seconds",
-              icon: /* @__PURE__ */ o(W, { type: sn, size: "m" }),
+              icon: /* @__PURE__ */ o(H, { type: cn, size: "m" }),
               onClick: a,
               disabled: t.isEmpty
             },
@@ -1236,7 +1293,7 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
             },
             {
               name: "Remove from play queue",
-              icon: /* @__PURE__ */ o(W, { type: lt, size: "m" }),
+              icon: /* @__PURE__ */ o(H, { type: ct, size: "m" }),
               onClick: f,
               disabled: t.isEmpty
             }
@@ -1263,16 +1320,16 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
         m
       ]
     );
-    return /* @__PURE__ */ o(Ar, { initialPanelId: 0, panels: h });
+    return /* @__PURE__ */ o(Mr, { initialPanelId: 0, panels: h });
   }
-), Bn = K(
+), Un = Z(
   ({
     playQueueStore: t,
     button: e,
     isOpen: n,
     closePopover: i
   }) => /* @__PURE__ */ o(
-    st,
+    lt,
     {
       button: e,
       isOpen: n,
@@ -1280,7 +1337,7 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       panelPaddingSize: "none",
       anchorPosition: "upRight",
       children: /* @__PURE__ */ o(
-        Yn,
+        Wn,
         {
           playQueueStore: t,
           closePopover: i
@@ -1288,24 +1345,24 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       )
     }
   )
-), Wn = {
-  [I.Off]: Xr,
-  [I.All]: Kr,
-  [I.One]: Jr
-}, Un = D(
+), qn = {
+  [R.Off]: Qr,
+  [R.All]: Zr,
+  [R.One]: Xr
+}, Hn = Y(
   ({
     playerStore: t,
     playQueueStore: e
   }) => {
-    const n = te(), i = $(async () => {
+    const n = ie(), i = $(async () => {
       if (e.hasPreviousItem) {
         const a = await n.getCurrentTime();
         a === void 0 || a < 5 ? await e.previous() : await n.setCurrentTime(0);
       } else
         await n.setCurrentTime(0);
     }, [e, n]);
-    return /* @__PURE__ */ O(
-      de,
+    return /* @__PURE__ */ F(
+      me,
       {
         responsive: !1,
         gutterSize: "s",
@@ -1313,11 +1370,11 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
         alignItems: "center",
         children: [
           /* @__PURE__ */ o(
-            G,
+            K,
             {
               title: `Shuffle: ${e.shuffle ? "On" : "Off"}`,
               "aria-label": `Shuffle: ${e.shuffle ? "On" : "Off"}`,
-              iconType: e.shuffle ? Zr : Qr,
+              iconType: e.shuffle ? en : tn,
               size: "s",
               iconSize: "l",
               onClick: e.toggleShuffle,
@@ -1325,11 +1382,11 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
             }
           ),
           /* @__PURE__ */ o(
-            G,
+            K,
             {
               title: "Previous",
               "aria-label": "Previous",
-              iconType: en,
+              iconType: rn,
               size: "s",
               iconSize: "l",
               onClick: i,
@@ -1337,22 +1394,22 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
             }
           ),
           t.playing ? /* @__PURE__ */ o(
-            G,
+            K,
             {
               title: "Pause",
               "aria-label": "Pause",
-              iconType: tn,
+              iconType: nn,
               size: "s",
               iconSize: "l",
               onClick: () => n.pause(),
               disabled: !e.canPlay
             }
           ) : /* @__PURE__ */ o(
-            G,
+            K,
             {
               title: "Play",
               "aria-label": "Play",
-              iconType: rn,
+              iconType: on,
               size: "s",
               iconSize: "l",
               onClick: () => n.play(),
@@ -1360,11 +1417,11 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
             }
           ),
           /* @__PURE__ */ o(
-            G,
+            K,
             {
               title: "Next",
               "aria-label": "Next",
-              iconType: nn,
+              iconType: an,
               size: "s",
               iconSize: "l",
               onClick: e.next,
@@ -1372,11 +1429,11 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
             }
           ),
           /* @__PURE__ */ o(
-            G,
+            K,
             {
-              title: `Repeat: ${e.repeat === I.All ? "All" : e.repeat === I.One ? "One" : "Off"}`,
-              "aria-label": `Repeat: ${e.repeat === I.All ? "All" : e.repeat === I.One ? "One" : "Off"}`,
-              iconType: Wn[e.repeat],
+              title: `Repeat: ${e.repeat === R.All ? "All" : e.repeat === R.One ? "One" : "Off"}`,
+              "aria-label": `Repeat: ${e.repeat === R.All ? "All" : e.repeat === R.One ? "One" : "Off"}`,
+              iconType: qn[e.repeat],
               size: "s",
               iconSize: "l",
               onClick: e.toggleRepeat
@@ -1386,17 +1443,17 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       }
     );
   }
-), qn = K(() => {
-  const [t, e] = Y(!1);
+), Gn = Z(() => {
+  const [t, e] = q(!1);
   return /* @__PURE__ */ o(
-    Vn,
+    Bn,
     {
       button: /* @__PURE__ */ o(
-        G,
+        K,
         {
           title: "Volume",
           "aria-label": "Volume",
-          iconType: Vt,
+          iconType: Ut,
           size: "s",
           iconSize: "l",
           onClick: () => e(!t)
@@ -1406,19 +1463,19 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       closePopover: () => e(!1)
     }
   );
-}), Hn = K(
+}), Jn = Z(
   ({ playQueueStore: t }) => {
-    const [e, n] = Y(!1);
+    const [e, n] = q(!1);
     return /* @__PURE__ */ o(
-      Bn,
+      Un,
       {
         playQueueStore: t,
         button: /* @__PURE__ */ o(
-          G,
+          K,
           {
             title: "More options",
             "aria-label": "More options",
-            iconType: Yt,
+            iconType: qt,
             size: "s",
             iconSize: "l",
             onClick: () => n(!e)
@@ -1429,58 +1486,58 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
       }
     );
   }
-), Gn = K(
-  ({ playQueueStore: t }) => /* @__PURE__ */ O(
-    de,
+), Kn = Z(
+  ({ playQueueStore: t }) => /* @__PURE__ */ F(
+    me,
     {
       responsive: !1,
       gutterSize: "s",
       justifyContent: "flexEnd",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ o(qn, {}),
-        /* @__PURE__ */ o(Hn, { playQueueStore: t })
+        /* @__PURE__ */ o(Gn, {}),
+        /* @__PURE__ */ o(Jn, { playQueueStore: t })
       ]
     }
   )
-), Ii = D(
-  ({ playerStore: t, playQueueStore: e }) => /* @__PURE__ */ o(Or, { paddingSize: "s", children: /* @__PURE__ */ O(de, { direction: "column", gutterSize: "none", children: [
-    /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(Ln, { playerStore: t }) }),
-    /* @__PURE__ */ o(U, { children: /* @__PURE__ */ O(de, { responsive: !1, children: [
-      /* @__PURE__ */ o(U, { css: { width: "calc(100% / 3)" } }),
-      /* @__PURE__ */ o(U, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
-        Un,
+), Ri = Y(
+  ({ playerStore: t, playQueueStore: e }) => /* @__PURE__ */ o(kr, { paddingSize: "s", children: /* @__PURE__ */ F(me, { direction: "column", gutterSize: "none", children: [
+    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(Yn, { playerStore: t }) }),
+    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ F(me, { responsive: !1, children: [
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" } }),
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
+        Hn,
         {
           playerStore: t,
           playQueueStore: e
         }
       ) }),
-      /* @__PURE__ */ o(U, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
-        Gn,
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
+        Kn,
         {
           playQueueStore: e
         }
       ) })
     ] }) })
   ] }) })
-), Jn = ({
+), Xn = ({
   onCancel: t,
   onSave: e
 }) => {
-  const [n, i] = Y(""), [a, l] = Y(""), [f, m] = Y(!1);
-  return /* @__PURE__ */ O(Dr, { onClose: t, initialFocus: "[name=url]", children: [
-    /* @__PURE__ */ o(Mr, { children: /* @__PURE__ */ o(kr, { children: "Add video" }) }),
-    /* @__PURE__ */ o($r, { children: /* @__PURE__ */ O(Fr, { component: "form", children: [
-      /* @__PURE__ */ o(Ze, { label: "URL", children: /* @__PURE__ */ o(
-        St,
+  const [n, i] = q(""), [a, l] = q(""), [f, m] = q(!1);
+  return /* @__PURE__ */ F(Lr, { onClose: t, initialFocus: "[name=url]", children: [
+    /* @__PURE__ */ o(jr, { children: /* @__PURE__ */ o(Fr, { children: "Add video" }) }),
+    /* @__PURE__ */ o($r, { children: /* @__PURE__ */ F(Nr, { component: "form", children: [
+      /* @__PURE__ */ o(tt, { label: "URL", children: /* @__PURE__ */ o(
+        It,
         {
           name: "url",
           value: n,
           onChange: (h) => i(h.target.value)
         }
       ) }),
-      /* @__PURE__ */ o(Ze, { label: "Title", children: /* @__PURE__ */ o(
-        St,
+      /* @__PURE__ */ o(tt, { label: "Title", children: /* @__PURE__ */ o(
+        It,
         {
           name: "title",
           value: a,
@@ -1488,10 +1545,10 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ O(jr, { children: [
-      /* @__PURE__ */ o(Nr, { onClick: t, children: "Cancel" }),
+    /* @__PURE__ */ F(Dr, { children: [
+      /* @__PURE__ */ o(zr, { onClick: t, children: "Cancel" }),
       /* @__PURE__ */ o(
-        ee,
+        ne,
         {
           type: "submit",
           onClick: async () => {
@@ -1510,14 +1567,14 @@ const Kt = 80, Ln = D(({ playerStore: t }) => {
     ] })
   ] });
 };
-function Kn(t) {
+function Zn(t) {
   return t !== null && typeof t == "object" && "title" in t && typeof t.title == "string";
 }
-const Xn = K(
+const Qn = Z(
   ({ playQueueStore: t }) => {
-    const [e, n] = Y(!1), i = $(
+    const [e, n] = q(!1), i = $(
       async (a) => {
-        const l = wr(a.url);
+        const l = _r(a.url);
         if (l !== void 0) {
           const f = l.extractVideoId(a.url);
           if (f !== void 0) {
@@ -1531,7 +1588,7 @@ const Xn = K(
                 url: a.url,
                 type: l.type,
                 videoId: f,
-                title: a.title || (Kn(h) ? h.title : f)
+                title: a.title || (Zn(h) ? h.title : f)
               })
             ]);
           }
@@ -1540,18 +1597,18 @@ const Xn = K(
       },
       [t]
     );
-    return /* @__PURE__ */ O(Re, { children: [
+    return /* @__PURE__ */ F(Re, { children: [
       /* @__PURE__ */ o(
-        ee,
+        ne,
         {
           onClick: () => n(!0),
-          iconType: ct,
+          iconType: ut,
           color: "primary",
           children: "Add video"
         }
       ),
       e && /* @__PURE__ */ o(
-        Jn,
+        Xn,
         {
           onCancel: () => n(!1),
           onSave: i
@@ -1559,11 +1616,11 @@ const Xn = K(
       )
     ] });
   }
-), Zn = D(
+), ei = Y(
   ({ playQueueStore: t }) => {
-    const { euiTheme: e } = Dt();
-    return /* @__PURE__ */ O(
-      Lr,
+    const { euiTheme: e } = Yt();
+    return /* @__PURE__ */ F(
+      Yr,
       {
         style: {
           position: "sticky",
@@ -1572,8 +1629,8 @@ const Xn = K(
           background: e.colors.backgroundBasePlain
         },
         children: [
-          /* @__PURE__ */ o(zr, { children: /* @__PURE__ */ o(
-            zt,
+          /* @__PURE__ */ o(Vr, { children: /* @__PURE__ */ o(
+            Bt,
             {
               id: "",
               checked: t.allItemsSelected,
@@ -1582,19 +1639,19 @@ const Xn = K(
               }
             }
           ) }),
-          /* @__PURE__ */ o(Je, { width: 24 }),
-          /* @__PURE__ */ o(Je, { children: "Title" }),
-          /* @__PURE__ */ o(Je, {})
+          /* @__PURE__ */ o(Xe, { width: 24 }),
+          /* @__PURE__ */ o(Xe, { children: "Title" }),
+          /* @__PURE__ */ o(Xe, {})
         ]
       }
     );
   }
-), Qn = K(
+), ti = Z(
   ({
     item: t,
     closePopover: e
   }) => {
-    const n = K(
+    const n = Z(
       ({
         onClick: i,
         ...a
@@ -1605,14 +1662,14 @@ const Xn = K(
           },
           [i]
         );
-        return /* @__PURE__ */ o(Vr, { ...a, onClick: l });
+        return /* @__PURE__ */ o(Br, { ...a, onClick: l });
       }
     );
-    return /* @__PURE__ */ O(Yr, { children: [
+    return /* @__PURE__ */ F(Wr, { children: [
       /* @__PURE__ */ o(
         n,
         {
-          icon: /* @__PURE__ */ o(W, { type: "" }),
+          icon: /* @__PURE__ */ o(H, { type: "" }),
           onClick: t.playFirst,
           children: "Play first"
         }
@@ -1620,7 +1677,7 @@ const Xn = K(
       /* @__PURE__ */ o(
         n,
         {
-          icon: /* @__PURE__ */ o(W, { type: "" }),
+          icon: /* @__PURE__ */ o(H, { type: "" }),
           onClick: t.playNext,
           children: "Play next"
         }
@@ -1628,16 +1685,16 @@ const Xn = K(
       /* @__PURE__ */ o(
         n,
         {
-          icon: /* @__PURE__ */ o(W, { type: ct }),
+          icon: /* @__PURE__ */ o(H, { type: ut }),
           onClick: t.addToPlayQueue,
           children: "Add to play queue"
         }
       ),
-      /* @__PURE__ */ o(It, { margin: "none" }),
+      /* @__PURE__ */ o(Pt, { margin: "none" }),
       /* @__PURE__ */ o(
         n,
         {
-          icon: /* @__PURE__ */ o(W, { type: ln }),
+          icon: /* @__PURE__ */ o(H, { type: un }),
           onClick: t.moveToTop,
           disabled: !t.canMoveToTop,
           children: "Move to the top"
@@ -1646,17 +1703,17 @@ const Xn = K(
       /* @__PURE__ */ o(
         n,
         {
-          icon: /* @__PURE__ */ o(W, { type: cn }),
+          icon: /* @__PURE__ */ o(H, { type: fn }),
           onClick: t.moveToBottom,
           disabled: !t.canMoveToBottom,
           children: "Move to the bottom"
         }
       ),
-      /* @__PURE__ */ o(It, { margin: "none" }),
+      /* @__PURE__ */ o(Pt, { margin: "none" }),
       /* @__PURE__ */ o(
         n,
         {
-          icon: /* @__PURE__ */ o(W, { type: "" }),
+          icon: /* @__PURE__ */ o(H, { type: "" }),
           onClick: t.removeToTop,
           disabled: !t.canRemoveToTop,
           children: "Remove to the top"
@@ -1665,7 +1722,7 @@ const Xn = K(
       /* @__PURE__ */ o(
         n,
         {
-          icon: /* @__PURE__ */ o(W, { type: "" }),
+          icon: /* @__PURE__ */ o(H, { type: "" }),
           onClick: t.removeOthers,
           disabled: !t.canRemoveOthers,
           children: "Remove others"
@@ -1673,18 +1730,18 @@ const Xn = K(
       )
     ] });
   }
-), ei = K(
+), ri = Z(
   ({ item: t }) => {
-    const [e, n] = Y(!1), i = $(() => n(!e), [e]), a = $(() => n(!1), []);
+    const [e, n] = q(!1), i = $(() => n(!e), [e]), a = $(() => n(!1), []);
     return /* @__PURE__ */ o(
-      st,
+      lt,
       {
         button: /* @__PURE__ */ o(
-          G,
+          K,
           {
             title: "More options",
             "aria-label": "More options",
-            iconType: Yt,
+            iconType: qt,
             size: "s",
             color: "text",
             onClick: i
@@ -1695,7 +1752,7 @@ const Xn = K(
         panelPaddingSize: "none",
         anchorPosition: "leftCenter",
         children: /* @__PURE__ */ o(
-          Qn,
+          ti,
           {
             item: t,
             closePopover: a
@@ -1704,14 +1761,14 @@ const Xn = K(
       }
     );
   }
-), ti = D(
+), ni = Y(
   ({ item: t }) => {
-    const e = te();
-    return /* @__PURE__ */ O(Qe, { textOnly: !1, hasActions: !0, align: "right", children: [
+    const e = ie();
+    return /* @__PURE__ */ F(rt, { textOnly: !1, hasActions: !0, align: "right", children: [
       /* @__PURE__ */ o(
-        ee,
+        ne,
         {
-          iconType: un,
+          iconType: dn,
           size: "s",
           onClick: async () => {
             t.isCurrent ? await e.setCurrentTime(0) : t.play();
@@ -1720,18 +1777,18 @@ const Xn = K(
         }
       ),
       /* @__PURE__ */ o(
-        ee,
+        ne,
         {
-          iconType: lt,
+          iconType: ct,
           size: "s",
           onClick: t.remove,
           children: "Remove"
         }
       ),
-      /* @__PURE__ */ o(ei, { item: t })
+      /* @__PURE__ */ o(ri, { item: t })
     ] });
   }
-), ri = {
+), ii = {
   Audio: "",
   Dailymotion: "https://www.dailymotion.com/favicon.ico",
   Niconico: "https://www.nicovideo.jp/favicon.ico",
@@ -1739,29 +1796,29 @@ const Xn = K(
   Twitch: "https://www.twitch.tv/favicon.ico",
   Vimeo: "https://vimeo.com/favicon.ico",
   YouTube: "https://www.youtube.com/favicon.ico"
-}, ni = D(
+}, oi = Y(
   ({ item: t }) => {
-    const e = te();
-    return /* @__PURE__ */ O(Ur, { isSelected: t.isCurrent, children: [
-      /* @__PURE__ */ o(Br, { children: /* @__PURE__ */ o(
-        zt,
+    const e = ie();
+    return /* @__PURE__ */ F(Hr, { isSelected: t.isCurrent, children: [
+      /* @__PURE__ */ o(Ur, { children: /* @__PURE__ */ o(
+        Bt,
         {
           id: t.id.toString(),
           checked: t.isSelected,
           onChange: t.toggleSelected
         }
       ) }),
-      /* @__PURE__ */ o(Qe, { textOnly: !1, children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(rt, { textOnly: !1, children: /* @__PURE__ */ o(
         "img",
         {
-          src: ri[t.type],
+          src: ii[t.type],
           width: 16,
           height: 16,
           alt: t.type
         }
       ) }),
-      /* @__PURE__ */ o(Qe, { children: /* @__PURE__ */ o(
-        Wr,
+      /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(
+        qr,
         {
           href: t.url,
           target: "_blank",
@@ -1770,36 +1827,36 @@ const Xn = K(
           children: t.title
         }
       ) }),
-      /* @__PURE__ */ o(ti, { item: t })
+      /* @__PURE__ */ o(ni, { item: t })
     ] }, t.id);
   }
-), ii = D(
+), ai = Y(
   ({ playQueueStore: t }) => /* @__PURE__ */ o(
-    fn,
+    hn,
     {
       tag: "tbody",
       list: t.items,
       setList: (e) => t.setItems(e),
-      children: t.items.map((e) => /* @__PURE__ */ o(ni, { item: e }, e.id))
+      children: t.items.map((e) => /* @__PURE__ */ o(oi, { item: e }, e.id))
     }
   )
-), oi = D(
-  ({ playQueueStore: t }) => /* @__PURE__ */ O(qr, { children: [
-    /* @__PURE__ */ o(Zn, { playQueueStore: t }),
-    /* @__PURE__ */ o(ii, { playQueueStore: t })
+), si = Y(
+  ({ playQueueStore: t }) => /* @__PURE__ */ F(Gr, { children: [
+    /* @__PURE__ */ o(ei, { playQueueStore: t }),
+    /* @__PURE__ */ o(ai, { playQueueStore: t })
   ] })
-), ai = D(
+), li = Y(
   ({ playQueueStore: t }) => {
-    const [e, n] = Y(!1);
-    return /* @__PURE__ */ O(Re, { children: [
+    const [e, n] = q(!1);
+    return /* @__PURE__ */ F(Re, { children: [
       e && /* @__PURE__ */ o(
-        Gr,
+        Kr,
         {
           type: "push",
           size: "s",
           onClose: () => n(!1),
           children: /* @__PURE__ */ o("div", { style: { blockSize: "100%" }, children: /* @__PURE__ */ o(
-            Hr,
+            Jr,
             {
               language: "json",
               overflowHeight: "100%",
@@ -1814,15 +1871,15 @@ const Xn = K(
           ) })
         }
       ),
-      /* @__PURE__ */ o(Xn, { playQueueStore: t })
+      /* @__PURE__ */ o(Qn, { playQueueStore: t })
     ] });
   }
-), si = D(
+), ci = Y(
   ({ playerStore: t, playQueueStore: e }) => {
-    const { euiTheme: n } = Dt();
-    return /* @__PURE__ */ O(Re, { children: [
-      /* @__PURE__ */ O(
-        de,
+    const { euiTheme: n } = Yt();
+    return /* @__PURE__ */ F(Re, { children: [
+      /* @__PURE__ */ F(
+        me,
         {
           alignItems: "center",
           gutterSize: "m",
@@ -1833,49 +1890,49 @@ const Xn = K(
             background: n.colors.backgroundBasePlain
           },
           children: [
-            /* @__PURE__ */ o(U, { grow: !1, children: /* @__PURE__ */ o(
-              ee,
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              ne,
               {
                 disabled: e.isEmpty || e.selectedItems.length === 0,
                 onClick: e.playSelectedItemsNext,
                 children: "Play next"
               }
             ) }),
-            /* @__PURE__ */ o(U, { grow: !1, children: /* @__PURE__ */ o(
-              ee,
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              ne,
               {
-                iconType: ct,
+                iconType: ut,
                 onClick: e.addSelectedItems,
                 disabled: e.isEmpty || e.selectedItems.length === 0,
                 children: "Add to play queue"
               }
             ) }),
-            /* @__PURE__ */ o(U, { grow: !1, children: /* @__PURE__ */ o(
-              ee,
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              ne,
               {
-                iconType: lt,
+                iconType: ct,
                 onClick: e.removeSelectedItems,
                 disabled: e.isEmpty || e.selectedItems.length === 0,
                 children: "Remove"
               }
             ) }),
-            /* @__PURE__ */ o(U, { grow: !1, children: /* @__PURE__ */ o(
-              ee,
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              ne,
               {
-                iconType: dn,
+                iconType: mn,
                 onClick: e.clear,
                 disabled: e.isEmpty,
                 children: "Clear"
               }
             ) }),
-            /* @__PURE__ */ o(U, { grow: !0 }),
-            /* @__PURE__ */ o(U, { grow: !1, children: /* @__PURE__ */ o(ai, { playQueueStore: e }) })
+            /* @__PURE__ */ o(G, { grow: !0 }),
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(li, { playQueueStore: e }) })
           ]
         }
       ),
-      !e.isEmpty && /* @__PURE__ */ O(Re, { children: [
+      !e.isEmpty && /* @__PURE__ */ F(Re, { children: [
         /* @__PURE__ */ o(
-          Lt,
+          Wt,
           {
             size: "l",
             style: {
@@ -1886,47 +1943,47 @@ const Xn = K(
             }
           }
         ),
-        /* @__PURE__ */ o(oi, { playQueueStore: e })
+        /* @__PURE__ */ o(si, { playQueueStore: e })
       ] })
     ] });
   }
-), Ri = D(
-  ({ playerStore: t, playQueueStore: e }) => /* @__PURE__ */ O(Re, { children: [
+), wi = Y(
+  ({ playerStore: t, playQueueStore: e }) => /* @__PURE__ */ F(Re, { children: [
     /* @__PURE__ */ o(
-      et.Header,
+      nt.Header,
       {
         pageTitle: "Play queue",
         rightSideItems: []
       }
     ),
-    /* @__PURE__ */ o(et.Section, { children: /* @__PURE__ */ o(
-      si,
+    /* @__PURE__ */ o(nt.Section, { children: /* @__PURE__ */ o(
+      ci,
       {
         playerStore: t,
         playQueueStore: e
       }
     ) })
   ] })
-), it = {
+), ot = {
   width: 16 * 25,
   height: 9 * 25
-}, Pi = D(
+}, Oi = Y(
   ({ playerStore: t, playQueueStore: e }) => {
-    const n = te(), i = $(async () => {
+    const n = ie(), i = $(async () => {
       e.interacted && await n.play();
     }, [e, n]), a = $(async () => {
       switch (e.repeat) {
-        case I.One:
+        case R.One:
           await n.setCurrentTime(0);
           break;
-        case I.Off:
-        case I.All:
+        case R.Off:
+        case R.All:
           if (e.isLastItem)
             switch (e.repeat) {
-              case I.Off:
+              case R.Off:
                 t.onEnded();
                 break;
-              case I.All:
+              case R.All:
                 e.hasMultipleItems ? await e.goToFirst() : await n.setCurrentTime(0);
                 break;
             }
@@ -1934,7 +1991,7 @@ const Xn = K(
             await e.next();
           break;
       }
-    }, [e, t, n]), l = $t(
+    }, [e, t, n]), l = zt(
       () => ({
         onLoaded: i,
         onPlay: t.onPlay,
@@ -1950,16 +2007,16 @@ const Xn = K(
         css: {
           position: "fixed",
           right: 0,
-          bottom: Kt,
-          width: it.width,
-          height: it.height,
+          bottom: Zt,
+          width: ot.width,
+          height: ot.height,
           zIndex: 998,
           backgroundColor: "rgb(39, 39, 39)",
           display: "flex",
           flexDirection: "column"
         },
         children: /* @__PURE__ */ o("div", { css: { flexGrow: 1, backgroundColor: "black" }, children: e.currentItem && /* @__PURE__ */ o(
-          _r,
+          Ar,
           {
             src: e.currentItem.url,
             options: l
@@ -1969,25 +2026,25 @@ const Xn = K(
     );
   }
 );
-class Xt {
+class Qt {
   makeObservable(e, n) {
-    return mn(e, n);
+    return vn(e, n);
   }
 }
 const Ce = class Ce {
   constructor(e, n, i) {
-    V(this, "id");
-    V(this, "isSelected", !1);
+    U(this, "id");
+    U(this, "isSelected", !1);
     this.observableStateProvider = e, this.playQueueStore = n, this.dto = i, this.id = Ce.nextId++, e.makeObservable(this, {
-      isSelected: Q,
-      isCurrent: w,
-      index: w,
-      isFirst: w,
-      isLast: w,
-      canMoveToTop: w,
-      canMoveToBottom: w,
-      canRemoveToTop: w,
-      canRemoveOthers: w,
+      isSelected: re,
+      isCurrent: _,
+      index: _,
+      isFirst: _,
+      isLast: _,
+      canMoveToTop: _,
+      canMoveToBottom: _,
+      canRemoveToTop: _,
+      canRemoveOthers: _,
       unselect: y,
       toggleSelected: y.bound,
       play: y,
@@ -2084,14 +2141,14 @@ const Ce = class Ce {
     return this.playQueueStore.removeOtherItems(this);
   }
 };
-V(Ce, "nextId", 1);
-let ot = Ce;
-const Xe = new vn({
+U(Ce, "nextId", 1);
+let at = Ce;
+const et = new yn({
   coerceTypes: !0
 });
-function li(t, e) {
+function ui(t, e) {
   let n;
-  if (n = Xe.getSchema(e), n === void 0 && (Xe.addSchema(t, e), n = Xe.getSchema(e)), n === void 0 || n.schema !== t)
+  if (n = et.getSchema(e), n === void 0 && (et.addSchema(t, e), n = et.getSchema(e)), n === void 0 || n.schema !== t)
     throw new Error(
       `Invalid schema. Expected: '${JSON.stringify(
         t
@@ -2099,7 +2156,7 @@ function li(t, e) {
     );
   return n;
 }
-const ci = {
+const fi = {
   type: "object",
   properties: {
     version: {
@@ -2108,7 +2165,7 @@ const ci = {
     },
     repeat: {
       type: "string",
-      enum: Object.values(I),
+      enum: Object.values(R),
       nullable: !0
     },
     shuffle: {
@@ -2142,36 +2199,36 @@ const ci = {
       nullable: !0
     }
   }
-}, ui = li(
-  ci,
+}, di = ui(
+  fi,
   "PlayQueueStore"
 );
-class di {
+class mi {
   constructor(e) {
-    V(this, "interacted", !1);
-    V(this, "items", []);
-    V(this, "currentId");
-    V(this, "repeat", I.Off);
-    V(this, "shuffle", !1);
+    U(this, "interacted", !1);
+    U(this, "items", []);
+    U(this, "currentId");
+    U(this, "repeat", R.Off);
+    U(this, "shuffle", !1);
     this.observableStateProvider = e, e.makeObservable(this, {
-      interacted: Q,
-      items: Q,
-      currentId: Q,
-      repeat: Q,
-      shuffle: Q,
-      localStorageState: w.struct,
-      isEmpty: w,
-      currentItem: w,
-      canPlay: w,
-      canPause: w,
-      hasMultipleItems: w,
-      currentIndex: w,
-      hasPreviousItem: w,
-      hasNextItem: w,
-      isLastItem: w,
-      selectedItems: w,
-      allItemsSelected: w,
-      selectedItemsOrAllItems: w,
+      interacted: re,
+      items: re,
+      currentId: re,
+      repeat: re,
+      shuffle: re,
+      localStorageState: _.struct,
+      isEmpty: _,
+      currentItem: _,
+      canPlay: _,
+      canPause: _,
+      hasMultipleItems: _,
+      currentIndex: _,
+      hasPreviousItem: _,
+      hasNextItem: _,
+      isLastItem: _,
+      selectedItems: _,
+      allItemsSelected: _,
+      selectedItemsOrAllItems: _,
       setItems: y,
       interact: y,
       clear: y.bound,
@@ -2197,7 +2254,7 @@ class di {
     });
   }
   createItem(e) {
-    return ot.fromDto(
+    return at.fromDto(
       this.observableStateProvider,
       this,
       e
@@ -2214,10 +2271,10 @@ class di {
   }
   set localStorageState(e) {
     var n;
-    this.repeat = e.repeat ?? I.Off, this.shuffle = e.shuffle ?? !1, this.items = ((n = e.items) == null ? void 0 : n.map((i) => this.createItem(i))) ?? [], this.currentIndex = e.currentIndex;
+    this.repeat = e.repeat ?? R.Off, this.shuffle = e.shuffle ?? !1, this.items = ((n = e.items) == null ? void 0 : n.map((i) => this.createItem(i))) ?? [], this.currentIndex = e.currentIndex;
   }
   validateLocalStorageState(e) {
-    return ui(e);
+    return di(e);
   }
   get isEmpty() {
     return this.items.length === 0;
@@ -2347,14 +2404,14 @@ class di {
   }
   toggleRepeat() {
     switch (this.repeat) {
-      case I.Off:
-        this.repeat = I.All;
+      case R.Off:
+        this.repeat = R.All;
         break;
-      case I.All:
-        this.repeat = I.One;
+      case R.All:
+        this.repeat = R.One;
         break;
-      case I.One:
-        this.repeat = I.Off;
+      case R.One:
+        this.repeat = R.Off;
         break;
     }
   }
@@ -2371,45 +2428,45 @@ class di {
     this.currentIndex !== void 0 && (this.currentIndex = 0);
   }
 }
-const Zt = jt(void 0), wi = ({
+const er = Lt(void 0), _i = ({
   children: t
 }) => {
-  const [e] = Y(
-    () => new di(new Xt())
-  ), n = te();
-  return Rr(() => hn(
+  const [e] = q(
+    () => new mi(new Qt())
+  ), n = ie();
+  return wr(() => pn(
     () => e.currentItem,
     async (i, a) => {
       i === void 0 || a === void 0 || i.type === a.type && i.videoId === a.videoId && await n.setCurrentTime(0);
     }
-  ), [e, n]), /* @__PURE__ */ o(Zt.Provider, { value: e, children: t });
-}, fi = () => at(Zt), _i = D(
+  ), [e, n]), /* @__PURE__ */ o(er.Provider, { value: e, children: t });
+}, hi = () => st(er), Ai = Y(
   ({ children: t }) => {
-    const e = fi();
-    return /* @__PURE__ */ O(
-      et,
+    const e = hi();
+    return /* @__PURE__ */ F(
+      nt,
       {
         panelled: !0,
         style: {
-          minBlockSize: `max(460px, 100vh - ${Kt}px)`
+          minBlockSize: `max(460px, 100vh - ${Zt}px)`
         },
         children: [
           t,
-          !e.isEmpty && /* @__PURE__ */ o(Lt, { style: { blockSize: it.height } })
+          !e.isEmpty && /* @__PURE__ */ o(Wt, { style: { blockSize: ot.height } })
         ]
       }
     );
   }
 );
-class mi {
+class vi {
   constructor(e) {
-    V(this, "playing", !1);
-    V(this, "percent", 0);
-    V(this, "seeking", !1);
+    U(this, "playing", !1);
+    U(this, "percent", 0);
+    U(this, "seeking", !1);
     e.makeObservable(this, {
-      playing: Q,
-      percent: Q,
-      seeking: Q,
+      playing: re,
+      percent: re,
+      seeking: re,
       setPlaying: y,
       setPercent: y,
       setSeeking: y,
@@ -2441,32 +2498,32 @@ class mi {
     e !== void 0 && (this.seeking || (this.percent = e));
   }
 }
-const Qt = jt(void 0), Oi = ({
+const tr = Lt(void 0), ki = ({
   children: t
 }) => {
-  const [e] = Y(
-    () => new mi(new Xt())
+  const [e] = q(
+    () => new vi(new Qt())
   );
-  return /* @__PURE__ */ o(Qt.Provider, { value: e, children: t });
-}, Ai = () => at(Qt);
-class ki {
+  return /* @__PURE__ */ o(tr.Provider, { value: e, children: t });
+}, Mi = () => st(tr);
+class Fi {
   makeObservable(e, n) {
     return e;
   }
 }
 export {
-  Ii as BottomBar,
-  Ri as HydrangeanDiva,
-  _i as MediaPlayerLayout,
-  Pi as MiniPlayer,
-  Xt as MobXObservableStateProvider,
-  ki as ObservableStateProvider,
-  wi as PlayQueueStoreProvider,
-  Oi as PlayerStoreProvider,
-  I as RepeatMode,
-  Kt as bottomBarHeight,
-  it as miniPlayerSize,
-  fi as usePlayQueueStore,
-  Ai as usePlayerStore
+  Ri as BottomBar,
+  wi as HydrangeanDiva,
+  Ai as MediaPlayerLayout,
+  Oi as MiniPlayer,
+  Qt as MobXObservableStateProvider,
+  Fi as ObservableStateProvider,
+  _i as PlayQueueStoreProvider,
+  ki as PlayerStoreProvider,
+  R as RepeatMode,
+  Zt as bottomBarHeight,
+  ot as miniPlayerSize,
+  hi as usePlayQueueStore,
+  Mi as usePlayerStore
 };
 //# sourceMappingURL=index.es.js.map