@aigamo/hydrangean-diva 0.0.1-alpha.23 → 0.0.1-alpha.25

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { makeObservable as Nr, action as v, computed as _, observable as X, reaction as $r } from "mobx";
+import { makeObservable as Nr, action as y, computed as w, observable as X, reaction as $r } from "mobx";
 import * as te from "react";
-import Lt, { forwardRef as jr, useContext as ct, useState as z, useEffect as Vt, memo as re, useCallback as $, useMemo as Ve, createContext as Ut, useLayoutEffect as zr } from "react";
-import qr from "@emotion/cache";
-import { EuiSelectable as Lr, EuiPopoverTitle as Vr, EuiPopoverFooter as Ur, EuiButton as Q, EuiPopover as xe, useGeneratedHtmlId as Yr, EuiModalHeaderTitle as Wr, EuiModalHeader as Hr, EuiForm as Gr, EuiFormRow as at, EuiFieldText as xt, EuiModalBody as Jr, EuiModalFooter as Qr, EuiButtonEmpty as Yt, EuiModal as Kr, useEuiTheme as Wt, EuiCheckbox as Ht, EuiTableHeaderCellCheckbox as Br, EuiTableHeader as Xr, EuiTableRowCell as st, EuiTableRowCellCheckbox as Zr, EuiLink as en, EuiTableRow as tn, EuiTable as rn, EuiButtonIcon as W, EuiIcon as Y, EuiContextMenu as ut, EuiTableHeaderCell as tt, EuiCodeBlock as nn, EuiFlyout as an, EuiFlexGroup as oe, EuiFlexItem as J, EuiSpacer as Gt, EuiEmptyPrompt as sn, EuiPageTemplate as dt, EuiRange as Jt, EuiBottomBar as on } from "@elastic/eui";
-import { AddRegular as Te, PlayRegular as ln, DismissRegular as ft, MoreHorizontalFilled as Qt, ArrowUploadRegular as cn, ArrowDownloadRegular as un, WindowDevToolsRegular as dn, DeleteRegular as fn, ArrowShuffleFilled as pn, ArrowShuffleOffFilled as yn, PreviousFilled as hn, SkipBack10Regular as Kt, PauseFilled as mn, PlayFilled as vn, SkipForward30Regular as Bt, NextFilled as gn, ArrowRepeat1Filled as Pn, ArrowRepeatAllFilled as bn, ArrowRepeatAllOffFilled as wn, OpenRegular as Sn, Speaker2Regular as Xt, TopSpeedRegular as En, NavigationPlayRegular as Rn } from "@fluentui/react-icons";
-import { useNostalgicDiva as le, findVideoService as Tn, NostalgicDivaProvider as Cn, NostalgicDiva as In, nullPlayerController as xn } from "@aigamo/nostalgic-diva";
-import { observer as C } from "mobx-react-lite";
+import qt, { createContext as Vt, useContext as ct, forwardRef as jr, useState as z, useEffect as Ut, memo as re, useCallback as $, useMemo as Ve, useLayoutEffect as zr } from "react";
+import Lr from "@emotion/cache";
+import { EuiSelectable as qr, EuiPopoverTitle as Vr, EuiPopoverFooter as Ur, EuiButton as J, EuiPopover as xe, useGeneratedHtmlId as Qr, EuiModalHeaderTitle as Yr, EuiModalHeader as Wr, EuiForm as Hr, EuiFormRow as at, EuiFieldText as xt, EuiModalBody as Gr, EuiModalFooter as Jr, EuiButtonEmpty as Qt, EuiModal as Br, useEuiTheme as Yt, EuiCheckbox as Wt, EuiTableHeaderCellCheckbox as Kr, EuiTableHeader as Xr, EuiTableRowCell as st, EuiTableRowCellCheckbox as Zr, EuiLink as en, EuiTableRow as tn, EuiTable as rn, EuiButtonIcon as Y, EuiIcon as Q, EuiContextMenu as ut, EuiTableHeaderCell as tt, EuiCodeBlock as nn, EuiFlyout as an, EuiFlexGroup as oe, EuiFlexItem as G, EuiSpacer as Ht, EuiEmptyPrompt as sn, EuiPageTemplate as dt, EuiRange as Gt, EuiBottomBar as on } from "@elastic/eui";
+import { AddRegular as Re, PlayRegular as ln, DismissRegular as ft, MoreHorizontalFilled as Jt, ArrowUploadRegular as cn, ArrowDownloadRegular as un, WindowDevToolsRegular as dn, DeleteRegular as fn, ArrowShuffleFilled as pn, ArrowShuffleOffFilled as hn, PreviousFilled as yn, SkipBack10Regular as Bt, PauseFilled as mn, PlayFilled as vn, SkipForward30Regular as Kt, NextFilled as gn, ArrowRepeat1Filled as Pn, ArrowRepeatAllFilled as bn, ArrowRepeatAllOffFilled as wn, OpenRegular as Sn, Speaker2Regular as Xt, TopSpeedRegular as Tn, NavigationPlayRegular as En } from "@fluentui/react-icons";
+import { useNostalgicDiva as le, findVideoService as Rn, NostalgicDivaProvider as Cn, NostalgicDiva as In, nullPlayerController as xn } from "@aigamo/nostalgic-diva";
+import { observer as I } from "mobx-react-lite";
 import { ReactSortable as On } from "react-sortablejs";
-import _n from "ajv";
+import kn from "ajv";
 import { pull as Ot } from "lodash-es";
-import { useRouter as kn } from "@tanstack/react-router";
+import { useRouter as _n } from "@tanstack/react-router";
 const Zt = 81;
 class er {
   makeObservable(t, r) {
@@ -21,73 +21,74 @@ class Sa {
     return t;
   }
 }
-var N = /* @__PURE__ */ ((e) => (e.Off = "Off", e.All = "All", e.One = "One", e))(N || {}), ze = { exports: {} }, Se = {};
-var _t;
+const tr = Vt(void 0), rr = () => ct(tr);
+var O = /* @__PURE__ */ ((e) => (e.Off = "Off", e.All = "All", e.One = "One", e))(O || {}), ze = { exports: {} }, Se = {};
+var kt;
 function An() {
-  if (_t) return Se;
-  _t = 1;
-  var e = Lt, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(f, p, m) {
-    var P, w = {}, q = null, F = null;
-    m !== void 0 && (q = "" + m), p.key !== void 0 && (q = "" + p.key), p.ref !== void 0 && (F = p.ref);
-    for (P in p) i.call(p, P) && !o.hasOwnProperty(P) && (w[P] = p[P]);
-    if (f && f.defaultProps) for (P in p = f.defaultProps, p) w[P] === void 0 && (w[P] = p[P]);
-    return { $$typeof: t, type: f, key: q, ref: F, props: w, _owner: a.current };
+  if (kt) return Se;
+  kt = 1;
+  var e = qt, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(f, p, v) {
+    var P, S = {}, L = null, N = null;
+    v !== void 0 && (L = "" + v), p.key !== void 0 && (L = "" + p.key), p.ref !== void 0 && (N = p.ref);
+    for (P in p) i.call(p, P) && !o.hasOwnProperty(P) && (S[P] = p[P]);
+    if (f && f.defaultProps) for (P in p = f.defaultProps, p) S[P] === void 0 && (S[P] = p[P]);
+    return { $$typeof: t, type: f, key: L, ref: N, props: S, _owner: a.current };
   }
   return Se.Fragment = r, Se.jsx = c, Se.jsxs = c, Se;
 }
-var Ee = {};
-var kt;
-function Dn() {
-  return kt || (kt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = Lt, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), i = /* @__PURE__ */ Symbol.for("react.fragment"), a = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), f = /* @__PURE__ */ Symbol.for("react.context"), p = /* @__PURE__ */ Symbol.for("react.forward_ref"), m = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), F = /* @__PURE__ */ Symbol.for("react.offscreen"), k = Symbol.iterator, H = "@@iterator";
+var Te = {};
+var _t;
+function Fn() {
+  return _t || (_t = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = qt, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), i = /* @__PURE__ */ Symbol.for("react.fragment"), a = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), f = /* @__PURE__ */ Symbol.for("react.context"), p = /* @__PURE__ */ Symbol.for("react.forward_ref"), v = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), S = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), N = /* @__PURE__ */ Symbol.for("react.offscreen"), A = Symbol.iterator, W = "@@iterator";
     function Z(n) {
       if (n === null || typeof n != "object")
         return null;
-      var l = k && n[k] || n[H];
+      var l = A && n[A] || n[W];
       return typeof l == "function" ? l : null;
     }
-    var L = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function I(n) {
+    var q = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(n) {
       {
-        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), h = 1; h < l; h++)
-          d[h - 1] = arguments[h];
-        A("error", n, d);
+        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), m = 1; m < l; m++)
+          d[m - 1] = arguments[m];
+        F("error", n, d);
       }
     }
-    function A(n, l, d) {
+    function F(n, l, d) {
       {
-        var h = L.ReactDebugCurrentFrame, S = h.getStackAddendum();
-        S !== "" && (l += "%s", d = d.concat([S]));
-        var T = d.map(function(b) {
+        var m = q.ReactDebugCurrentFrame, T = m.getStackAddendum();
+        T !== "" && (l += "%s", d = d.concat([T]));
+        var C = d.map(function(b) {
           return String(b);
         });
-        T.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, T);
+        C.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, C);
       }
     }
-    var x = !1, u = !1, V = !1, ye = !1, Oe = !1, _e;
-    _e = /* @__PURE__ */ Symbol.for("react.module.reference");
-    function We(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === i || n === o || Oe || n === a || n === m || n === P || ye || n === F || x || u || V || typeof n == "object" && n !== null && (n.$$typeof === q || n.$$typeof === w || n.$$typeof === c || n.$$typeof === f || n.$$typeof === p || // This needs to include all possible module reference object
+    var k = !1, u = !1, V = !1, he = !1, Oe = !1, ke;
+    ke = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function Ye(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === i || n === o || Oe || n === a || n === v || n === P || he || n === N || k || u || V || typeof n == "object" && n !== null && (n.$$typeof === L || n.$$typeof === S || n.$$typeof === c || n.$$typeof === f || n.$$typeof === p || // 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.
-      n.$$typeof === _e || n.getModuleId !== void 0));
+      n.$$typeof === ke || n.getModuleId !== void 0));
     }
-    function He(n, l, d) {
-      var h = n.displayName;
-      if (h)
-        return h;
-      var S = l.displayName || l.name || "";
-      return S !== "" ? d + "(" + S + ")" : d;
+    function We(n, l, d) {
+      var m = n.displayName;
+      if (m)
+        return m;
+      var T = l.displayName || l.name || "";
+      return T !== "" ? d + "(" + T + ")" : d;
     }
-    function ke(n) {
+    function _e(n) {
       return n.displayName || "Context";
     }
-    function K(n) {
+    function B(n) {
       if (n == null)
         return null;
-      if (typeof n.tag == "number" && I("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+      if (typeof n.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
         return n.displayName || n.name || null;
       if (typeof n == "string")
         return n;
@@ -100,7 +101,7 @@ function Dn() {
           return "Profiler";
         case a:
           return "StrictMode";
-        case m:
+        case v:
           return "Suspense";
         case P:
           return "SuspenseList";
@@ -109,19 +110,19 @@ function Dn() {
         switch (n.$$typeof) {
           case f:
             var l = n;
-            return ke(l) + ".Consumer";
+            return _e(l) + ".Consumer";
           case c:
             var d = n;
-            return ke(d._context) + ".Provider";
+            return _e(d._context) + ".Provider";
           case p:
-            return He(n, n.render, "ForwardRef");
-          case w:
-            var h = n.displayName || null;
-            return h !== null ? h : K(n.type) || "Memo";
-          case q: {
-            var S = n, T = S._payload, b = S._init;
+            return We(n, n.render, "ForwardRef");
+          case S:
+            var m = n.displayName || null;
+            return m !== null ? m : B(n.type) || "Memo";
+          case L: {
+            var T = n, C = T._payload, b = T._init;
             try {
-              return K(b(T));
+              return B(b(C));
             } catch {
               return null;
             }
@@ -129,14 +130,14 @@ function Dn() {
         }
       return null;
     }
-    var ee = Object.assign, ne = 0, Ae, De, he, Me, me, Fe, Ne;
+    var ee = Object.assign, ne = 0, Ae, Fe, ye, Me, me, De, Ne;
     function $e() {
     }
     $e.__reactDisabledLog = !0;
-    function Ge() {
+    function He() {
       {
         if (ne === 0) {
-          Ae = console.log, De = console.info, he = console.warn, Me = console.error, me = console.group, Fe = console.groupCollapsed, Ne = console.groupEnd;
+          Ae = console.log, Fe = console.info, ye = console.warn, Me = console.error, me = console.group, De = console.groupCollapsed, Ne = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
@@ -156,7 +157,7 @@ function Dn() {
         ne++;
       }
     }
-    function Je() {
+    function Ge() {
       {
         if (ne--, ne === 0) {
           var n = {
@@ -169,10 +170,10 @@ function Dn() {
               value: Ae
             }),
             info: ee({}, n, {
-              value: De
+              value: Fe
             }),
             warn: ee({}, n, {
-              value: he
+              value: ye
             }),
             error: ee({}, n, {
               value: Me
@@ -181,25 +182,25 @@ function Dn() {
               value: me
             }),
             groupCollapsed: ee({}, n, {
-              value: Fe
+              value: De
             }),
             groupEnd: ee({}, n, {
               value: Ne
             })
           });
         }
-        ne < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ne < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ve = L.ReactCurrentDispatcher, ge;
+    var ve = q.ReactCurrentDispatcher, ge;
     function ce(n, l, d) {
       {
         if (ge === void 0)
           try {
             throw Error();
-          } catch (S) {
-            var h = S.stack.trim().match(/\n( *(at )?)/);
-            ge = h && h[1] || "";
+          } catch (T) {
+            var m = T.stack.trim().match(/\n( *(at )?)/);
+            ge = m && m[1] || "";
           }
         return `
 ` + ge + n;
@@ -207,10 +208,10 @@ function Dn() {
     }
     var Pe = !1, ue;
     {
-      var Qe = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new Qe();
+      var Je = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new Je();
     }
-    function y(n, l) {
+    function h(n, l) {
       if (!n || Pe)
         return "";
       {
@@ -218,12 +219,12 @@ function Dn() {
         if (d !== void 0)
           return d;
       }
-      var h;
+      var m;
       Pe = !0;
-      var S = Error.prepareStackTrace;
+      var T = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var T;
-      T = ve.current, ve.current = null, Ge();
+      var C;
+      C = ve.current, ve.current = null, He();
       try {
         if (l) {
           var b = function() {
@@ -237,14 +238,14 @@ function Dn() {
             try {
               Reflect.construct(b, []);
             } catch (U) {
-              h = U;
+              m = U;
             }
             Reflect.construct(n, [], b);
           } else {
             try {
               b.call();
             } catch (U) {
-              h = U;
+              m = U;
             }
             n.call(b.prototype);
           }
@@ -252,37 +253,37 @@ function Dn() {
           try {
             throw Error();
           } catch (U) {
-            h = U;
+            m = U;
           }
           n();
         }
       } catch (U) {
-        if (U && h && typeof U.stack == "string") {
+        if (U && m && typeof U.stack == "string") {
           for (var g = U.stack.split(`
-`), j = h.stack.split(`
-`), O = g.length - 1, D = j.length - 1; O >= 1 && D >= 0 && g[O] !== j[D]; )
-            D--;
-          for (; O >= 1 && D >= 0; O--, D--)
-            if (g[O] !== j[D]) {
-              if (O !== 1 || D !== 1)
+`), j = m.stack.split(`
+`), _ = g.length - 1, M = j.length - 1; _ >= 1 && M >= 0 && g[_] !== j[M]; )
+            M--;
+          for (; _ >= 1 && M >= 0; _--, M--)
+            if (g[_] !== j[M]) {
+              if (_ !== 1 || M !== 1)
                 do
-                  if (O--, D--, D < 0 || g[O] !== j[D]) {
-                    var G = `
-` + g[O].replace(" at new ", " at ");
-                    return n.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", n.displayName)), typeof n == "function" && ue.set(n, G), G;
+                  if (_--, M--, M < 0 || g[_] !== j[M]) {
+                    var H = `
+` + g[_].replace(" at new ", " at ");
+                    return n.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", n.displayName)), typeof n == "function" && ue.set(n, H), H;
                   }
-                while (O >= 1 && D >= 0);
+                while (_ >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        Pe = !1, ve.current = T, Je(), Error.prepareStackTrace = S;
+        Pe = !1, ve.current = C, Ge(), Error.prepareStackTrace = T;
       }
       var pe = n ? n.displayName || n.name : "", ae = pe ? ce(pe) : "";
       return typeof n == "function" && ue.set(n, ae), ae;
     }
     function be(n, l, d) {
-      return y(n, !1);
+      return h(n, !1);
     }
     function de(n) {
       var l = n.prototype;
@@ -292,11 +293,11 @@ function Dn() {
       if (n == null)
         return "";
       if (typeof n == "function")
-        return y(n, de(n));
+        return h(n, de(n));
       if (typeof n == "string")
         return ce(n);
       switch (n) {
-        case m:
+        case v:
           return ce("Suspense");
         case P:
           return ce("SuspenseList");
@@ -305,48 +306,48 @@ function Dn() {
         switch (n.$$typeof) {
           case p:
             return be(n.render);
-          case w:
+          case S:
             return ie(n.type, l, d);
-          case q: {
-            var h = n, S = h._payload, T = h._init;
+          case L: {
+            var m = n, T = m._payload, C = m._init;
             try {
-              return ie(T(S), l, d);
+              return ie(C(T), l, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var we = Object.prototype.hasOwnProperty, yt = {}, ht = L.ReactDebugCurrentFrame;
+    var we = Object.prototype.hasOwnProperty, ht = {}, yt = q.ReactDebugCurrentFrame;
     function je(n) {
       if (n) {
         var l = n._owner, d = ie(n.type, n._source, l ? l.type : null);
-        ht.setExtraStackFrame(d);
+        yt.setExtraStackFrame(d);
       } else
-        ht.setExtraStackFrame(null);
+        yt.setExtraStackFrame(null);
     }
-    function yr(n, l, d, h, S) {
+    function hr(n, l, d, m, T) {
       {
-        var T = Function.call.bind(we);
+        var C = Function.call.bind(we);
         for (var b in n)
-          if (T(n, b)) {
+          if (C(n, b)) {
             var g = void 0;
             try {
               if (typeof n[b] != "function") {
-                var j = Error((h || "React class") + ": " + d + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var j = Error((m || "React class") + ": " + d + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw j.name = "Invariant Violation", j;
               }
-              g = n[b](l, b, h, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (O) {
-              g = O;
+              g = n[b](l, b, m, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (_) {
+              g = _;
             }
-            g && !(g instanceof Error) && (je(S), 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).", h || "React class", d, b, typeof g), je(null)), g instanceof Error && !(g.message in yt) && (yt[g.message] = !0, je(S), I("Failed %s type: %s", d, g.message), je(null));
+            g && !(g instanceof Error) && (je(T), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", m || "React class", d, b, typeof g), je(null)), g instanceof Error && !(g.message in ht) && (ht[g.message] = !0, je(T), x("Failed %s type: %s", d, g.message), je(null));
           }
       }
     }
-    var hr = Array.isArray;
-    function Ke(n) {
-      return hr(n);
+    var yr = Array.isArray;
+    function Be(n) {
+      return yr(n);
     }
     function mr(n) {
       {
@@ -366,9 +367,9 @@ function Dn() {
     }
     function vt(n) {
       if (vr(n))
-        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mr(n)), mt(n);
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mr(n)), mt(n);
     }
-    var gt = L.ReactCurrentOwner, gr = {
+    var gt = q.ReactCurrentOwner, gr = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -396,7 +397,7 @@ function Dn() {
     function Sr(n, l) {
       {
         var d = 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)", l));
+          Pt || (Pt = !0, x("%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)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: d,
@@ -404,10 +405,10 @@ function Dn() {
         });
       }
     }
-    function Er(n, l) {
+    function Tr(n, l) {
       {
         var d = function() {
-          bt || (bt = !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)", l));
+          bt || (bt = !0, x("%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)", l));
         };
         d.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: d,
@@ -415,7 +416,7 @@ function Dn() {
         });
       }
     }
-    var Rr = function(n, l, d, h, S, T, b) {
+    var Er = function(n, l, d, m, T, C, b) {
       var g = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -425,7 +426,7 @@ function Dn() {
         ref: d,
         props: b,
         // Record the component responsible for creating this element.
-        _owner: T
+        _owner: C
       };
       return g._store = {}, Object.defineProperty(g._store, "validated", {
         configurable: !1,
@@ -436,33 +437,33 @@ function Dn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
+        value: m
       }), Object.defineProperty(g, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
+        value: T
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function Tr(n, l, d, h, S) {
+    function Rr(n, l, d, m, T) {
       {
-        var T, b = {}, g = null, j = null;
-        d !== void 0 && (vt(d), g = "" + d), br(l) && (vt(l.key), g = "" + l.key), Pr(l) && (j = l.ref, wr(l, S));
-        for (T in l)
-          we.call(l, T) && !gr.hasOwnProperty(T) && (b[T] = l[T]);
+        var C, b = {}, g = null, j = null;
+        d !== void 0 && (vt(d), g = "" + d), br(l) && (vt(l.key), g = "" + l.key), Pr(l) && (j = l.ref, wr(l, T));
+        for (C in l)
+          we.call(l, C) && !gr.hasOwnProperty(C) && (b[C] = l[C]);
         if (n && n.defaultProps) {
-          var O = n.defaultProps;
-          for (T in O)
-            b[T] === void 0 && (b[T] = O[T]);
+          var _ = n.defaultProps;
+          for (C in _)
+            b[C] === void 0 && (b[C] = _[C]);
         }
         if (g || j) {
-          var D = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          g && Sr(b, D), j && Er(b, D);
+          var M = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          g && Sr(b, M), j && Tr(b, M);
         }
-        return Rr(n, g, j, S, h, gt.current, b);
+        return Er(n, g, j, T, m, gt.current, b);
       }
     }
-    var Be = L.ReactCurrentOwner, wt = L.ReactDebugCurrentFrame;
+    var Ke = q.ReactCurrentOwner, wt = q.ReactDebugCurrentFrame;
     function fe(n) {
       if (n) {
         var l = n._owner, d = ie(n.type, n._source, l ? l.type : null);
@@ -477,8 +478,8 @@ function Dn() {
     }
     function St() {
       {
-        if (Be.current) {
-          var n = K(Be.current.type);
+        if (Ke.current) {
+          var n = B(Ke.current.type);
           if (n)
             return `
 
@@ -490,7 +491,7 @@ Check the render method of \`` + n + "`.";
     function Cr(n) {
       return "";
     }
-    var Et = {};
+    var Tt = {};
     function Ir(n) {
       {
         var l = St();
@@ -503,35 +504,35 @@ Check the top-level render call using <` + d + ">.");
         return l;
       }
     }
-    function Rt(n, l) {
+    function Et(n, l) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
         var d = Ir(l);
-        if (Et[d])
+        if (Tt[d])
           return;
-        Et[d] = !0;
-        var h = "";
-        n && n._owner && n._owner !== Be.current && (h = " It was passed a child from " + K(n._owner.type) + "."), fe(n), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, h), fe(null);
+        Tt[d] = !0;
+        var m = "";
+        n && n._owner && n._owner !== Ke.current && (m = " It was passed a child from " + B(n._owner.type) + "."), fe(n), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, m), fe(null);
       }
     }
-    function Tt(n, l) {
+    function Rt(n, l) {
       {
         if (typeof n != "object")
           return;
-        if (Ke(n))
+        if (Be(n))
           for (var d = 0; d < n.length; d++) {
-            var h = n[d];
-            Ze(h) && Rt(h, l);
+            var m = n[d];
+            Ze(m) && Et(m, l);
           }
         else if (Ze(n))
           n._store && (n._store.validated = !0);
         else if (n) {
-          var S = Z(n);
-          if (typeof S == "function" && S !== n.entries)
-            for (var T = S.call(n), b; !(b = T.next()).done; )
-              Ze(b.value) && Rt(b.value, l);
+          var T = Z(n);
+          if (typeof T == "function" && T !== n.entries)
+            for (var C = T.call(n), b; !(b = C.next()).done; )
+              Ze(b.value) && Et(b.value, l);
         }
       }
     }
@@ -545,68 +546,68 @@ Check the top-level render call using <` + d + ">.");
           d = l.propTypes;
         else if (typeof l == "object" && (l.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === w))
+        l.$$typeof === S))
           d = l.propTypes;
         else
           return;
         if (d) {
-          var h = K(l);
-          yr(d, n.props, "prop", h, n);
+          var m = B(l);
+          hr(d, n.props, "prop", m, n);
         } else if (l.PropTypes !== void 0 && !Xe) {
           Xe = !0;
-          var S = K(l);
-          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+          var T = B(l);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Or(n) {
       {
         for (var l = Object.keys(n.props), d = 0; d < l.length; d++) {
-          var h = l[d];
-          if (h !== "children" && h !== "key") {
-            fe(n), I("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), fe(null);
+          var m = l[d];
+          if (m !== "children" && m !== "key") {
+            fe(n), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), fe(null);
             break;
           }
         }
-        n.ref !== null && (fe(n), I("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
+        n.ref !== null && (fe(n), x("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
       }
     }
     var Ct = {};
-    function It(n, l, d, h, S, T) {
+    function It(n, l, d, m, T, C) {
       {
-        var b = We(n);
+        var b = Ye(n);
         if (!b) {
           var g = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).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 j = Cr();
           j ? g += j : g += St();
-          var O;
-          n === null ? O = "null" : Ke(n) ? O = "array" : n !== void 0 && n.$$typeof === t ? (O = "<" + (K(n.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : O = typeof n, 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 _;
+          n === null ? _ = "null" : Be(n) ? _ = "array" : n !== void 0 && n.$$typeof === t ? (_ = "<" + (B(n.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof n, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, g);
         }
-        var D = Tr(n, l, d, S, T);
-        if (D == null)
-          return D;
+        var M = Rr(n, l, d, T, C);
+        if (M == null)
+          return M;
         if (b) {
-          var G = l.children;
-          if (G !== void 0)
-            if (h)
-              if (Ke(G)) {
-                for (var pe = 0; pe < G.length; pe++)
-                  Tt(G[pe], n);
-                Object.freeze && Object.freeze(G);
+          var H = l.children;
+          if (H !== void 0)
+            if (m)
+              if (Be(H)) {
+                for (var pe = 0; pe < H.length; pe++)
+                  Rt(H[pe], n);
+                Object.freeze && Object.freeze(H);
               } else
-                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.");
+                x("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
-              Tt(G, n);
+              Rt(H, n);
         }
         if (we.call(l, "key")) {
-          var ae = K(n), U = Object.keys(l).filter(function(Fr) {
-            return Fr !== "key";
+          var ae = B(n), U = Object.keys(l).filter(function(Dr) {
+            return Dr !== "key";
           }), et = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ct[ae + et]) {
             var Mr = U.length > 0 ? "{" + U.join(": ..., ") + ": ...}" : "{}";
-            I(`A props object containing a "key" prop is being spread into JSX:
+            x(`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:
@@ -614,48 +615,48 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, et, ae, Mr, ae), Ct[ae + et] = !0;
           }
         }
-        return n === i ? Or(D) : xr(D), D;
+        return n === i ? Or(M) : xr(M), M;
       }
     }
-    function _r(n, l, d) {
+    function kr(n, l, d) {
       return It(n, l, d, !0);
     }
-    function kr(n, l, d) {
+    function _r(n, l, d) {
       return It(n, l, d, !1);
     }
-    var Ar = kr, Dr = _r;
-    Ee.Fragment = i, Ee.jsx = Ar, Ee.jsxs = Dr;
-  })()), Ee;
+    var Ar = _r, Fr = kr;
+    Te.Fragment = i, Te.jsx = Ar, Te.jsxs = Fr;
+  })()), Te;
 }
 var At;
 function Mn() {
-  return At || (At = 1, process.env.NODE_ENV === "production" ? ze.exports = An() : ze.exports = Dn()), ze.exports;
+  return At || (At = 1, process.env.NODE_ENV === "production" ? ze.exports = An() : ze.exports = Fn()), ze.exports;
 }
-var Ce = Mn(), qe = { exports: {} }, E = {};
-var Dt;
-function Fn() {
-  if (Dt) return E;
-  Dt = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, w = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, q = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, F = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, k = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, H = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, Z = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, L = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, I = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function A(u) {
+var Ce = Mn(), Le = { exports: {} }, E = {};
+var Ft;
+function Dn() {
+  if (Ft) return E;
+  Ft = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, S = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, Z = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function F(u) {
     if (typeof u == "object" && u !== null) {
       var V = u.$$typeof;
       switch (V) {
         case t:
           switch (u = u.type, u) {
             case p:
-            case m:
+            case v:
             case i:
             case o:
             case a:
-            case w:
+            case S:
               return u;
             default:
               switch (u = u && u.$$typeof, u) {
                 case f:
                 case P:
-                case k:
-                case F:
+                case A:
+                case N:
                 case c:
                   return u;
                 default:
@@ -667,67 +668,67 @@ function Fn() {
       }
     }
   }
-  function x(u) {
-    return A(u) === m;
+  function k(u) {
+    return F(u) === v;
   }
-  return E.AsyncMode = p, E.ConcurrentMode = m, E.ContextConsumer = f, E.ContextProvider = c, E.Element = t, E.ForwardRef = P, E.Fragment = i, E.Lazy = k, E.Memo = F, E.Portal = r, E.Profiler = o, E.StrictMode = a, E.Suspense = w, E.isAsyncMode = function(u) {
-    return x(u) || A(u) === p;
-  }, E.isConcurrentMode = x, E.isContextConsumer = function(u) {
-    return A(u) === f;
+  return E.AsyncMode = p, E.ConcurrentMode = v, E.ContextConsumer = f, E.ContextProvider = c, E.Element = t, E.ForwardRef = P, E.Fragment = i, E.Lazy = A, E.Memo = N, E.Portal = r, E.Profiler = o, E.StrictMode = a, E.Suspense = S, E.isAsyncMode = function(u) {
+    return k(u) || F(u) === p;
+  }, E.isConcurrentMode = k, E.isContextConsumer = function(u) {
+    return F(u) === f;
   }, E.isContextProvider = function(u) {
-    return A(u) === c;
+    return F(u) === c;
   }, E.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === t;
   }, E.isForwardRef = function(u) {
-    return A(u) === P;
+    return F(u) === P;
   }, E.isFragment = function(u) {
-    return A(u) === i;
+    return F(u) === i;
   }, E.isLazy = function(u) {
-    return A(u) === k;
+    return F(u) === A;
   }, E.isMemo = function(u) {
-    return A(u) === F;
+    return F(u) === N;
   }, E.isPortal = function(u) {
-    return A(u) === r;
+    return F(u) === r;
   }, E.isProfiler = function(u) {
-    return A(u) === o;
+    return F(u) === o;
   }, E.isStrictMode = function(u) {
-    return A(u) === a;
+    return F(u) === a;
   }, E.isSuspense = function(u) {
-    return A(u) === w;
+    return F(u) === S;
   }, E.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === i || u === m || u === o || u === a || u === w || u === q || typeof u == "object" && u !== null && (u.$$typeof === k || u.$$typeof === F || u.$$typeof === c || u.$$typeof === f || u.$$typeof === P || u.$$typeof === Z || u.$$typeof === L || u.$$typeof === I || u.$$typeof === H);
-  }, E.typeOf = A, E;
+    return typeof u == "string" || typeof u == "function" || u === i || u === v || u === o || u === a || u === S || u === L || typeof u == "object" && u !== null && (u.$$typeof === A || u.$$typeof === N || u.$$typeof === c || u.$$typeof === f || u.$$typeof === P || u.$$typeof === Z || u.$$typeof === q || u.$$typeof === x || u.$$typeof === W);
+  }, E.typeOf = F, E;
 }
 var R = {};
 var Mt;
 function Nn() {
   return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, w = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, q = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, F = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, k = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, H = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, Z = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, L = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, I = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function A(y) {
-      return typeof y == "string" || typeof y == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      y === i || y === m || y === o || y === a || y === w || y === q || typeof y == "object" && y !== null && (y.$$typeof === k || y.$$typeof === F || y.$$typeof === c || y.$$typeof === f || y.$$typeof === P || y.$$typeof === Z || y.$$typeof === L || y.$$typeof === I || y.$$typeof === H);
-    }
-    function x(y) {
-      if (typeof y == "object" && y !== null) {
-        var be = y.$$typeof;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, S = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, Z = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function F(h) {
+      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      h === i || h === v || h === o || h === a || h === S || h === L || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === N || h.$$typeof === c || h.$$typeof === f || h.$$typeof === P || h.$$typeof === Z || h.$$typeof === q || h.$$typeof === x || h.$$typeof === W);
+    }
+    function k(h) {
+      if (typeof h == "object" && h !== null) {
+        var be = h.$$typeof;
         switch (be) {
           case t:
-            var de = y.type;
+            var de = h.type;
             switch (de) {
               case p:
-              case m:
+              case v:
               case i:
               case o:
               case a:
-              case w:
+              case S:
                 return de;
               default:
                 var ie = de && de.$$typeof;
                 switch (ie) {
                   case f:
                   case P:
-                  case k:
-                  case F:
+                  case A:
+                  case N:
                   case c:
                     return ie;
                   default:
@@ -739,52 +740,52 @@ function Nn() {
         }
       }
     }
-    var u = p, V = m, ye = f, Oe = c, _e = t, We = P, He = i, ke = k, K = F, ee = r, ne = o, Ae = a, De = w, he = !1;
-    function Me(y) {
-      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.")), me(y) || x(y) === p;
+    var u = p, V = v, he = f, Oe = c, ke = t, Ye = P, We = i, _e = A, B = N, ee = r, ne = o, Ae = a, Fe = S, ye = !1;
+    function Me(h) {
+      return ye || (ye = !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.")), me(h) || k(h) === p;
     }
-    function me(y) {
-      return x(y) === m;
+    function me(h) {
+      return k(h) === v;
     }
-    function Fe(y) {
-      return x(y) === f;
+    function De(h) {
+      return k(h) === f;
     }
-    function Ne(y) {
-      return x(y) === c;
+    function Ne(h) {
+      return k(h) === c;
     }
-    function $e(y) {
-      return typeof y == "object" && y !== null && y.$$typeof === t;
+    function $e(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === t;
     }
-    function Ge(y) {
-      return x(y) === P;
+    function He(h) {
+      return k(h) === P;
     }
-    function Je(y) {
-      return x(y) === i;
+    function Ge(h) {
+      return k(h) === i;
     }
-    function ve(y) {
-      return x(y) === k;
+    function ve(h) {
+      return k(h) === A;
     }
-    function ge(y) {
-      return x(y) === F;
+    function ge(h) {
+      return k(h) === N;
     }
-    function ce(y) {
-      return x(y) === r;
+    function ce(h) {
+      return k(h) === r;
     }
-    function Pe(y) {
-      return x(y) === o;
+    function Pe(h) {
+      return k(h) === o;
     }
-    function ue(y) {
-      return x(y) === a;
+    function ue(h) {
+      return k(h) === a;
     }
-    function Qe(y) {
-      return x(y) === w;
+    function Je(h) {
+      return k(h) === S;
     }
-    R.AsyncMode = u, R.ConcurrentMode = V, R.ContextConsumer = ye, R.ContextProvider = Oe, R.Element = _e, R.ForwardRef = We, R.Fragment = He, R.Lazy = ke, R.Memo = K, R.Portal = ee, R.Profiler = ne, R.StrictMode = Ae, R.Suspense = De, R.isAsyncMode = Me, R.isConcurrentMode = me, R.isContextConsumer = Fe, R.isContextProvider = Ne, R.isElement = $e, R.isForwardRef = Ge, R.isFragment = Je, R.isLazy = ve, R.isMemo = ge, R.isPortal = ce, R.isProfiler = Pe, R.isStrictMode = ue, R.isSuspense = Qe, R.isValidElementType = A, R.typeOf = x;
+    R.AsyncMode = u, R.ConcurrentMode = V, R.ContextConsumer = he, R.ContextProvider = Oe, R.Element = ke, R.ForwardRef = Ye, R.Fragment = We, R.Lazy = _e, R.Memo = B, R.Portal = ee, R.Profiler = ne, R.StrictMode = Ae, R.Suspense = Fe, R.isAsyncMode = Me, R.isConcurrentMode = me, R.isContextConsumer = De, R.isContextProvider = Ne, R.isElement = $e, R.isForwardRef = He, R.isFragment = Ge, R.isLazy = ve, R.isMemo = ge, R.isPortal = ce, R.isProfiler = Pe, R.isStrictMode = ue, R.isSuspense = Je, R.isValidElementType = F, R.typeOf = k;
   })()), R;
 }
-var Ft;
+var Dt;
 function $n() {
-  return Ft || (Ft = 1, process.env.NODE_ENV === "production" ? qe.exports = Fn() : qe.exports = Nn()), qe.exports;
+  return Dt || (Dt = 1, process.env.NODE_ENV === "production" ? Le.exports = Dn() : Le.exports = Nn()), Le.exports;
 }
 var rt, Nt;
 function jn() {
@@ -825,42 +826,42 @@ function jn() {
     type: !0
   }, o = {};
   o[e.ForwardRef] = i, o[e.Memo] = a;
-  function c(k) {
-    return e.isMemo(k) ? a : o[k.$$typeof] || t;
-  }
-  var f = Object.defineProperty, p = Object.getOwnPropertyNames, m = Object.getOwnPropertySymbols, P = Object.getOwnPropertyDescriptor, w = Object.getPrototypeOf, q = Object.prototype;
-  function F(k, H, Z) {
-    if (typeof H != "string") {
-      if (q) {
-        var L = w(H);
-        L && L !== q && F(k, L, Z);
+  function c(A) {
+    return e.isMemo(A) ? a : o[A.$$typeof] || t;
+  }
+  var f = Object.defineProperty, p = Object.getOwnPropertyNames, v = Object.getOwnPropertySymbols, P = Object.getOwnPropertyDescriptor, S = Object.getPrototypeOf, L = Object.prototype;
+  function N(A, W, Z) {
+    if (typeof W != "string") {
+      if (L) {
+        var q = S(W);
+        q && q !== L && N(A, q, Z);
       }
-      var I = p(H);
-      m && (I = I.concat(m(H)));
-      for (var A = c(k), x = c(H), u = 0; u < I.length; ++u) {
-        var V = I[u];
-        if (!r[V] && !(Z && Z[V]) && !(x && x[V]) && !(A && A[V])) {
-          var ye = P(H, V);
+      var x = p(W);
+      v && (x = x.concat(v(W)));
+      for (var F = c(A), k = c(W), u = 0; u < x.length; ++u) {
+        var V = x[u];
+        if (!r[V] && !(Z && Z[V]) && !(k && k[V]) && !(F && F[V])) {
+          var he = P(W, V);
           try {
-            f(k, V, ye);
+            f(A, V, he);
           } catch {
           }
         }
       }
     }
-    return k;
+    return A;
   }
-  return rt = F, rt;
+  return rt = N, rt;
 }
 jn();
 var zn = !0;
-function qn(e, t, r) {
+function Ln(e, t, r) {
   var i = "";
   return r.split(" ").forEach(function(a) {
     e[a] !== void 0 ? t.push(e[a] + ";") : a && (i += a + " ");
   }), i;
 }
-var tr = function(t, r, i) {
+var nr = function(t, r, i) {
   var a = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -872,8 +873,8 @@ var tr = function(t, r, i) {
   // 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
   zn === !1) && t.registered[a] === void 0 && (t.registered[a] = r.styles);
-}, Ln = function(t, r, i) {
-  tr(t, r, i);
+}, qn = function(t, r, i) {
+  nr(t, r, i);
   var a = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var o = r;
@@ -951,32 +952,32 @@ var Un = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function Yn(e) {
+function Qn(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Wn = /[A-Z]|^ms/g, Hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, rr = function(t) {
+var Yn = /[A-Z]|^ms/g, Wn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ir = function(t) {
   return t.charCodeAt(1) === 45;
 }, $t = function(t) {
   return t != null && typeof t != "boolean";
-}, nt = /* @__PURE__ */ Yn(function(e) {
-  return rr(e) ? e : e.replace(Wn, "-$&").toLowerCase();
+}, nt = /* @__PURE__ */ Qn(function(e) {
+  return ir(e) ? e : e.replace(Yn, "-$&").toLowerCase();
 }), jt = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Hn, function(i, a, o) {
-          return B = {
+        return r.replace(Wn, function(i, a, o) {
+          return K = {
             name: a,
             styles: o,
-            next: B
+            next: K
           }, a;
         });
   }
-  return Un[t] !== 1 && !rr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return Un[t] !== 1 && !ir(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 function Ie(e, t, r) {
   if (r == null)
@@ -990,30 +991,30 @@ function Ie(e, t, r) {
     case "object": {
       var a = r;
       if (a.anim === 1)
-        return B = {
+        return K = {
           name: a.name,
           styles: a.styles,
-          next: B
+          next: K
         }, a.name;
       var o = r;
       if (o.styles !== void 0) {
         var c = o.next;
         if (c !== void 0)
           for (; c !== void 0; )
-            B = {
+            K = {
               name: c.name,
               styles: c.styles,
-              next: B
+              next: K
             }, c = c.next;
         var f = o.styles + ";";
         return f;
       }
-      return Gn(e, t, r);
+      return Hn(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var p = B, m = r(e);
-        return B = p, Ie(e, t, m);
+        var p = K, v = r(e);
+        return K = p, Ie(e, t, v);
       }
       break;
     }
@@ -1021,7 +1022,7 @@ function Ie(e, t, r) {
   var P = r;
   return P;
 }
-function Gn(e, t, r) {
+function Hn(e, t, r) {
   var i = "";
   if (Array.isArray(r))
     for (var a = 0; a < r.length; a++)
@@ -1036,26 +1037,26 @@ function Gn(e, t, r) {
         for (var p = 0; p < c.length; p++)
           $t(c[p]) && (i += nt(o) + ":" + jt(o, c[p]) + ";");
       else {
-        var m = Ie(e, t, c);
+        var v = Ie(e, t, c);
         switch (o) {
           case "animation":
           case "animationName": {
-            i += nt(o) + ":" + m + ";";
+            i += nt(o) + ":" + v + ";";
             break;
           }
           default:
-            i += o + "{" + m + "}";
+            i += o + "{" + v + "}";
         }
       }
     }
   return i;
 }
-var zt = /label:\s*([^\s;{]+)\s*(;|$)/g, B;
-function Jn(e, t, r) {
+var zt = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
+function Gn(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var i = !0, a = "";
-  B = void 0;
+  K = void 0;
   var o = e[0];
   if (o == null || o.raw === void 0)
     i = !1, a += Ie(r, t, o);
@@ -1069,70 +1070,70 @@ function Jn(e, t, r) {
       a += p[f];
     }
   zt.lastIndex = 0;
-  for (var m = "", P; (P = zt.exec(a)) !== null; )
-    m += "-" + P[1];
-  var w = Vn(a) + m;
+  for (var v = "", P; (P = zt.exec(a)) !== null; )
+    v += "-" + P[1];
+  var S = Vn(a) + v;
   return {
-    name: w,
+    name: S,
     styles: a,
-    next: B
+    next: K
   };
 }
-var Qn = function(t) {
+var Jn = function(t) {
   return t();
-}, Kn = te.useInsertionEffect ? te.useInsertionEffect : !1, Bn = Kn || Qn, nr = /* @__PURE__ */ te.createContext(
+}, Bn = te.useInsertionEffect ? te.useInsertionEffect : !1, Kn = Bn || Jn, ar = /* @__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__ */ qr({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Lr({
     key: "css"
   }) : null
 );
-nr.Provider;
+ar.Provider;
 var Xn = function(t) {
   return /* @__PURE__ */ jr(function(r, i) {
-    var a = ct(nr);
+    var a = ct(ar);
     return t(r, a, i);
   });
-}, Zn = /* @__PURE__ */ te.createContext({}), Ue = {}.hasOwnProperty, ot = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ir = function(t, r) {
+}, Zn = /* @__PURE__ */ te.createContext({}), Ue = {}.hasOwnProperty, ot = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", sr = function(t, r) {
   var i = {};
   for (var a in r)
     Ue.call(r, a) && (i[a] = r[a]);
   return i[ot] = t, i;
 }, ei = function(t) {
   var r = t.cache, i = t.serialized, a = t.isStringTag;
-  return tr(r, i, a), Bn(function() {
-    return Ln(r, i, a);
+  return nr(r, i, a), Kn(function() {
+    return qn(r, i, a);
   }), null;
 }, ti = /* @__PURE__ */ Xn(function(e, t, r) {
   var i = e.css;
   typeof i == "string" && t.registered[i] !== void 0 && (i = t.registered[i]);
   var a = e[ot], o = [i], c = "";
-  typeof e.className == "string" ? c = qn(t.registered, o, e.className) : e.className != null && (c = e.className + " ");
-  var f = Jn(o, void 0, te.useContext(Zn));
+  typeof e.className == "string" ? c = Ln(t.registered, o, e.className) : e.className != null && (c = e.className + " ");
+  var f = Gn(o, void 0, te.useContext(Zn));
   c += t.key + "-" + f.name;
   var p = {};
-  for (var m in e)
-    Ue.call(e, m) && m !== "css" && m !== ot && (p[m] = e[m]);
+  for (var v in e)
+    Ue.call(e, v) && v !== "css" && v !== ot && (p[v] = e[v]);
   return p.className = c, r && (p.ref = r), /* @__PURE__ */ te.createElement(te.Fragment, null, /* @__PURE__ */ te.createElement(ei, {
     cache: t,
     serialized: f,
     isStringTag: typeof a == "string"
   }), /* @__PURE__ */ te.createElement(a, p));
-}), ar = ti, Ye = Ce.Fragment, s = function(t, r, i) {
-  return Ue.call(r, "css") ? Ce.jsx(ar, ir(t, r), i) : Ce.jsx(t, r, i);
-}, M = function(t, r, i) {
-  return Ue.call(r, "css") ? Ce.jsxs(ar, ir(t, r), i) : Ce.jsxs(t, r, i);
+}), or = ti, Qe = Ce.Fragment, s = function(t, r, i) {
+  return Ue.call(r, "css") ? Ce.jsx(or, sr(t, r), i) : Ce.jsx(t, r, i);
+}, D = function(t, r, i) {
+  return Ue.call(r, "css") ? Ce.jsxs(or, sr(t, r), i) : Ce.jsxs(t, r, i);
 };
 const ri = {
   mediaPlayer: {
     enablePlaylists: process.env.NODE_ENV !== "production"
   }
 }, ni = "http://localhost".replace(/\/+$/, "");
-class sr {
+class lr {
   constructor(t = {}) {
     this.configuration = t;
   }
@@ -1149,7 +1150,7 @@ class sr {
     return this.configuration.middleware || [];
   }
   get queryParamsStringify() {
-    return this.configuration.queryParamsStringify || or;
+    return this.configuration.queryParamsStringify || cr;
   }
   get username() {
     return this.configuration.username;
@@ -1174,7 +1175,7 @@ class sr {
     return this.configuration.credentials;
   }
 }
-const ii = new sr();
+const ii = new lr();
 class pt {
   constructor(t = ii) {
     this.configuration = t, this.middleware = t.middleware;
@@ -1231,11 +1232,11 @@ class pt {
     };
     let p;
     si(f.body) || f.body instanceof URLSearchParams || ai(f.body) ? p = f.body : this.isJsonMime(a["Content-Type"]) ? p = JSON.stringify(f.body) : p = f.body;
-    const m = {
+    const v = {
       ...f,
       body: p
     };
-    return { url: i, init: m };
+    return { url: i, init: v };
   }
   fetchApi = async (t, r) => {
     let i = { url: t, init: r };
@@ -1295,16 +1296,16 @@ class li extends Error {
   }
   name = "FetchError";
 }
-class Re extends Error {
+class Ee extends Error {
   constructor(t, r) {
     super(r), this.field = t;
   }
   name = "RequiredError";
 }
-function or(e, t = "") {
-  return Object.keys(e).map((r) => lr(r, e[r], t)).filter((r) => r.length > 0).join("&");
+function cr(e, t = "") {
+  return Object.keys(e).map((r) => ur(r, e[r], t)).filter((r) => r.length > 0).join("&");
 }
-function lr(e, t, r = "") {
+function ur(e, t, r = "") {
   const i = r + (r.length ? `[${e}]` : e);
   if (t instanceof Array) {
     const a = t.map((o) => encodeURIComponent(String(o))).join(`&${encodeURIComponent(i)}=`);
@@ -1312,9 +1313,9 @@ function lr(e, t, r = "") {
   }
   if (t instanceof Set) {
     const a = Array.from(t);
-    return lr(e, a, r);
+    return ur(e, a, r);
   }
-  return t instanceof Date ? `${encodeURIComponent(i)}=${encodeURIComponent(t.toISOString())}` : t instanceof Object ? or(t, i) : `${encodeURIComponent(i)}=${encodeURIComponent(String(t))}`;
+  return t instanceof Date ? `${encodeURIComponent(i)}=${encodeURIComponent(t.toISOString())}` : t instanceof Object ? cr(t, i) : `${encodeURIComponent(i)}=${encodeURIComponent(String(t))}`;
 }
 class se {
   constructor(t, r = (i) => i) {
@@ -1324,7 +1325,7 @@ class se {
     return this.transformer(await this.raw.json());
   }
 }
-function cr(e) {
+function dr(e) {
   return ci(e);
 }
 function ci(e, t) {
@@ -1338,7 +1339,7 @@ function ui(e) {
 }
 function di(e, t) {
   return e == null ? e : {
-    playlist: cr(e.playlist)
+    playlist: dr(e.playlist)
   };
 }
 function fi(e) {
@@ -1346,13 +1347,13 @@ function fi(e) {
 }
 function pi(e, t) {
   return e == null ? e : {
-    items: e.items.map(cr)
+    items: e.items.map(dr)
   };
 }
-function yi(e) {
-  return hi(e);
+function hi(e) {
+  return yi(e);
 }
-function hi(e, t) {
+function yi(e, t) {
   return e == null ? e : {
     id: e.id,
     url: e.url,
@@ -1366,7 +1367,7 @@ function mi(e) {
 }
 function vi(e, t) {
   return e == null ? e : {
-    items: e.items.map(yi)
+    items: e.items.map(hi)
   };
 }
 function gi(e) {
@@ -1406,7 +1407,7 @@ class Si extends pt {
    */
   async mediaPlayerPlaylistsIdDeleteRaw(t, r) {
     if (t.id == null)
-      throw new Re(
+      throw new Ee(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdDelete().'
       );
@@ -1430,7 +1431,7 @@ class Si extends pt {
    */
   async mediaPlayerPlaylistsIdGetRaw(t, r) {
     if (t.id == null)
-      throw new Re(
+      throw new Ee(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdGet().'
       );
@@ -1454,7 +1455,7 @@ class Si extends pt {
    */
   async mediaPlayerPlaylistsIdRenamePostRaw(t, r) {
     if (t.id == null)
-      throw new Re(
+      throw new Ee(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdRenamePost().'
       );
@@ -1480,7 +1481,7 @@ class Si extends pt {
    */
   async mediaPlayerPlaylistsIdTracksGetRaw(t, r) {
     if (t.id == null)
-      throw new Re(
+      throw new Ee(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksGet().'
       );
@@ -1504,7 +1505,7 @@ class Si extends pt {
    */
   async mediaPlayerPlaylistsIdTracksPutRaw(t, r) {
     if (t.id == null)
-      throw new Re(
+      throw new Ee(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksPut().'
       );
@@ -1544,19 +1545,19 @@ class Si extends pt {
     return await (await this.mediaPlayerPlaylistsPostRaw(t, r)).value();
   }
 }
-const Ei = new sr({
+const Ti = new lr({
   basePath: new URL("api", window.location.origin).toString()
-}), Ri = new Si(
-  Ei
-), Ti = ({
+}), Ei = new Si(
+  Ti
+), Ri = ({
   disabled: e,
   onAddToPlaylist: t
 }) => {
   const [r, i] = z(!1), [a, o] = z(
     "loading"
   );
-  return Vt(() => {
-    Ri.mediaPlayerPlaylistsGet().then(
+  return Ut(() => {
+    Ei.mediaPlayerPlaylistsGet().then(
       (c) => o(
         c.items.map((f) => ({
           key: f.id,
@@ -1569,9 +1570,9 @@ const Ei = new sr({
     {
       panelPaddingSize: "none",
       button: /* @__PURE__ */ s(
-        Q,
+        J,
         {
-          iconType: Te,
+          iconType: Re,
           onClick: () => i(!r),
           disabled: e,
           children: "Add to"
@@ -1580,7 +1581,7 @@ const Ei = new sr({
       isOpen: r,
       closePopover: () => i(!1),
       children: /* @__PURE__ */ s(
-        Lr,
+        qr,
         {
           searchable: !0,
           searchProps: {
@@ -1592,10 +1593,10 @@ const Ei = new sr({
             i(!1), await t(p);
           },
           singleSelection: !0,
-          children: (c, f) => /* @__PURE__ */ M("div", { style: { width: 240 }, children: [
+          children: (c, f) => /* @__PURE__ */ D("div", { style: { width: 240 }, children: [
             /* @__PURE__ */ s(Vr, { paddingSize: "s", children: f }),
             c,
-            /* @__PURE__ */ s(Ur, { paddingSize: "s", children: /* @__PURE__ */ s(Q, { size: "s", fullWidth: !0, iconType: Te, children: "New playlist" }) })
+            /* @__PURE__ */ s(Ur, { paddingSize: "s", children: /* @__PURE__ */ s(J, { size: "s", fullWidth: !0, iconType: Re, children: "New playlist" }) })
           ] })
         }
       )
@@ -1605,16 +1606,16 @@ const Ei = new sr({
   onCancel: e,
   onSave: t
 }) => {
-  const r = Yr({ prefix: "modalForm" }), [i, a] = z(""), [o, c] = z(""), [f, p] = z(!1);
-  return /* @__PURE__ */ M(Kr, { onClose: e, initialFocus: "[name=url]", children: [
-    /* @__PURE__ */ s(Hr, { children: /* @__PURE__ */ s(Wr, { children: "Add video" }) }),
-    /* @__PURE__ */ s(Jr, { children: /* @__PURE__ */ M(
-      Gr,
+  const r = Qr({ prefix: "modalForm" }), [i, a] = z(""), [o, c] = z(""), [f, p] = z(!1);
+  return /* @__PURE__ */ D(Br, { onClose: e, initialFocus: "[name=url]", children: [
+    /* @__PURE__ */ s(Wr, { children: /* @__PURE__ */ s(Yr, { children: "Add video" }) }),
+    /* @__PURE__ */ s(Gr, { children: /* @__PURE__ */ D(
+      Hr,
       {
         id: r,
         component: "form",
-        onSubmit: async (m) => {
-          m.preventDefault();
+        onSubmit: async (v) => {
+          v.preventDefault();
           try {
             p(!0), await t({ url: i, title: o });
           } finally {
@@ -1627,7 +1628,7 @@ const Ei = new sr({
             {
               name: "url",
               value: i,
-              onChange: (m) => a(m.target.value)
+              onChange: (v) => a(v.target.value)
             }
           ) }),
           /* @__PURE__ */ s(at, { label: "Title", children: /* @__PURE__ */ s(
@@ -1635,16 +1636,16 @@ const Ei = new sr({
             {
               name: "title",
               value: o,
-              onChange: (m) => c(m.target.value)
+              onChange: (v) => c(v.target.value)
             }
           ) })
         ]
       }
     ) }),
-    /* @__PURE__ */ M(Qr, { children: [
-      /* @__PURE__ */ s(Yt, { onClick: e, children: "Cancel" }),
+    /* @__PURE__ */ D(Jr, { children: [
+      /* @__PURE__ */ s(Qt, { onClick: e, children: "Cancel" }),
       /* @__PURE__ */ s(
-        Q,
+        J,
         {
           type: "submit",
           form: r,
@@ -1656,7 +1657,7 @@ const Ei = new sr({
       )
     ] })
   ] });
-}, qt = re(
+}, Lt = re(
   ({ onSave: e }) => {
     const [t, r] = z(!1), i = $(
       async (a) => {
@@ -1664,12 +1665,12 @@ const Ei = new sr({
       },
       [e]
     );
-    return /* @__PURE__ */ M(Ye, { children: [
+    return /* @__PURE__ */ D(Qe, { children: [
       /* @__PURE__ */ s(
-        Q,
+        J,
         {
           onClick: () => r(!0),
-          iconType: Te,
+          iconType: Re,
           color: "primary",
           children: "Add video"
         }
@@ -1683,7 +1684,7 @@ const Ei = new sr({
       )
     ] });
   }
-), ur = {
+), fr = {
   Audio: "",
   Dailymotion: "https://www.dailymotion.com/favicon.ico",
   Niconico: "https://www.nicovideo.jp/favicon.ico",
@@ -1691,10 +1692,10 @@ const Ei = new sr({
   Twitch: "https://www.twitch.tv/favicon.ico",
   Vimeo: "https://vimeo.com/favicon.ico",
   YouTube: "https://www.youtube.com/favicon.ico"
-}, Ii = C(
+}, Ii = I(
   ({ playQueueStore: e }) => {
-    const { euiTheme: t } = Wt();
-    return /* @__PURE__ */ M(
+    const { euiTheme: t } = Yt();
+    return /* @__PURE__ */ D(
       Xr,
       {
         style: {
@@ -1704,8 +1705,8 @@ const Ei = new sr({
           background: t.colors.backgroundBasePlain
         },
         children: [
-          /* @__PURE__ */ s(Br, { children: /* @__PURE__ */ s(
-            Ht,
+          /* @__PURE__ */ s(Kr, { children: /* @__PURE__ */ s(
+            Wt,
             {
               id: "",
               checked: e.allItemsSelected,
@@ -1733,21 +1734,21 @@ const Ei = new sr({
           items: [
             {
               name: "Play first",
-              icon: /* @__PURE__ */ s(Y, { type: "" }),
+              icon: /* @__PURE__ */ s(Q, { type: "" }),
               onClick: async () => {
                 t(), await e.playFirst();
               }
             },
             {
               name: "Play next",
-              icon: /* @__PURE__ */ s(Y, { type: "" }),
+              icon: /* @__PURE__ */ s(Q, { type: "" }),
               onClick: async () => {
                 t(), await e.playNext();
               }
             },
             {
               name: "Add to play queue",
-              icon: /* @__PURE__ */ s(Y, { type: Te }),
+              icon: /* @__PURE__ */ s(Q, { type: Re }),
               onClick: async () => {
                 t(), await e.addToPlayQueue();
               }
@@ -1757,7 +1758,7 @@ const Ei = new sr({
             },
             {
               name: "Move to the top",
-              icon: /* @__PURE__ */ s(Y, { type: cn }),
+              icon: /* @__PURE__ */ s(Q, { type: cn }),
               onClick: async () => {
                 t(), e.moveToTop();
               },
@@ -1765,7 +1766,7 @@ const Ei = new sr({
             },
             {
               name: "Move to the bottom",
-              icon: /* @__PURE__ */ s(Y, { type: un }),
+              icon: /* @__PURE__ */ s(Q, { type: un }),
               onClick: async () => {
                 t(), e.moveToBottom();
               },
@@ -1776,7 +1777,7 @@ const Ei = new sr({
             },
             {
               name: "Remove to the top",
-              icon: /* @__PURE__ */ s(Y, { type: "" }),
+              icon: /* @__PURE__ */ s(Q, { type: "" }),
               onClick: async () => {
                 t(), await e.removeToTop();
               },
@@ -1784,7 +1785,7 @@ const Ei = new sr({
             },
             {
               name: "Remove others",
-              icon: /* @__PURE__ */ s(Y, { type: "" }),
+              icon: /* @__PURE__ */ s(Q, { type: "" }),
               onClick: async () => {
                 t(), await e.removeOthers();
               },
@@ -1804,11 +1805,11 @@ const Ei = new sr({
       xe,
       {
         button: /* @__PURE__ */ s(
-          W,
+          Y,
           {
             title: "More options",
             "aria-label": "More options",
-            iconType: Qt,
+            iconType: Jt,
             size: "s",
             color: "text",
             onClick: i
@@ -1828,12 +1829,12 @@ const Ei = new sr({
       }
     );
   }
-), _i = C(
+), ki = I(
   ({ item: e }) => {
     const t = le();
-    return /* @__PURE__ */ M(st, { textOnly: !1, hasActions: !0, align: "right", children: [
+    return /* @__PURE__ */ D(st, { textOnly: !1, hasActions: !0, align: "right", children: [
       /* @__PURE__ */ s(
-        Q,
+        J,
         {
           iconType: ln,
           size: "s",
@@ -1844,7 +1845,7 @@ const Ei = new sr({
         }
       ),
       /* @__PURE__ */ s(
-        Q,
+        J,
         {
           iconType: ft,
           size: "s",
@@ -1855,12 +1856,12 @@ const Ei = new sr({
       /* @__PURE__ */ s(Oi, { item: e })
     ] });
   }
-), ki = C(
+), _i = I(
   ({ item: e }) => {
     const t = le();
-    return /* @__PURE__ */ M(tn, { isSelected: e.isCurrent, children: [
+    return /* @__PURE__ */ D(tn, { isSelected: e.isCurrent, children: [
       /* @__PURE__ */ s(Zr, { children: /* @__PURE__ */ s(
-        Ht,
+        Wt,
         {
           id: e.id.toString(),
           checked: e.isSelected,
@@ -1870,7 +1871,7 @@ const Ei = new sr({
       /* @__PURE__ */ s(st, { textOnly: !1, children: /* @__PURE__ */ s(
         "img",
         {
-          src: ur[e.type],
+          src: fr[e.type],
           width: 16,
           height: 16,
           alt: e.type
@@ -1886,21 +1887,21 @@ const Ei = new sr({
           children: e.title
         }
       ) }),
-      /* @__PURE__ */ s(_i, { item: e })
+      /* @__PURE__ */ s(ki, { item: e })
     ] }, e.id);
   }
-), Ai = C(
+), Ai = I(
   ({ playQueueStore: e }) => /* @__PURE__ */ s(
     On,
     {
       tag: "tbody",
       list: e.items,
       setList: (t) => e.setItems(t),
-      children: e.items.map((t) => /* @__PURE__ */ s(ki, { item: t }, t.id))
+      children: e.items.map((t) => /* @__PURE__ */ s(_i, { item: t }, t.id))
     }
   )
-), Di = C(
-  ({ playQueueStore: e }) => /* @__PURE__ */ M(rn, { children: [
+), Fi = I(
+  ({ playQueueStore: e }) => /* @__PURE__ */ D(rn, { children: [
     /* @__PURE__ */ s(Ii, { playQueueStore: e }),
     /* @__PURE__ */ s(Ai, { playQueueStore: e })
   ] })
@@ -1908,21 +1909,21 @@ const Ei = new sr({
 function Mi(e) {
   return e !== null && typeof e == "object" && "title" in e && typeof e.title == "string";
 }
-const Fi = C(
+const Di = I(
   ({ playQueueStore: e }) => /* @__PURE__ */ s(
-    Q,
+    J,
     {
-      iconType: Te,
+      iconType: Re,
       onClick: e.addSelectedItems,
       disabled: e.isEmpty || e.selectedItems.length === 0,
       children: "Add to play queue"
     }
   )
 );
-C(
+I(
   ({ playQueueStore: e }) => {
     const [t, r] = z(!1);
-    return /* @__PURE__ */ M(Ye, { children: [
+    return /* @__PURE__ */ D(Qe, { children: [
       t && /* @__PURE__ */ s(
         an,
         {
@@ -1946,7 +1947,7 @@ C(
         }
       ),
       /* @__PURE__ */ s(
-        Q,
+        J,
         {
           onClick: () => r((i) => !i),
           iconType: dn,
@@ -1956,12 +1957,12 @@ C(
     ] });
   }
 );
-const Ni = C(
+const Ni = I(
   ({ playQueueStore: e }) => {
-    const { euiTheme: t } = Wt(), r = $(async () => {
+    const { euiTheme: t } = Yt(), r = $(async () => {
     }, []), i = $(
       async (a) => {
-        const o = Tn(a.url);
+        const o = Rn(a.url);
         if (o !== void 0) {
           const c = o.extractVideoId(a.url);
           if (c !== void 0) {
@@ -1983,8 +1984,8 @@ const Ni = C(
       },
       [e]
     );
-    return /* @__PURE__ */ M(Ye, { children: [
-      /* @__PURE__ */ M(
+    return /* @__PURE__ */ D(Qe, { children: [
+      /* @__PURE__ */ D(
         oe,
         {
           alignItems: "center",
@@ -1996,24 +1997,24 @@ const Ni = C(
             background: t.colors.backgroundBasePlain
           },
           children: [
-            /* @__PURE__ */ s(J, { grow: !1, children: /* @__PURE__ */ s(
-              Q,
+            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
+              J,
               {
                 disabled: e.isEmpty || e.selectedItems.length === 0,
                 onClick: e.playSelectedItemsNext,
                 children: "Play next"
               }
             ) }),
-            /* @__PURE__ */ s(J, { grow: !1, children: /* @__PURE__ */ s(Fi, { playQueueStore: e }) }),
-            /* @__PURE__ */ s(J, { grow: !1, children: /* @__PURE__ */ s(
-              Ti,
+            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(Di, { playQueueStore: e }) }),
+            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
+              Ri,
               {
                 disabled: !ri.mediaPlayer.enablePlaylists,
                 onAddToPlaylist: r
               }
             ) }),
-            /* @__PURE__ */ s(J, { grow: !1, children: /* @__PURE__ */ s(
-              Q,
+            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
+              J,
               {
                 iconType: ft,
                 onClick: e.removeSelectedItems,
@@ -2021,8 +2022,8 @@ const Ni = C(
                 children: "Remove"
               }
             ) }),
-            /* @__PURE__ */ s(J, { grow: !1, children: /* @__PURE__ */ s(
-              Q,
+            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
+              J,
               {
                 iconType: fn,
                 onClick: e.clear,
@@ -2030,16 +2031,16 @@ const Ni = C(
                 children: "Clear"
               }
             ) }),
-            /* @__PURE__ */ s(J, { grow: !0 }),
-            /* @__PURE__ */ M(J, { grow: !1, children: [
+            /* @__PURE__ */ s(G, { grow: !0 }),
+            /* @__PURE__ */ D(G, { grow: !1, children: [
               !1,
-              /* @__PURE__ */ s(qt, { onSave: i })
+              /* @__PURE__ */ s(Lt, { onSave: i })
             ] })
           ]
         }
       ),
       /* @__PURE__ */ s(
-        Gt,
+        Ht,
         {
           size: "l",
           style: {
@@ -2055,12 +2056,12 @@ const Ni = C(
         {
           title: /* @__PURE__ */ s("h2", { children: "We couldn't find any videos" }),
           body: /* @__PURE__ */ s("p", { children: "Your video library doesn't contain any video content." }),
-          actions: /* @__PURE__ */ s(qt, { onSave: i })
+          actions: /* @__PURE__ */ s(Lt, { onSave: i })
         }
-      ) : /* @__PURE__ */ s(Di, { playQueueStore: e })
+      ) : /* @__PURE__ */ s(Fi, { playQueueStore: e })
     ] });
   }
-), dr = Ut(void 0), fr = () => ct(dr), it = new _n({
+), it = new kn({
   coerceTypes: !0
 });
 function $i(e, t) {
@@ -2099,7 +2100,7 @@ const ji = {
     },
     repeat: {
       type: "string",
-      enum: Object.values(N),
+      enum: Object.values(O),
       nullable: !0
     },
     shuffle: {
@@ -2117,36 +2118,36 @@ const ji = {
     }
   }
 };
-class Le {
+class qe {
   constructor(t, r, i) {
-    this.observableStateProvider = t, this.playQueueStore = r, this.dto = i, this.id = Le.nextId++, t.makeObservable(this, {
+    this.observableStateProvider = t, this.playQueueStore = r, this.dto = i, this.id = qe.nextId++, t.makeObservable(this, {
       isSelected: X,
-      isCurrent: _,
-      index: _,
-      isFirst: _,
-      isLast: _,
-      canMoveToTop: _,
-      canMoveToBottom: _,
-      canRemoveToTop: _,
-      canRemoveOthers: _,
-      unselect: v,
-      toggleSelected: v.bound,
-      play: v,
-      remove: v.bound,
-      playFirst: v.bound,
-      playNext: v.bound,
-      addToPlayQueue: v.bound,
-      moveToTop: v.bound,
-      moveToBottom: v.bound,
-      removeToTop: v.bound,
-      removeOthers: v.bound
+      isCurrent: w,
+      index: w,
+      isFirst: w,
+      isLast: w,
+      canMoveToTop: w,
+      canMoveToBottom: w,
+      canRemoveToTop: w,
+      canRemoveOthers: w,
+      unselect: y,
+      toggleSelected: y.bound,
+      play: y,
+      remove: y.bound,
+      playFirst: y.bound,
+      playNext: y.bound,
+      addToPlayQueue: y.bound,
+      moveToTop: y.bound,
+      moveToBottom: y.bound,
+      removeToTop: y.bound,
+      removeOthers: y.bound
     });
   }
   static nextId = 1;
   id;
   isSelected = !1;
   static fromDto(t, r, i) {
-    return new Le(
+    return new qe(
       t,
       r,
       i
@@ -2228,7 +2229,7 @@ class Le {
     return this.playQueueStore.removeOtherItems(this);
   }
 }
-class qi {
+class Li {
   constructor(t) {
     this.observableStateProvider = t, t.makeObservable(this, {
       interacted: X,
@@ -2236,50 +2237,50 @@ class qi {
       currentId: X,
       repeat: X,
       shuffle: X,
-      localStorageState: _.struct,
-      isEmpty: _,
-      currentItem: _,
-      canPlay: _,
-      canPause: _,
-      hasMultipleItems: _,
-      currentIndex: _,
-      hasPreviousItem: _,
-      hasNextItem: _,
-      isLastItem: _,
-      selectedItems: _,
-      allItemsSelected: _,
-      selectedItemsOrAllItems: _,
-      setItems: v,
-      interact: v,
-      clear: v.bound,
-      unselectAll: v,
-      setCurrentItem: v,
-      setNextItems: v,
-      clearAndSetItems: v,
-      playNext: v,
-      playSelectedItemsNext: v.bound,
-      addItems: v,
-      addSelectedItems: v.bound,
-      playFirst: v,
-      moveItem: v,
-      goToFirst: v,
-      removeItems: v,
-      removeSelectedItems: v.bound,
-      removeOtherItems: v,
-      removeItemsAbove: v,
-      toggleRepeat: v.bound,
-      toggleShuffle: v.bound,
-      previous: v,
-      next: v.bound
+      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,
+      setItems: y,
+      interact: y,
+      clear: y.bound,
+      unselectAll: y,
+      setCurrentItem: y,
+      setNextItems: y,
+      clearAndSetItems: y,
+      playNext: y,
+      playSelectedItemsNext: y.bound,
+      addItems: y,
+      addSelectedItems: y.bound,
+      playFirst: y,
+      moveItem: y,
+      goToFirst: y,
+      removeItems: y,
+      removeSelectedItems: y.bound,
+      removeOtherItems: y,
+      removeItemsAbove: y,
+      toggleRepeat: y.bound,
+      toggleShuffle: y.bound,
+      previous: y,
+      next: y.bound
     });
   }
   interacted = !1;
   items = [];
   currentId;
-  repeat = N.Off;
+  repeat = O.Off;
   shuffle = !1;
   createItem(t) {
-    return Le.fromDto(this.observableStateProvider, this, {
+    return qe.fromDto(this.observableStateProvider, this, {
       url: t.url,
       type: t.type,
       videoId: t.videoId,
@@ -2296,7 +2297,7 @@ class qi {
     };
   }
   set localStorageState(t) {
-    this.repeat = t.repeat ?? N.Off, this.shuffle = t.shuffle ?? !1, this.items = t.items?.map((r) => this.createItem(r)) ?? [], this.currentIndex = t.currentIndex;
+    this.repeat = t.repeat ?? O.Off, this.shuffle = t.shuffle ?? !1, this.items = t.items?.map((r) => this.createItem(r)) ?? [], this.currentIndex = t.currentIndex;
   }
   validateLocalStorageState(t) {
     return $i(
@@ -2434,14 +2435,14 @@ class qi {
   }
   toggleRepeat() {
     switch (this.repeat) {
-      case N.Off:
-        this.repeat = N.All;
+      case O.Off:
+        this.repeat = O.All;
         break;
-      case N.All:
-        this.repeat = N.One;
+      case O.All:
+        this.repeat = O.One;
         break;
-      case N.One:
-        this.repeat = N.Off;
+      case O.One:
+        this.repeat = O.Off;
         break;
     }
   }
@@ -2455,24 +2456,24 @@ class qi {
     this.currentIndex !== void 0 && this.hasNextItem && (this.interact(), this.currentIndex++);
   }
 }
-const Ea = ({
+const Ta = ({
   children: e
 }) => {
   const [t] = z(
-    () => new qi(new er())
+    () => new Li(new er())
   ), r = le();
-  return Vt(() => $r(
+  return Ut(() => $r(
     () => t.currentItem,
     async (i, a) => {
       i === void 0 || a === void 0 || i.type === a.type && i.videoId === a.videoId && await r.setCurrentTime(0);
     }
-  ), [t, r]), /* @__PURE__ */ s(dr.Provider, { value: t, children: e });
-}, Li = ({
+  ), [t, r]), /* @__PURE__ */ s(tr.Provider, { value: t, children: e });
+}, qi = ({
   breadcrumbs: e,
   tabs: t,
   ...r
 }) => {
-  const i = kn();
+  const i = _n();
   return /* @__PURE__ */ s(
     dt.Header,
     {
@@ -2499,11 +2500,11 @@ const Ea = ({
       }))
     }
   );
-}, Ra = () => {
-  const e = fr();
-  return /* @__PURE__ */ M(Ye, { children: [
+}, Ea = () => {
+  const e = rr();
+  return /* @__PURE__ */ D(Qe, { children: [
     /* @__PURE__ */ s(
-      Li,
+      qi,
       {
         pageTitle: "Play queue",
         rightSideItems: []
@@ -2511,48 +2512,48 @@ const Ea = ({
     ),
     /* @__PURE__ */ s(dt.Section, { children: /* @__PURE__ */ s(Ni, { playQueueStore: e }) })
   ] });
-}, Vi = C(
+}, Vi = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: `Shuffle: ${e.shuffle ? "On" : "Off"}`,
       "aria-label": `Shuffle: ${e.shuffle ? "On" : "Off"}`,
-      iconType: e.shuffle ? pn : yn,
+      iconType: e.shuffle ? pn : hn,
       size: "s",
       iconSize: "l",
       onClick: e.toggleShuffle,
       disabled: !e.canToggleShuffle
     }
   )
-), Ui = C(
+), Ui = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: "Previous",
       "aria-label": "Previous",
-      iconType: hn,
+      iconType: yn,
       size: "s",
       iconSize: "l",
       onClick: e.previous,
       disabled: !e.canPrevious
     }
   )
-), Yi = C(
+), Qi = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: "Skip back 10 seconds",
       "aria-label": "Skip back 10 seconds",
-      iconType: Kt,
+      iconType: Bt,
       size: "s",
       iconSize: "l",
       onClick: e.skipBack10,
       disabled: !e.canSkipBack10
     }
   )
-), Wi = C(
+), Yi = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: "Pause",
       "aria-label": "Pause",
@@ -2563,9 +2564,9 @@ const Ea = ({
       disabled: !e.canPause
     }
   )
-), Hi = C(
+), Wi = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: "Play",
       "aria-label": "Play",
@@ -2576,22 +2577,22 @@ const Ea = ({
       disabled: !e.canPlay
     }
   )
-), Gi = C(
+), Hi = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: "Skip forward 30 seconds",
       "aria-label": "Skip forward 30 seconds",
-      iconType: Bt,
+      iconType: Kt,
       size: "s",
       iconSize: "l",
       onClick: e.skipForward30,
       disabled: !e.canSkipForward30
     }
   )
-), Ji = C(
+), Gi = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: "Next",
       "aria-label": "Next",
@@ -2602,25 +2603,25 @@ const Ea = ({
       disabled: !e.canNext
     }
   )
-), Qi = {
-  [N.Off]: wn,
-  [N.All]: bn,
-  [N.One]: Pn
-}, Ki = C(
+), Ji = {
+  [O.Off]: wn,
+  [O.All]: bn,
+  [O.One]: Pn
+}, Bi = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
-      title: `Repeat: ${e.repeat === N.All ? "All" : e.repeat === N.One ? "One" : "Off"}`,
-      "aria-label": `Repeat: ${e.repeat === N.All ? "All" : e.repeat === N.One ? "One" : "Off"}`,
-      iconType: Qi[e.repeat],
+      title: `Repeat: ${e.repeat === O.All ? "All" : e.repeat === O.One ? "One" : "Off"}`,
+      "aria-label": `Repeat: ${e.repeat === O.All ? "All" : e.repeat === O.One ? "One" : "Off"}`,
+      iconType: Ji[e.repeat],
       size: "s",
       iconSize: "l",
       onClick: e.toggleRepeat,
       disabled: !e.canToggleRepeat
     }
   )
-), Bi = C(
-  ({ bottomBarStore: e }) => /* @__PURE__ */ M(
+), Ki = I(
+  ({ bottomBarStore: e }) => /* @__PURE__ */ D(
     oe,
     {
       responsive: !1,
@@ -2630,11 +2631,11 @@ const Ea = ({
       children: [
         /* @__PURE__ */ s(Vi, { bottomBarStore: e }),
         /* @__PURE__ */ s(Ui, { bottomBarStore: e }),
-        /* @__PURE__ */ s(Yi, { bottomBarStore: e }),
-        e.playing ? /* @__PURE__ */ s(Wi, { bottomBarStore: e }) : /* @__PURE__ */ s(Hi, { bottomBarStore: e }),
+        /* @__PURE__ */ s(Qi, { bottomBarStore: e }),
+        e.playing ? /* @__PURE__ */ s(Yi, { bottomBarStore: e }) : /* @__PURE__ */ s(Wi, { bottomBarStore: e }),
+        /* @__PURE__ */ s(Hi, { bottomBarStore: e }),
         /* @__PURE__ */ s(Gi, { bottomBarStore: e }),
-        /* @__PURE__ */ s(Ji, { bottomBarStore: e }),
-        /* @__PURE__ */ s(Ki, { bottomBarStore: e })
+        /* @__PURE__ */ s(Bi, { bottomBarStore: e })
       ]
     }
   )
@@ -2647,14 +2648,14 @@ const Ea = ({
           items: [
             {
               name: "Open in new tab",
-              icon: /* @__PURE__ */ s(Y, { type: Sn }),
+              icon: /* @__PURE__ */ s(Q, { type: Sn }),
               onClick: async () => {
                 t(), await r.pause(), window.open(e.dto.url, "_blank");
               }
             },
             {
               name: "Copy link address",
-              icon: /* @__PURE__ */ s(Y, { type: "" }),
+              icon: /* @__PURE__ */ s(Q, { type: "" }),
               onClick: async () => {
                 t(), await navigator.clipboard.writeText(
                   e.dto.url
@@ -2663,7 +2664,7 @@ const Ea = ({
             },
             {
               name: "Copy link text",
-              icon: /* @__PURE__ */ s(Y, { type: "" }),
+              icon: /* @__PURE__ */ s(Q, { type: "" }),
               onClick: async () => {
                 t(), await navigator.clipboard.writeText(
                   e.dto.title
@@ -2684,9 +2685,9 @@ const Ea = ({
       xe,
       {
         button: /* @__PURE__ */ s(
-          Yt,
+          Qt,
           {
-            iconType: ur[e.type],
+            iconType: fr[e.type],
             size: "s",
             onClick: i,
             children: e.title
@@ -2706,7 +2707,7 @@ const Ea = ({
       }
     );
   }
-), ea = C(
+), ea = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
     oe,
     {
@@ -2717,9 +2718,9 @@ const Ea = ({
       children: e.currentItem && /* @__PURE__ */ s(Zi, { item: e.currentItem })
     }
   )
-), ta = C(
+), ta = I(
   ({ bottomBarStore: e }) => /* @__PURE__ */ s(
-    W,
+    Y,
     {
       title: "Mute",
       "aria-label": "Mute",
@@ -2729,7 +2730,7 @@ const Ea = ({
       disabled: !e.playerStore.controller.supports("setMuted")
     }
   )
-), ra = C(
+), ra = I(
   ({
     bottomBarStore: e,
     button: t,
@@ -2755,7 +2756,7 @@ const Ea = ({
         isOpen: r,
         closePopover: i,
         anchorPosition: "upRight",
-        children: /* @__PURE__ */ s(at, { children: /* @__PURE__ */ M(
+        children: /* @__PURE__ */ s(at, { children: /* @__PURE__ */ D(
           oe,
           {
             responsive: !1,
@@ -2765,7 +2766,7 @@ const Ea = ({
             children: [
               /* @__PURE__ */ s(ta, { bottomBarStore: e }),
               /* @__PURE__ */ s(
-                Jt,
+                Gt,
                 {
                   min: 0,
                   max: 100,
@@ -2784,7 +2785,7 @@ const Ea = ({
       }
     );
   }
-), na = C(
+), na = I(
   ({ bottomBarStore: e }) => {
     const [t, r] = z(!1);
     return /* @__PURE__ */ s(
@@ -2792,7 +2793,7 @@ const Ea = ({
       {
         bottomBarStore: e,
         button: /* @__PURE__ */ s(
-          W,
+          Y,
           {
             title: "Volume",
             "aria-label": "Volume",
@@ -2813,16 +2814,16 @@ const Ea = ({
 ), ia = ({
   onClickPlayQueueButton: e
 }) => /* @__PURE__ */ s(
-  W,
+  Y,
   {
     title: "Play queue",
     "aria-label": "Play queue",
-    iconType: Rn,
+    iconType: En,
     size: "s",
     iconSize: "l",
     onClick: e
   }
-), aa = C(
+), aa = I(
   ({
     bottomBarStore: e,
     closePopover: t
@@ -2832,16 +2833,16 @@ const Ea = ({
     }, [e, t]), a = $(async () => {
       await e.skipForward30(), t();
     }, [e, t]), o = $(
-      async (w) => {
-        await r.setPlaybackRate(w), t();
+      async (S) => {
+        await r.setPlaybackRate(S), t();
       },
       [r, t]
     ), c = $(async () => {
       e.currentItem !== void 0 && await e.playQueueStore.removeItems([
         e.currentItem
       ]), t();
-    }, [e, t]), [f, p] = z(), m = $(async () => {
-      await e.playerStore.controller.getPlaybackRate().then((w) => p(w));
+    }, [e, t]), [f, p] = z(), v = $(async () => {
+      await e.playerStore.controller.getPlaybackRate().then((S) => p(S));
     }, [e]), P = Ve(
       () => [
         {
@@ -2849,22 +2850,22 @@ const Ea = ({
           items: [
             {
               name: "Speed",
-              icon: /* @__PURE__ */ s(Y, { type: En }),
+              icon: /* @__PURE__ */ s(Q, { type: Tn }),
               panel: 1,
-              onClick: m,
+              onClick: v,
               disabled: !e.playerStore.controller.supports(
                 "getPlaybackRate"
               )
             },
             {
               name: "Skip back 10 seconds",
-              icon: /* @__PURE__ */ s(Y, { type: Kt }),
+              icon: /* @__PURE__ */ s(Q, { type: Bt }),
               onClick: i,
               disabled: !e.canSkipBack10
             },
             {
               name: "Skip forward 30 seconds",
-              icon: /* @__PURE__ */ s(Y, { type: Bt }),
+              icon: /* @__PURE__ */ s(Q, { type: Kt }),
               onClick: a,
               disabled: !e.canSkipForward30
             },
@@ -2873,7 +2874,7 @@ const Ea = ({
             },
             {
               name: "Remove from play queue",
-              icon: /* @__PURE__ */ s(Y, { type: ft }),
+              icon: /* @__PURE__ */ s(Q, { type: ft }),
               onClick: c,
               disabled: e.playQueueStore.isEmpty
             }
@@ -2883,10 +2884,10 @@ const Ea = ({
           id: 1,
           title: "Speed",
           items: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2].map(
-            (w) => ({
-              name: w.toString(),
-              onClick: () => o(w),
-              icon: w === f ? "check" : "empty",
+            (S) => ({
+              name: S.toString(),
+              onClick: () => o(S),
+              icon: S === f ? "check" : "empty",
               disabled: !e.playerStore.controller.supports(
                 "setPlaybackRate"
               )
@@ -2896,7 +2897,7 @@ const Ea = ({
       ],
       [
         e,
-        m,
+        v,
         i,
         a,
         c,
@@ -2937,11 +2938,11 @@ const Ea = ({
       {
         bottomBarStore: e,
         button: /* @__PURE__ */ s(
-          W,
+          Y,
           {
             title: "More options",
             "aria-label": "More options",
-            iconType: Qt,
+            iconType: Jt,
             size: "s",
             iconSize: "l",
             onClick: () => r(!t)
@@ -2956,7 +2957,7 @@ const Ea = ({
   ({
     bottomBarStore: e,
     onClickPlayQueueButton: t
-  }) => /* @__PURE__ */ M(
+  }) => /* @__PURE__ */ D(
     oe,
     {
       responsive: !1,
@@ -2975,7 +2976,7 @@ const Ea = ({
       ]
     }
   )
-), ca = C(
+), ca = I(
   ({ bottomBarStore: e }) => {
     const t = le(), r = $(
       (o) => {
@@ -3000,7 +3001,7 @@ const Ea = ({
       [e, t]
     );
     return /* @__PURE__ */ s(
-      Jt,
+      Gt,
       {
         min: 0,
         max: 100,
@@ -3016,26 +3017,26 @@ const Ea = ({
       }
     );
   }
-), Ta = C(
+), Ra = I(
   ({
     bottomBarStore: e,
     onClickPlayQueueButton: t
-  }) => /* @__PURE__ */ s(on, { paddingSize: "s", children: /* @__PURE__ */ M(oe, { direction: "column", gutterSize: "none", children: [
-    /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(ca, { bottomBarStore: e }) }),
-    /* @__PURE__ */ s(J, { children: /* @__PURE__ */ M(oe, { responsive: !1, children: [
-      /* @__PURE__ */ s(J, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
+  }) => /* @__PURE__ */ s(on, { paddingSize: "s", children: /* @__PURE__ */ D(oe, { direction: "column", gutterSize: "none", children: [
+    /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(ca, { bottomBarStore: e }) }),
+    /* @__PURE__ */ s(G, { children: /* @__PURE__ */ D(oe, { responsive: !1, children: [
+      /* @__PURE__ */ s(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
         ea,
         {
           bottomBarStore: e
         }
       ) }),
-      /* @__PURE__ */ s(J, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
-        Bi,
+      /* @__PURE__ */ s(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
+        Ki,
         {
           bottomBarStore: e
         }
       ) }),
-      /* @__PURE__ */ s(J, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
         la,
         {
           bottomBarStore: e,
@@ -3047,10 +3048,10 @@ const Ea = ({
 ), Ca = (e) => /* @__PURE__ */ s(Cn, { ...e }), lt = {
   width: 400,
   height: 225
-}, Ia = C(
+}, Ia = I(
   ({ children: e }) => {
-    const t = fr();
-    return /* @__PURE__ */ M(
+    const t = rr();
+    return /* @__PURE__ */ D(
       dt,
       {
         panelled: !0,
@@ -3059,12 +3060,12 @@ const Ea = ({
         },
         children: [
           e,
-          !t.isEmpty && /* @__PURE__ */ s(Gt, { style: { blockSize: lt.height } })
+          !t.isEmpty && /* @__PURE__ */ s(Ht, { style: { blockSize: lt.height } })
         ]
       }
     );
   }
-), xa = C(
+), xa = I(
   ({ miniPlayerStore: e }) => {
     const t = Ve(
       () => ({
@@ -3113,14 +3114,14 @@ class ua {
       playing: X,
       percent: X,
       seeking: X,
-      setPlaying: v,
-      setPercent: v,
-      setSeeking: v,
-      onControllerChange: v.bound,
-      onPlay: v.bound,
-      onPause: v.bound,
-      onEnded: v.bound,
-      onTimeUpdate: v.bound
+      setPlaying: y,
+      setPercent: y,
+      setSeeking: y,
+      onControllerChange: y.bound,
+      onPlay: y.bound,
+      onPause: y.bound,
+      onEnded: y.bound,
+      onTimeUpdate: y.bound
     });
   }
   setPlaying(t) {
@@ -3148,27 +3149,178 @@ class ua {
     t !== void 0 && (this.seeking || (this.percent = t));
   }
 }
-const pr = Ut(void 0), Oa = ({
+const pr = Vt(void 0), Oa = ({
   children: e
 }) => {
   const [t] = z(
     () => new ua(new er())
   );
   return /* @__PURE__ */ s(pr.Provider, { value: t, children: e });
-}, _a = () => ct(pr);
+}, ka = () => ct(pr);
+class _a {
+  constructor(t, r, i, a) {
+    this.playerStore = r, this.playQueueStore = i, this.diva = a, t.makeObservable(this, {
+      playing: w,
+      currentItem: w,
+      repeat: w,
+      shuffle: w,
+      canToggleRepeat: w,
+      canToggleShuffle: w,
+      canPlay: w,
+      canPause: w,
+      canPrevious: w,
+      canNext: w,
+      canSkipBack10: w,
+      canSkipForward30: w,
+      toggleRepeat: y.bound,
+      toggleShuffle: y.bound,
+      play: y.bound,
+      pause: y.bound,
+      previous: y.bound,
+      next: y.bound,
+      skipBack10: y.bound,
+      skipForward30: y.bound
+    });
+  }
+  get playing() {
+    return this.playerStore.playing;
+  }
+  get currentItem() {
+    return this.playQueueStore.currentItem;
+  }
+  get repeat() {
+    return this.playQueueStore.repeat;
+  }
+  get shuffle() {
+    return this.playQueueStore.shuffle;
+  }
+  get canToggleRepeat() {
+    return !0;
+  }
+  get canToggleShuffle() {
+    return !1;
+  }
+  get canPlay() {
+    return this.playQueueStore.canPlay && this.playerStore.controller.supports("play");
+  }
+  get canPause() {
+    return this.playQueueStore.canPause && this.playerStore.controller.supports("pause");
+  }
+  get canPrevious() {
+    return !this.playQueueStore.isEmpty;
+  }
+  get canNext() {
+    return this.playQueueStore.hasNextItem;
+  }
+  get canSkipBack10() {
+    return !this.playQueueStore.isEmpty && this.playerStore.controller.supports("setCurrentTime");
+  }
+  get canSkipForward30() {
+    return !this.playQueueStore.isEmpty && this.playerStore.controller.supports("setCurrentTime");
+  }
+  toggleRepeat() {
+    this.playQueueStore.toggleRepeat();
+  }
+  toggleShuffle() {
+    this.playQueueStore.toggleShuffle();
+  }
+  play() {
+    return this.diva.play();
+  }
+  pause() {
+    return this.diva.pause();
+  }
+  async previous() {
+    if (this.playQueueStore.hasPreviousItem) {
+      const t = await this.diva.getCurrentTime();
+      t === void 0 || t < 5 ? await this.playQueueStore.previous() : await this.diva.setCurrentTime(0);
+    } else
+      await this.diva.setCurrentTime(0);
+  }
+  next() {
+    return this.playQueueStore.next();
+  }
+  async skipBack10() {
+    const t = await this.diva.getCurrentTime();
+    t !== void 0 && await this.diva.setCurrentTime(t - 10);
+  }
+  async skipForward30() {
+    const t = await this.diva.getCurrentTime();
+    t !== void 0 && await this.diva.setCurrentTime(t + 30);
+  }
+}
+class Aa {
+  constructor(t, r, i, a) {
+    this.playerStore = r, this.playQueueStore = i, this.diva = a, t.makeObservable(this, {
+      currentItem: w,
+      onLoaded: y.bound,
+      onPlay: y.bound,
+      onPause: y.bound,
+      onEnded: y.bound,
+      onTimeUpdate: y.bound,
+      onControllerChange: y.bound
+    });
+  }
+  get currentItem() {
+    return this.playQueueStore.currentItem;
+  }
+  async onLoaded() {
+    this.playQueueStore.interacted && await this.diva.play();
+  }
+  onPlay() {
+    this.playerStore.onPlay();
+  }
+  onPause() {
+    this.playerStore.onPause();
+  }
+  async onEnded() {
+    switch (this.playQueueStore.repeat) {
+      case O.One:
+        await this.diva.setCurrentTime(0);
+        break;
+      case O.Off:
+      case O.All:
+        if (this.playQueueStore.isLastItem)
+          switch (this.playQueueStore.repeat) {
+            case O.Off:
+              this.playerStore.onEnded();
+              break;
+            case O.All:
+              this.playQueueStore.hasMultipleItems ? await this.playQueueStore.goToFirst() : await this.diva.setCurrentTime(0);
+              break;
+          }
+        else
+          await this.playQueueStore.next();
+        break;
+    }
+  }
+  onTimeUpdate(t) {
+    this.playerStore.onTimeUpdate(t);
+  }
+  onControllerChange(t) {
+    this.playerStore.onControllerChange(t);
+  }
+}
 export {
-  Ta as BottomBar,
+  Ra as BottomBar,
+  _a as BottomBarStore,
   Ca as HydrangeanDivaProvider,
   Ia as MediaPlayerLayout,
   xa as MiniPlayer,
+  Aa as MiniPlayerStore,
   er as MobXObservableStateProvider,
   Sa as ObservableStateProvider,
   Ni as PlayQueue,
-  Ra as PlayQueuePage,
-  Ea as PlayQueueStoreProvider,
+  qe as PlayQueueItemStore,
+  Ea as PlayQueuePage,
+  Li as PlayQueueStore,
+  tr as PlayQueueStoreContext,
+  Ta as PlayQueueStoreProvider,
+  ua as PlayerStore,
   Oa as PlayerStoreProvider,
-  N as RepeatMode,
+  O as RepeatMode,
   Zt as bottomBarHeight,
-  _a as usePlayerStore
+  rr as usePlayQueueStore,
+  ka as usePlayerStore
 };
 //# sourceMappingURL=index.es.js.map